@tap-payments/auth-jsconnect 2.10.0-development → 2.10.0

package/build/features/connectExpress/screens/CollectBusinessInfo/UnifiedNumber.js

@@ -0,0 +1,81 @@
+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 { useController, useFormContext } from 'react-hook-form';
+import { alpha, styled } from '@mui/material/styles';
+import InfoIcon from '@mui/icons-material/Info';
+import Box from '@mui/material/Box';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { removeAllCharsFromNumber } from '../../../../utils';
+import Collapse from '../../../../components/Collapse';
+import Tooltip from '../../../../components/Tooltip';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { clearError, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import { EndAdornment } from '../../../shared/EndAdornment';
+var LabelContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'space-between',
+        padding: theme.spacing(0, 2.5, 1, 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) }));
+});
+export var InfoIconStyled = styled(InfoIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2.75),
+        height: theme.spacing(2.125),
+        cursor: 'pointer',
+        color: alpha(theme.palette.text.primary, 0.4),
+        display: 'inline-flex'
+    });
+});
+export var InfoOutlinedIconStyled = styled(InfoOutlinedIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2.75),
+        height: theme.spacing(2.125),
+        cursor: 'pointer',
+        color: alpha(theme.palette.text.primary, 0.4),
+        display: 'inline-flex'
+    });
+});
+var UnifiedNumber = function (_a) {
+    var _b;
+    var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
+    var t = useTranslation().t;
+    var bckError = useAppSelector(connectExpressSelector).error;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var _c = React.useState(false), hovered = _c[0], setHovered = _c[1];
+    var handleChange = function (_a) {
+        var target = _a.target;
+        if (bckError)
+            dispatch(clearError());
+        var value = removeAllCharsFromNumber(target.value);
+        unifiedNumberControl.field.onChange(value);
+    };
+    var unifiedNumberControl = useController({ control: control, name: 'unifiedNumber' });
+    var unifiedNumberValue = unifiedNumberControl.field.value || '';
+    var error = (_b = unifiedNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t('v1_company_unified_number_label') }), _jsx(Tooltip, __assign({ title: t('v1_company_unified_number_description'), onMouseOver: function () { return setHovered(true); }, onMouseLeave: function () { return setHovered(false); }, onTouchStartCapture: function () { return setHovered(true); } }, { children: hovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(Input, { readOnly: readOnly, onChange: handleChange, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('v1_company_unified_number_hint'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: unifiedNumberValue, isVerified: isVerified }) })] })) })));
+};
+export default React.memo(UnifiedNumber);

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

@@ -15,15 +15,18 @@ export declare const OtherThanKWOrSABusinessDataSchema: (isLeadIdPassed: boolean
 export declare const BusinessDataSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;
 export declare const KWBusinessDataSchema: (isLeadIdPassed: boolean) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;

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

@@ -1,5 +1,5 @@
 import * as yup from 'yup';
-import { KW_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH, BRAND_NAME_MAX_LENGTH } from '../../../../constants';
+import { KW_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH, BRAND_NAME_MAX_LENGTH, UNIFIED_NUMBER_MIN_LENGTH } from '../../../../constants';
 import { BusinessType } from '../../../../@types';
 var objectElements = {
     legal_name: yup.object().shape({
@@ -7,7 +7,7 @@ var objectElements = {
         en: yup.string()
     }),
     license: yup.object().shape({
-        number: yup.string()
+        number: yup.string().nullable()
     }),
     type: yup.string()
 };
@@ -94,22 +94,40 @@ export var BusinessDataSchema = function (isLeadIdPassed) {
             })
                 .required('enter_brand_name_english_chars_numbers_space'),
             selectedLicense: yup.object().shape(objectElements).required(''),
-            licenseNumber: yup
-                .string()
-                .test({
+            unifiedNumber: yup.string().test({
+                name: 'unifiedNumber',
+                message: '',
                 test: function (value) {
+                    var _a;
                     var selectedLicense = this.parent.selectedLicense;
-                    var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                    var isFL = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL;
                     var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (!((_a = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === null || _a === void 0 ? void 0 : _a.length))
+                        return false;
+                    if (isFL || length >= UNIFIED_NUMBER_MIN_LENGTH)
+                        return true;
                     if (length === 0)
+                        return this.createError({ message: '' });
+                    return this.createError({ message: 'unified_number_required' });
+                }
+            }),
+            licenseNumber: yup.string().test({
+                name: 'licenseNumber',
+                message: '',
+                test: function (value) {
+                    var _a;
+                    var selectedLicense = this.parent.selectedLicense;
+                    var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                    var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                    if (!((_a = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === null || _a === void 0 ? void 0 : _a.length))
+                        return false;
+                    if (isCR || length >= FL_MIN_LICENSE_LENGTH)
                         return true;
-                    if (isCR) {
-                        return length >= CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
-                    }
-                    return length >= FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
+                    if (length === 0)
+                        return this.createError({ message: '' });
+                    return this.createError({ message: 'fl_max_length' });
                 }
-            })
-                .required(''),
+            }),
             termAndConditionChecked: yup.boolean().isTrue('check_terms_cond').required('check_terms_cond')
         });
     }
