@tap-payments/auth-jsconnect 1.0.53 → 1.0.54

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

@@ -46,7 +46,7 @@ export declare type ActivitiesFormValues = {
 };
 export declare type CustomersFormValues = {
     customerLocations: Array<CustomerLocation>;
-    expectedCustomers: ExpectedCustomer | undefined;
+    expectedCustomer: ExpectedCustomer | undefined;
     expectedSalesRange: ExpectedSaleRange | undefined;
     refundPolicy: boolean;
     transactionPolicy: boolean;

package/build/api/data.d.ts

@@ -2,6 +2,6 @@ declare const dataService: {
     getChannelsOfServices: () => Promise<import("axios").AxiosResponse<any, any>>;
     getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
     getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
-    getExpectedCutomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
+    getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
 };
 export { dataService };

package/build/api/data.js

@@ -9,13 +9,13 @@ var getCustomerBases = function () {
 var getExpectedSales = function () {
     return instance.get("".concat(ENDPOINT_PATHS.SALES));
 };
-var getExpectedCutomerSales = function () {
+var getExpectedCustomerSales = function () {
     return instance.get("".concat(ENDPOINT_PATHS.EXPECTED_CUSTOMERS));
 };
 var dataService = {
     getChannelsOfServices: getChannelsOfServices,
     getCustomerBases: getCustomerBases,
     getExpectedSales: getExpectedSales,
-    getExpectedCutomerSales: getExpectedCutomerSales
+    getExpectedCustomerSales: getExpectedCustomerSales
 };
 export { dataService };

package/build/api/index.d.ts

@@ -47,7 +47,7 @@ declare const API: {
         getChannelsOfServices: () => Promise<import("axios").AxiosResponse<any, any>>;
         getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
         getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
-        getExpectedCutomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
+        getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
     };
 };
 export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoCreateBody, EntityInfoUpdateBody, CreateAccountBody };

package/build/components/AnimationFlow/AnimationFlow.d.ts

@@ -6,6 +6,6 @@ export interface AnimationFlowProps {
     type?: 'PUPOP' | 'BOTTOMSHEET';
     breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     loading?: boolean;
-    error?: string;
+    error?: string | null;
 }
 export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error }: AnimationFlowProps): JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -15,6 +15,7 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import Dialog from './Dialog';
 import BottomSheet from './BottomSheet';
 import Loader from './Loader';
