@tap-payments/auth-jsconnect 2.0.45 → 2.0.46

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.js

@@ -29,6 +29,8 @@ import { InputLabelStyled } from '../../shared/Input/Input';
 import { ScreenContainer } from '../../shared/Containers';
 import Mandatory from '../../shared/Mandatory';
 import UploadFile, { FileStatus } from './UploadFile';
+import { useController } from 'react-hook-form';
+import { getFileType } from '../../../utils';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -59,12 +61,31 @@ var UploadCountBox = styled(Box)(function (_a) {
     });
 });
 var UploadMultipleFile = function (_a) {
-    var label = _a.label, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, maxLimit = _a.maxLimit, purpose = _a.purpose, fileTitle = _a.fileTitle;
+    var id = _a.id, label = _a.label, control = _a.control, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, maxLimit = _a.maxLimit, purpose = _a.purpose, fileTitle = _a.fileTitle, defaultFiles = _a.defaultFiles;
     var t = useTranslation().t;
     var theme = useTheme();
     var _b = React.useState(''), error = _b[0], setError = _b[1];
-    var _c = React.useState([]), fileArray = _c[0], setFileArray = _c[1];
-    var _d = React.useState([]), fileInfoArray = _d[0], setFileInfoArray = _d[1];
+    var fileControl = useController({ name: "".concat(id, "File"), control: control });
+    var fileInfoControl = useController({ name: "".concat(id, "FileInfo"), control: control });
+    var fileArray = fileControl.field.value || [];
+    var fileInfoArray = fileInfoControl.field.value || [];
+    React.useEffect(function () {
+        var files = defaultFiles || [];
+        if (fileArray.length === 0 && files.length > 0) {
+            files.forEach(function (file) {
+                fileArray.push({ name: file.title, size: file.size, type: getFileType(file.type) });
+                fileInfoArray.push({
+                    fileId: file.id,
+                    status: FileStatus.SUCCESS,
+                    progress: 100,
+                    error: '',
+                    name: file.title || ''
+                });
+            });
+            fileControl.field.onChange(__spreadArray([], fileArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
+        }
+    }, [defaultFiles]);
     var uploadedFileCount = React.useMemo(function () { return (fileInfoArray || []).filter(function (file) { return file.fileId; }).length; }, [fileInfoArray]);
     var handleFileChange = function (files) {
         if (!isSubmitting) {
@@ -96,8 +117,8 @@ var UploadMultipleFile = function (_a) {
                         fileInfoArray.push({ fileId: '', status: FileStatus.INIT, progress: 0, error: '', name: file.name });
                     }
                 });
-                setFileArray(__spreadArray([], fileArray, true));
-                setFileInfoArray(__spreadArray([], fileInfoArray, true));
+                fileControl.field.onChange(__spreadArray([], fileArray, true));
+                fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             }
         }
     };
@@ -108,9 +129,9 @@ var UploadMultipleFile = function (_a) {
                 if (required && fileInfoArray.length === 1)
                     setError(t('file_upload_at_least_one'));
                 fileArray.splice(index, 1);
-                setFileArray(__spreadArray([], fileArray, true));
+                fileControl.field.onChange(__spreadArray([], fileArray, true));
                 fileInfoArray.splice(index, 1);
-                setFileInfoArray(__spreadArray([], fileInfoArray, true));
+                fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
                 var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
                 onDeleteFile(fileIds);
             }