@@ -127,22 +145,40 @@ export var BusinessDataSchema = function (isLeadIdPassed) {
         })
             .required('enter_brand_name_english_chars_numbers_space'),
         selectedLicense: yup.object().shape(objectElements).required(''),
-        licenseNumber: yup
-            .string()
-            .test({
+        unifiedNumber: yup.string().test({
+            name: 'unifiedNumber',
+            message: '',
             test: function (value) {
+                var _a;
                 var selectedLicense = this.parent.selectedLicense;
-                var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                var isFL = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL;
                 var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                if (!((_a = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === null || _a === void 0 ? void 0 : _a.length))
+                    return false;
+                if (isFL || length >= UNIFIED_NUMBER_MIN_LENGTH)
+                    return true;
                 if (length === 0)
+                    return this.createError({ message: '' });
+                return this.createError({ message: 'unified_number_required' });
+            }
+        }),
+        licenseNumber: yup.string().test({
+            name: 'licenseNumber',
+            message: '',
+            test: function (value) {
+                var _a;
+                var selectedLicense = this.parent.selectedLicense;
+                var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                if (!((_a = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === null || _a === void 0 ? void 0 : _a.length))
+                    return false;
+                if (isCR || length >= FL_MIN_LICENSE_LENGTH)
                     return true;
-                if (isCR) {
-                    return length >= CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
-                }
-                return length >= FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
+                if (length === 0)
+                    return this.createError({ message: '' });
+                return this.createError({ message: 'fl_max_length' });
             }
         })
-            .required('')
     });
 };
 export var KWBusinessDataSchema = function (isLeadIdPassed) {

package/build/features/entity/screens/EntityName/EntityName.js

@@ -155,8 +155,9 @@ var EntityName = function (_a) {
     }, [methods.formState.isValid]);
     var disabled = !methods.formState.isValid || uploading || uploadingArticle;
     var showLicenseNumber = isKWCountry ? isCR : true;
+    var showExpiryDate = isSACountry ? !isCR : true;
     var showUnifiedNumber = isSACountry ? isCR : false;
     var disableBack = settingsData.appConfig.mode === 'content';
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, { readOnly: readOnly['legalName'] || (noneEditable['legal_name.en'] && noneEditable['legal_name.ar']), isVerified: isLegalNameVerified }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { readOnly: readOnly['entityType'] || noneEditable['type'], onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); }, isVerified: isEntityTypeVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseNumber, { show: showLicenseNumber, readOnly: readOnly['licenseNumber'] || noneEditable['license.number'], isVerified: isLicenseNumberVerified }), _jsx(UnifiedNumber, { show: showUnifiedNumber, readOnly: readOnly['unifiedNumber'] || noneEditable['license.additional_info'], isVerified: isUnifiedNumberVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose, readOnly: readOnly['issuingDate'] || noneEditable['license.issuing_date'], isVerified: isIssuingDateVerified }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose, readOnly: readOnly['expiryDate'] || noneEditable['license.expiry_date'], isVerified: isExpiryDateVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { defaultFiles: defaultCertificateFiles, show: isSACountry ? false : !isKWCountry || isCR, readOnly: readOnly['certificateId'] || noneEditable['documents'] }), _jsx(Article, { defaultFile: defaultArticleFile, show: !isSACountry, readOnly: readOnly['articleId'] || noneEditable['AOA_file_id'], isVerified: isArticleIdVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, 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: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, { readOnly: readOnly['legalName'] || (noneEditable['legal_name.en'] && noneEditable['legal_name.ar']), isVerified: isLegalNameVerified }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { readOnly: readOnly['entityType'] || noneEditable['type'], onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); }, isVerified: isEntityTypeVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(UnifiedNumber, { show: showUnifiedNumber, readOnly: readOnly['unifiedNumber'] || noneEditable['license.additional_info'], isVerified: isUnifiedNumberVerified }), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: readOnly['licenseNumber'] || noneEditable['license.number'], isVerified: isLicenseNumberVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose, readOnly: readOnly['issuingDate'] || noneEditable['license.issuing_date'], isVerified: isIssuingDateVerified }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl && showExpiryDate }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose, readOnly: readOnly['expiryDate'] || noneEditable['license.expiry_date'], isVerified: isExpiryDateVerified }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { defaultFiles: defaultCertificateFiles, show: isSACountry ? false : !isKWCountry || isCR, readOnly: readOnly['certificateId'] || noneEditable['documents'] }), _jsx(Article, { defaultFile: defaultArticleFile, show: !isSACountry, readOnly: readOnly['articleId'] || noneEditable['AOA_file_id'], isVerified: isArticleIdVerified })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default EntityName;

