@tap-payments/auth-jsconnect 1.0.54 → 1.0.57

package/build/@types/app.d.ts

@@ -67,6 +67,7 @@ export interface License {
     license: {
         number: string;
     };
+    type: string;
 }
 export interface Activity {
     ar: string;

package/build/@types/form.d.ts

@@ -1,4 +1,4 @@
-import { Activity, BrandInfo, CountryCode, CustomerLocation, ExpectedCustomer, ExpectedSaleRange, SalesChannel, SourceOfIncome } from './app';
+import { Activity, BrandInfo, CountryCode, CustomerLocation, ExpectedCustomer, ExpectedSaleRange, License, SalesChannel, SourceOfIncome } from './app';
 export declare type MobileFormValues = {
     mobile: string | null;
     countryCode: CountryCode;
@@ -30,14 +30,8 @@ export declare type BrandFormValues = {
     selectedBrandItem: BrandInfo;
 };
 export declare type BusinessTypeFormValues = {
-    businessType: string;
-    flNumber: string;
-    crNumber: string;
-};
-export declare type BusinessInfoFormValues = {
     licenseNumber: string;
-    brandName: string;
-    legalName: string;
+    selectedLicense?: License;
 };
 export declare type ActivitiesFormValues = {
     activities: Array<Activity> | undefined;

package/build/app/rootReducer.d.ts

@@ -6,5 +6,6 @@ declare const rootReducer: {
     tax: import("redux").Reducer<import("../features/app/tax/taxStore").TaxState, import("redux").AnyAction>;
     individual: import("redux").Reducer<import("../features/app/individual/individualStore").IndividualState, import("redux").AnyAction>;
     password: import("redux").Reducer<import("../features/app/password/passwordStore").PasswordState, import("redux").AnyAction>;
+    landing: import("redux").Reducer<import("../features/app/landing/landingStore").LandingState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -5,6 +5,7 @@ import bank from '../features/app/bank/bankStore';
 import tax from '../features/app/tax/taxStore';
 import individual from '../features/app/individual/individualStore';
 import password from '../features/app/password/passwordStore';
+import landing from '../features/app/landing/landingStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -12,6 +13,7 @@ var rootReducer = {
     bank: bank,
     tax: tax,
     individual: individual,
-    password: password
+    password: password,
+    landing: landing
 };
 export default rootReducer;

package/build/app/store.d.ts

@@ -7,6 +7,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     tax: import("../features/app/tax/taxStore").TaxState;
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
+    landing: import("../features/app/landing/landingStore").LandingState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -15,6 +16,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     tax: import("../features/app/tax/taxStore").TaxState;
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
+    landing: import("../features/app/landing/landingStore").LandingState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/assets/locales/ar.json

@@ -214,5 +214,11 @@
     "mobile_button_label": "المتابعة عن طريق رقم الجوال",
     "select_brand_label": "Brand List",
     "choose_brand": "Choose Brand",
-    "confirm_enter_iban": "الايبان"
+    "confirm_enter_iban": "الايبان",
+    "choose_any_license": "Choose Licene",
+    "future_work": "Future Work",
+    "add_other_fl": "Add Freelance",
+    "add_other_cr": "Add CR",
+    "cr_number": "CR Number",
+    "fl_number": "FL Number"
 }

package/build/assets/locales/en.json

@@ -228,5 +228,11 @@
     "open_mail_box": "Open Mailbox",
     "select_brand_label": "Brand List",
     "choose_brand": "Choose Brand",
-    "confirm_enter_iban": "IBAN"
+    "confirm_enter_iban": "IBAN",
+    "choose_any_license": "Choose Licene",
+    "future_work": "Future Work",
+    "add_other_fl": "Add Freelance",
+    "add_other_cr": "Add CR",
+    "cr_number": "CR Number",
+    "fl_number": "FL Number"
 }

package/build/constants/app.d.ts

@@ -1,4 +1,4 @@
-import { ScreenStepNavigation } from '../@types';
+import { ScreenStepNavigation, BusinessType } from '../@types';
 export declare const CLIENT_ORIGIN: string;
 export declare const LOCAL_STORAGE_KEYS: {
     themeMode: string;
@@ -18,6 +18,7 @@ export declare const INDIVIDUAL_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const PASSWORD_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const BANK_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const LANDING_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const DefaultDeviceInfo: {
     source: string;
     device: {
@@ -118,3 +119,23 @@ export declare const ENCRYPTION_FLAG = "encryption_contract";
 export declare const BACKEND_ENCRYPTION_FLAG = "backend_encryption_contract";
 export declare const INSTAGRAM_URL = "https://www.instagram.com";
 export declare const TWITTER_URL = "https://twitter.com";
+export declare const OTHER_FL_LICENSE: {
+    legal_name: {
+        ar: string;
+        en: string;
+    };
+    license: {
+        number: string;
+    };
+    type: BusinessType;
+};
+export declare const OTHER_CR_LICENSE: {
+    legal_name: {
+        ar: string;
+        en: string;
+    };
+    license: {
+        number: string;
+    };
+    type: BusinessType;
+};

package/build/constants/app.js

@@ -1,3 +1,4 @@
+import { BusinessType } from '../@types';
 export var CLIENT_ORIGIN = window.location.origin;
 export var LOCAL_STORAGE_KEYS = {
     themeMode: 'themeMode',
@@ -185,6 +186,14 @@ export var TAX_SCREENS_NAVIGATION = [
         order: 3
     }
 ];
+export var LANDING_SCREENS_NAVIGATION = [
+    {
+        name: 'LANDING_VERIFY_AND_REDIRECT_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    }
+];
 export var DefaultDeviceInfo = {
     source: 'browser',
     device: {
@@ -285,3 +294,23 @@ export var ENCRYPTION_FLAG = 'encryption_contract';
 export var BACKEND_ENCRYPTION_FLAG = 'backend_encryption_contract';
 export var INSTAGRAM_URL = 'https://www.instagram.com';
 export var TWITTER_URL = 'https://twitter.com';
+export var OTHER_FL_LICENSE = {
+    legal_name: {
+        ar: 'add_other_fl',
+        en: 'add_other_fl'
+    },
+    license: {
+        number: 'other_fl'
+    },
+    type: BusinessType.FL
+};
+export var OTHER_CR_LICENSE = {
+    legal_name: {
+        ar: 'add_other_cr',
+        en: 'add_other_cr'
+    },
+    license: {
+        number: 'other_cr'
+    },
+    type: BusinessType.CR
+};

package/build/constants/dummy.d.ts

@@ -1,12 +1,3 @@
-export declare const OTHER_LICENSE: {
-    legal_name: {
-        ar: string;
-        en: string;
-    };
-    license: {
-        number: string;
-    };
-};
 export declare const OTHER_BRAND: {
     id: string;
     name: {

package/build/constants/dummy.js

@@ -1,12 +1,3 @@
-export var OTHER_LICENSE = {
-    legal_name: {
-        ar: 'other',
-        en: 'other'
-    },
-    license: {
-        number: 'other'
-    }
-};
 export var OTHER_BRAND = {
     id: 'other',
     name: {

package/build/features/Landing/Landing.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LibConfig } from '../../@types';
+export interface LandingProps extends LibConfig {
+}
+export declare function LandingLib(props: LandingProps): JSX.Element;
+export declare function renderLandingLib(config: LandingProps, elementId: string): void;
+export declare function unmountLandingLib(elementId: string): void;

package/build/features/Landing/Landing.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { memo, useEffect } from 'react';
+import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '../../hooks';
+import { settingsSelector } from '../../app/settings';
+import AnimationFlow from '../../components/AnimationFlow';
+import { store } from '../../app/store';
+import { ReduxProvider, ThemeProvider } from '../../components/Providers';
+import Collapse from '../../components/Collapse';
+import { getParameterByName, reactElement } from '../../utils';
+import { FeatureContainer } from '../shared/Containers';
+import { LANDING_SCREENS_NAVIGATION } from '../../constants';
+import { landingFeatureScreens } from '../featuresScreens';
+import CustomFooter from '../shared/Footer';
+import { verifyAuthToken } from '../app/landing/landingStore';
+var Landing = memo(function (props) {
+    var open = React.useState(true)[0];
+    var theme = useAppTheme().theme;
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(settingsSelector).data;
+    var loading = useAppConfig(__assign({ navigation: LANDING_SCREENS_NAVIGATION }, props)).loading;
+    useErrorListener();
+    var activeScreen = data.activeScreen;
+    var verifyToken = function () {
+        var token = getParameterByName('token');
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verifyAuthToken(token));
+    };
+    useEffect(function () {
+        if (!loading)
+            verifyToken();
+    }, [loading]);
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: landingFeatureScreens.map(function (_a, index) {
+                    var Element = _a.element, name = _a.name;
+                    var isActive = activeScreen.name === name;
+                    return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
+                }) }) })) })));
+});
+export function LandingLib(props) {
+    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Landing, __assign({}, props)) })));
+}
+export function renderLandingLib(config, elementId) {
+    reactElement(elementId).render(_jsx(LandingLib, __assign({}, config)));
+}
+export function unmountLandingLib(elementId) {
+    reactElement(elementId).unmount();
+}

