@tap-payments/auth-jsconnect 2.0.48-test → 2.0.48

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

@@ -9,101 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     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 } from '../../../../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useAppSelector } from '../../../../hooks';
 import { taxSelector } from '../../../app/tax/taxStore';
-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)
-    });
-});
+import SuccessFlowButtons from '../../../shared/SuccessFlowButtons';
 var SuccessWithFlowButtons = function () {
-    var _a, _b, _c;
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
     var data = useAppSelector(taxSelector).data;
-    var _d = data.verify.responseBody || {}, flows = _d.flows, nameObj = _d.name, entity = _d.entity, brand = _d.brand, bank = _d.bank, merchant = _d.merchant, identification_id = _d.identification_id, vatID = _d.vatID;
-    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 = vatID || '';
-    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: {}, board_id: '' }, contact = _f.contact, board_id = _f.board_id, board_info_id = _f.board_info_id;
-    var email = (contact || { email: '' }).email;
-    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, board_id, board_info_id);
-    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 === 'initiated' || status === 'in_progress' ? 'pending' : 'completed';
-            var title = t("".concat(name, "_flow_").concat(type), {
-                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)
-            });
-            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
-                    } }) })] }));
+    var _a = data.verify.responseBody || {}, flows = _a.flows, entity = _a.entity, brand = _a.brand, bank = _a.bank_account, merchant = _a.merchant, user = _a.user, business = _a.business, board_id = _a.board_id, board_info_id = _a.board_info_id, name = _a.name, individuals = _a.individuals;
+    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [] }));
 };
 export default memo(SuccessWithFlowButtons);

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

@@ -10,19 +10,22 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ScreenContainer } from '../../../shared/Containers';
-import Button from '../../../shared/Button';
-import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
 import { useForm, FormProvider } from 'react-hook-form';
-import Form from '../../../../components/Form';
-import { Validation } from './validation';
 import { yupResolver } from '@hookform/resolvers/yup';
+import { styled } from '@mui/material/styles';
+import Form from '../../../../components/Form';
+import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
+import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/settings';
+import { isSA } from '../../../../utils';
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
 import { taxSelector, updateTaxInfo } from '../../../app/tax/taxStore';
-import { handleCurrentActiveScreen } from '../../../../app/settings';
+import { Validation } from './validation';
 import VATId from './VATId';
 import ConfirmPolicy from './ConfirmPolicy';
