From f24c12c8f797e5c3451f4a93e4394aefd49f0098 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 18:29:30 +0530
Subject: [PATCH 01/38] fix: Added mode to fetch the mode i.e manual by default

---
 .../get-template-details/get-template-details.usecase.ts        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/api/src/app/template/usecases/get-template-details/get-template-details.usecase.ts b/apps/api/src/app/template/usecases/get-template-details/get-template-details.usecase.ts
index 7c7bf2658..c40fd838b 100644
--- a/apps/api/src/app/template/usecases/get-template-details/get-template-details.usecase.ts
+++ b/apps/api/src/app/template/usecases/get-template-details/get-template-details.usecase.ts
@@ -10,7 +10,7 @@ export class GetTemplateDetails {
   async execute(_id: string): Promise<TemplateResponseDto> {
     const template = await this.templateRepository.findOne(
       { _id },
-      '_projectId name sampleFileUrl _id totalUploads totalInvalidRecords totalRecords'
+      '_projectId name sampleFileUrl _id totalUploads totalInvalidRecords totalRecords mode'
     );
     if (!template) {
       throw new DocumentNotFoundException('Template', _id);

From 9b7b036d2f4f147add80abb85512329e0d6dfec3 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 18:31:05 +0530
Subject: [PATCH 02/38] fix: Added migration to update the mode of template
 entity of old users as manual

---
 .../update-mode/update-mode.migrations.ts     | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 apps/api/src/migrations/update-mode/update-mode.migrations.ts

diff --git a/apps/api/src/migrations/update-mode/update-mode.migrations.ts b/apps/api/src/migrations/update-mode/update-mode.migrations.ts
new file mode 100644
index 000000000..964a5c935
--- /dev/null
+++ b/apps/api/src/migrations/update-mode/update-mode.migrations.ts
@@ -0,0 +1,38 @@
+import '../../config';
+import { AppModule } from '../../app.module';
+
+import { NestFactory } from '@nestjs/core';
+import { TemplateRepository } from '@impler/dal';
+
+export async function run() {
+  console.log('start migration - registering payment users');
+
+  let app;
+  try {
+    // Initialize the MongoDB connection
+    app = await NestFactory.create(AppModule, {
+      logger: false,
+    });
+
+    const templateRepository = new TemplateRepository();
+
+    // Fetch all templates without the 'mode' field
+    const templatesWithoutMode = await templateRepository.find({ mode: { $exists: false } });
+    console.log('Templates without mode:', templatesWithoutMode);
+
+    const updateResult = await templateRepository.update({ mode: { $exists: false } }, { mode: 'manual', multi: true });
+
+    console.log('Updated templates:', updateResult);
+
+    console.log('end migration - Adding manual mode to all templates users');
+  } catch (error) {
+    console.error('An error occurred during the migration:', error);
+  } finally {
+    if (app) {
+      await app.close();
+    }
+    process.exit(0);
+  }
+}
+
+run();

From 9d02d7761c8716bc9e34543a40e223c94a399335 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 18:32:09 +0530
Subject: [PATCH 03/38] fix: Fetched column types label and value by function
 getColumnTypes

---
 apps/web/components/imports/forms/ColumnForm.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/imports/forms/ColumnForm.tsx b/apps/web/components/imports/forms/ColumnForm.tsx
index e873628fd..cc2e2d6a5 100644
--- a/apps/web/components/imports/forms/ColumnForm.tsx
+++ b/apps/web/components/imports/forms/ColumnForm.tsx
@@ -15,13 +15,14 @@ import {
 } from '@mantine/core';
 
 import { ColumnTypesEnum, DEFAULT_VALUES, IColumn } from '@impler/shared';
-import { colors, COLUMN_TYPES, DELIMITERS, MODAL_KEYS, MODAL_TITLES } from '@config';
+import { colors, DELIMITERS, MODAL_KEYS, MODAL_TITLES } from '@config';
 
 import { Button } from '@ui/button';
 import { Textarea } from '@ui/textarea';
 import { Checkbox } from '@ui/checkbox';
 import { MultiSelect } from '@ui/multi-select';
 import { CustomSelect } from '@ui/custom-select';
+import { useSchema } from '@hooks/useSchema';
 
 interface ColumnFormProps {
   data?: Partial<IColumn>;
@@ -30,6 +31,7 @@ interface ColumnFormProps {
 }
 
 export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
+  const { getColumnTypes } = useSchema({ templateId: data?._templateId as string });
   const { colorScheme } = useMantineColorScheme();
   const {
     watch,
@@ -107,7 +109,7 @@ export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
                 render={({ field: { value, onChange, onBlur } }) => (
                   <Select
                     label="Column Type"
-                    data={COLUMN_TYPES}
+                    data={getColumnTypes()}
                     placeholder="Type"
                     value={value}
                     data-autofocus

From deea7d0190a9b1b4b8e4d3493b3314b7bd19420c Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 18:58:18 +0530
Subject: [PATCH 04/38] feat: Used state and effect to get and set columnTypes
 respectively

---
 .../imports/schema/ColumnsTable.tsx           | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/web/components/imports/schema/ColumnsTable.tsx b/apps/web/components/imports/schema/ColumnsTable.tsx
index 1d7b9c9fc..e527623a4 100644
--- a/apps/web/components/imports/schema/ColumnsTable.tsx
+++ b/apps/web/components/imports/schema/ColumnsTable.tsx
@@ -1,9 +1,9 @@
-import { useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Controller } from 'react-hook-form';
-import { ActionIcon, Flex, Tooltip, TextInput as Input, Group, Badge } from '@mantine/core';
+import { ActionIcon, Flex, Tooltip, TextInput as Input, Group, Badge, SelectItem } from '@mantine/core';
 
 import { useSchema } from '@hooks/useSchema';
-import { colors, COLUMN_TYPES } from '@config';
+import { colors } from '@config';
 import { ColumnTypesEnum, IColumn } from '@impler/shared';
 
 import { Button } from '@ui/button';
@@ -24,6 +24,8 @@ interface ColumnsTableProps {
 
 export function ColumnsTable({ templateId }: ColumnsTableProps) {
   const ValidationRef = useRef(false);
+  const { getColumnTypes } = useSchema({ templateId });
+  const [columnType, setColumnType] = useState<SelectItem[]>(getColumnTypes());
 
   const {
     columns,
@@ -47,6 +49,10 @@ export function ColumnsTable({ templateId }: ColumnsTableProps) {
     onValidationsClick({ ...values, key: values.key || values.name });
   };
 
+  useEffect(() => {
+    setColumnType(getColumnTypes());
+  }, []);
+
   return (
     <form
       onSubmit={(e) => {
@@ -123,12 +129,7 @@ export function ColumnsTable({ templateId }: ColumnsTableProps) {
                       control={control}
                       name="type"
                       render={({ field }) => (
-                        <NativeSelect
-                          data={COLUMN_TYPES}
-                          placeholder="Select Type"
-                          variant="default"
-                          register={field}
-                        />
+                        <NativeSelect data={columnType} placeholder="Select Type" variant="default" register={field} />
                       )}
                     />
                     <Button

From 9d36b6e8387638a25d9aadd4563eff109705645e Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:20:28 +0530
Subject: [PATCH 05/38] feat: Used state and effect to get and set columnTypes
 respectively

---
 apps/web/components/imports/forms/ColumnForm.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/imports/forms/ColumnForm.tsx b/apps/web/components/imports/forms/ColumnForm.tsx
index cc2e2d6a5..9db202cc5 100644
--- a/apps/web/components/imports/forms/ColumnForm.tsx
+++ b/apps/web/components/imports/forms/ColumnForm.tsx
@@ -12,6 +12,7 @@ import {
   CloseButton,
   Select,
   useMantineColorScheme,
+  SelectItem,
 } from '@mantine/core';
 
 import { ColumnTypesEnum, DEFAULT_VALUES, IColumn } from '@impler/shared';
@@ -23,6 +24,7 @@ import { Checkbox } from '@ui/checkbox';
 import { MultiSelect } from '@ui/multi-select';
 import { CustomSelect } from '@ui/custom-select';
 import { useSchema } from '@hooks/useSchema';
+import { useEffect, useState } from 'react';
 
 interface ColumnFormProps {
   data?: Partial<IColumn>;
@@ -32,6 +34,7 @@ interface ColumnFormProps {
 
 export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
   const { getColumnTypes } = useSchema({ templateId: data?._templateId as string });
+  const [columnType, setColumnType] = useState<readonly (string | SelectItem)[]>([]);
   const { colorScheme } = useMantineColorScheme();
   const {
     watch,
@@ -49,6 +52,10 @@ export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
     modals.close(MODAL_KEYS.COLUMN_UPDATE);
   };
 
+  useEffect(() => {
+    setColumnType(getColumnTypes());
+  }, []);
+
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <Stack spacing="xs">
@@ -109,7 +116,7 @@ export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
                 render={({ field: { value, onChange, onBlur } }) => (
                   <Select
                     label="Column Type"
-                    data={getColumnTypes()}
+                    data={columnType as readonly (string | SelectItem)[]}
                     placeholder="Type"
                     value={value}
                     data-autofocus

From d785bd8a7f76ee923f654f016a6fee23def2725b Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:22:05 +0530
Subject: [PATCH 06/38] feat: Fetched and return meta

---
 apps/web/hooks/useImportDetails.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/web/hooks/useImportDetails.tsx b/apps/web/hooks/useImportDetails.tsx
index de3b5a4a7..be1e8e3d7 100644
--- a/apps/web/hooks/useImportDetails.tsx
+++ b/apps/web/hooks/useImportDetails.tsx
@@ -9,12 +9,14 @@ import { useAppState } from 'store/app.context';
 import { ITemplate, IErrorObject, IColumn } from '@impler/shared';
 import { UpdateImportForm } from '@components/imports/forms/UpdateImportForm';
 import { API_KEYS, MODAL_KEYS, MODAL_TITLES, NOTIFICATION_KEYS, ROUTES } from '@config';
+import { usePlanMetaData } from 'store/planmeta.store.context';
 
 interface useImportDetailProps {
   templateId: string;
 }
 
 export function useImportDetails({ templateId }: useImportDetailProps) {
+  const { meta } = usePlanMetaData();
   const router = useRouter();
   const queryClient = useQueryClient();
   const { profileInfo } = useAppState();
@@ -107,5 +109,6 @@ export function useImportDetails({ templateId }: useImportDetailProps) {
     isTemplateDataLoading,
     onSpreadsheetImported,
     updateImport,
+    meta,
   };
 }

From d0fd22113984a84500b0585c7b67fdbd12b652f5 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:22:43 +0530
Subject: [PATCH 07/38] feat: Setted plan meta by data.meta

---
 apps/web/hooks/usePlanDetails.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/web/hooks/usePlanDetails.tsx b/apps/web/hooks/usePlanDetails.tsx
index d2970ee32..b9aa65ab8 100644
--- a/apps/web/hooks/usePlanDetails.tsx
+++ b/apps/web/hooks/usePlanDetails.tsx
@@ -2,12 +2,14 @@ import { useQuery } from '@tanstack/react-query';
 import { commonApi } from '@libs/api';
 import { API_KEYS } from '@config';
 import { IErrorObject } from '@impler/shared';
+import { usePlanMetaData } from 'store/planmeta.store.context';
 
 interface UsePlanDetailProps {
   email: string;
 }
 
 export function usePlanDetails({ email }: UsePlanDetailProps) {
+  const { meta, setPlanMeta } = usePlanMetaData();
   const { data: activePlanDetails, isLoading: isActivePlanLoading } = useQuery<
     unknown,
     IErrorObject,
@@ -17,12 +19,23 @@ export function usePlanDetails({ email }: UsePlanDetailProps) {
     [API_KEYS.FETCH_ACTIVE_SUBSCRIPTION, email],
     () => commonApi<ISubscriptionData>(API_KEYS.FETCH_ACTIVE_SUBSCRIPTION as any, {}),
     {
+      onSuccess(data) {
+        if (data && data.meta) {
+          setPlanMeta({
+            AUTOMATIC_IMPORTS: data.meta.AUTOMATIC_IMPORTS,
+            IMAGE_UPLOAD: data.meta.IMAGE_UPLOAD,
+            IMPORTED_ROWS: data.meta.IMPORTED_ROWS,
+            REMOVE_BRANDING: data.meta.REMOVE_BRANDING,
+          });
+        }
+      },
       enabled: !!email,
     }
   );
 
   return {
     activePlanDetails,
+    meta,
     isActivePlanLoading,
   };
 }

From b06faa2089c47a602b6bc95c620b3e4fb3c25df0 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:23:37 +0530
Subject: [PATCH 08/38] feat: Dynamically disabling the Automatic select field
 based on false value

---
 apps/web/pages/imports/[id].tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web/pages/imports/[id].tsx b/apps/web/pages/imports/[id].tsx
index 537c9a2fc..e2dce2dfd 100644
--- a/apps/web/pages/imports/[id].tsx
+++ b/apps/web/pages/imports/[id].tsx
@@ -24,6 +24,7 @@ import { FourIcon } from '@assets/icons/Four.icon';
 import { ThreeIcon } from '@assets/icons/Three.icon';
 import { DeleteIcon } from '@assets/icons/Delete.icon';
 import { LeftArrowIcon } from '@assets/icons/LeftArrow.icon';
+import { TemplateModeEnum } from '@impler/shared';
 
 const Editor = dynamic(() => import('@components/imports/editor').then((mod) => mod.OutputEditor), {
   ssr: false,
@@ -45,6 +46,7 @@ export default function ImportDetails({}) {
     isTemplateDataLoading,
     onSpreadsheetImported,
     updateImport,
+    meta,
   } = useImportDetails({
     templateId: router.query.id as string,
   });
@@ -62,6 +64,7 @@ export default function ImportDetails({}) {
     });
     showWidget({ colorScheme });
   };
+  console.log(templateData?.mode);
 
   return (
     <Flex gap="sm" direction="column" h="100%" style={{ position: 'relative' }}>
@@ -83,8 +86,11 @@ export default function ImportDetails({}) {
             size="sm"
             maw={125}
             placeholder="Mode"
-            data={IMPORT_MODES}
-            value={templateData?.mode}
+            data={IMPORT_MODES.map((mode) => ({
+              ...mode,
+              disabled: mode.value === TemplateModeEnum.AUTOMATIC && !meta?.AUTOMATIC_IMPORTS ? true : false,
+            }))}
+            value={templateData?.mode || TemplateModeEnum.MANUAL}
             onChange={(mode) => updateImport({ mode: mode || undefined })}
           />
           <Button

From 49bc651f6ca8c493aa9b0fea7915b786cabc6250 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:25:13 +0530
Subject: [PATCH 09/38] feat: Wrapped necessary components under StoreWrapper

---
 apps/web/pages/_app.tsx | 64 ++++++++++++++++++++---------------------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/apps/web/pages/_app.tsx b/apps/web/pages/_app.tsx
index 5050a1813..0cb27f502 100644
--- a/apps/web/pages/_app.tsx
+++ b/apps/web/pages/_app.tsx
@@ -92,44 +92,44 @@ export default function MyApp({ Component, pageProps }: AppProps) {
       </Head>
       <QueryClientProvider client={client}>
         <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}>
-          <MantineProvider
-            theme={{ ...mantineConfig, colorScheme, fontFamily: poppinsFont.style.fontFamily }}
-            withGlobalStyles
-            withNormalizeCSS
-          >
-            <Notifications />
-            <ModalsProvider
-              modalProps={{
-                styles: {
-                  title: {
-                    color: colorScheme === 'dark' ? colors.white : colors.black,
-                  },
-                  content: {
-                    backgroundColor: colorScheme === 'dark' ? colors.black : colors.white,
-                    borderRadius: 0,
-                    boxShadow: 'none',
-                    // flex: `0 0 40rem !important`,
-                  },
-                  header: {
-                    backgroundColor: colorScheme === 'dark' ? colors.black : colors.white,
-                  },
-                  overlay: {
-                    // eslint-disable-next-line no-magic-numbers
-                    backgroundColor: addOpacityToHex(colorScheme === 'dark' ? colors.white : colors.black, 0.2),
-                    backdropFilter: 'blur(5px)',
-                  },
-                },
-              }}
+          <StoreWrapper>
+            <MantineProvider
+              theme={{ ...mantineConfig, colorScheme, fontFamily: poppinsFont.style.fontFamily }}
+              withGlobalStyles
+              withNormalizeCSS
             >
-              <StoreWrapper>
+              <Notifications />
+              <ModalsProvider
+                modalProps={{
+                  styles: {
+                    title: {
+                      color: colorScheme === 'dark' ? colors.white : colors.black,
+                    },
+                    content: {
+                      backgroundColor: colorScheme === 'dark' ? colors.black : colors.white,
+                      borderRadius: 0,
+                      boxShadow: 'none',
+                      // flex: `0 0 40rem !important`,
+                    },
+                    header: {
+                      backgroundColor: colorScheme === 'dark' ? colors.black : colors.white,
+                    },
+                    overlay: {
+                      // eslint-disable-next-line no-magic-numbers
+                      backgroundColor: addOpacityToHex(colorScheme === 'dark' ? colors.white : colors.black, 0.2),
+                      backdropFilter: 'blur(5px)',
+                    },
+                  },
+                }}
+              >
                 {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
                 {/* @ts-ignore */}
                 <Layout {...(Component.Layout ? { pageProps } : {})}>
                   <Component {...pageProps} />
                 </Layout>
-              </StoreWrapper>
-            </ModalsProvider>
-          </MantineProvider>
+              </ModalsProvider>
+            </MantineProvider>
+          </StoreWrapper>
         </ColorSchemeProvider>
       </QueryClientProvider>
     </>

From 56ca54aec04a0487f0d69ccd339b8d14e8ebf190 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:26:23 +0530
Subject: [PATCH 10/38] feat: Added getColumnTypes for disabling value and
 label of select field

---
 apps/web/hooks/useSchema.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/apps/web/hooks/useSchema.tsx b/apps/web/hooks/useSchema.tsx
index 9376d9818..d20dfec5e 100644
--- a/apps/web/hooks/useSchema.tsx
+++ b/apps/web/hooks/useSchema.tsx
@@ -8,10 +8,12 @@ import { commonApi } from '@libs/api';
 import { notify } from '@libs/notify';
 import { track } from '@libs/amplitude';
 import { IColumn, IErrorObject } from '@impler/shared';
-import { API_KEYS, MODAL_KEYS, MODAL_TITLES, NOTIFICATION_KEYS } from '@config';
+import { API_KEYS, COLUMN_TYPES, MODAL_KEYS, MODAL_TITLES, NOTIFICATION_KEYS } from '@config';
 
 import { useUpdateBulkColumns } from './useUpdateBulkColumns';
 import { ConfirmDelete } from '@components/imports/forms/ConfirmDelete';
+import { usePlanMetaData } from 'store/planmeta.store.context';
+import { SelectItem } from '@mantine/core';
 
 const ColumnForm = dynamic(() => import('@components/imports/forms/ColumnForm').then((mod) => mod.ColumnForm), {
   ssr: false,
@@ -22,6 +24,7 @@ interface UseSchemaProps {
 }
 
 export function useSchema({ templateId }: UseSchemaProps) {
+  const { meta } = usePlanMetaData();
   const queryClient = useQueryClient();
   const [showAddRow, setShowAddRow] = useState(false);
   const { register, control, watch, reset, setFocus, handleSubmit, formState, getValues } = useForm<IColumn>({
@@ -166,6 +169,18 @@ export function useSchema({ templateId }: UseSchemaProps) {
     createColumn(data);
   }
 
+  function getColumnTypes(): SelectItem[] {
+    if (!meta) return COLUMN_TYPES;
+
+    return COLUMN_TYPES.map((item) => {
+      if (item.label === 'Image' && item.value === 'Image' && !meta.IMAGE_UPLOAD) {
+        return { ...item, disabled: true, label: 'Image Premium Feature' };
+      }
+
+      return item;
+    });
+  }
+
   useEffect(() => {
     if (showAddRow) setFocus('name');
   }, [setFocus, showAddRow]);
@@ -183,6 +198,7 @@ export function useSchema({ templateId }: UseSchemaProps) {
     onEditColumnClick,
     onValidationsClick,
     onDeleteColumnClick,
+    getColumnTypes,
     isColumnCreateLoading,
     isLoading: isColumnListLoading,
     handleSubmit: handleSubmit(onAddColumnSubmit),

From ffb2438f146d1576dd34ccd96ed13823621018bf Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Fri, 2 Aug 2024 19:26:54 +0530
Subject: [PATCH 11/38] feat: Removed logs

---
 apps/web/pages/imports/[id].tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/pages/imports/[id].tsx b/apps/web/pages/imports/[id].tsx
index e2dce2dfd..9068503eb 100644
--- a/apps/web/pages/imports/[id].tsx
+++ b/apps/web/pages/imports/[id].tsx
@@ -64,7 +64,6 @@ export default function ImportDetails({}) {
     });
     showWidget({ colorScheme });
   };
-  console.log(templateData?.mode);
 
   return (
     <Flex gap="sm" direction="column" h="100%" style={{ position: 'relative' }}>

From 04d2f2041710c6dff1dcd754dc56805321581014 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 10:26:00 +0530
Subject: [PATCH 12/38] feat: Added context and hook for storing the plan meta

---
 apps/web/store/planmeta.store.context.tsx | 30 +++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 apps/web/store/planmeta.store.context.tsx

diff --git a/apps/web/store/planmeta.store.context.tsx b/apps/web/store/planmeta.store.context.tsx
new file mode 100644
index 000000000..64fa01a2a
--- /dev/null
+++ b/apps/web/store/planmeta.store.context.tsx
@@ -0,0 +1,30 @@
+import { createContext, useState, ReactNode, useContext } from 'react';
+import { IPlanMeta, IPlanMetaContext } from 'types/store.types';
+
+const PlanMetaContext = createContext<IPlanMetaContext | undefined>(undefined);
+
+interface PlanMetaProviderProps {
+  children: ReactNode;
+}
+
+export const PlanMetaProvider = ({ children }: PlanMetaProviderProps) => {
+  const [meta, setMeta] = useState<IPlanMeta | null>(null);
+
+  const setPlanMeta = (newMeta: IPlanMeta) => {
+    setMeta(newMeta);
+  };
+
+  return <PlanMetaContext.Provider value={{ meta, setPlanMeta }}>{children}</PlanMetaContext.Provider>;
+};
+
+export const usePlanMetaData = () => {
+  const context = useContext(PlanMetaContext);
+
+  if (!context) {
+    return;
+  }
+
+  return context;
+};
+
+export { PlanMetaContext };

From c390f3bae2bd391b7a83991805af0bf752bd8bf6 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 10:26:44 +0530
Subject: [PATCH 13/38] feat: Wrapped the AppContextProvider inside
 PlanMetaProvider

---
 apps/web/store/StoreWrapper.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/web/store/StoreWrapper.tsx b/apps/web/store/StoreWrapper.tsx
index 69c978c56..2dfb72154 100644
--- a/apps/web/store/StoreWrapper.tsx
+++ b/apps/web/store/StoreWrapper.tsx
@@ -1,6 +1,11 @@
 import { PropsWithChildren } from 'react';
 import AppContextProvider from './app.context';
+import { PlanMetaProvider } from './planmeta.store.context';
 
 export function StoreWrapper({ children }: PropsWithChildren) {
-  return <AppContextProvider>{children}</AppContextProvider>;
+  return (
+    <PlanMetaProvider>
+      <AppContextProvider>{children}</AppContextProvider>
+    </PlanMetaProvider>
+  );
 }

From 35f006cd45f0168fd7e8e3a4228c0fce6c72d398 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 10:27:22 +0530
Subject: [PATCH 14/38] feat: Added BINARY chargeModel

---
 apps/web/types/global.d.ts | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web/types/global.d.ts b/apps/web/types/global.d.ts
index c7ade69ac..56499cfcf 100644
--- a/apps/web/types/global.d.ts
+++ b/apps/web/types/global.d.ts
@@ -44,7 +44,7 @@ interface ISubscriptionData {
         code: string;
         name: string;
       };
-      chargeModal: 'FIXED' | 'VOLUME_BASED';
+      chargeModal: 'FIXED' | 'VOLUME_BASED' | 'BINARY';
       properties: Record<string, string | number>;
     }[];
     charge: number;
@@ -56,7 +56,15 @@ interface ISubscriptionData {
   };
   expiryDate: Date;
   meta: {
-    IMPORTED_ROWS: number;
+    IMAGE_UPLOAD: boolean;
+    IMPORTED_ROWS: Array<{
+      flat_fee: number;
+      per_unit: number;
+      last_unit: number | string;
+      first_unit: number;
+    }>;
+    REMOVE_BRANDING: boolean;
+    AUTOMATIC_IMPORTS: boolean;
   };
 }
 

From f1ab15b91b59fa2f55b49145b5c9dd06ba214666 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 10:29:27 +0530
Subject: [PATCH 15/38] feat: Added interface IPlanMetaContext and IPlanMeta to
 have types for plan meta or billable metrics

---
 apps/web/types/store.types.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/apps/web/types/store.types.ts b/apps/web/types/store.types.ts
index 70232daed..f606c1124 100644
--- a/apps/web/types/store.types.ts
+++ b/apps/web/types/store.types.ts
@@ -2,3 +2,20 @@ export interface IAppStore {
   profileInfo?: IProfileData;
   setProfileInfo: (info: IProfileData) => void;
 }
+
+export interface IPlanMeta {
+  IMAGE_UPLOAD: boolean;
+  IMPORTED_ROWS: Array<{
+    flat_fee: number;
+    per_unit: number;
+    last_unit: number | string;
+    first_unit: number;
+  }>;
+  REMOVE_BRANDING: boolean;
+  AUTOMATIC_IMPORTS: boolean;
+}
+
+export interface IPlanMetaContext {
+  meta: IPlanMeta | null;
+  setPlanMeta: (planMeta: IPlanMeta) => void;
+}

From 3d89b8a995b13dddd08d87e688354609f9323957 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 10:30:57 +0530
Subject: [PATCH 16/38] feat: Added default manual value for mode

---
 libs/dal/src/repositories/template/template.schema.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/dal/src/repositories/template/template.schema.ts b/libs/dal/src/repositories/template/template.schema.ts
index 650c452e5..1288a5c10 100644
--- a/libs/dal/src/repositories/template/template.schema.ts
+++ b/libs/dal/src/repositories/template/template.schema.ts
@@ -36,6 +36,7 @@ const templateSchema = new Schema(
     },
     mode: {
       type: Schema.Types.String,
+      default: 'manual',
     },
   },
   { ...schemaOptions }

From 614b7a7fe09cce58077af10c79b4fbb3b2483f48 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 17:28:55 +0530
Subject: [PATCH 17/38] feat: Added error message when the user tries to add
 manual schema and type as Image

---
 apps/web/hooks/useColumnsEditor.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/web/hooks/useColumnsEditor.tsx b/apps/web/hooks/useColumnsEditor.tsx
index 3f7c7b3de..ce5e327f7 100644
--- a/apps/web/hooks/useColumnsEditor.tsx
+++ b/apps/web/hooks/useColumnsEditor.tsx
@@ -6,6 +6,7 @@ import { API_KEYS } from '@config';
 import { commonApi } from '@libs/api';
 import { IColumn, IErrorObject } from '@impler/shared';
 import { useUpdateBulkColumns } from './useUpdateBulkColumns';
+import { usePlanMetaData } from 'store/planmeta.store.context';
 
 interface UseSchemaProps {
   templateId: string;
@@ -16,6 +17,7 @@ interface ColumnsData {
 }
 
 export function useColumnsEditor({ templateId }: UseSchemaProps) {
+  const { meta } = usePlanMetaData();
   const [columnErrors, setColumnErrors] = useState<Record<number, string[]>>();
   const {
     control,
@@ -68,13 +70,26 @@ export function useColumnsEditor({ templateId }: UseSchemaProps) {
   );
   const onSaveColumnsClick = (data: ColumnsData) => {
     setColumnErrors(undefined);
+    let parsedColumns;
+
     try {
-      JSON.parse(data.columns);
+      parsedColumns = JSON.parse(data.columns);
     } catch (error) {
       return setError('columns', { type: 'JSON', message: 'Provided JSON is invalid!' });
     }
 
-    updateColumns(JSON.parse(data.columns));
+    if (!meta?.IMAGE_UPLOAD) {
+      const imageColumnExists = parsedColumns.some((column: IColumn) => column.type === 'Image');
+
+      if (imageColumnExists) {
+        return setError('columns', {
+          type: 'Object',
+          message: 'Image column type is not allowed in your current plan.',
+        });
+      }
+    }
+
+    updateColumns(parsedColumns);
   };
   const onColumnUpdateError = (error: IErrorObject) => {
     if (error.error && Array.isArray(error.message)) {

From 086896979df97f2aaadf52c09aff4d08e90e7545 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 17:31:48 +0530
Subject: [PATCH 18/38] feat: Show message if user selects Image column type
 without plan

---
 apps/api/src/app/shared/constants.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/api/src/app/shared/constants.ts b/apps/api/src/app/shared/constants.ts
index b466c6fb7..fe6968c61 100644
--- a/apps/api/src/app/shared/constants.ts
+++ b/apps/api/src/app/shared/constants.ts
@@ -33,6 +33,9 @@ export const APIMessages = {
   COLUMN_KEY_DUPLICATED: 'Column with the same key already exists. Please provide a unique key.',
   ERROR_DURING_VALIDATION:
     'Something went wrong while validating data. Data is not imported yet, but team is informed about issue. Please try again after sometime.',
+  ERROR_ACCESSING_FEATURE: {
+    IMAGE_UPLOAD: 'You do not have access to Image Upload Functionality, please make sure you purchased a plan',
+  },
 };
 
 export const CONSTANTS = {

From d0131864f3aefd5b1b288dd0848b46e47a517e6b Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 17:33:35 +0530
Subject: [PATCH 19/38] feat: Thrown error if context is not found

---
 apps/web/store/planmeta.store.context.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/store/planmeta.store.context.tsx b/apps/web/store/planmeta.store.context.tsx
index 64fa01a2a..51fddbf97 100644
--- a/apps/web/store/planmeta.store.context.tsx
+++ b/apps/web/store/planmeta.store.context.tsx
@@ -21,7 +21,7 @@ export const usePlanMetaData = () => {
   const context = useContext(PlanMetaContext);
 
   if (!context) {
-    return;
+    throw new Error('usePlanMetaData must be used within a PlanMetaProvider');
   }
 
   return context;

From da2e718513ead2b2eab4b86a132363309987e062 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 17:34:24 +0530
Subject: [PATCH 20/38] feat: Imported and added
 AVAILABLE_BILLABLEMETRIC_CODE_ENUM wherever necessary

---
 libs/services/src/payment/payment.api.service.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/libs/services/src/payment/payment.api.service.ts b/libs/services/src/payment/payment.api.service.ts
index 9fb576ca7..67da103f8 100644
--- a/libs/services/src/payment/payment.api.service.ts
+++ b/libs/services/src/payment/payment.api.service.ts
@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { ISubscriptionData, constructQueryString } from '@impler/shared';
+import { ISubscriptionData, AVAILABLE_BILLABLEMETRIC_CODE_ENUM, constructQueryString } from '@impler/shared';
 
 interface ICheckData {
   uploadId: string;
@@ -22,10 +22,10 @@ interface ICustomer {
   currency: 'USD' | 'INR';
 }
 
-type AVAILABLE_CODES = 'IMPORTED_ROWS' | 'REMOVE_BRANDING';
+// eslint-disable-next-line @typescript-eslint/naming-convention
 
 export class PaymentAPIService {
-  private CODE: AVAILABLE_CODES = 'IMPORTED_ROWS';
+  private CODE: AVAILABLE_BILLABLEMETRIC_CODE_ENUM.IMPORTED_ROWS;
   private AUTH_KEY: string;
   private AUTH_VALUE: string;
   private PAYMENT_API_BASE_URL: string;
@@ -56,16 +56,17 @@ export class PaymentAPIService {
     });
   }
 
-  async checkEvent(email: string, type: AVAILABLE_CODES = 'IMPORTED_ROWS'): Promise<boolean> {
+  async checkEvent(email: string, billableMetricCode: AVAILABLE_BILLABLEMETRIC_CODE_ENUM): Promise<boolean> {
     if (!this.PAYMENT_API_BASE_URL) return true;
 
     let url = `${this.PAYMENT_API_BASE_URL}/api/v1/check`;
-    url += constructQueryString({ externalId: email, billableMetricCode: type });
+    url += constructQueryString({ externalId: email, billableMetricCode });
     const response = await axios.get(url, {
       headers: {
         [this.AUTH_KEY]: this.AUTH_VALUE,
       },
     });
+    console.log('ISTHIS AVAILABLE?', billableMetricCode, response.data.available);
 
     return response.data.available;
   }

From 4e845878d3697b488e1d79ee4a400e48b7e1732c Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:49:06 +0530
Subject: [PATCH 21/38] feat: Added Image as type in ISchemaItem

---
 packages/react/src/types/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/types/index.ts b/packages/react/src/types/index.ts
index 3150aa765..cdb0408a3 100644
--- a/packages/react/src/types/index.ts
+++ b/packages/react/src/types/index.ts
@@ -25,7 +25,7 @@ export interface ISchemaItem {
   defaultValue?: string | '<<null>>' | '<<undefined>>' | '<<>>' | '<<[]>>' | '<<true>>' | '<<false>>';
   selectValues?: string[];
   dateFormats?: string[];
-  type?: 'String' | 'Number' | 'Double' | 'Date' | 'Email' | 'Regex' | 'Select' | 'Any';
+  type?: 'String' | 'Number' | 'Double' | 'Date' | 'Email' | 'Regex' | 'Select' | 'Any' | 'Image';
   regex?: string;
   allowMultiSelect?: boolean;
 }

From 0265878bdd74573e7193f825e25fb617db73e2a9 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:49:47 +0530
Subject: [PATCH 22/38] feat: Added await while calling async method execute

---
 apps/api/src/app/common/common.controller.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/api/src/app/common/common.controller.ts b/apps/api/src/app/common/common.controller.ts
index d9538852c..d2dd0be93 100644
--- a/apps/api/src/app/common/common.controller.ts
+++ b/apps/api/src/app/common/common.controller.ts
@@ -35,7 +35,7 @@ export class CommonController {
     summary: 'Check if request is valid (Checks Auth)',
   })
   async isRequestValid(@Body() body: ValidRequestDto): Promise<{ success: boolean }> {
-    return this.validRequest.execute(
+    return await this.validRequest.execute(
       ValidRequestCommand.create({
         projectId: body.projectId,
         templateId: body.templateId,

From 9693f5edac7eb8b833a841cc3b7c23b334af0b18 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:50:31 +0530
Subject: [PATCH 23/38] feat: Added and used AVAILABLE_BILLABLEMETRIC_CODE_ENUM

---
 .../get-import-config/get-import-config.usecase.ts         | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/api/src/app/common/usecases/get-import-config/get-import-config.usecase.ts b/apps/api/src/app/common/usecases/get-import-config/get-import-config.usecase.ts
index 1ee737506..cf33a891f 100644
--- a/apps/api/src/app/common/usecases/get-import-config/get-import-config.usecase.ts
+++ b/apps/api/src/app/common/usecases/get-import-config/get-import-config.usecase.ts
@@ -1,6 +1,6 @@
 import { BadRequestException, Injectable } from '@nestjs/common';
 import { UserRepository, TemplateRepository, TemplateEntity } from '@impler/dal';
-import { IImportConfig } from '@impler/shared';
+import { AVAILABLE_BILLABLEMETRIC_CODE_ENUM, IImportConfig } from '@impler/shared';
 import { PaymentAPIService } from '@impler/services';
 import { APIMessages } from '@shared/constants';
 
@@ -15,7 +15,10 @@ export class GetImportConfig {
   async execute(projectId: string, templateId?: string): Promise<IImportConfig> {
     const userEmail = await this.userRepository.findUserEmailFromProjectId(projectId);
 
-    const removeBrandingAvailable = await this.paymentAPIService.checkEvent(userEmail, 'REMOVE_BRANDING');
+    const removeBrandingAvailable = await this.paymentAPIService.checkEvent({
+      email: userEmail,
+      billableMetricCode: AVAILABLE_BILLABLEMETRIC_CODE_ENUM.REMOVE_BRANDING,
+    });
 
     let template: TemplateEntity;
     if (templateId) {

From ec21c659957de2d0761ef7bdd15983aead94d606 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:51:11 +0530
Subject: [PATCH 24/38] feat: Checked if user has access to image upload
 functionality

---
 .../valid-request/valid-request.usecase.ts    | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts b/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts
index 5b680d543..40302f4b0 100644
--- a/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts
+++ b/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts
@@ -8,12 +8,15 @@ import { ValidRequestCommand } from './valid-request.command';
 import { ProjectRepository, TemplateRepository } from '@impler/dal';
 import { UniqueColumnException } from '@shared/exceptions/unique-column.exception';
 import { DocumentNotFoundException } from '@shared/exceptions/document-not-found.exception';
+import { PaymentAPIService } from '@impler/services';
+import { AVAILABLE_BILLABLEMETRIC_CODE_ENUM } from '@impler/shared';
 
 @Injectable()
 export class ValidRequest {
   constructor(
     private projectRepository: ProjectRepository,
-    private templateRepository: TemplateRepository
+    private templateRepository: TemplateRepository,
+    private paymentAPIService: PaymentAPIService
   ) {}
 
   async execute(command: ValidRequestCommand): Promise<{ success: boolean }> {
@@ -38,6 +41,24 @@ export class ValidRequest {
           throw new DocumentNotFoundException('Template', command.templateId, APIMessages.INCORRECT_KEYS_FOUND);
         }
       }
+      if (command.schema) {
+        const user = await this.projectRepository.getUserOfProject(command.projectId);
+
+        const isBillableMetricAvailable = await this.paymentAPIService.checkEvent({
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          email: user._userId.email,
+          billableMetricCode: AVAILABLE_BILLABLEMETRIC_CODE_ENUM.IMAGE_UPLOAD,
+        });
+
+        if (!isBillableMetricAvailable) {
+          throw new DocumentNotFoundException(
+            'Schema',
+            command.schema,
+            APIMessages.ERROR_ACCESSING_FEATURE.IMAGE_UPLOAD
+          );
+        }
+      }
 
       if (command.schema) {
         const parsedSchema: SchemaDto[] =

From 6614c15f33812bfd1cabe7050afa08ab6b6cbb72 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:52:19 +0530
Subject: [PATCH 25/38] feat: Called checkEvent and provided userEMail

---
 .../review/usecases/start-process/start-process.usecase.ts    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/api/src/app/review/usecases/start-process/start-process.usecase.ts b/apps/api/src/app/review/usecases/start-process/start-process.usecase.ts
index f1a638135..5ed497fd5 100644
--- a/apps/api/src/app/review/usecases/start-process/start-process.usecase.ts
+++ b/apps/api/src/app/review/usecases/start-process/start-process.usecase.ts
@@ -26,7 +26,9 @@ export class StartProcess {
     let importedData;
     const destination = (uploadInfo._templateId as unknown as TemplateEntity)?.destination;
     const userEmail = await this.uploadRepository.getUserEmailFromUploadId(_uploadId);
-    const dataProcessingAllowed = await this.paymentAPIService.checkEvent(userEmail);
+    const dataProcessingAllowed = await this.paymentAPIService.checkEvent({
+      email: userEmail,
+    });
 
     if (
       dataProcessingAllowed &&

From 97b446e948e0e38729107e481c0606160f644a63 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:53:07 +0530
Subject: [PATCH 26/38] feat: Added error message in ERROR_ACCESSING_FEATURE
 object

---
 apps/api/src/app/shared/constants.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/api/src/app/shared/constants.ts b/apps/api/src/app/shared/constants.ts
index fe6968c61..f4a8bd86d 100644
--- a/apps/api/src/app/shared/constants.ts
+++ b/apps/api/src/app/shared/constants.ts
@@ -34,7 +34,7 @@ export const APIMessages = {
   ERROR_DURING_VALIDATION:
     'Something went wrong while validating data. Data is not imported yet, but team is informed about issue. Please try again after sometime.',
   ERROR_ACCESSING_FEATURE: {
-    IMAGE_UPLOAD: 'You do not have access to Image Upload Functionality, please make sure you purchased a plan',
+    IMAGE_UPLOAD: 'You do not have access to Image Upload Functionality.',
   },
 };
 

From a409fb1b2d26058c8b38acaca9b54fabe4719918 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:53:49 +0530
Subject: [PATCH 27/38] feat: Removed library function call addSelectValidation

---
 .../app/shared/services/file/file.service.ts  | 24 +------------------
 1 file changed, 1 insertion(+), 23 deletions(-)

diff --git a/apps/api/src/app/shared/services/file/file.service.ts b/apps/api/src/app/shared/services/file/file.service.ts
index 60fe805b3..e584fd2b1 100644
--- a/apps/api/src/app/shared/services/file/file.service.ts
+++ b/apps/api/src/app/shared/services/file/file.service.ts
@@ -1,5 +1,4 @@
 import * as XLSX from 'xlsx';
-import * as ExcelJS from 'exceljs';
 import { cwd } from 'node:process';
 import * as xlsxPopulate from 'xlsx-populate';
 import { CONSTANTS } from '@shared/constants';
@@ -45,28 +44,7 @@ export class ExcelFileService {
 
     return name;
   }
-  addSelectValidation({
-    ws,
-    range,
-    keyName,
-    isRequired,
-  }: {
-    ws: ExcelJS.Worksheet;
-    range: string;
-    keyName: string;
-    isRequired: boolean;
-  }) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    ws.dataValidations.add(range, {
-      type: 'list',
-      allowBlank: !isRequired,
-      formulae: [`${keyName}!$A$2:$A$9999`],
-      showErrorMessage: true,
-      errorTitle: 'Invalid Value',
-      error: 'Please select from the list',
-    });
-  }
+
   getExcelColumnNameFromIndex(columnNumber: number) {
     // To store result (Excel column name)
     const columnName = [];

From da5bd498031c051930c44e2c078e8a849c0e81b0 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 19:54:13 +0530
Subject: [PATCH 28/38] feat: Called checkEvent and provided userEmail

---
 apps/queue-manager/src/consumers/end-import.consumer.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/queue-manager/src/consumers/end-import.consumer.ts b/apps/queue-manager/src/consumers/end-import.consumer.ts
index 99f38e89d..a28678035 100644
--- a/apps/queue-manager/src/consumers/end-import.consumer.ts
+++ b/apps/queue-manager/src/consumers/end-import.consumer.ts
@@ -18,7 +18,9 @@ export class EndImportConsumer extends BaseConsumer {
     await this.convertRecordsToJsonFile(data.uploadId);
     const userEmail = await this.uploadRepository.getUserEmailFromUploadId(data.uploadId);
 
-    const dataProcessingAllowed = await this.paymentAPIService.checkEvent(userEmail);
+    const dataProcessingAllowed = await this.paymentAPIService.checkEvent({
+      email: userEmail,
+    });
 
     if (dataProcessingAllowed) {
       if (data.destination === DestinationsEnum.WEBHOOK) {

From c45ed0d122ab50c0ab18dee3403c33c276877f87 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:10:26 +0530
Subject: [PATCH 29/38] feat: Added some message if the user has not access to
 that particular feature

---
 apps/web/hooks/useSchema.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/hooks/useSchema.tsx b/apps/web/hooks/useSchema.tsx
index d20dfec5e..cdb50735b 100644
--- a/apps/web/hooks/useSchema.tsx
+++ b/apps/web/hooks/useSchema.tsx
@@ -174,7 +174,7 @@ export function useSchema({ templateId }: UseSchemaProps) {
 
     return COLUMN_TYPES.map((item) => {
       if (item.label === 'Image' && item.value === 'Image' && !meta.IMAGE_UPLOAD) {
-        return { ...item, disabled: true, label: 'Image Premium Feature' };
+        return { ...item, disabled: true, label: 'Image - Scale Plan Feature' };
       }
 
       return item;

From 703c6d220f1648933511f26fc43ec74b4dd97376 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:11:45 +0530
Subject: [PATCH 30/38] feat: Added method getUserOfProject to populate the
 user using _userId and return the Project

---
 libs/dal/src/repositories/project/project.repository.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/libs/dal/src/repositories/project/project.repository.ts b/libs/dal/src/repositories/project/project.repository.ts
index bb74a7080..6eb30ca0f 100644
--- a/libs/dal/src/repositories/project/project.repository.ts
+++ b/libs/dal/src/repositories/project/project.repository.ts
@@ -13,4 +13,7 @@ export class ProjectRepository extends BaseRepository<ProjectEntity> {
       _userId: new Types.ObjectId(_userId),
     });
   }
+  async getUserOfProject(_projectId: string): Promise<ProjectEntity> {
+    return Project.findOne({ _id: _projectId }, '_userId').populate('_userId');
+  }
 }

From 0dd986d7f3aad35bc3d1f1e464557432cd74cc02 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:13:00 +0530
Subject: [PATCH 31/38] feat: Added as Model

---
 libs/dal/src/repositories/project/project.schema.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/dal/src/repositories/project/project.schema.ts b/libs/dal/src/repositories/project/project.schema.ts
index 905650105..263b0cace 100644
--- a/libs/dal/src/repositories/project/project.schema.ts
+++ b/libs/dal/src/repositories/project/project.schema.ts
@@ -1,4 +1,4 @@
-import { Schema, Document, model, models } from 'mongoose';
+import { Schema, Document, model, models, Model } from 'mongoose';
 import { schemaOptions } from '../schema-default.options';
 import { ProjectEntity } from './project.entity';
 
@@ -23,4 +23,4 @@ interface IProjectDocument extends ProjectEntity, Document {
   _id: never;
 }
 
-export const Project = models.Project || model<IProjectDocument>('Project', projectSchema);
+export const Project = (models.Project as Model<IProjectDocument>) || model<IProjectDocument>('Project', projectSchema);

From 589f5f1dd8349874a6805eb9eca0ecc6c12ddb95 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:14:00 +0530
Subject: [PATCH 32/38] feat: Added interface ICheckEvent and used in
 checkEvent method

---
 libs/services/src/payment/payment.api.service.ts | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/libs/services/src/payment/payment.api.service.ts b/libs/services/src/payment/payment.api.service.ts
index 67da103f8..dbd696a85 100644
--- a/libs/services/src/payment/payment.api.service.ts
+++ b/libs/services/src/payment/payment.api.service.ts
@@ -21,11 +21,15 @@ interface ICustomer {
   id: string;
   currency: 'USD' | 'INR';
 }
+interface ICheckEvent {
+  email: string;
+  // eslint-disable-next-line prettier/prettier
+  billableMetricCode?: AVAILABLE_BILLABLEMETRIC_CODE_ENUM;
+}
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 
 export class PaymentAPIService {
-  private CODE: AVAILABLE_BILLABLEMETRIC_CODE_ENUM.IMPORTED_ROWS;
   private AUTH_KEY: string;
   private AUTH_VALUE: string;
   private PAYMENT_API_BASE_URL: string;
@@ -41,7 +45,7 @@ export class PaymentAPIService {
 
     const createEventAPIBody = {
       customerId: userExternalIdOrEmail,
-      billableMetricCode: this.CODE,
+      billableMetricCode: AVAILABLE_BILLABLEMETRIC_CODE_ENUM.IMPORTED_ROWS,
       timestamp: new Date(),
       metadata: {
         units: resultData.totalRecords,
@@ -56,7 +60,10 @@ export class PaymentAPIService {
     });
   }
 
-  async checkEvent(email: string, billableMetricCode: AVAILABLE_BILLABLEMETRIC_CODE_ENUM): Promise<boolean> {
+  async checkEvent({
+    email,
+    billableMetricCode = AVAILABLE_BILLABLEMETRIC_CODE_ENUM.IMPORTED_ROWS,
+  }: ICheckEvent): Promise<boolean> {
     if (!this.PAYMENT_API_BASE_URL) return true;
 
     let url = `${this.PAYMENT_API_BASE_URL}/api/v1/check`;
@@ -66,7 +73,6 @@ export class PaymentAPIService {
         [this.AUTH_KEY]: this.AUTH_VALUE,
       },
     });
-    console.log('ISTHIS AVAILABLE?', billableMetricCode, response.data.available);
 
     return response.data.available;
   }

From 24a8add7a274b521b6b7d121aa48e92084399e01 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:14:34 +0530
Subject: [PATCH 33/38] feat: Exported member billablemetriccode.types

---
 libs/shared/src/types/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/shared/src/types/index.ts b/libs/shared/src/types/index.ts
index 26ef459a3..e78d6d018 100644
--- a/libs/shared/src/types/index.ts
+++ b/libs/shared/src/types/index.ts
@@ -12,3 +12,4 @@ export * from './subscription';
 export * from './template';
 export * from './import-job/import-job.types';
 export * from './user-job/user-job.types';
+export * from './bilablemetriccode/billablemetriccode.types';

From e50c2b8accb21c22efb651db4ac343aa3b400204 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:14:57 +0530
Subject: [PATCH 34/38] feat: Added enum AVAILABLE_BILLABLEMETRIC_CODE_ENUM

---
 .../src/types/bilablemetriccode/billablemetriccode.types.ts | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 libs/shared/src/types/bilablemetriccode/billablemetriccode.types.ts

diff --git a/libs/shared/src/types/bilablemetriccode/billablemetriccode.types.ts b/libs/shared/src/types/bilablemetriccode/billablemetriccode.types.ts
new file mode 100644
index 000000000..6b15baed3
--- /dev/null
+++ b/libs/shared/src/types/bilablemetriccode/billablemetriccode.types.ts
@@ -0,0 +1,6 @@
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export enum AVAILABLE_BILLABLEMETRIC_CODE_ENUM {
+  IMPORTED_ROWS = 'IMPORTED_ROWS',
+  REMOVE_BRANDING = 'REMOVE_BRANDING',
+  IMAGE_UPLOAD = 'IMAGE_UPLOAD',
+}

From 1c8c813b790cc0d260445ad7890a0fcb68b35088 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:51:37 +0530
Subject: [PATCH 35/38] feat: Added UserEntity and used it to fetch the email
 of user

---
 .../usecases/valid-request/valid-request.usecase.ts       | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts b/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts
index 40302f4b0..533493080 100644
--- a/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts
+++ b/apps/api/src/app/common/usecases/valid-request/valid-request.usecase.ts
@@ -5,7 +5,7 @@ import { Injectable, HttpStatus, HttpException, UnauthorizedException } from '@n
 import { APIMessages } from '@shared/constants';
 import { SchemaDto } from 'app/common/dtos/Schema.dto';
 import { ValidRequestCommand } from './valid-request.command';
-import { ProjectRepository, TemplateRepository } from '@impler/dal';
+import { ProjectRepository, TemplateRepository, UserEntity } from '@impler/dal';
 import { UniqueColumnException } from '@shared/exceptions/unique-column.exception';
 import { DocumentNotFoundException } from '@shared/exceptions/document-not-found.exception';
 import { PaymentAPIService } from '@impler/services';
@@ -42,12 +42,10 @@ export class ValidRequest {
         }
       }
       if (command.schema) {
-        const user = await this.projectRepository.getUserOfProject(command.projectId);
+        const project = await this.projectRepository.getUserOfProject(command.projectId);
 
         const isBillableMetricAvailable = await this.paymentAPIService.checkEvent({
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          email: user._userId.email,
+          email: (project._userId as unknown as UserEntity).email,
           billableMetricCode: AVAILABLE_BILLABLEMETRIC_CODE_ENUM.IMAGE_UPLOAD,
         });
 

From ce2d6f8e20dd6c3a30112fc32190db76a852c457 Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:52:06 +0530
Subject: [PATCH 36/38] feat: Reordered imports

---
 apps/web/components/imports/forms/ColumnForm.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/imports/forms/ColumnForm.tsx b/apps/web/components/imports/forms/ColumnForm.tsx
index 9db202cc5..370d5cfd4 100644
--- a/apps/web/components/imports/forms/ColumnForm.tsx
+++ b/apps/web/components/imports/forms/ColumnForm.tsx
@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { modals } from '@mantine/modals';
 import { Controller, useForm } from 'react-hook-form';
@@ -24,7 +25,6 @@ import { Checkbox } from '@ui/checkbox';
 import { MultiSelect } from '@ui/multi-select';
 import { CustomSelect } from '@ui/custom-select';
 import { useSchema } from '@hooks/useSchema';
-import { useEffect, useState } from 'react';
 
 interface ColumnFormProps {
   data?: Partial<IColumn>;
@@ -34,7 +34,7 @@ interface ColumnFormProps {
 
 export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
   const { getColumnTypes } = useSchema({ templateId: data?._templateId as string });
-  const [columnType, setColumnType] = useState<readonly (string | SelectItem)[]>([]);
+  const [columnTypes, setColumnType] = useState<SelectItem[]>(getColumnTypes());
   const { colorScheme } = useMantineColorScheme();
   const {
     watch,
@@ -116,7 +116,7 @@ export function ColumnForm({ onSubmit, data, isLoading }: ColumnFormProps) {
                 render={({ field: { value, onChange, onBlur } }) => (
                   <Select
                     label="Column Type"
-                    data={columnType as readonly (string | SelectItem)[]}
+                    data={columnTypes}
                     placeholder="Type"
                     value={value}
                     data-autofocus

From efa87d77c9b6c1d8d34652f9ce412df5f306633c Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:52:43 +0530
Subject: [PATCH 37/38] feat: Added s in columnType

---
 apps/web/components/imports/schema/ColumnsTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/imports/schema/ColumnsTable.tsx b/apps/web/components/imports/schema/ColumnsTable.tsx
index e527623a4..6078f613e 100644
--- a/apps/web/components/imports/schema/ColumnsTable.tsx
+++ b/apps/web/components/imports/schema/ColumnsTable.tsx
@@ -25,7 +25,7 @@ interface ColumnsTableProps {
 export function ColumnsTable({ templateId }: ColumnsTableProps) {
   const ValidationRef = useRef(false);
   const { getColumnTypes } = useSchema({ templateId });
-  const [columnType, setColumnType] = useState<SelectItem[]>(getColumnTypes());
+  const [columnTypes, setColumnType] = useState<SelectItem[]>(getColumnTypes());
 
   const {
     columns,
@@ -129,7 +129,7 @@ export function ColumnsTable({ templateId }: ColumnsTableProps) {
                       control={control}
                       name="type"
                       render={({ field }) => (
-                        <NativeSelect data={columnType} placeholder="Select Type" variant="default" register={field} />
+                        <NativeSelect data={columnTypes} placeholder="Select Type" variant="default" register={field} />
                       )}
                     />
                     <Button

From fd94e65c8208c141c9a3fa71b90ad1f3f640defe Mon Sep 17 00:00:00 2001
From: Mayur <mayurkaikadi@knovator.in>
Date: Tue, 6 Aug 2024 20:52:59 +0530
Subject: [PATCH 38/38] feat: Reordered imports

---
 apps/web/hooks/useSchema.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/hooks/useSchema.tsx b/apps/web/hooks/useSchema.tsx
index cdb50735b..18613a037 100644
--- a/apps/web/hooks/useSchema.tsx
+++ b/apps/web/hooks/useSchema.tsx
@@ -1,8 +1,10 @@
+import { useEffect, useState } from 'react';
 import dynamic from 'next/dynamic';
+
 import { modals } from '@mantine/modals';
 import { useForm } from 'react-hook-form';
-import { useEffect, useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { SelectItem } from '@mantine/core';
 
 import { commonApi } from '@libs/api';
 import { notify } from '@libs/notify';
@@ -13,8 +15,6 @@ import { API_KEYS, COLUMN_TYPES, MODAL_KEYS, MODAL_TITLES, NOTIFICATION_KEYS } f
 import { useUpdateBulkColumns } from './useUpdateBulkColumns';
 import { ConfirmDelete } from '@components/imports/forms/ConfirmDelete';
 import { usePlanMetaData } from 'store/planmeta.store.context';
-import { SelectItem } from '@mantine/core';
-
 const ColumnForm = dynamic(() => import('@components/imports/forms/ColumnForm').then((mod) => mod.ColumnForm), {
   ssr: false,
 });