@tap-payments/auth-jsconnect 2.0.3 → 2.0.6

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

@@ -50,9 +50,9 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
 import { FlowsTypes } from '../../../@types';
 import { hasKey } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
+import { handleNextScreenStep, handleCurrentActiveScreen } from '../../../app/settings';
 import { TAX_STEP_NAMES } from '../../../constants';
-export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+export var verifyLeadToken = createAsyncThunk('taxVerifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var payload, data, leadResponse, _a, steps, entity, hasTaxCompleted;
     return __generator(this, function (_b) {
         switch (_b.label) {
@@ -65,24 +65,28 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
             case 1:
                 data = (_b.sent()).data;
                 leadResponse = undefined;
-                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 5];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 6];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
                 leadResponse = _b.sent();
                 _a = leadResponse.data, steps = _a.steps, entity = _a.entity;
                 hasTaxCompleted = hasKey(steps, TAX_STEP_NAMES.TAX_SUCCESS);
-                if (!hasTaxCompleted) return [3, 4];
-                return [4, thunkApi.dispatch(retrieveEntityInfo(entity === null || entity === void 0 ? void 0 : entity.id))];
+                if (!(data.step_name === TAX_STEP_NAMES.PHONE_AUTH)) return [3, 3];
+                thunkApi.dispatch(handleCurrentActiveScreen('TAX_VERIFY_STEP'));
+                return [3, 6];
             case 3:
+                if (!hasTaxCompleted) return [3, 5];
+                return [4, thunkApi.dispatch(retrieveEntityInfo(entity === null || entity === void 0 ? void 0 : entity.id))];
+            case 4:
                 _b.sent();
                 thunkApi.dispatch(handleNextScreenStep('TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-                return [3, 5];
-            case 4:
+                return [3, 6];
+            case 5:
                 if (data.step_name === TAX_STEP_NAMES.TAX_INFO) {
                     thunkApi.dispatch(handleNextScreenStep('TAX_TAX_DETAILS_STEP'));
                 }
-                _b.label = 5;
-            case 5: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
+                _b.label = 6;
+            case 6: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
@@ -159,7 +163,8 @@ export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, t
                 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
+                    step_name: TAX_STEP_NAMES.TAX_INFO,
+                    is_vat_acknowledged: params.confirmPolicy
                 };
                 return [4, API.entityService.updateEntityInfo(requestBody)];
             case 1:
@@ -172,7 +177,7 @@ export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, t
         }
     });
 }); });
-export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+export var updateLeadSuccess = createAsyncThunk('taxUpdateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, tax, id, payload, data;
     var _b, _c, _d, _e, _f;
     return __generator(this, function (_g) {
@@ -191,13 +196,15 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                 return [4, API.leadService.updateLead(payload)];
             case 1:
                 data = (_g.sent()).data;
+                if (!!data.errors) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveEntityInfo((_b = data.entity) === null || _b === void 0 ? void 0 : _b.id))];
             case 2:
                 _g.sent();
                 (_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 });
                 thunkApi.dispatch(handleNextScreenStep());
-                return [2, { response: data, formData: params }];
+                _g.label = 3;
+            case 3: return [2, { response: data, formData: params }];
         }
     });
 }); });