@@ -119,23 +140,24 @@ var UploadMultipleFile = function (_a) {
     var handleSuccess = function (index, file) {
         if (fileInfoArray.length > 0) {
             fileInfoArray[index] = file;
-            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
-            onFileUploaded(fileIds);
+            var filteredFromDefaultFiles = fileIds.filter(function (id) { return !(defaultFiles || []).some(function (file) { return file.id === id; }); });
+            onFileUploaded(filteredFromDefaultFiles);
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
         }
     };
     var handleFailure = function (index, file) {
         if (fileInfoArray.length > 0) {
             fileInfoArray[index] = file;
-            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
         }
     };
     var handleProgress = function (index, file) {
         if (fileInfoArray.length > 0) {
             fileInfoArray[index] = file;
-            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
             fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(true);
         }
     };

package/build/features/signIn/SignIn.js

@@ -18,7 +18,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { SigIn_SCREENS_NAVIGATION } from '../../constants';
 import { signInFeatureScreens } from '../featuresScreens';
@@ -43,7 +43,7 @@ export function SignInElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(SignIn, __assign({}, props)) })));
 }
 export function renderSignInLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(SignInElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

package/build/features/tax/Tax.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { createElementAndInject } from '../../utils';
+import { findOrCreateElementAndInject } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { TAX_SCREENS_NAVIGATION } from '../../constants';
 import { taxFeatureScreens } from '../featuresScreens';
@@ -64,7 +64,7 @@ export function TaxElement(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));
 }
 export function renderTaxLib(config, elementId) {
-    var element = createElementAndInject(elementId);
+    var element = findOrCreateElementAndInject(elementId);
     var root = createRoot(element);
     root.render(_jsx(TaxElement, __assign({}, config)));
     var unmount = function () { return root.unmount(); };

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

@@ -16,7 +16,7 @@ import { taxSelector } from '../../../app/tax/taxStore';
 import SuccessFlowButtons from '../../../shared/SuccessFlowButtons';
 var SuccessWithFlowButtons = function () {
     var data = useAppSelector(taxSelector).data;
-    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;
-    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, flows: flows || [] }));
+    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

@@ -35,10 +35,11 @@ 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, 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),
+        resolver: yupResolver(Validation(entity)),
         defaultValues: {
             vatId: vatId,
             confirmPolicy: confirmPolicy,

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

@@ -10,11 +10,14 @@ var __assign = (this && this.__assign) || function () {
     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';
@@ -25,18 +28,21 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 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 loading = useAppSelector(taxSelector).loading;
+    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);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { 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, purpose: 'tax_document_user_upload', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) })) })));
+    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

@@ -17,26 +17,31 @@ 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 { 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: isSACountry ? {} : { 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,14 +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,6 +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'),
-    documentId: yup.array().optional()
-});
+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/utils/array.d.ts

