Feat/new user onboarding flow and UI changes (#1126)

Author: thisismayuresh

apps/web/pages/imports/[id].tsx

@@ -130,9 +130,11 @@ function ImportDetails() {
         id: MODAL_KEYS.WELCOME_IMPORTER,
         children: <WelcomeImporterModal onDoWelcomeWidgetAction={onWelcomeImportClick} />,
         withCloseButton: false,
-        closeOnClickOutside: true,
         centered: true,
         size: 'xl',
+        onClose() {
+          clearWelcomeFlag();
+        },
       });
     }
   }, [showWelcome, onWelcomeImportClick]);

apps/widget/src/hooks/Phase1/usePhase1.ts

@@ -89,7 +89,11 @@ export function usePhase1({ goNext, texts, onManuallyEnterData }: IUsePhase1Prop
           throw new Error(WIDGET_FEATURES_EXCEPTION_MESSAGES.TEXT_CUSTOMIZATION);
         }
 
-        if (!importConfig.APPEARANCE_CUSTOMIZATION && appearanceCustomizationResult.differences.length > 0) {
+        if (
+          !importConfig.APPEARANCE_CUSTOMIZATION &&
+          appearance &&
+          appearanceCustomizationResult.differences.length > 0
+        ) {
           throw new Error(WIDGET_FEATURES_EXCEPTION_MESSAGES.APPEARANCE_CUSTOMIZATION);
         }
 

libs/shared/src/types/bilablemetric-code/billablemetriccode.types.ts

@@ -16,4 +16,5 @@ export enum BILLABLEMETRIC_CODE_ENUM {
   FIND_AND_REPLACE = 'FIND_AND_REPLACE',
   RUNTIME_SCHEMA = 'RUNTIME_SCHEMA',
   DATA_SEEDING = 'DATA_SEEDING',
+  APPEARANCE_CUSTOMIZATION = 'APPEARANCE_CUSTOMIZATION',
 }