@@ -344,8 +351,8 @@ export var taxSlice = createSlice({
                 state.error = description;
                 return;
             }
-            var flows = response.flows, steps = response.steps;
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps });
+            var flows = response.flows, steps = response.steps, bank_account = response.bank_account;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps, bank_account: bank_account });
         })
             .addCase(updateLeadSuccess.pending, function (state) {
             state.loading = true;

package/build/features/bank/Bank.js

@@ -36,18 +36,17 @@ var Bank = memo(function (props) {
     var verifyToken = function () {
         var token = getParameterByName('token');
         var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
         if (!token)
             throw new Error('Auth token is not found!');
-        if (!lang)
-            throw new Error('Language is not found!');
-        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {
         if (!settingLoading)
             verifyToken();
     }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: bankFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { 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/bank/screens/BankDetails/BankDetails.js

@@ -27,6 +27,7 @@ import { bankSelector, createBankAccount } from '../../../app/bank/bankStore';
 import Form from '../../../../components/Form';
 import { handleCurrentActiveScreen } from '../../../../app/settings';
 import ConfirmPolicy from './ConfirmPolicy';
+import BankStatement from './BankStatement';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column',
@@ -56,6 +57,6 @@ var BankDetails = function () {
         dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
     };
     var disabled = ibanChecking || !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(BankStatement, {}), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
 };
 export default BankDetails;

package/build/features/bank/screens/BankDetails/BankStatement.d.ts

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

package/build/features/bank/screens/BankDetails/BankStatement.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import { ScreenContainer } from '../../../../features/shared/Containers';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import UploadFile from '../../../../features/shared/UploadFile';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { bankSelector, uploadBankStatement } from '../../../../features/app/bank/bankStore';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var BankStatement = function () {
+    var _a, _b;
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(bankSelector).data;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var bankStatementControl = useController({ name: 'bankStatementId', control: control });
+    var error = (_a = bankStatementControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var uploading = data.bankData.uploading;
+    var handleBankStatementChange = function (file) {
+        dispatch(uploadBankStatement(file));
+    };
+    var handleReset = function () {
+        bankStatementControl.field.onChange('');
+    };
+    React.useEffect(function () {
+        var _a, _b;
+        if ((_a = data.bankData.responseBody) === null || _a === void 0 ? void 0 : _a.fileId)
+            bankStatementControl.field.onChange((_b = data.bankData.responseBody) === null || _b === void 0 ? void 0 : _b.fileId);
+    }, [(_b = data.bankData.responseBody) === null || _b === void 0 ? void 0 : _b.fileId]);
+    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), dragTitle: t('drag_and_drop'), uploadTitle: t('title_upload_file'), onFileUploaded: handleBankStatementChange, loading: uploading, onReset: handleReset, error: error && t(error) }) }));
+};
+export default BankStatement;

package/build/features/bank/screens/BankDetails/validation.d.ts

@@ -3,15 +3,18 @@ export declare const BankValidation: yup.ObjectSchema<import("yup/lib/object").A
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>>;

package/build/features/bank/screens/BankDetails/validation.js

@@ -12,5 +12,6 @@ export var BankValidation = yup.object().shape({
         .string()
         .matches(REGEX_BENEFICIARY_NAME, 'beneficiary_name_invalid')
         .required('beneficiary_name_required'),
+    bankStatementId: yup.string().optional(),
     confirmPolicy: yup.boolean().required('alert_bank_confirm').isTrue('alert_bank_confirm')
 });

package/build/features/bank/screens/ResetPasswordSuccess/ResetPasswordSuccess.d.ts

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

package/build/features/bank/screens/ResetPasswordSuccess/ResetPasswordSuccess.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+var ResetPasswordSuccess = function (_a) {
+    var t = useTranslation().t;
+    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+};
+export default React.memo(ResetPasswordSuccess);

package/build/features/bank/screens/ResetPasswordSuccess/index.d.ts

@@ -0,0 +1,3 @@
+import ResetPasswordSuccess, { ResetPasswordSuccessProps } from './ResetPasswordSuccess';
+export type { ResetPasswordSuccessProps };
+export default ResetPasswordSuccess;

package/build/features/bank/screens/ResetPasswordSuccess/index.js

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

