@tap-payments/auth-jsconnect 2.1.44-test → 2.1.45-test

package/build/features/connectExpress/screens/NIDMissed/DOB.js

@@ -0,0 +1,47 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { ScreenContainer } from '../../../shared/Containers';
+import DatePicker from '../../../../components/DatePicker';
+import { alpha, styled } from '@mui/material/styles';
+import { clearError, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import Text from '../../../../components/Text';
+var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
+});
+var DOB = function (_a) {
+    var _b;
+    var onDateClicked = _a.onDateClicked;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var dobControl = useController({ control: control, name: 'dob' });
+    var error = useAppSelector(connectExpressSelector).error;
+    var handleBirthDateChange = function (data) {
+        dobControl.field.onChange(data);
+        handleClearError();
+    };
+    var handleClearError = function () {
+        if (error)
+            dispatch(clearError());
+    };
+    var dateValue = (_b = dobControl === null || dobControl === void 0 ? void 0 : dobControl.field) === null || _b === void 0 ? void 0 : _b.value;
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
+                        var spacing = _a.spacing;
+                        return spacing(2.5, 2.5, 1.5, 2.5);
+                    } } }, { children: t('enter_birth_date') })), _jsx(DatePicker, { defaultValue: dateValue ? new Date(dateValue) : new Date(), readOnly: true, dir: 'ltr', locale: 'en', onDateChange: handleBirthDateChange, onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); } })] }));
+};
+export default DOB;

package/build/features/connectExpress/screens/NIDMissed/IDNumber.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface IDNumberProps {
+    show: boolean;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IDNumberProps & React.RefAttributes<unknown>>>;
+export default _default;

package/build/features/connectExpress/screens/NIDMissed/IDNumber.js

@@ -0,0 +1,60 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { styled, alpha } from '@mui/material/styles';
+import { useAppSelector } from '../../../../hooks';
+import Text from '../../../../components/Text';
+import Input from '../../../shared/Input';
+import ClearIcon from '../../../shared/ClearIcon';
+import CheckIcon from '../../../shared/CheckIcon';
+import Collapse from '../../../../components/Collapse';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import { removeAllCharsFromNumber } from '../../../../utils';
+import { ID_NUMBER_LENGTH } from '../../../../constants';
+import { connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+var LabelContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'space-between',
+        padding: theme.spacing(0, 2.5, 1.25, 2.5)
+    });
+});
+var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
+});
+var IDNumber = React.forwardRef(function (_a, ref) {
+    var _b, _c, _d, _e;
+    var show = _a.show;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var nidControl = useController({ control: control, name: 'nid' });
+    var data = useAppSelector(connectExpressSelector).data;
+    var isIDAvailable = (_d = (_c = (_b = data.responseData) === null || _b === void 0 ? void 0 : _b.leadData) === null || _c === void 0 ? void 0 : _c.identification) === null || _d === void 0 ? void 0 : _d.id;
+    var handleIdChange = function (_a) {
+        var target = _a.target;
+        var value = removeAllCharsFromNumber(target.value);
+        nidControl.field.onChange(value);
+    };
+    var clearIdNumber = function () {
+        nidControl.field.onChange('');
+    };
+    var nidValue = nidControl.field.value;
+    var error = (_e = nidControl.fieldState.error) === null || _e === void 0 ? void 0 : _e.message;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('enter_national_id') }) }), _jsx(Input, { dir: 'ltr', type: 'tel', disabled: isIDAvailable, inputProps: { maxLength: ID_NUMBER_LENGTH }, onChange: handleIdChange, value: nidValue, endAdornment: !error && nidValue ? _jsx(CheckIcon, {}) : nidValue && _jsx(ClearIcon, { onClick: clearIdNumber }), placeholder: t('national_id_placeholder'), warningType: 'alert', warningMessage: error && t(error, { number: '1' }), required: true })] })) })));
+});
+export default React.memo(IDNumber);

package/build/features/connectExpress/screens/NIDMissed/NID.d.ts

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

package/build/features/connectExpress/screens/NIDMissed/NID.js