package/build/features/entity/screens/EntityName/UnifiedNumber.js

@@ -14,7 +14,7 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { removeAllCharsFromNumber } from '../../../../utils';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
@@ -31,7 +31,7 @@ var UnifiedNumber = function (_a) {
         var target = _a.target;
         if (bckError)
             dispatch(clearError());
-        var value = removeAllOtherThanCharsAndNumber(target.value);
+        var value = removeAllCharsFromNumber(target.value);
         unifiedNumberControl.field.onChange(value);
     };
     var unifiedNumberControl = useController({ control: control, name: 'unifiedNumber' });

package/build/features/entity/screens/EntityName/validation.d.ts

@@ -6,7 +6,7 @@ export declare const EntityNameValidationSchema: () => yup.ObjectSchema<import("
     licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -16,7 +16,7 @@ export declare const EntityNameValidationSchema: () => yup.ObjectSchema<import("
     licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
@@ -26,7 +26,7 @@ export declare const EntityNameValidationSchema: () => yup.ObjectSchema<import("
     licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    expiryDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;

package/build/features/entity/screens/EntityName/validation.js

@@ -1,6 +1,6 @@
 import * as yup from 'yup';
 import { BusinessType } from '../../../../@types';
-import { KW_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH } from '../../../../constants';
+import { KW_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH, FL_MIN_LICENSE_LENGTH, UNIFIED_NUMBER_MIN_LENGTH } from '../../../../constants';
 export var EntityNameValidationSchema = function () {
     return yup.object().shape({
         legalName: yup
@@ -32,9 +32,20 @@ export var EntityNameValidationSchema = function () {
             }
         })
             .required(''),
-        unifiedNumber: yup.string().optional(),
+        unifiedNumber: yup.string().test({
+            name: 'unifiedNumber',
+            message: '',
+            test: function (value) {
+                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                if (length >= UNIFIED_NUMBER_MIN_LENGTH)
+                    return true;
+                if (length === 0)
+                    return this.createError({ message: '' });
+                return this.createError({ message: 'unified_number_required' });
+            }
+        }),
         issuingDate: yup.string().required('choose_any_issuing_date'),
-        expiryDate: yup.string().required('choose_any_expiry_date'),
+        expiryDate: yup.string().optional(),
         certificateId: yup.array().optional(),
         articleId: yup.string().optional()
     });

package/build/features/featuresScreens.d.ts

@@ -12,4 +12,3 @@ export declare const entityFeatureScreens: Array<FeatureScreenStep>;
 export declare const brandFeatureScreens: Array<FeatureScreenStep>;
 export declare const boardFeatureScreens: Array<FeatureScreenStep>;
 export declare const kycFeatureScreens: Array<FeatureScreenStep>;
-export declare const terminalFeatureScreens: Array<FeatureScreenStep>;

package/build/features/featuresScreens.js

@@ -141,18 +141,6 @@ import KycOperatorErrorPage from './kyc/screens/OperatorError';
 import KycSuccessPage from './kyc/screens/Success';
 import KycTermsPage from './kyc/screens/Terms';
 import KycUsersPage from './kyc/screens/Users';
-import TerminalLoadingPage from './terminal/screens/Loading';
-import TerminalOperatorErrorPage from './terminal/screens/OperatorError';
-import TerminalVerifyPage from './terminal/screens/Verify';
-import NoTerminalLinkedPage from './terminal/screens/NoTerminalLinked';
-import TerminalDeviceListPage from './terminal/screens/TerminalDeviceList';
-import LinkNewTerminalPage from './terminal/screens/LinkNewTerminal';
-import LinkedTerminalInfoPage from './terminal/screens/LinkedTerminalInfo';
-import UnlinkedTerminalInfoPage from './terminal/screens/UnlinkedTerminalInfo';
-import LinkedSuccessPage from './terminal/screens/LinkedSuccess';
-import UnlinkedSuccessPage from './terminal/screens/UnlinkedSuccess';
-import TerminalBoardPage from './terminal/screens/SuccessWithFlowButtons';
-import TerminalResetPasswordSuccessPage from './terminal/screens/ResetPasswordSuccess';
 export var connectFeatureScreens = [
     {
         name: 'CONNECT_BUSINESS_COUNTRY_STEP',
@@ -717,53 +705,3 @@ export var kycFeatureScreens = [
         element: KycSuccessPage
     }
 ];
-export var terminalFeatureScreens = [
-    {
-        name: CONNECT_FLOWS.terminal.loadingData,
-        element: TerminalLoadingPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.operatorError,
-        element: TerminalOperatorErrorPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.verify,
-        element: TerminalVerifyPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.noTerminalLinked,
-        element: NoTerminalLinkedPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.terminalList,
-        element: TerminalDeviceListPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.terminalLinkNew,
-        element: LinkNewTerminalPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.linkedTerminalInfo,
-        element: LinkedTerminalInfoPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.unlinkedTerminalInfo,
-        element: UnlinkedTerminalInfoPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.terminalLinkedSuccess,
-        element: LinkedSuccessPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.terminalUnlinkedSuccess,
-        element: UnlinkedSuccessPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.board,
-        element: TerminalBoardPage
-    },
-    {
-        name: CONNECT_FLOWS.terminal.resetPassword,
-        element: TerminalResetPasswordSuccessPage
-    }
-];

package/build/features/shared/Button/Button.js

@@ -112,5 +112,5 @@ export default function CustomButton(_a) {
             }, 500);
         };
     }, []);