package/build/features/bank/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -10,18 +10,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { memo, useEffect, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
-import { ICONS_NAMES } from '../../../../constants';
+import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { allAreTruthy, showLastFour } from '../../../../utils';
+import { getResetFlowUrl, showLastFour } from '../../../../utils';
 import { bankSelector } from '../../../app/bank/bankStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
 import Container from '../../../shared/Containers/ScreenContainer';
 import AcceptancePayouts from '../../../shared/AcceptancePayouts';
+import { settingsSelector } from '../../../../app/settings';
 var TitleStyled = styled(Text)(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -46,39 +47,45 @@ var SuccessWithFlowButtons = function () {
     var _a, _b, _c;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _d = React.useState(false), isAcceptance = _d[0], setIsAcceptance = _d[1];
-    var _e = React.useState(false), isPayout = _e[0], setIsPayout = _e[1];
     var data = useAppSelector(bankSelector).data;
-    var _f = data.verify.responseBody || {}, flows = _f.flows, nameObj = _f.name, entity = _f.entity, brand = _f.brand, bank = _f.bank_account;
-    var _g = useState([]), buttons = _g[0], setButtons = _g[1];
+    var _d = data.verify.responseBody || {}, flows = _d.flows, nameObj = _d.name, entity = _d.entity, brand = _d.brand, bank = _d.bank_account, merchant = _d.merchant, identification_id = _d.identification_id;
+    var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var username = ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.first) || '') + ' ' + ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.last) || '');
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
     var bankName = (bank === null || bank === void 0 ? void 0 : bank.name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = (entity === null || entity === void 0 ? void 0 : entity.tax_number) || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';
+    var isAcceptance = merchant === null || merchant === void 0 ? void 0 : merchant.is_acceptance_allowed;
+    var isPayout = merchant === null || merchant === void 0 ? void 0 : merchant.is_payout_allowed;
+    var maskedId = !!identification_id ? " ".concat(t('masking_symbols')).concat(identification_id) : '';
+    var settings = useAppSelector(settingsSelector);
+    var _f = data.verify.responseBody || { contact: {}, id: '' }, contact = _f.contact, id = _f.id;
+    var email = (contact || { email: '' }).email;
+    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, id);
     var reMapFlowData = function (flows) {
         if (flows === void 0) { flows = []; }
         var images = ICONS_NAMES;
-        var mappedFlows = flows.map(function (_a) {
+        var mappedFlows = flows
+            .filter(function (item) { return item.name; })
+            .map(function (_a) {
             var name = _a.name, url = _a.url, status = _a.status;
             var type = status === 'initiated' ? 'pending' : 'completed';
             var title = t("".concat(name, "_flow_").concat(type), {
-                individual_name: username.toLowerCase(),
+                individual_name: username.toLowerCase() + maskedId,
                 business_type: brandName,
                 license_number: t('masking_symbols') + showLastFour(licenseNumber),
                 bank_name: bankName,
                 iban: t('masking_symbols') + iban,
                 tax_id: t('masking_symbols') + showLastFour(taxID)
             });
-            if ("business_flow_completed" === "".concat(name, "_flow_").concat(type))
-                setIsAcceptance(true);
             var isCompleted = status === 'completed' && name !== 'password';
             var isIndividual = name === 'individual';
             var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
             var hoverSrc = "".concat(name, "_white_icon");
             return {
                 name: name,
+                status: status,
                 title: title,
                 href: url,
                 src: images[src],
@@ -88,14 +95,15 @@ var SuccessWithFlowButtons = function () {
             };
         });
         setButtons(mappedFlows);
-        var isAllCompleted = allAreTruthy(flows, 'completed', 'status', 'password');
-        if (isAllCompleted)
-            setIsPayout(true);
     };
     useEffect(function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0)
             reMapFlowData(flows);
     }, [flows, isAr]);
-    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, flowName: data.flowName }) })] }));
+    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, data: {
+                        flowName: data.flowName,
+                        email: email,
+                        emailUrl: url
+                    } }) })] }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/business/Business.js

@@ -36,18 +36,17 @@ var Business = memo(function (props) {
     var verifyToken = function () {
         var token = getParameterByName('token');
         var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
         if (!token)
             throw new Error('Auth token is not found!');
-        if (!lang)
-            throw new Error('Language is not found!');
-        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {
         if (!settingLoading)
             verifyToken();
     }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { 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/Activities/Activities.js

@@ -26,6 +26,7 @@ import Collapse from '../../../../components/Collapse';
 import OperationStartDate from './OperationStartDate';
 import { businessSelector, clearError, updateActivitiesInfo } from '../../../app/business/businessStore';
 import { ActivitiesValidationSchema } from './validation';
+import LicenseName from './LicenseName';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -72,6 +73,6 @@ var Activities = function () {
         anchorEl ? setAnchorEl(false) : setAnchorEl(true);
     };
     var disabled = !methods.formState.isValid || !!error;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Collapse, __assign({ in: !collapse }, { children: [_jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } }), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(SalesChannels, {}) }))] })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(LicenseName, {}) })), _jsxs(Collapse, __assign({ in: !collapse }, { children: [_jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } }), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(SalesChannels, {}) }))] })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default Activities;