+import Error from './Error';
 export default function AnimationFlow(_a) {
     var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error;
     var theme = useTheme();
@@ -22,6 +23,9 @@ export default function AnimationFlow(_a) {
     if (loading) {
         return _jsx(Loader, {});
     }
+    if (error) {
+        return _jsx(Error, { error: error });
+    }
     if (type === 'PUPOP') {
         return (_jsx(Dialog, __assign({ footer: footer, open: open }, { children: children })));
     }

package/build/components/AnimationFlow/Error.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    error: string;
+}
+export default function Error({ error }: Props): JSX.Element;
+export {};

package/build/components/AnimationFlow/Error.js

@@ -0,0 +1,32 @@
+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 { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Text from '../Text';
+var BoxStyled = styled(Box)(function () { return ({
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0,0,0,0.5)',
+    zIndex: 2
+}); });
+export default function Error(_a) {
+    var error = _a.error;
+    return (_jsx(BoxStyled, { children: _jsx(Text, __assign({ sx: {
+                fontSize: '17px',
+                color: '#fff',
+                textAlign: 'center'
+            } }, { children: error })) }));
+}

package/build/components/AnimationFlow/Loader.js

@@ -7,7 +7,9 @@ var BoxStyled = styled(Box)(function () { return ({
     height: '100%',
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
+    backgroundColor: 'rgba(0,0,0,0.5)',
+    zIndex: 2
 }); });
 export default function FlowLoading() {
     return (_jsx(BoxStyled, { children: _jsx(Loader, { svgStyle: { width: 60, height: 60 }, innerColor: '#000', outerColor: '#000', toggleAnimation: true }) }));

package/build/constants/app.js

@@ -168,7 +168,7 @@ export var BANK_SCREENS_NAVIGATION = [
 export var TAX_SCREENS_NAVIGATION = [
     {
         name: 'TAX_VERIFY_STEP',
-        next: 'TAX_TAX_DETAILS_STEP',
+        next: ['TAX_TAX_DETAILS_STEP', 'TAX_DETAILS_SUCCESS_STEP'],
         prev: '',
         order: 1
     },

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

@@ -55,7 +55,7 @@ export declare const updateCustomersInfo: import("@reduxjs/toolkit").AsyncThunk<
     data: any;
     formData: {
         customerLocations: import("../../../@types").CustomerLocation[];
-        expectedCustomers: import("../../../@types").ExpectedCustomer | undefined;
+        expectedCustomer: import("../../../@types").ExpectedCustomer | undefined;
         expectedSalesRange: import("../../../@types").ExpectedSaleRange | undefined;
         refundPolicy: boolean;
         transactionPolicy: boolean;

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

@@ -270,32 +270,32 @@ export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', funct
                 return [4, API.entityService.createEntityInfo(requestBody, { headers: headers })];
             case 1:
                 data = (_f.sent()).data;
-                if (!data.errors) {
-                    thunkApi.dispatch(retrieveDataList());
-                    thunkApi.dispatch(handleNextScreenStep());
-                    (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
-                }
-                return [2, { data: data, formData: __assign({}, params) }];
+                if (!!data.errors) return [3, 3];
+                return [4, thunkApi.dispatch(retrieveDataList())];
+            case 2:
+                _f.sent();
+                thunkApi.dispatch(handleNextScreenStep());
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
+                _f.label = 3;
+            case 3: return [2, { data: data, formData: __assign({}, params) }];
         }
     });
 }); });
 export var retrieveDataList = createAsyncThunk('retrieveDataList', function () { return __awaiter(void 0, void 0, void 0, function () {
-    var customerBases, expectedSales, expectedCustomerSales;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4, API.dataService.getCustomerBases()];
+    var _a, customerBases, expectedSales, expectedCustomerSales;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0: return [4, Promise.all([
+                    API.dataService.getCustomerBases(),
+                    API.dataService.getExpectedSales(),
+                    API.dataService.getExpectedCustomerSales()
+                ])];
             case 1:
-                customerBases = _a.sent();
-                return [4, API.dataService.getExpectedSales()];
-            case 2:
-                expectedSales = _a.sent();
-                return [4, API.dataService.getExpectedCutomerSales()];
-            case 3:
-                expectedCustomerSales = _a.sent();
+                _a = _b.sent(), customerBases = _a[0].data, expectedSales = _a[1].data, expectedCustomerSales = _a[2].data;
                 return [2, {
-                        customerBases: customerBases === null || customerBases === void 0 ? void 0 : customerBases.data,
-                        expectedSales: expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales.data,
-                        expectedCustomerSales: expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales.data
+                        customerBases: customerBases,
+                        expectedSales: expectedSales,
+                        expectedCustomerSales: expectedCustomerSales
                     }];
         }
     });