package/build/features/Landing/index.d.ts

@@ -0,0 +1 @@
+export * from './Landing';

package/build/features/Landing/index.js

@@ -0,0 +1 @@
+export * from './Landing';

package/build/features/Landing/screens/VerifyAndRedirect/VerifyAndRedirect.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface VerifyAndRedirectProps {
+}
+declare const _default: React.MemoExoticComponent<({}: VerifyAndRedirectProps) => JSX.Element>;
+export default _default;

package/build/features/Landing/screens/VerifyAndRedirect/VerifyAndRedirect.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import { settingsSelector } from '../../../../app/settings';
+import { landingSelector } from '../../../app/landing/landingStore';
+import BouncingDotsLoader from '../../../shared/BouncingDotsLoader';
+import { useAppSelector } from '../../../../hooks';
+import Text from '../../../../components/Text';
+import { getParameterByName } from '../../../../utils';
+var TextStyledWithThreeDots = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        fontWeight: theme.typography.fontWeightBold,
+        fontSize: theme.spacing(3),
+        color: theme.palette.text.primary,
+        marginBottom: '5px'
+    });
+});
+var ScreenContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        height: theme.spacing(23),
+        justifyContent: 'center',
+        alignItems: 'center'
+    });
+});
+var ContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex'
+    });
+});
+var VerifyAndRedirect = function (_a) {
+    var _b = useAppSelector(settingsSelector), sLoading = _b.loading, sError = _b.error;
+    var _c = useAppSelector(landingSelector), data = _c.data, error = _c.error, loading = _c.loading;
+    var isLoading = sLoading || loading;
+    var errorMessage = sError || error;
+    var token = getParameterByName('token');
+    var getFlowName = function (stepName) {
+        return stepName.split('_')[0];
+    };
+    React.useEffect(function () {
+        var step_name = (data.verify.responseBody || {}).step_name;
+        if (step_name) {
+            var flowName_1 = getFlowName(step_name);
+            setTimeout(function () {
+                window.location.href = "".concat(window.location.origin, "/").concat(flowName_1, "?token=").concat(token);
+            }, 300);
+        }
+    }, [data.verify.responseBody]);
+    return (_jsxs(ScreenContainerStyled, { children: [isLoading && (_jsxs(ContainerStyled, { children: [_jsx(TextStyledWithThreeDots, { children: "Verifying" }), _jsx(BouncingDotsLoader, {})] })), errorMessage && _jsx(TextStyledWithThreeDots, { children: errorMessage }), !isLoading && !errorMessage && _jsx(TextStyledWithThreeDots, { children: "Verified" })] }));
+};
+export default React.memo(VerifyAndRedirect);