@@ -62,3 +62,4 @@ export declare const fixBrandList: (items: Array<{
 }[];
 export declare const findFirstId: (items: Array<SaleChannel>) => string;
 export declare const sortActivitiesByName: (items: Array<Activity>, path: string) => Activity[];
+export declare const getRecentDocumentFiles: (documents: Array<any>, purpose: string) => any;

package/build/utils/array.js

@@ -90,9 +90,9 @@ export var findCountryByIddPrefix = function (countries, iddPrefix) {
 export var mapSalesChannel = function (salesChannel) {
     return salesChannel.map(function (item) {
         var hasSub = item.sub && item.sub.length > 0;
-        return __assign(__assign(__assign({}, item), { address: (item.address || '').replaceAll('https://', '').replaceAll('@', '') }), (hasSub && {
+        return __assign(__assign(__assign({}, item), { address: (item.address || '').replaceAll('https://', '').replaceAll('www.', '').replaceAll('@', '') }), (hasSub && {
             sub: item.sub.map(function (subItem) {
-                return __assign(__assign({}, subItem), { address: (subItem.address || '').replaceAll('https://', '').replaceAll('@', '') });
+                return __assign(__assign({}, subItem), { address: (subItem.address || '').replaceAll('https://', '').replaceAll('www.', '').replaceAll('@', '') });
             })
         }));
     });
@@ -142,3 +142,11 @@ export var sortActivitiesByName = function (items, path) {
         return get(a, path).trim().toLowerCase().localeCompare(get(b, path).trim().toLowerCase().trim().toLowerCase());
     });
 };
+export var getRecentDocumentFiles = function (documents, purpose) {
+    var _a;
+    if ((documents === null || documents === void 0 ? void 0 : documents.length) === 0)
+        return [];
+    return (((_a = (documents || [])
+        .filter(function (doc) { return (doc.file_details || []).find(function (file) { return file.purpose === purpose; }); })
+        .sort(function (a, b) { return b.created - a.created; })[0]) === null || _a === void 0 ? void 0 : _a.file_details) || []);
+};

package/build/utils/common.d.ts

@@ -1 +1,2 @@
 export declare const sleep: (milliseconds?: number) => Promise<unknown>;
+export declare const dangerousMessage: (message: string, callBack?: Function) => void;

package/build/utils/common.js

@@ -2,3 +2,9 @@ export var sleep = function (milliseconds) {
     if (milliseconds === void 0) { milliseconds = 1000; }
     return new Promise(function (resolve) { return setTimeout(resolve, milliseconds); });
 };
+export var dangerousMessage = function (message, callBack) {
+    if (process.env.NODE_ENV === 'development') {
+        return alert(message);
+    }
+    callBack === null || callBack === void 0 ? void 0 : callBack({ message: message });
+};

package/build/utils/date.d.ts

@@ -1 +1,2 @@
 export declare const dateFormat: (date: Date, fmt?: string) => string;
+export declare const getFutureDate: (years?: number) => Date;

package/build/utils/date.js

@@ -1,5 +1,11 @@
 import moment from 'moment';
 export var dateFormat = function (date, fmt) {
     if (fmt === void 0) { fmt = 'YYYY-MM-DD'; }
-    return moment(date).format('YYYY-MM-DD');
+    return moment(date).format(fmt);
+};
+export var getFutureDate = function (years) {
+    var futureY = years || 20;
+    var maxDate = new Date();
+    maxDate.setFullYear(maxDate.getFullYear() + futureY);
+    return maxDate;
 };

package/build/utils/error.d.ts

@@ -0,0 +1 @@
+export declare const isNetworkError: (error: string | null) => boolean;

package/build/utils/error.js

@@ -0,0 +1,3 @@
+export var isNetworkError = function (error) {
+    return ['network error', 'network request failed'].includes((error || '').trim().toLowerCase());
+};

package/build/utils/html.d.ts

@@ -1,4 +1,4 @@
-export declare const createElementAndInject: (id: string) => HTMLDivElement;
+export declare const findOrCreateElementAndInject: (id: string) => HTMLElement;
 export declare const scrollUp: (elementId: string, top?: number) => void;
 export declare const scrollDown: (elementId: string) => void;
 export declare const removeElement: (elementId: string) => void;

package/build/utils/html.js

@@ -1,4 +1,7 @@
-export var createElementAndInject = function (id) {
+export var findOrCreateElementAndInject = function (id) {
+    var elementExist = document.getElementById(id);
+    if (elementExist)
+        return elementExist;
     var element = document.createElement('div');
     element.setAttribute('id', id || 'tap-connect-sdk-element');
     document.body.prepend(element);

package/build/utils/index.d.ts

@@ -9,3 +9,4 @@ export * from './device';
 export * from './rsa';
 export * from './common';
 export * from './date';
+export * from './error';

package/build/utils/index.js

@@ -9,3 +9,4 @@ export * from './device';
 export * from './rsa';
 export * from './common';
 export * from './date';
+export * from './error';

package/build/utils/string.d.ts

@@ -1,4 +1,4 @@
-import { DeviceInfo } from '../@types';
+import { DeviceInfo, User } from '../@types';
 export declare const maskPhone: (str?: string) => string;
 export declare const shortenString: (str: string, length: number) => string;
 export declare const maskID: (str: string) => string;
@@ -42,7 +42,7 @@ export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
 };
 export declare const removeRequestHeaders: () => void;
 export declare const getBaseUrl: () => string;
-export declare const getScreenNameBasedOnFlow: (flow: string) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string) => boolean;
@@ -56,3 +56,16 @@ export declare const isInstagram: (flag: string) => boolean;
 export declare const isPhysicalStore: (flag: string) => boolean;
 export declare const isCallCenter: (flag: string) => boolean;
 export declare const getChannelIcon: (channel: string) => string;
+export declare const getUserName: (user: User, isAr: boolean) => string;
+export declare const getUserNameObject: (name: string) => {
+    first?: undefined;
+    middle?: undefined;
+    third?: undefined;
+    last?: undefined;
+} | {
+    first: string;
+    middle: string;
+    third: string;
+    last: string;
+};
+export declare const getFileType: (type: string) => "" | "image/jpeg" | "image/png" | "image/jpg" | "application/pdf";

package/build/utils/string.js

@@ -1,5 +1,5 @@
 import { FlowsTypes } from '../@types';
-import { encryptString } from '.';
+import { concatenateObjectValues, encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
 import { ENDPOINT_PATHS, ICONS_FULL_PATH } from '../constants';
 import moment from 'moment';
@@ -172,7 +172,7 @@ export var getBaseUrl = function () {
     }
     return ENDPOINT_PATHS.PRODUCTION_BASE_URL;
 };
-export var getScreenNameBasedOnFlow = function (flow) {
+export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser) {
     if (flow === FlowsTypes.BANK) {
         return 'BANK_BANK_DETAILS_STEP';
     }
@@ -180,7 +180,7 @@ export var getScreenNameBasedOnFlow = function (flow) {
         return 'BUSINESS_BUSINESS_TYPE_STEP';
     }
     if (flow === FlowsTypes.INDIVIDUAL) {
-        return 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP';
+        return isAuthorizedUser ? 'INDIVIDUAL_LIST_STEP' : 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP';
     }
     if (flow === FlowsTypes.CONNECT) {
         return 'CONNECT_NID_STEP';
@@ -258,3 +258,37 @@ export var getChannelIcon = function (channel) {
     }
     return '';
 };
+export var getUserName = function (user, isAr) {
+    var _a, _b;
+    var fullNameEn = concatenateObjectValues((_a = user === null || user === void 0 ? void 0 : user.names) === null || _a === void 0 ? void 0 : _a.en, ['first', 'middle', 'last']);
+    var fullNameAR = concatenateObjectValues((_b = user === null || user === void 0 ? void 0 : user.names) === null || _b === void 0 ? void 0 : _b.ar, ['first', 'middle', 'last']);
+    var nameEN = '';
+    var nameAR = '';
+    if (fullNameEn)
+        nameEN = capitalizeTheFirstLetterOfEachWord(fullNameEn);
+    if (fullNameAR)
+        nameAR = capitalizeTheFirstLetterOfEachWord(fullNameAR);
+    var name = isAr ? nameAR || nameEN : nameEN;
+    return name;
+};
+export var getUserNameObject = function (name) {
+    if (!name)
+        return {};
+    var _a = name.split(' '), first = _a[0], middle = _a[1], third = _a[2], rest = _a.slice(3);
+    var lastName = rest.join(' ') || '';
+    return { first: first, middle: middle || '', third: third || '', last: lastName };
+};
+export var getFileType = function (type) {
+    switch (type) {
+        case 'jpeg':
+            return 'image/jpeg';
+        case 'png':
+            return 'image/png';
+        case 'jpg':
+            return 'image/jpg';
+        case 'pdf':
+            return 'application/pdf';
+        default:
+            return '';
+    }
+};

package/build/utils/validation.d.ts

@@ -15,3 +15,4 @@ export declare const keepLettersAndSpace: (str: string) => string;
 export declare const isTapDomain: (domain: string) => boolean;
 export declare const removeArabicWords: (str: string) => string;
 export declare const removeAllOtherThanArabicWords: (str: string) => string;
+export declare const isValidEmail: (email: string) => boolean;

package/build/utils/validation.js

@@ -49,3 +49,6 @@ export var removeArabicWords = function (str) {
 export var removeAllOtherThanArabicWords = function (str) {
     return str.replace(/[^ء-ي]/g, '');
 };
+export var isValidEmail = function (email) {
+    return /.+@.+\..+/.test(email);
+};