@@ -314,7 +314,7 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
                 requestBody = {
                     customers_base: customerBase,
                     id: (_b = business.data.businessTypeData.responseBody) === null || _b === void 0 ? void 0 : _b.entity_id,
-                    customers_served_monthly: parseInt(((_c = params.expectedCustomers) === null || _c === void 0 ? void 0 : _c.id) || '0'),
+                    customers_served_monthly: parseInt(((_c = params.expectedCustomer) === null || _c === void 0 ? void 0 : _c.id) || '0'),
                     yearly_sales_range: ((_d = params.expectedSalesRange) === null || _d === void 0 ? void 0 : _d.title) || '',
                     agree_refund: params.refundPolicy,
                     agree_chargeback: params.transactionPolicy,
@@ -387,7 +387,7 @@ var initialState = {
         },
         customersData: {
             customerLocations: [],
-            expectedCustomers: undefined,
+            expectedCustomer: undefined,
             expectedSalesRange: undefined,
             refundPolicy: false,
             transactionPolicy: false
@@ -598,15 +598,9 @@ export var businessSlice = createSlice({
             state.error = null;
         })
             .addCase(retrieveDataList.fulfilled, function (state, action) {
-            var _a, _b, _c;
             state.loading = false;
             state.error = null;
-            var _d = action.payload, customerBases = _d.customerBases, expectedSales = _d.expectedSales, expectedCustomerSales = _d.expectedCustomerSales;
-            var description = (((_a = customerBases === null || customerBases === void 0 ? void 0 : customerBases.errors) === null || _a === void 0 ? void 0 : _a[0]) || ((_b = expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales.errors) === null || _b === void 0 ? void 0 : _b[0]) || ((_c = expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales.errors) === null || _c === void 0 ? void 0 : _c[0]) || {}).description;
-            if (description) {
-                state.error = description;
-                return;
-            }
+            var _a = action.payload, customerBases = _a.customerBases, expectedSales = _a.expectedSales, expectedCustomerSales = _a.expectedCustomerSales;
             var data = state.data.activitiesData.responseBody;
             state.data.activitiesData.responseBody = __assign(__assign({}, data), { customerBases: customerBases || [], expectedSales: expectedSales || [], expectedCustomerSales: expectedCustomerSales || [] });
             var selectedCustomerBase = customerBases === null || customerBases === void 0 ? void 0 : customerBases[0];
@@ -617,7 +611,7 @@ export var businessSlice = createSlice({
                 state.data.customersData.expectedSalesRange = selectedExpectedSale;
             var selectedExpectedCustomerSale = expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales[(expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales.length) - 1];
             if (!!selectedExpectedCustomerSale)
-                state.data.customersData.expectedCustomers = selectedExpectedCustomerSale;
+                state.data.customersData.expectedCustomer = selectedExpectedCustomerSale;
         })
             .addCase(retrieveDataList.rejected, function (state, action) {
             state.loading = false;

package/build/features/app/tax/taxStore.d.ts

@@ -7,10 +7,12 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
 }, string, {}>;
 export declare const verifyTaxLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-    formData: {
-        otp: string;
-    };
+    formData: OTPFormValues;
 }, OTPFormValues, {}>;
+export declare const updateTaxInfo: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: TaxFormValues;
+}, TaxFormValues, {}>;
 export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;

package/build/features/app/tax/taxStore.js

@@ -77,10 +77,10 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
     });
 }); });
 export var verifyTaxLeadOTP = createAsyncThunk('verifyTaxLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, tax, settings, responseBody, payload, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, tax, settings, responseBody, payload, data, steps, hasTaxCompleted;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), tax = _a.tax, settings = _a.settings;
                 responseBody = tax.data.verify.responseBody;
@@ -93,33 +93,66 @@ export var verifyTaxLeadOTP = createAsyncThunk('verifyTaxLeadOTP', function (par
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
-                data = (_e.sent()).data;
+                data = (_f.sent()).data;
                 if (!data.errors) {
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
+                    steps = (_e = tax.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.steps;
+                    hasTaxCompleted = Object.keys(steps).find(function (key) { return key === TAX_STEP_NAMES.TAX_SUCCESS; });
+                    if (hasTaxCompleted) {
+                        thunkApi.dispatch(handleNextScreenStep('TAX_DETAILS_SUCCESS_STEP'));
+                    }
+                    else {
+                        thunkApi.dispatch(handleNextScreenStep('TAX_TAX_DETAILS_STEP'));
+                    }
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, tax, requestBody, data;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, tax = _a.tax;
+                requestBody = {
+                    id: (_c = (_b = tax.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.id,
+                    vat_id: params.vatId,
+                    step_name: TAX_STEP_NAMES.TAX_INFO
+                };
+                return [4, API.entityService.updateEntityInfo(requestBody)];
+            case 1:
+                data = (_f.sent()).data;
+                if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
+                    (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
                 }
-                return [2, { data: data, formData: __assign({}, params) }];
+                return [2, { data: data, formData: params }];
         }
     });
 }); });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, tax, payload, data;