package/build/features/Landing/screens/VerifyAndRedirect/index.d.ts

@@ -0,0 +1,2 @@
+import VerifyAndRedirect from './VerifyAndRedirect';
+export default VerifyAndRedirect;

package/build/features/Landing/screens/VerifyAndRedirect/index.js

@@ -0,0 +1,2 @@
+import VerifyAndRedirect from './VerifyAndRedirect';
+export default VerifyAndRedirect;

package/build/features/app/business/businessStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { ActivitiesFormValues, CustomersFormValues, BusinessTypeFormValues, CountryCode, License, NIDFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { ActivitiesFormValues, CustomersFormValues, BusinessTypeFormValues, CountryCode, NIDFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
 export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
     businessCountry: any;
     countries: any;
@@ -53,13 +53,7 @@ export declare const retrieveDataList: import("@reduxjs/toolkit").AsyncThunk<{
 }, void, {}>;
 export declare const updateCustomersInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-    formData: {
-        customerLocations: import("../../../@types").CustomerLocation[];
-        expectedCustomer: import("../../../@types").ExpectedCustomer | undefined;
-        expectedSalesRange: import("../../../@types").ExpectedSaleRange | undefined;
-        refundPolicy: boolean;
-        transactionPolicy: boolean;
-    };
+    formData: CustomersFormValues;
 }, CustomersFormValues, {}>;
 export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -79,8 +73,6 @@ export interface BusinessData {
         type: string;
     };
     businessTypeData: BusinessTypeFormValues & ResponseData;
-    crInfos: Array<License>;
-    flInfos: Array<License>;
     activitiesData: ActivitiesFormValues & ResponseData;
     customersData: CustomersFormValues & ResponseData;
 }

package/build/features/app/business/businessStore.js

@@ -45,13 +45,22 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import moment from 'moment';
 import API from '../../../api';
 import { BusinessType } from '../../../@types';
-import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE } from '../../../constants';
-import { convertNumbers2English, removeRequestHeaders } from '../../../utils';
+import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
+import { convertNumbers2English, getClientEmailUrl, removeRequestHeaders } from '../../../utils';
 import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