@@ -0,0 +1,59 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { NIDValidationSchema } from './validation';
+import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { clearError, connectExpressSelector, createNIDAuthIdentityAsync } from '../../../app/connectExpress/connectExpressStore';
+import Form from '../../../../components/Form';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import Collapse from '../../../../components/Collapse';
+import IDNumber from './IDNumber';
+import DOB from './DOB';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var NID = function (_a) {
+    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var t = useTranslation().t;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var methods = useForm({
+        resolver: yupResolver(NIDValidationSchema),
+        defaultValues: data.nidData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var onSubmit = function (data) {
+        dispatch(createNIDAuthIdentityAsync(data));
+    };
+    var handleCollapseOpenClose = function (flag) {
+        setCollapse(flag);
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    var disabled = !methods.formState.isValid || !!error;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(IDNumber, { show: !collapse }) })), _jsx(DOB, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default React.memo(NID);

package/build/features/connectExpress/screens/NIDMissed/index.d.ts

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

package/build/features/connectExpress/screens/NIDMissed/index.js

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

package/build/features/connectExpress/screens/NIDMissed/validation.d.ts

@@ -0,0 +1,11 @@
+import * as yup from 'yup';
+export declare const NIDValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    nid: 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, {
+    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    nid: 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, {
+    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

package/build/features/connectExpress/screens/NIDMissed/validation.js

@@ -0,0 +1,9 @@
+import * as yup from 'yup';
+export var NIDValidationSchema = yup.object().shape({
+    dob: yup.string().min(5).required('enter_valid_birth_date'),
+    nid: yup
+        .string()
+        .matches(/^(1|2)([0-9]{1,})$/g, 'signup_invalid_national_id_format')
+        .min(10, 'signup_invalid_national_id')
+        .required('signup_invalid_national_id')
+});

package/build/features/connectExpress/screens/OTP/OTP.js

@@ -15,7 +15,7 @@ import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../../components/Text';
-import { clearError, connectExpressSelector, verifyOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
+import { clearError, connectExpressSelector, verifyMobileOtpAsync, verifyNIDOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
@@ -58,7 +58,7 @@ var OTP = function () {
         defaultValues: data.otpData,
         mode: 'onChange'
     });
-    var startWithNID = data.otpData.authFor === AuthForType.NATIONAL_ID;
+    var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
@@ -69,16 +69,20 @@ var OTP = function () {
         };
     }, []);
     var onSubmit = function (formData) {
-        dispatch(verifyOtpAsync(formData));
+        if (isNidAuth) {
+            dispatch(verifyNIDOtpAsync(formData));
+            return;
+        }
+        dispatch(verifyMobileOtpAsync(formData));
     };
     var onBack = function () {
-        var screen = startWithNID ? 'CONNECT_EXPRESS_NID_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
+        var screen = isNidAuth ? 'CONNECT_EXPRESS_NID_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
         dispatch(handlePrevScreenStep(screen));
     };
     var disabled = !methods.formState.isValid || !!error;
     var phone = ((_a = data.mobileData.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) + (data.mobileData.mobile || '');
     var idNumber = data.nidData.nid;
-    var title = startWithNID ? t('opt_nid_sent_title', { provider: 'ABSHER' }) : t('ide_opt_sent_title');
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: startWithNID ? maskID(idNumber) : maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    var title = isNidAuth ? t('opt_nid_sent_title', { provider: 'ABSHER' }) : t('ide_opt_sent_title');
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: isNidAuth ? maskID(idNumber) : maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(OTP);

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

@@ -18,7 +18,7 @@ import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
 import { AuthForType } from '../../../../@types';
-import { connectSelector, resendOTPMobile, resendOTPNID } from '../../../app/connect/connectStore';
+import { createMobileAuthAsync, createNIDAuthAsync, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -33,22 +33,23 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var data = useAppSelector(connectSelector).data;
-    var startWithNID = data.otpData.authFor === AuthForType.NATIONAL_ID;
+    var data = useAppSelector(connectExpressSelector).data;
+    var mobileData = data.mobileData, nidData = data.nidData, responseData = data.responseData;
+    var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
     var handleOnOTPChange = function (otp) {
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {
         if (otpControl.field.value)
             setValue('otp', '', { shouldValidate: true });
-        dispatch(resendOTPMobile());
+        dispatch(createMobileAuthAsync(mobileData));
     };
     var handleOnResendAbsherOTP = function () {
         if (otpControl.field.value)
             setValue('otp', '', { shouldValidate: true });
-        dispatch(resendOTPNID());
+        dispatch(createNIDAuthAsync(nidData));
     };
     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: startWithNID ? handleOnResendAbsherOTP : handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: isNidAuth ? handleOnResendAbsherOTP : handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
 };
 export default React.memo(OTPInput);

package/build/features/connectExpress/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,119 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+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, PASSWORD_OPERATION_TYPE } from '../../../../constants';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenString, shortenBrand } from '../../../../utils';
+import { connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+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;
+    return (__assign(__assign({}, theme.typography.body1), (_b = { fontWeight: theme.typography.fontWeightBold, color: theme.palette.text.primary, lineHeight: 1.75, paddingBottom: theme.spacing(3) }, _b[theme.breakpoints.down('sm')] = {}, _b)));
+});
+var ContainerStyled = styled(Container)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        justifyContent: 'space-between',
+        minHeight: theme.spacing(30),
+        alignItems: 'center'
+    });
+});
+var ButtonGroupStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        paddingTop: theme.spacing(3)
+    });
+});
+var SuccessWithFlowButtons = function () {
+    var _a, _b, _c;
+    var _d = useState([]), buttons = _d[0], setButtons = _d[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(connectExpressSelector).data;
+    var settings = useAppSelector(settingsSelector);
+    var _e = data.responseData, boardData = _e.boardData, leadData = _e.leadData, boardInfo = _e.boardInfo;
+    var _f = leadData || {}, brand = _f.brand, entity = _f.entity;
+    var _g = boardData || {}, business = _g.business, merchant = _g.merchant, bank = _g.bank_account, user = _g.user;
+    var flows = (boardInfo || {}).info;
+    var _h = user || {}, names = _h.names, identification = _h.identification;
+    var primary_contact = (business || {}).primary_contact;
+    var _j = entity || {}, license = _j.license, vat_id = _j.vat_id, legal_name = _j.legal_name;
+    var username = isAr ? concatenateObjectValues(names.ar || names.en, ['first', 'last']) : concatenateObjectValues(names.en, ['first', 'last']);
+    var licenseNumber = (license === null || license === void 0 ? void 0 : license.number) || '';
+    var bankName = shortenString(bank === null || bank === void 0 ? void 0 : bank.name, 20) || t('bank');
+    var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
+    var taxID = vat_id || '';
+    var brandName = (isAr ? (_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.en) || '';
+    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || '';
+    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 === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_c = identification === null || identification === void 0 ? void 0 : identification.id) === null || _c === void 0 ? void 0 : _c.slice(-2)) : '';
+    var boardInfoId = boardInfo === null || boardInfo === void 0 ? void 0 : boardInfo.id;
+    var boardId = boardData === null || boardData === void 0 ? void 0 : boardData.id;
+    var email = (primary_contact || {}).email;
+    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, boardId, boardInfoId);
+    var reMapFlowData = function (flows) {
+        if (flows === void 0) { flows = []; }
+        var images = ICONS_NAMES;
+        var mappedFlows = flows
+            .filter(function (item) { return item === null || item === void 0 ? void 0 : item.name; })
+            .map(function (_a) {
+            var name = _a.name, url = _a.url, status = _a.status;
+            var type = status === 'completed' ? 'completed' : 'pending';
+            var title = t("".concat(name, "_flow_").concat(type), {
+                individual_name: username.toLowerCase() + maskedId,
+                brand: brandName,
+                business_type: entityLegalName,
+                license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
+                bank_name: bankName,
+                iban: iban ? t('masking_symbols') + iban : '',
+                tax_id: taxID ? t('masking_symbols') + showLastFour(taxID) : ''
+            });
+            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],
+                hoverSrc: images[hoverSrc],
+                isCompleted: isCompleted,
+                sx: isIndividual ? { textTransform: 'capitalize' } : {}
+            };
+        });
+        setButtons(mappedFlows);
+    };
+    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, data: {
+                        flowName: data.flowName,
+                        email: email || '',
+                        emailUrl: url,
+                        brandName: shortenBrand(brandName)
+                    } }) })] }));
+};
+export default memo(SuccessWithFlowButtons);