-    return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, __assign({ sx: sx }, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props, { onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); } }))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false ? !disableNextIcon && _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) : undefined }, props, { children: !btnLoading ? (_jsxs(Text, __assign({ sx: { marginInlineEnd: isBackEnabled ? '-24px' : '-15px' } }, { children: [" ", children] }))) : (_jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 15, toggleAnimation: !!btnLoading })) }))] }))] }));
+    return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, __assign({ sx: sx }, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false ? !disableNextIcon && _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) : undefined }, props, { children: !btnLoading ? (_jsxs(Text, __assign({ sx: { marginInlineEnd: isBackEnabled ? '-24px' : '-15px' } }, { children: [" ", children] }))) : (_jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 15, toggleAnimation: !!btnLoading })) }))] }))] }));
 }

package/build/features/shared/Button/FlowsButtons.js

@@ -163,7 +163,6 @@ export default function FlowsButtons(_a) {
     var isAr = useLanguage().isAr;
     var t = useTranslation().t;
     var onRedirect = function (item) {
-        var _a;
         if (!item.href)
             return;
         var name = item.name === FlowsTypes.BANK ? 'Wallet' : capitalize(item.name);
@@ -181,7 +180,7 @@ export default function FlowsButtons(_a) {
             return;
         }
         if (typeof settingsData.appConfig.onBoardButtonClick === 'function') {
-            settingsData.appConfig.onBoardButtonClick({ name: item.name, token: item.token, countryCode: (_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2 });
+            settingsData.appConfig.onBoardButtonClick({ name: item.name, token: item.token });
             return;
         }
         dispatch(handleOpen(false));

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

@@ -1,4 +1,3 @@
-import { SxProps, Theme } from '@mui/material/styles';
 import * as React from 'react';
 export interface ThankYouProps {
     title?: string;
@@ -10,7 +9,6 @@ export interface ThankYouProps {
     description?: string | React.ReactElement;
     enableBack?: boolean;
     onBack?: () => void;
-    sx?: SxProps<Theme>;
 }
-declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error, enableBack, onBack, sx }: ThankYouProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error, enableBack, onBack }: ThankYouProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -55,9 +55,9 @@ var IconStyled = styled(Icon)(function (_a) {
         _b);
 });
 var ThankYou = function (_a) {
-    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error, enableBack = _a.enableBack, onBack = _a.onBack, sx = _a.sx;
+    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error, enableBack = _a.enableBack, onBack = _a.onBack;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, __assign({ sx: sx }, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), description && _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) })), enableBack && (_jsx(Button, __assign({ sx: { mb: 1.5, mt: 0 }, onClick: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, variant: 'text' }, { children: t('back') })))] })));
+    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), description && _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) })), enableBack && (_jsx(Button, __assign({ sx: { mb: 1.5, mt: 0 }, onClick: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, variant: 'text' }, { children: t('back') })))] }));
 };
 export default React.memo(ThankYou);