@@ -189,25 +198,25 @@ export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function
 }); });
 export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, business, payload, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _b, _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
                 payload = {
                     id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
-                    license_number: params.businessType === BusinessType.FL ? params.flNumber : params.crNumber,
-                    license_type: params.businessType === BusinessType.FL ? 'freelance' : 'commercial_registration',
-                    business_type: params.businessType,
+                    license_number: params.licenseNumber,
+                    license_type: ((_c = params.selectedLicense) === null || _c === void 0 ? void 0 : _c.type) === BusinessType.FL ? 'freelance' : 'commercial_registration',
+                    business_type: (_d = params.selectedLicense) === null || _d === void 0 ? void 0 : _d.type,
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_CR_INFO,
                     encryption_contract: ['license_number', 'business_type', 'license_type']
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_e.sent()).data;
+                data = (_g.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(createAccount());
-                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
                 }
                 return [2, { data: data, formData: params }];
         }
@@ -327,7 +336,7 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
                     thunkApi.dispatch(handleNextScreenStep());
                     (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
                 }
-                return [2, { data: data, formData: __assign({}, params) }];
+                return [2, { data: data, formData: params }];
         }
     });
 }); });
@@ -343,6 +352,7 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                 payload = {
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_SUCCESS,
                     id: ((_c = business.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.id) || '',
+                    email_url: getClientEmailUrl(),
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
@@ -374,12 +384,8 @@ var initialState = {
             type: ''
         },
         businessTypeData: {
-            businessType: BusinessType.FL,
-            flNumber: '',
-            crNumber: ''
+            licenseNumber: ''
         },
-        crInfos: [],
-        flInfos: [],
         activitiesData: {
             activities: [],
             salesChannels: [],
@@ -497,22 +503,30 @@ export var businessSlice = createSlice({
             state.error = null;
         })
             .addCase(retrieveEntityList.fulfilled, function (state, action) {
-            var _a;
+            var _a, _b;
             state.error = null;
             var data = action.payload.data;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            var licenseList = [];
             if (!description) {
                 var fl = data.fl, cr = data.cr;
                 if (Array.isArray(cr) && cr.length > 0) {
-                    state.data.crInfos = cr;
-                    state.data.businessTypeData.businessType = BusinessType.CR;
-                    return;
+                    licenseList = cr.map(function (item) {
+                        return __assign(__assign({}, item), { type: BusinessType.CR });
+                    });
                 }
                 if (Array.isArray(fl) && fl.length > 0) {
-                    state.data.flInfos = fl;
-                    state.data.businessTypeData.businessType = BusinessType.FL;
+                    var mappedFL = fl.map(function (item) {
+                        return __assign(__assign({}, item), { type: BusinessType.FL });
+                    });
+                    licenseList = __spreadArray(__spreadArray([], licenseList, true), mappedFL, true);
                 }
             }
+            licenseList = __spreadArray(__spreadArray([], licenseList, true), [OTHER_CR_LICENSE, OTHER_FL_LICENSE], false);
+            state.data.businessTypeData.responseBody = { licenseList: licenseList };
+            var selectedLicense = licenseList === null || licenseList === void 0 ? void 0 : licenseList[0];
+            state.data.businessTypeData.selectedLicense = selectedLicense;
+            state.data.businessTypeData.licenseNumber = (_b = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _b === void 0 ? void 0 : _b.number;
         })
             .addCase(retrieveEntityList.rejected, function (state, action) {
             state.error = action.error.message;
@@ -531,7 +545,7 @@ export var businessSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.businessTypeData = formData;
+            state.data.businessTypeData = __assign(__assign({}, state.data.businessTypeData), formData);
             if (!!((_c = (_b = data === null || data === void 0 ? void 0 : data.entity) === null || _b === void 0 ? void 0 : _b.license) === null || _c === void 0 ? void 0 : _c.issuing_date)) {
                 state.data.activitiesData.operationStartDate = convertNumbers2English(moment((_e = (_d = data === null || data === void 0 ? void 0 : data.entity) === null || _d === void 0 ? void 0 : _d.license) === null || _e === void 0 ? void 0 : _e.issuing_date).format('YYYY-MM-DD'));
             }
@@ -539,7 +553,8 @@ export var businessSlice = createSlice({
             var selectedActivity = activities === null || activities === void 0 ? void 0 : activities[0];
             if (!!selectedActivity)
                 state.data.activitiesData.activities = [selectedActivity];
-            state.data.businessTypeData.responseBody = __assign(__assign({}, data), { activities: activities });
+            var licenseList = (state.data.businessTypeData.responseBody || { licenseList: [] }).licenseList;
+            state.data.businessTypeData.responseBody = __assign(__assign({ licenseList: licenseList }, data), { activities: activities });
         })
             .addCase(updateLeadBusinessType.rejected, function (state, action) {
             state.loading = false;
@@ -563,7 +578,8 @@ export var businessSlice = createSlice({
                 state.error = 'signup_user_exists_error';
                 return;
             }
-            state.data.businessTypeData.responseBody = __assign(__assign({}, data), { channelList: channelsData || [] });
+            var licenseList = (state.data.businessTypeData.responseBody || { licenseList: [] }).licenseList;
+            state.data.businessTypeData.responseBody = __assign(__assign({ licenseList: licenseList }, data), { channelList: channelsData || [] });
             var selectedChannel = channelsData === null || channelsData === void 0 ? void 0 : channelsData[0];
             if (!!selectedChannel)
                 state.data.activitiesData.salesChannels = [selectedChannel];

package/build/features/app/landing/landingStore.d.ts

@@ -0,0 +1,22 @@
+import { RootState } from '../../../app/store';
+import { ResponseData, SharedState } from '../../../@types';
+export declare const verifyAuthToken: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    token: string;
+}, string, {}>;
+declare type VerifyData = {
+    token: string;
+};
+export interface LandingData {
+    verify: ResponseData & VerifyData;
+}
+export interface LandingState extends SharedState<LandingData> {
+}
+export declare const landingSlice: import("@reduxjs/toolkit").Slice<LandingState, {
+    clearError: (state: LandingState) => void;
+    stopLoader: (state: LandingState) => void;
+}, "landing/store">;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("redux").Reducer<LandingState, import("redux").AnyAction>;
+export default _default;
+export declare const landingSelector: (state: RootState) => LandingState;

package/build/features/app/landing/landingStore.js

@@ -0,0 +1,103 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _a;
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import API from '../../../api';
+export var verifyAuthToken = createAsyncThunk('verifyAuthToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var payload, data;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                payload = {
+                    service_name: 'tap_email',
+                    verify_token: token
+                };
+                return [4, API.leadService.verifyLeadToken(payload)];
+            case 1:
+                data = (_a.sent()).data;
+                return [2, { data: data, token: token }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        verify: {
+            token: ''
+        }
+    }
+};
+export var landingSlice = createSlice({
+    name: 'landing/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(verifyAuthToken.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, token = _b.token;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.verify.responseBody = data;
+            state.data.verify.token = token;
+        })
+            .addCase(verifyAuthToken.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.loading = false;
+        })
+            .addCase(verifyAuthToken.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        });
+    }
+});
+export var clearError = (_a = landingSlice.actions, _a.clearError), stopLoader = _a.stopLoader;
+export default landingSlice.reducer;
+export var landingSelector = function (state) { return state.landing; };

package/build/features/business/screens/Activities/ActivitiesList.js

@@ -76,9 +76,10 @@ export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { r
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
 });
 var ActivitiesList = function (_a) {
+    var _b;
     var rest = __rest(_a, []);
-    var _b = React.useState([]), activitiesMenuList = _b[0], setActivitiesMenuList = _b[1];
-    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
+    var _c = React.useState([]), activitiesMenuList = _c[0], setActivitiesMenuList = _c[1];
+    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
@@ -87,7 +88,7 @@ var ActivitiesList = function (_a) {
     var data = useSelector(businessSelector).data;
     var businessTypeData = data.businessTypeData;
     var response = businessTypeData.responseBody;
-    var businessType = businessTypeData.businessType;
+    var businessType = (_b = businessTypeData.selectedLicense) === null || _b === void 0 ? void 0 : _b.type;
     var isCR = businessType === BusinessType.CR;
     React.useEffect(function () {
         var _a;

package/build/features/business/screens/BusinessType/BusinessType.js

@@ -22,42 +22,34 @@ import Collapse from '../../../../components/Collapse';
 import { useLanguage } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import { businessSelector, clearError, retrieveEntityList, updateLeadBusinessType } from '../../../app/business/businessStore';
-import { BusinessType as BusinessTypeEnum } from '../../../../@types';
 import Button from '../../../shared/Button';
-import { CRValidationSchema, FLValidationSchema } from './validation';
-import SelectType from './SelectType';
-import FreelanceLicense from './FreelanceLicense';
-import CompanyLicense from './CompanyLicense';
+import { LicenseValidationSchema } from './validation';
+import LicenseList from './LicenseList';
 var BusinessType = function (_a) {
-    var _b = React.useState(false), isCR = _b[0], setIsCR = _b[1];
-    var _c = useSelector(businessSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var _b = useSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var businessTypeData = data.businessTypeData;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var _d = React.useState(false), listActive = _d[0], setListActive = _d[1];
+    var _c = React.useState(false), listActive = _c[0], setListActive = _c[1];
     var methods = useForm({
-        resolver: yupResolver(isCR ? CRValidationSchema : FLValidationSchema),
+        resolver: yupResolver(LicenseValidationSchema),
         defaultValues: data.businessTypeData,
         mode: 'onChange'
     });
     React.useEffect(function () {
-        dispatch(retrieveEntityList());
+        if (!(businessTypeData === null || businessTypeData === void 0 ? void 0 : businessTypeData.responseBody))
+            dispatch(retrieveEntityList());
     }, []);
-    React.useEffect(function () {
-        var businessType = businessTypeData.businessType;
-        methods.setValue('businessType', businessType);
-        if (businessType === BusinessTypeEnum.CR)
-            setIsCR(true);
-    }, [businessTypeData.businessType]);
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        var dataValues = { businessType: data.businessType, flNumber: data.flNumber, crNumber: '' };
-        if (isCR)
-            dataValues = { businessType: data.businessType, crNumber: data.crNumber, flNumber: '' };
+        var dataValues = {
+            selectedLicense: data.selectedLicense,
+            licenseNumber: data.licenseNumber
+        };
         dispatch(updateLeadBusinessType(dataValues));
     };
     var onBack = function () {
@@ -65,11 +57,7 @@ var BusinessType = function (_a) {
     };
     var disabled = !methods.formState.isValid || !!error;
     var disableBack = !data.otpData.isNID;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(SelectType, { show: !listActive, onSwitchToCR: function () { return setIsCR(true); }, onSwitchToFL: function () { return setIsCR(false); } }), _jsx(CompanyLicense, { show: isCR, list: data.crInfos, onListOpen: function () {
-                            setListActive(true);
-                        }, onListClose: function () {
-                            setListActive(false);
-                        } }), _jsx(FreelanceLicense, { show: !isCR, list: data.flInfos, onListOpen: function () {
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(LicenseList, { onListOpen: function () {
                             setListActive(true);
                         }, onListClose: function () {
                             setListActive(false);

package/build/features/business/screens/BusinessType/LicenseList.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface LicenseListProps {
+    onSelectLicense?: (number: string) => void;
+    onListOpen?: () => void;
+    onListClose?: () => void;
+}
+declare const _default: React.MemoExoticComponent<({ ...rest }: LicenseListProps) => JSX.Element>;
+export default _default;

package/build/features/business/screens/BusinessType/LicenseList.js

@@ -0,0 +1,124 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { useAppDispatch, useLanguage } from '../../../../hooks';
+import { BusinessType } from '../../../../@types';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import Input from '../../../shared/Input';
+import CheckIcon from '../../../shared/CheckIcon';
+import SimpleList from '../../../../components/SimpleList';
+import { businessSelector, clearError } from '../../../app/business/businessStore';
+import Text from '../../../../components/Text';
+import ExpandIcon from '../../../../components/ExpandIcon';
+import Collapse from '../../../../components/Collapse';
+import LicenseNumber from './LicenseNumber';
+var InputStyled = styled(Input)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBottom: theme.spacing(2.5),
+        '& .MuiInputBase-input': {
+            cursor: 'pointer'
+        }
+    });
+});
+var LicenseContainer = styled(Box)(function () { return ({
+    display: 'flex'
+}); });
+var LicenseNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
+    var theme = _a.theme, isSelected = _a.isSelected;
+    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
+});
+var LicenseList = function (_a) {
+    var rest = __rest(_a, []);
+    var _b = useSelector(businessSelector), data = _b.data, error = _b.error;
+    var businessTypeData = data.businessTypeData;
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var _d = useFormContext(), setValue = _d.setValue, control = _d.control;
+    var selectedLicenseControl = useController({ control: control, name: 'selectedLicense' });
+    var responseBody = businessTypeData.responseBody, selectedLicense = businessTypeData.selectedLicense;
+    var licenseList = (responseBody || { licenseList: [] }).licenseList;
+    var onOpenLicenseList = function (event) {
+        var _a;
+        setAnchorEl(event.currentTarget);
+        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
+    };
+    var onCloseLicenseList = function () {
+        var _a;
+        setAnchorEl(null);
+        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
+    };
+    React.useEffect(function () {
+        var list = licenseList || [];
+        if (list.length > 0) {
+            setValue('licenseList', list);
+            if (!!selectedLicense) {
+                setValue('selectedLicense', selectedLicense, { shouldValidate: true });
+                setValue('licenseNumber', getLicenseNumber(selectedLicense), { shouldValidate: true });
+            }
+        }
+    }, [licenseList, selectedLicense]);
+    var getLicenseNumber = function (item) {
+        var _a;
+        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) || '';
+    };
+    var getLicenseName = function (item) {
+        var _a, _b;
+        if ((item === null || item === void 0 ? void 0 : item.type) === BusinessType.FL && !isOtherLicense(item))
+            return 'future_work';
+        return (isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '';
+    };
+    var isOtherLicense = function (item) {
+        var _a, _b;
+        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) === 'other_fl' || ((_b = item === null || item === void 0 ? void 0 : item.license) === null || _b === void 0 ? void 0 : _b.number) === 'other_cr';
+    };
+    var onSelectItem = function (license) {
+        if (error)
+            dispatch(clearError());
+        selectedLicenseControl.field.onChange(license);
+        if (isOtherLicense(license))
+            setValue('licenseNumber', '', { shouldValidate: true });
+        else
+            setValue('licenseNumber', getLicenseNumber(license), { shouldValidate: true });
+        onCloseLicenseList();
+    };
+    var showLicenseNumber = !anchorEl;
+    var selected = selectedLicenseControl.field.value;
+    var licenseReadonly = !isOtherLicense(selected);
+    var isCR = (selected === null || selected === void 0 ? void 0 : selected.type) === BusinessType.CR;
+    var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : t(getLicenseNumber(selected));
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? t(getLicenseName(selected)) : flValue }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList || [], onSelectItem: onSelectItem, renderItem: function (item) {
+                        return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selected) }, { children: isOtherLicense(item)
+                                            ? t(getLicenseName(item))
+                                            : getLicenseNumber(item) + ' - ' + getLicenseName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selected) && _jsx(CheckIcon, {})] }));
+                    } }) })), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: licenseReadonly })] }));
+};
+export default React.memo(LicenseList);