+import TaxDocument from './TaxDocument';
 var FormStyled = styled(Form)(function () { return ({
     height: '100%',
     display: 'flex',
@@ -31,20 +34,29 @@ var FormStyled = styled(Form)(function () { return ({
 }); });
 var TaxDetails = function () {
     var dispatch = useAppDispatch();
-    var _a = useAppSelector(taxSelector), data = _a.data, loading = _a.loading, error = _a.error;
+    var _a = useAppSelector(taxSelector), data = _a.data, loading = _a.loading, error = _a.error, uploading = _a.uploading;
+    var entity = (data.verify.responseBody || {}).entity;
+    var settingsData = useAppSelector(settingsSelector).data;
+    var _b = data.taxData, vatId = _b.vatId, confirmPolicy = _b.confirmPolicy, documentId = _b.documentId;
     var methods = useForm({
-        resolver: yupResolver(Validation),
-        defaultValues: data.taxData,
+        resolver: yupResolver(Validation(entity)),
+        defaultValues: {
+            vatId: vatId,
+            confirmPolicy: confirmPolicy,
+            documentId: documentId
+        },
         mode: 'onChange'
     });
+    useSetFromDefaultValues(methods, data.taxData);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
+    var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
         dispatch(updateTaxInfo(data));
     };
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, {}), _jsx(ConfirmPolicy, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, 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(VATId, {}), _jsx(TaxDocument, { show: isSACountry }), _jsx(ConfirmPolicy, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default TaxDetails;

package/build/features/tax/screens/TaxDetails/TaxDocument.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface TaxDocumentProps {
+    show: boolean;
+}
+declare const TaxDocument: ({ show }: TaxDocumentProps) => JSX.Element;
+export default TaxDocument;

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

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { DocumentPurpose } from '../../../../@types';
+import { styled } from '@mui/material/styles';
+import Collapse from '../../../../components/Collapse';
+import { getRecentDocumentFiles } from '../../../../utils';
+import { ScreenContainer } from '../../../shared/Containers';
+import { taxSelector, uploadingStatus } from '../../../app/tax/taxStore';
+import UploadMultipleFile from '../../../shared/UploadMultipleFile';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var TaxDocument = function (_a) {
+    var _b;
+    var show = _a.show;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var documentIdControl = useController({ name: 'documentId', control: control });
+    var _c = useAppSelector(taxSelector), loading = _c.loading, data = _c.data;
+    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).documents;
+    var handleTaxDocumentChange = function (ids) {
+        documentIdControl.field.onChange(ids);
+    };
+    var handleReset = function (ids) {
+        documentIdControl.field.onChange(ids);
+    };
+    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.TAX_DOCUMENT); }, [documents]);
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { id: 'documentId', control: control, label: t('title_tax_document'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_tax_document'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleTaxDocumentChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.TAX_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) })) })));
+};
+export default TaxDocument;

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

@@ -10,28 +10,38 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import Box from '@mui/material/Box';
 import Input from '../../../shared/Input';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { VAT_ID_LENGTH } from '../../../../constants';
+import { useAppSelector } from '../../../../hooks';
+import { FieldType } from '../../../../@types';
+import { isSA, removeAllCharsFromNumber } from '../../../../utils';
+import { settingsSelector } from '../../../../app/settings';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
-import { removeAllCharsFromNumber } from '../../../../utils';
+import { taxSelector } from '../../../app/tax/taxStore';
 var VATId = function () {
-    var _a;
+    var _a, _b;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var vatControl = useController({ name: 'vatId', control: control });
+    var settingsData = useAppSelector(settingsSelector).data;
+    var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
+    var data = useAppSelector(taxSelector).data;
+    var entity = (data.verify.responseBody || {}).entity;
+    var disabled = ((_a = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _a === void 0 ? void 0 : _a.tax_number) === FieldType.NON_EDITABLE;
     var handleOnChange = function (vat) {
         var value = removeAllCharsFromNumber(vat);
         vatControl.field.onChange(value);
     };
     var vatValue = vatControl.field.value;
-    var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var vatError = (_b = vatControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(Box, __assign({ sx: { height: '200px' } }, { children: _jsx(Input, { label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
+    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { label: t('vat_id'), disabled: disabled, inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
 };
 export default VATId;

package/build/features/tax/screens/TaxDetails/validation.d.ts

@@ -1,11 +1,14 @@
 import * as yup from 'yup';
-export declare const Validation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+export declare const Validation: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
+    documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
+    documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
+    documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>>>;

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

@@ -1,5 +1,11 @@
 import * as yup from 'yup';
-export var Validation = yup.object().shape({
-    vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat'),
-    confirmPolicy: yup.boolean().required('alert_tax_confirm').isTrue('alert_tax_confirm')
-});
+import { FieldType } from '../../../../@types';
+export var Validation = function (entity) {
+    var _a = entity || {}, vat_id = _a.vat_id, data_status = _a.data_status;
+    var isTaxNumberOptional = !vat_id && (data_status === null || data_status === void 0 ? void 0 : data_status.tax_number) === FieldType.NON_EDITABLE;
+    return yup.object().shape({
+        vatId: isTaxNumberOptional ? yup.string().optional() : yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat'),
+        confirmPolicy: yup.boolean().required('alert_tax_confirm').isTrue('alert_tax_confirm'),
+        documentId: yup.array().optional()
+    });
+};

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

@@ -9,9 +9,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppDispatch } from '../../../../hooks';
+import { useAppDispatch, useSetFromDefaultValues } from '../../../../hooks';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
@@ -50,14 +61,16 @@ var VerifyNumber = function (_a) {
     var _b, _c, _d;
     var dispatch = useAppDispatch();
     var _e = useAppSelector(taxSelector), data = _e.data, loading = _e.loading, error = _e.error;
+    var _f = data.otpData, responseBody = _f.responseBody, defaultValues = __rest(_f, ["responseBody"]);
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
-        defaultValues: data.otpData,
+        defaultValues: defaultValues,
         mode: 'onChange'
     });
+    useSetFromDefaultValues(methods, defaultValues);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _f = React.useState(false), resendLoading = _f[0], setResendLoading = _f[1];
+    var _g = React.useState(false), resendLoading = _g[0], setResendLoading = _g[1];
     var phone = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number;
     React.useEffect(function () {
         if (error && methods.formState.isValid && phone)

package/build/hooks/index.d.ts

@@ -10,3 +10,8 @@ export * from './useAppConfig';
 export * from './useErrorListener';
 export * from './useWindowSize';
 export * from './useStepStartedListener';
+export * from './useScreen';
+export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountry';
+export * from './useVerifyToken';

package/build/hooks/index.js

@@ -10,3 +10,8 @@ export * from './useAppConfig';
 export * from './useErrorListener';
 export * from './useWindowSize';
 export * from './useStepStartedListener';
+export * from './useScreen';
+export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountry';
+export * from './useVerifyToken';

package/build/hooks/useAppConfig.d.ts

@@ -1,6 +1,10 @@
 import { LibConfig, ScreenStepNavigation } from '../@types';
 interface AppConfigProps extends LibConfig {
     navigation: ScreenStepNavigation[];
+    disableCountries?: boolean;
+    disableLocale?: boolean;
+    disableSettingFetching?: boolean;
+    maturity?: 'full' | 'express';
 }
-export declare const useAppConfig: ({ appInfo, navigation, publicKey, ...rest }: AppConfigProps) => void;
+export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, ...rest }: AppConfigProps) => void;
 export {};

package/build/hooks/useAppConfig.js

@@ -27,7 +27,7 @@ import { axiosInstance } from '../api';
 import { isTapDomain, removeRequestHeaders } from '../utils';
 import { ENDPOINT_PATHS } from '../constants';
 export var useAppConfig = function (_a) {
-    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, rest = __rest(_a, ["appInfo", "navigation", "publicKey"]);
+    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity"]);
     var dispatch = useAppDispatch();
     var setBaseUrl = function () {
         var isProd = publicKey.includes('pk_live');
@@ -35,7 +35,7 @@ export var useAppConfig = function (_a) {
             axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
             return;
         }
-        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
     };
     var setAppConfig = function () {
         dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
@@ -51,11 +51,13 @@ export var useAppConfig = function (_a) {
     useEffect(function () {
         if (rest.open === false)
             return;
-        removeRequestHeaders();
+        if (!disableSettingFetching)
+            removeRequestHeaders();
         checkDomain();
         setBaseUrl();
         setAppConfig();
         dispatch(handleLanguage(rest.language));
-        dispatch(fetchAppSettingsSync());
+        if (!disableSettingFetching)
+            dispatch(fetchAppSettingsSync({ disableCountries: disableCountries, disableLocale: disableLocale, mdn: rest.merchantDomain, maturity: maturity }));
     }, []);
 };

package/build/hooks/useAppDispatch.d.ts

@@ -8,6 +8,6 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
-    otp: import("../features/app/otp/otpStore").OtpState;
-    auth: import("../features/app/auth/authStore").AuthState;
+    brand: import("../features/app/brand/brandStore").BrandState;
+    connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/hooks/useCountUp.d.ts

@@ -0,0 +1,9 @@
+interface CountUpOptions {
+    end: number;
+    start?: number;
+    sleepMS?: number;
+}
+export declare const useCountUp: ({ end, start, sleepMS }: CountUpOptions) => {
+    count: number;
+};
+export {};

package/build/hooks/useCountUp.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+export var useCountUp = function (_a) {
+    var end = _a.end, _b = _a.start, start = _b === void 0 ? 0 : _b, _c = _a.sleepMS, sleepMS = _c === void 0 ? 0 : _c;
+    var _d = useState(start), count = _d[0], setCount = _d[1];
+    var increment = function () {
+        setCount(count + 1);
+    };
+    useEffect(function () {
+        if (count >= end)
+            return;
+        var timer = setTimeout(function () {
+            increment();
+        }, sleepMS);
+        return function () { return clearTimeout(timer); };
+    }, [count]);
+    return { count: count };
+};

package/build/hooks/useCountry.d.ts

@@ -0,0 +1,4 @@
+export declare const useCountry: (code: string) => {
+    isKuwait: boolean;
+    isSaudi: boolean;
+};

package/build/hooks/useCountry.js

@@ -0,0 +1,7 @@
+import { isKW } from '../utils';
+import { useMemo } from 'react';
+export var useCountry = function (code) {
+    var isKuwait = useMemo(function () { return isKW(code); }, [code]);
+    var isSaudi = useMemo(function () { return isKW(code); }, [code]);
+    return { isKuwait: isKuwait, isSaudi: isSaudi };
+};

package/build/hooks/useErrorListener.js

@@ -9,10 +9,4 @@ export var useErrorListener = function (error) {
             (_b = (_a = settings.data.appConfig) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, error);
         }
     }, [error]);
-    useEffect(function () {
-        var _a, _b;
-        if (!settings.error && !settings.loading) {
-            (_b = (_a = settings.data.appConfig).onReady) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-    }, [settings.error, settings.loading]);
 };

package/build/hooks/useScreen.d.ts

@@ -0,0 +1,3 @@
+export declare const useScreen: (breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => {
+    small: boolean;
+};

package/build/hooks/useScreen.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { useWindowSize } from '.';
+import { useTheme } from '@mui/material/styles';
+export var useScreen = function (breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 'sm'; }
+    var _a = useState(false), small = _a[0], setSmall = _a[1];
+    var width = useWindowSize().width;
+    var theme = useTheme();
+    useEffect(function () {
+        var target = theme.breakpoints.values[breakpoint || 'sm'];
+        setSmall(width < target);
+    }, [width]);
+    return { small: small };
+};

package/build/hooks/useSetFromDefaultValues.d.ts

@@ -0,0 +1,2 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

package/build/hooks/useSetFromDefaultValues.js

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+var isValidValue = function (value) {
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (typeof value === 'object' && !!value)
+        return (Object === null || Object === void 0 ? void 0 : Object.keys(value).length) > 0;
+    return value !== undefined && value !== null && value !== '';
+};
+export var useSetFromDefaultValues = function (method, defaultValues, shouldValidate) {
+    if (shouldValidate === void 0) { shouldValidate = false; }
+    var setFromDefaultValues = function () {
+        for (var key in defaultValues) {
+            if (Object.prototype.hasOwnProperty.call(defaultValues, key)) {
+                if (key === 'responseBody')
+                    continue;
+                var value = defaultValues[key];
+                if (!isValidValue(method.getValues(key)) && isValidValue(value)) {
+                    method.setValue(key, value, { shouldValidate: shouldValidate });
+                }
+            }
+        }
+    };
+    useEffect(function () {
+        setFromDefaultValues();
+    }, [defaultValues]);
+};

package/build/hooks/useVerifyToken.d.ts

@@ -0,0 +1,15 @@
+import { ScreenStepNavigation } from '../@types';
+interface VerifyLeadTokenProps {
+    token: string;
+    isInternally?: boolean;
+}
+interface IVerifyToken {
+    verify: (props: VerifyLeadTokenProps) => any;
+    internalToken?: string;
+    open: boolean;
+    settingLoading: boolean;
+    navigation: ScreenStepNavigation[];
+    loadingScreenName: string;
+}
+export declare const useVerifyToken: ({ verify, internalToken, navigation, open, settingLoading, loadingScreenName }: IVerifyToken) => void;
+export {};

package/build/hooks/useVerifyToken.js

@@ -0,0 +1,25 @@
+import { handleCurrentActiveScreen, handleLanguage } from '../app/settings';
+import { getParameterByName } from '../utils';
+import { useAppDispatch } from './useAppDispatch';
+import { useEffect } from 'react';
+export var useVerifyToken = function (_a) {
+    var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName;
+    var dispatch = useAppDispatch();
+    var verifyTokenFun = function () {
+        var token = getParameterByName('token') || internalToken;
+        var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verify({ token: token, isInternally: !!internalToken }));
+    };
+    useEffect(function () {
+        if (!settingLoading && open)
+            verifyTokenFun();
+    }, [settingLoading, open]);
+    useEffect(function () {
+        if (internalToken && open)
+            dispatch(handleCurrentActiveScreen(loadingScreenName));
+    }, [navigation]);
+};

package/build/index.d.ts

@@ -1,14 +1,14 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
-import { SignInLib, renderSignInLib, SignInLibProps, unmountSignInLib } from './features/signIn';
-import { EntityLib, EntityLibProps, renderEntityLib, unmountEntityLib } from './features/entity';
-import { OTPLib, OTPLibProps, renderOTPLib, unmountOTPLib } from './features/otp/OTP';
-import { AuthLib, AuthLibProps, renderAuthLib, unmountAuthLib } from './features/auth';
-export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, OTPLibProps, AuthLibProps, SignInLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, OTPLib, renderOTPLib, unmountOTPLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+import { ConnectElement, ConnectLibProps } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib, ConnectExpressLibProps } from './features/connectExpress';
+import { BusinessElement, BusinessLibProps } from './features/business';
+import { PasswordElement, PasswordLibProps } from './features/password';
+import { IndividualElement, IndividualLibProps } from './features/individual';
+import { BankElement, BankLibProps } from './features/bank';
+import { TaxElement, TaxLibProps } from './features/tax';
+import { SignInElement, SignInLibProps } from './features/signIn';
+import { EntityElement, EntityLibProps } from './features/entity';
+import { BrandElement, BrandLibProps } from './features/brand';
+export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps };
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, renderConnectExpressLib };