package/build/hooks/useAppConfig.js

@@ -48,7 +48,7 @@ export var useAppConfig = function (_a) {
         if (!disableSettingFetching && !configToken)
             removeRequestHeaders();
         checkDomain();
-        setBaseUrl(publicKey, rest.businessCountryCode);
+        setBaseUrl(publicKey, rest.region);
         setAppConfig();
         if (typeof boardMaturity === 'boolean')
             dispatch(handelBoardMaturity(boardMaturity));

package/build/hooks/useAppDispatch.d.ts

@@ -13,5 +13,4 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
     kyc: import("../features/app/kyc/kycStore").KYCDataState;
-    terminal: import("../features/app/terminal/terminalStore").TerminalDataState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/index.d.ts

@@ -13,6 +13,5 @@ import { EntityElement, EntityLibProps } from './features/entity';
 import { BrandElement, BrandLibProps } from './features/brand';
 import { BoardLibProps, BoardElement } from './features/board';
 import { KYCLibProps, KYCElement } from './features/kyc';
-import { TerminalLibProps, TerminalElement } from './features/terminal';
-export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps, KYCLibProps, TerminalLibProps };
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };
+export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps, KYCLibProps };
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };

package/build/index.js

@@ -13,8 +13,7 @@ import { EntityElement, renderEntityLib } from './features/entity';
 import { BrandElement, renderBrandLib } from './features/brand';
 import { BoardElement, renderBoardLib } from './features/board';
 import { KYCElement, renderKYCLib } from './features/kyc';