package/build/features/business/screens/Activities/LicenseName.d.ts

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

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

@@ -0,0 +1,30 @@
+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 { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import Collapse from '../../../../components/Collapse';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { businessSelector } from '../../../app/business/businessStore';
+import CheckIcon from '../../../shared/CheckIcon';
+var LicenseName = function (_a) {
+    var _b, _c, _d;
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(businessSelector).data;
+    var entity = (((_b = data.verify) === null || _b === void 0 ? void 0 : _b.responseBody) || {}).entity;
+    var name = isAr ? (_c = entity === null || entity === void 0 ? void 0 : entity.legal_name) === null || _c === void 0 ? void 0 : _c.ar : (_d = entity === null || entity === void 0 ? void 0 : entity.legal_name) === null || _d === void 0 ? void 0 : _d.en;
+    return (_jsx(Collapse, __assign({ in: !!name }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('license_name_label'), readOnly: true, value: name, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, endAdornment: _jsx(CheckIcon, {}) }) }) })));
+};
+export default React.memo(LicenseName);

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

@@ -44,7 +44,7 @@ var IDBOD = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(updateLeadIdentity(__assign(__assign({}, data), { isResend: false })));
+        dispatch(updateLeadIdentity(data));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

package/build/features/business/screens/OTP/OTPInput.js

@@ -17,8 +17,8 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { businessSelector, updateLeadIdentity } from '../../../app/business/businessStore';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { resendOTPLeadIdentity } from '../../../app/business/businessStore';
+import { useAppDispatch } from '../../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -32,19 +32,13 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var data = useAppSelector(businessSelector).data;
-    var nidData = data.nidData;
     var handleOnOTPChange = function (otp) {
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {
         if (otpControl.field.value)
             setValue('otp', '', { shouldValidate: true });
-        var params = {
-            nid: nidData.nid,
-            dob: nidData.dob
-        };
-        dispatch(updateLeadIdentity(__assign(__assign({}, params), { isResend: true })));
+        dispatch(resendOTPLeadIdentity());
     };
     var otpValue = otpControl.field.value;
     return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));

package/build/features/business/screens/ResetPasswordSuccess/ResetPasswordSuccess.d.ts

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+var ResetPasswordSuccess = function (_a) {
+    var t = useTranslation().t;
+    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+};
+export default React.memo(ResetPasswordSuccess);

package/build/features/business/screens/ResetPasswordSuccess/index.d.ts

@@ -0,0 +1,3 @@
+import ResetPasswordSuccess, { ResetPasswordSuccessProps } from './ResetPasswordSuccess';
+export type { ResetPasswordSuccessProps };
+export default ResetPasswordSuccess;

package/build/features/business/screens/ResetPasswordSuccess/index.js

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

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