package/build/features/connectExpress/screens/SuccessWithFlowButtons/index.d.ts

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

package/build/features/connectExpress/screens/SuccessWithFlowButtons/index.js

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

package/build/features/connectExpress/screens/VerifyPACI/VerifyPACI.js

@@ -1,86 +1,25 @@
-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 Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import { connectSelector, verifyPACI as verifyPACIFun } from '../../../app/connect/connectStore';
+import { connectExpressSelector, verifyPACIAsync } from '../../../app/connectExpress/connectExpressStore';
 import PaciVerification from '../../../shared/PaciVerification';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-var VerifyPACITitleContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        direction: theme.direction,
-        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        marginBottom: theme.spacing(2.5)
-    });
-});
-var VerifyPACITitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightBold, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line' }));
-});
-var VerifyPACISubTitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line', textAlign: 'center' }));
-});
-var Container = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        position: 'relative',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        maxHeight: '300px'
-    });
-});
-var BackButton = styled('button')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        cursor: 'pointer',
-        pointerEvents: 'auto',
-        height: 44,
-        appearance: 'none',
-        background: 'none',
-        border: 'none',
-        color: theme.palette.primary.main,
-        fontSize: theme.typography.body1.fontSize,
-        fontWeight: theme.typography.fontWeightMedium,
-        textTransform: 'capitalize',
-        '&:hover': {
-            backgroundColor: 'transparent'
-        }
-    });
-});
 var VerifyPACI = function () {
     var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
     var _b = React.useState(false), isReady = _b[0], setIsReady = _b[1];
     var dispatch = useAppDispatch();
-    var data = useAppSelector(connectSelector).data;
-    var responseBody = data.civilIdData.responseBody;
-    var _c = responseBody || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios;
+    var data = useAppSelector(connectExpressSelector).data;
+    var authData = (data.responseData || {}).authData;
+    var _c = authData || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios;
     React.useEffect(function () {
-        if (responseBody && !isReady) {
+        if (authData && !isReady) {
             setIsReady(true);
         }
-    }, [responseBody]);
+    }, [authData]);
     React.useEffect(function () {
         if (!isReady)
             return;
-        var promise = dispatch(verifyPACIFun({ onSuccess: function () { return setSuccess(true); } }));
+        var promise = dispatch(verifyPACIAsync({ onSuccess: function () { return setSuccess(true); } }));
         return function () {
             promise === null || promise === void 0 ? void 0 : promise.abort();
         };

package/build/features/featuresScreens.js

@@ -11,6 +11,14 @@ import ConnectExpressNIDScreen from './connectExpress/screens/NID';
 import ConnectExpressCivilIDScreen from './connectExpress/screens/CivilID';
 import ConnectExpressVerifyPACIScreen from './connectExpress/screens/VerifyPACI';
 import ConnectExpressOTPScreen from './connectExpress/screens/OTP';
+import ConnectExpressNIDMissedScreen from './connectExpress/screens/NIDMissed';
+import ConnectExpressCivilIDMissedScreen from './connectExpress/screens/CivilIDMissed';
+import ConnectExpressIdentityVerifyPACIScreen from './connectExpress/screens/IdentityVerifyPACI';
+import ConnectExpressIdentityVerifyOTPScreen from './connectExpress/screens/IdentityOTP';
+import ConnectExpressCollectIndividualScreen from './connectExpress/screens/CollectIndividualInfo';
+import ConnectExpressCollectBusinessScreen from './connectExpress/screens/CollectBusinessInfo';
+import ConnectExpressCreateAccountLoaderScreen from './connectExpress/screens/CreateAccountLoader';
+import ConnectExpressSuccessFlowButtonsScreen from '../features/connectExpress/screens/SuccessWithFlowButtons';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
@@ -115,6 +123,38 @@ export var connectExpressFeatureScreens = [
     {
         name: 'CONNECT_EXPRESS_VERIFY_PACI_STEP',
         element: ConnectExpressVerifyPACIScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_NID_MISSED_STEP',
+        element: ConnectExpressNIDMissedScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP',
+        element: ConnectExpressCivilIDMissedScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_VERIFY_PACI_IDENTITY_STEP',
+        element: ConnectExpressIdentityVerifyPACIScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_OTP_IDENTITY_STEP',
+        element: ConnectExpressIdentityVerifyOTPScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+        element: ConnectExpressCreateAccountLoaderScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
+        element: ConnectExpressCollectIndividualScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
+        element: ConnectExpressCollectBusinessScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
+        element: ConnectExpressSuccessFlowButtonsScreen
     }
 ];
 export var businessFeatureScreens = [

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const FlowButtons: () => JSX.Element;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/build/features/shared/FlowButtons/FlowButtons.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export var FlowButtons = function () {
+    return _jsx("div", { children: "FlowButtons" });
+};
+export default React.memo(FlowButtons);

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

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

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

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

package/package.json

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