-import { TerminalElement, renderTerminalLib } from './features/terminal';
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
@@ -28,7 +27,6 @@ window['TapAuth'] = {
     renderBrandLib: renderBrandLib,
     renderSignInLib: renderSignInLib,
     renderBoardLib: renderBoardLib,
-    renderKYCLib: renderKYCLib,
-    renderTerminalLib: renderTerminalLib
+    renderKYCLib: renderKYCLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/palette.js

@@ -48,18 +48,6 @@ export var lightPalette = {
         main: '#808592',
         light: '#EAECEF',
         dark: '#3B4152'
-    },
-    components: {
-        deviceCard: {
-            title: '#20232B',
-            statusText: '#1F222A80',
-            statusBackground: ' #F0F0F0',
-            deviceInfoBackground: 'linear-gradient(127.37deg, rgba(255, 255, 255, 0.6) 59.07%, rgba(255, 255, 255, 0.444) 100.12%);',
-            border: '#e8ecf2'
-        },
-        toastDeviceSelectorDropdown: {
-            border: '#f2f2f2'
-        }
     }
 };
 export var darkPalette = {

package/build/theme/typography.js

@@ -5,7 +5,6 @@ export var typography = {
     fontWeightLight: 300,
     fontWeightRegular: 400,
     fontWeightMedium: 500,
-    fontWeightSemiBold: 600,
     fontWeightBold: 700,
     allVariants: {
         fontFamily: '"Lato", "Tajawal", "Roboto"',
@@ -20,7 +19,6 @@ export var typography = {
     h2: { fontSize: '3rem' },
     h3: { fontSize: '2.5rem' },
     h4: { fontSize: '2rem' },
-    h4_small: { fontSize: '1.625rem' },
     h5: { fontSize: '1.5rem' },
     h6: { fontSize: '1.25rem' },
     subtitle1: { fontSize: '1.125rem' },
@@ -28,8 +26,6 @@ export var typography = {
     body1: { fontSize: '1rem' },
     body2: { fontSize: '0.875rem' },
     button: { fontSize: '0.875rem' },
-    button_small: { fontSize: '0.813rem' },
     caption: { fontSize: '0.75rem' },
-    caption_small: { fontSize: '0.625rem' },
     overline: { fontSize: '0.5rem' }
 };

package/build/utils/common.d.ts

@@ -1,6 +1,6 @@
 export declare const sleep: (milliseconds?: number) => Promise<unknown>;
 export declare const dangerousMessage: (message: string, callBack?: Function) => void;
-export declare const setBaseUrl: (publicKey: string, countryCode?: string) => void;
+export declare const setBaseUrl: (publicKey: string, region?: string) => void;
 export declare const updateLocationUrlWithCountry: (countryIso2: string) => void;
 export declare const openConnect: (pk: string, countryCode?: string) => void;
 export declare function getMetaData(): Record<string, string> | undefined;

package/build/utils/common.js

@@ -1,5 +1,5 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
 import { objectHasValues } from './object';
 import { isSA } from './string';
 export var sleep = function (milliseconds) {
@@ -12,14 +12,13 @@ export var dangerousMessage = function (message, callBack) {
     }
     callBack === null || callBack === void 0 ? void 0 : callBack({ message: message });
 };
-export var setBaseUrl = function (publicKey, countryCode) {
-    if (countryCode === void 0) { countryCode = ''; }
+export var setBaseUrl = function (publicKey, region) {
     var isProd = publicKey.includes('pk_live');
     if (isProd) {
-        axiosInstance.defaults.baseURL = isSA(countryCode) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+        axiosInstance.defaults.baseURL = isSA(region) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.PRODUCTION_BASE_URL;
         return;
     }
-    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
 };
 export var updateLocationUrlWithCountry = function (countryIso2) {
     var country = countryIso2.toLowerCase();
@@ -38,7 +37,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
     window.history.replaceState({}, '', newUrl);
 };
 export var openConnect = function (pk, countryCode) {
-    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
+    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_SANDBOX_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/build/utils/string.d.ts

@@ -46,7 +46,7 @@ export declare const getBaseUrl: () => string;
 export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean, isOtherThanSAOrKWCountry?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "PASSWORD_CREATE_PASSWORD_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
-export declare const isSA: (flag: string) => boolean;
+export declare const isSA: (flag: string | undefined) => boolean;
 export declare const isOtherThanKWOrSA: (flag: string) => boolean;
 export declare const isKWOrSA: (flag: string) => boolean;
 export declare const isLinkedIn: (flag: string) => boolean;

package/build/utils/string.js

@@ -214,7 +214,9 @@ export var isKW = function (flag) {
     return ['kw', 'kwd'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
 };
 export var isSA = function (flag) {
-    return ['sa', 'sau'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+    if (!flag)
+        return false;
+    return ['sa', 'sau'].includes(flag.toLowerCase());
 };
 export var isOtherThanKWOrSA = function (flag) {
     return !isKW(flag) && !isSA(flag);