-    var _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, tax, response, payload;
+    var _b, _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, tax = _a.tax;
+                response = undefined;
+                if (!!!((_b = tax.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id)) return [3, 2];
                 payload = {
                     step_name: TAX_STEP_NAMES.TAX_SUCCESS,
-                    id: ((_b = tax.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    id: ((_c = tax.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.id) || '',
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_g.sent()).data;
-                (_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).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
-                return [2, { response: data, formData: params }];
+                response = _h.sent();
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
+                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: response === null || response === void 0 ? void 0 : response.data });
+                _h.label = 2;
+            case 2: return [2, { response: response === null || response === void 0 ? void 0 : response.data, formData: params }];
         }
     });
 }); });
@@ -189,6 +222,27 @@ export var taxSlice = createSlice({
             .addCase(verifyTaxLeadOTP.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(updateTaxInfo.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateTaxInfo.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            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.taxData = formData;
+            state.data.taxData.responseBody = data;
+        })
+            .addCase(updateTaxInfo.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(updateLeadSuccess.fulfilled, function (state, action) {
             var _a;

package/build/features/bank/Bank.js

@@ -27,7 +27,7 @@ var Bank = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var loading = useAppConfig(__assign({ navigation: BANK_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -41,7 +41,7 @@ var Bank = memo(function (props) {
         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: bankFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: bankFeatureScreens.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));

package/build/features/business/Business.js

@@ -27,7 +27,7 @@ var Business = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var loading = useAppConfig(__assign({ navigation: BUSINESS_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -44,7 +44,7 @@ var Business = memo(function (props) {
     useEffect(function () {
         dispatch(getCountries());
     }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.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));

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

@@ -68,11 +68,11 @@ var Customers = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     React.useEffect(function () {
-        var customerLocations = customerData.customerLocations, expectedCustomers = customerData.expectedCustomers, expectedSalesRange = customerData.expectedSalesRange;
+        var customerLocations = customerData.customerLocations, expectedCustomer = customerData.expectedCustomer, expectedSalesRange = customerData.expectedSalesRange;
         methods.setValue('customerLocations', customerLocations);
-        methods.setValue('expectedCustomers', expectedCustomers);
+        methods.setValue('expectedCustomer', expectedCustomer);
         methods.setValue('expectedSalesRange', expectedSalesRange);
-    }, [customerData.customerLocations, customerData.expectedCustomers, customerData.expectedSalesRange]);
+    }, [customerData.customerLocations, customerData.expectedCustomer, customerData.expectedSalesRange]);
     var isCustomerLocationsListActive = listActive === ListType.CustomerLocationsList;
     var isExpectedCustomersListActive = listActive === ListType.ExpectedCustomersList;
     var isExpectedSalesListActive = listActive === ListType.ExpectedSalesList;

package/build/features/business/screens/Customers/ExpectedCustomers.js

@@ -51,7 +51,7 @@ var ExpectedCustomers = function (_a) {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
-    var expectedCustomersControl = useController({ name: 'expectedCustomers', control: control });
+    var expectedCustomerControl = useController({ name: 'expectedCustomer', control: control });
     var data = useSelector(businessSelector).data;
     var activitiesData = data.activitiesData;
     var response = activitiesData.responseBody;
@@ -72,10 +72,10 @@ var ExpectedCustomers = function (_a) {
         }
     }, [response === null || response === void 0 ? void 0 : response.expectedCustomerSales]);
     var onSelectItem = function (expectedCustomers) {
-        expectedCustomersControl.field.onChange(expectedCustomers);
+        expectedCustomerControl.field.onChange(expectedCustomers);
         onCloseList();
     };
-    var expectedCustomersValue = expectedCustomersControl.field.value;
+    var expectedCustomersValue = expectedCustomerControl.field.value;
     var expectedCustomersSelected = expectedCustomersValue;
     return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: true, value: isAr ? expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.titleAr : expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.title, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedCustomersList, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedCustomersValue === null || expectedCustomersValue === void 0 ? void 0 : expectedCustomersValue.id) }, { children: isAr ? item.titleAr : item.title })) }), item.id === (expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.id) && _jsx(CheckIconStyled, {})] }));