package/build/features/business/screens/BusinessType/LicenseNumber.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface LicenseNumberProps {
+    show: boolean;
+    readOnly: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ show, readOnly }: LicenseNumberProps) => JSX.Element>;
+export default _default;

package/build/features/business/screens/BusinessType/LicenseNumber.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { CR_NUMBER_LENGTH, FL_NUMBER_LENGTH } from '../../../../constants';
+import { removeAllCharsFromNumber, removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import ClearIcon from '../../../shared/ClearIcon';
+import CheckIcon from '../../../shared/CheckIcon';
+import Input from '../../../shared/Input';
+import Collapse from '../../../../components/Collapse';
+import { BusinessType } from '../../../../@types';
+var LicenseNumber = function (_a) {
+    var _b;
+    var show = _a.show, readOnly = _a.readOnly;
+    var t = useTranslation().t;
+    var _c = useFormContext(), control = _c.control, getValues = _c.getValues;
+    var licenseNumberControl = useController({ control: control, name: 'licenseNumber' });
+    var selectedLicense = getValues('selectedLicense');
+    var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+    var handleFLNumberChange = function (_a) {
+        var target = _a.target;
+        var value = isCR ? removeAllCharsFromNumber(target.value) : removeAllOtherThanCharsAndNumber(target.value);
+        licenseNumberControl.field.onChange(value);
+    };
+    var clearLicenseNumber = function () {
+        licenseNumberControl.field.onChange('');
+    };
+    var licenseNumberValue = licenseNumberControl.field.value;
+    var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var length = isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
+    var label = isCR ? 'cr_number' : 'fl_number';
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '0123456789' : '12345678', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
+};
+export default React.memo(LicenseNumber);

package/build/features/business/screens/BusinessType/validation.d.ts

@@ -1,15 +1,11 @@
 import * as yup from 'yup';
-export declare const FLValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    flNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+export declare const LicenseValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    selectedLicense: any;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    flNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    flNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
-export declare const CRValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    crNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    crNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    crNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    selectedLicense: any;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;

package/build/features/business/screens/BusinessType/validation.js

@@ -1,8 +1,25 @@
 import * as yup from 'yup';
 import { FL_NUMBER_LENGTH, CR_NUMBER_LENGTH } from '../../../../constants';
-export var FLValidationSchema = yup.object().shape({
-    flNumber: yup.string().min(FL_NUMBER_LENGTH, "fl_max_length").required('fl_required')
-});
-export var CRValidationSchema = yup.object().shape({
-    crNumber: yup.string().min(CR_NUMBER_LENGTH, "cr_max_length").required('cr_required')
+import { BusinessType } from '../../../../@types';
+var objectElements = {
+    legal_name: yup.object().shape({
+        ar: yup.string(),
+        en: yup.string()
+    }),
+    license: yup.object().shape({
+        number: yup.string()
+    }),
+    type: yup.string()
+};
+export var LicenseValidationSchema = yup.object().shape({
+    selectedLicense: yup.object().shape(objectElements).required(''),
+    licenseNumber: yup.string().when('selectedLicense', function (selectedLicenseValue) {
+        var _a, _b;
+        if (((_b = (_a = selectedLicenseValue === null || selectedLicenseValue === void 0 ? void 0 : selectedLicenseValue.license) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === BusinessType.CR) {
+            return yup.string().min(CR_NUMBER_LENGTH, "cr_max_length").required('cr_required');
+        }
+        else {
+            return yup.string().min(FL_NUMBER_LENGTH, "fl_max_length").required('fl_required');
+        }
+    })
 });

package/build/features/featuresScreens.d.ts

@@ -5,3 +5,4 @@ export declare const passwordFeatureScreens: Array<FeatureScreenStep>;
 export declare const individualFeatureScreens: Array<FeatureScreenStep>;
 export declare const bankFeatureScreens: Array<FeatureScreenStep>;
 export declare const taxFeatureScreens: Array<FeatureScreenStep>;
+export declare const landingFeatureScreens: Array<FeatureScreenStep>;

package/build/features/featuresScreens.js

@@ -24,6 +24,7 @@ import BankSuccessPage from './bank/screens/Success';
 import TaxVerifyPage from './tax/screens/Verify';
 import TaxDetailsPage from './tax/screens/TaxDetails';
 import TaxSuccessPage from './tax/screens/Success';
+import VerifyAndRedirectPage from './Landing/screens/VerifyAndRedirect';
 export var connectFeatureScreens = [
     {
         name: 'CONNECT_NID_STEP',
@@ -137,3 +138,9 @@ export var taxFeatureScreens = [
         element: TaxSuccessPage
     }
 ];
+export var landingFeatureScreens = [
+    {
+        name: 'LANDING_VERIFY_AND_REDIRECT_STEP',
+        element: VerifyAndRedirectPage
+    }
+];

package/build/features/shared/BouncingDotsLoader/BouncingDotsLoader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const BouncingDotsLoader: () => JSX.Element;
+export default BouncingDotsLoader;

package/build/features/shared/BouncingDotsLoader/BouncingDotsLoader.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+var BoxStyled = styled(Box)(function () { return ({
+    display: 'flex',
+    alignItems: 'center',
+    '@keyframes bouncing-loader': {
+        to: {
+            opacity: 0.1
+        }
+    }
+}); });
+var DotStyled = styled(Box)(function () { return ({
+    width: 16,
+    height: 16,
+    margin: '0 6px 0 6px',
+    borderRadius: '50%',
+    backgroundColor: '#a3a1a1',
+    opacity: 1,
+    animation: 'bouncing-loader 0.6s infinite alternate',
+    '&:nth-of-type(2)': {
+        animationDelay: '0.2s'
+    },
+    '&:nth-of-type(3)': {
+        animationDelay: '0.4s'
+    }
+}); });
+var BouncingDotsLoader = function () {
+    return (_jsxs(BoxStyled, { children: [_jsx(DotStyled, {}), _jsx(DotStyled, {}), _jsx(DotStyled, {})] }));
+};
+export default BouncingDotsLoader;

package/build/features/shared/BouncingDotsLoader/index.d.ts

@@ -0,0 +1,2 @@
+import BouncingDotsLoader from './BouncingDotsLoader';
+export default BouncingDotsLoader;

package/build/features/shared/BouncingDotsLoader/index.js

@@ -0,0 +1,2 @@
+import BouncingDotsLoader from './BouncingDotsLoader';
+export default BouncingDotsLoader;

package/build/hooks/useAppDispatch.d.ts

@@ -6,4 +6,5 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     tax: import("../features/app/tax/taxStore").TaxState;
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
+    landing: import("../features/app/landing/landingStore").LandingState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/index.d.ts

@@ -6,5 +6,6 @@ import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib }
 import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
 import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
 import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
-export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
+import { LandingLib, LandingProps, renderLandingLib, unmountLandingLib } from './features/Landing';
+export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, LandingProps };
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, LandingLib, renderLandingLib, unmountLandingLib };

package/build/index.js

@@ -6,7 +6,8 @@ import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/p
 import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
 import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
 import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
+import { LandingLib, renderLandingLib, unmountLandingLib } from './features/Landing';
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, LandingLib, renderLandingLib, unmountLandingLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     unmountConnectLib: unmountConnectLib,
@@ -19,5 +20,7 @@ window['TapAuth'] = {
     renderBankLib: renderBankLib,
     unmountBankLib: unmountBankLib,
     renderTaxLib: renderTaxLib,
-    unmountTaxLib: unmountTaxLib
+    unmountTaxLib: unmountTaxLib,
+    renderLandingLib: renderLandingLib,
+    unmountLandingLib: unmountLandingLib
 };

package/build/utils/string.js

@@ -47,10 +47,7 @@ export var getParameterByName = function (name) {
 };
 export var getClientEmailUrl = function () {
     var origin = window.location.origin;
-    if (origin.includes('localhost')) {
-        return origin + '/business?token=';
-    }
-    return origin + '/auth/business?token=';
+    return origin + '/?token=';
 };
 export var capitalizeTheFirstLetterOfEachWord = function (words) {
     var separateWord = words.toLowerCase().split(' ');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.54",
+	"version": "1.0.57",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",