@@ -10,18 +10,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { memo, useEffect, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
-import { ICONS_NAMES } from '../../../../constants';
-import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
+import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
+import { useAppSelector, useLanguage } from '../../../../hooks';
 import { businessSelector } from '../../../app/business/businessStore';
-import { allAreTruthy, showLastFour } from '../../../../utils';
+import { getResetFlowUrl, showLastFour } from '../../../../utils';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
 import Container from '../../../shared/Containers/ScreenContainer';
 import AcceptancePayouts from '../../../shared/AcceptancePayouts';
+import { settingsSelector } from '../../../../app/settings';
 var TitleStyled = styled(Text)(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -46,40 +47,45 @@ var SuccessWithFlowButtons = function () {
     var _a, _b, _c;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var _d = React.useState(false), isAcceptance = _d[0], setIsAcceptance = _d[1];
-    var _e = React.useState(false), isPayout = _e[0], setIsPayout = _e[1];
     var data = useAppSelector(businessSelector).data;
-    var _f = data.verify.responseBody || {}, flows = _f.flows, nameObj = _f.name, entity = _f.entity, brand = _f.brand, bank = _f.bank_account;
-    var _g = useState([]), buttons = _g[0], setButtons = _g[1];
+    var _d = data.verify.responseBody || {}, flows = _d.flows, nameObj = _d.name, entity = _d.entity, brand = _d.brand, bank = _d.bank_account, merchant = _d.merchant, identification_id = _d.identification_id;
+    var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var username = ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.first) || '') + ' ' + ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.last) || '');
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
     var bankName = (bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = (entity === null || entity === void 0 ? void 0 : entity.tax_number) || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';
+    var isAcceptance = merchant === null || merchant === void 0 ? void 0 : merchant.is_acceptance_allowed;
+    var isPayout = merchant === null || merchant === void 0 ? void 0 : merchant.is_payout_allowed;
+    var maskedId = !!identification_id ? " ".concat(t('masking_symbols')).concat(identification_id) : '';
+    var settings = useAppSelector(settingsSelector);
+    var _f = data.verify.responseBody || { contact: {}, id: '' }, contact = _f.contact, id = _f.id;
+    var email = (contact || { email: '' }).email;
+    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, id);
     var reMapFlowData = function (flows) {
         if (flows === void 0) { flows = []; }
         var images = ICONS_NAMES;
-        var mappedFlows = flows.map(function (_a) {
+        var mappedFlows = flows
+            .filter(function (item) { return item.name; })
+            .map(function (_a) {
             var name = _a.name, url = _a.url, status = _a.status;
             var type = status === 'initiated' ? 'pending' : 'completed';
             var title = t("".concat(name, "_flow_").concat(type), {
-                individual_name: username.toLowerCase(),
+                individual_name: username.toLowerCase() + maskedId,
                 business_type: brandName,
                 license_number: t('masking_symbols') + showLastFour(licenseNumber),
                 bank_name: bankName,
                 iban: t('masking_symbols') + iban,
                 tax_id: t('masking_symbols') + showLastFour(taxID)
             });
-            if ("business_flow_completed" === "".concat(name, "_flow_").concat(type))
-                setIsAcceptance(true);
             var isCompleted = status === 'completed' && name !== 'password';
             var isIndividual = name === 'individual';
             var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
             var hoverSrc = "".concat(name, "_white_icon");
             return {
                 name: name,
+                status: status,
                 title: title,
                 href: url,
                 src: images[src],
@@ -89,14 +95,15 @@ var SuccessWithFlowButtons = function () {
             };
         });
         setButtons(mappedFlows);
-        var isAllCompleted = allAreTruthy(flows, 'completed', 'status', 'password');
-        if (isAllCompleted)
-            setIsPayout(true);
     };
     useEffect(function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0)
             reMapFlowData(flows);
     }, [flows, isAr]);
-    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, flowName: data.flowName }) })] }));
+    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, data: {
+                        flowName: data.flowName,
+                        email: email,
+                        emailUrl: url
+                    } }) })] }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/connect/Connect.js

@@ -32,7 +32,7 @@ var Connect = memo(function (props) {
     useErrorListener(connectError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { 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/BrandList.js

@@ -51,10 +51,8 @@ var BrandList = function (_a) {
     var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _c = useFormContext(), setValue = _c.setValue, control = _c.control;
-    var linksControl = useController({ control: control, name: 'links' });
+    var control = useFormContext().control;
     var selectedBrandControl = useController({ control: control, name: 'selectedBrandItem' });
-    var links = linksControl.field.value;
     var selectedBrand = selectedBrandControl.field.value;
     var onOpenBrandList = function (event) {
         var _a;
@@ -79,8 +77,6 @@ var BrandList = function (_a) {
     var onSelectItem = function (brand) {
         selectedBrandControl.field.onChange(brand);
         onCloseBrandList();
-        var website = brand.website;
-        setValue('links', __assign(__assign({}, links), { website: website }), { shouldValidate: true });
     };
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('select_brand_label'), readOnly: true, onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', list: list, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(selectedBrand) }, { children: isOtherLicense(item) ? t(getBrandName(item)) : getBrandName(item) })) }), getBrandId(item) === getBrandId(selectedBrand) && _jsx(CheckIcon, {})] }));