package/build/features/connect/Connect.js

@@ -27,14 +27,14 @@ var Connect = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
-    var _a = useAppSelector(settingsSelector), data = _a.data, loading = _a.loading;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     useAppConfig(__assign({ navigation: CONNECT_SCREENS_NAVIGATION }, props));
     useErrorListener();
     var activeScreen = data.activeScreen;
     useEffect(function () {
         dispatch(getCountries());
     }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: false, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.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));

package/build/features/connect/screens/Merchant/SocialMedia.js

@@ -87,7 +87,7 @@ var SocialMedia = function (_a) {
     };
     React.useEffect(function () {
         if (!!brandName) {
-            var website = "www.".concat(brandName.replace(' ', '-'), ".com");
+            var website = "www.".concat(brandName.replaceAll(' ', '-'), ".com");
             setValue('links', __assign(__assign({}, links), { website: website }), { shouldValidate: true });
         }
         if (!brandName && isNewUser === false) {

package/build/features/individual/Individual.js

@@ -27,7 +27,7 @@ var Individual = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var loading = useAppConfig(__assign({ navigation: INDIVIDUAL_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -41,7 +41,7 @@ var Individual = memo(function (props) {
         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: individualFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: individualFeatureScreens.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));

package/build/features/password/Password.js

@@ -27,7 +27,7 @@ var Password = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var loading = useAppConfig(__assign({ navigation: PASSWORD_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -41,7 +41,7 @@ var Password = memo(function (props) {
         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: passwordFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: passwordFeatureScreens.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));

package/build/features/tax/Tax.js

@@ -27,7 +27,7 @@ var Tax = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
+    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var loading = useAppConfig(__assign({ navigation: TAX_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -41,7 +41,7 @@ var Tax = memo(function (props) {
         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: taxFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, error: error, loading: settingLoading, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: taxFeatureScreens.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));

package/build/features/tax/screens/Success/Success.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
+import { useAppDispatch } from '../../../../hooks';
+import { updateLeadSuccess } from '../../../app/tax/taxStore';
 import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    React.useEffect(function () {
+        dispatch(updateLeadSuccess());
+    }, []);
     var onSuccess = function () {
         window.open('mailto:');
     };

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -17,29 +17,28 @@ import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
 import { useForm, FormProvider } from 'react-hook-form';
 import Form from '../../../../components/Form';
-import { handleNextScreenStep } from '../../../../app/settings';
 import { Validation } from './validation';
 import { yupResolver } from '@hookform/resolvers/yup';
+import { taxSelector, updateTaxInfo } from '../../../app/tax/taxStore';
 import VATId from './VATId';
+import { useSelector } from 'react-redux';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
 var TaxDetails = function () {
     var dispatch = useAppDispatch();
+    var _a = useSelector(taxSelector), data = _a.data, loading = _a.loading, error = _a.error;
     var methods = useForm({
         resolver: yupResolver(Validation),
-        defaultValues: {
-            vatId: ''
-        },
+        defaultValues: data.taxData,
         mode: 'onChange'
     });
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var onSubmit = function (data) {
-        console.log('data', data);
-        dispatch(handleNextScreenStep());
+        dispatch(updateTaxInfo(data));
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, {}), _jsx(Button, __assign({ disableBack: true, isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, {}), _jsx(Button, __assign({ disableBack: true, isAr: isAr, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default TaxDetails;

package/package.json

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