@tap-payments/auth-jsconnect 2.5.22-test → 3.0.0-test

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

@@ -1,8 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { updateLeadSuccess, taxSelector } from '../../../app/tax/taxStore';
+import { ContainerWithHeader } from '../../../shared/Containers';
 import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
@@ -17,6 +29,6 @@ var Success = function (_a) {
     var onSuccess = function () {
         setClicked(true);
     };
-    return (_jsx(SuccessScreen, { title: t('tax_success_title'), onSuccess: onSuccess, successTitle: t('continue'), loading: clicked && updateBoardSuccessLoading, error: error || '' }));
+    return (_jsx(ContainerWithHeader, __assign({ title: 'tax_success_header_title', description: 'tax_success_header_description' }, { children: _jsx(SuccessScreen, { title: t('tax_success_title'), onSuccess: onSuccess, successTitle: t('continue'), loading: clicked && updateBoardSuccessLoading, error: error || '' }) })));
 };
 export default React.memo(Success);

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

@@ -14,9 +14,10 @@ import { memo } from 'react';
 import { useAppSelector } from '../../../../hooks';
 import { taxSelector } from '../../../app/tax/taxStore';
 import SuccessFlowButtons from '../../../shared/SuccessFlowButtons';
+import { ContainerWithHeader } from '../../../shared/Containers';
 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, 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 || [] }));
+    return (_jsx(ContainerWithHeader, __assign({ title: 'tax_flows_title', description: 'tax_flows_description' }, { children: _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/ConfirmPolicy.js

@@ -12,37 +12,28 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { styled, alpha } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import { ScreenContainer } from '../../../shared/Containers';
 import Box from '@mui/material/Box';
 import CheckBox from '../../../../components/CheckBox';
 import Text from '../../../../components/Text';
 import Warning from '../../../../components/Warning';
 import Collapse from '../../../../components/Collapse';
+import { ThemeMode } from '../../../../@types';
 var ConfirmContainerStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'readOnly'; } })(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
-    return (__assign({ display: 'flex', flexDirection: 'row', alignItems: 'center', padding: theme.spacing(0, 2.5, 0, 2.5) }, (readOnly && {
+    var readOnly = _a.readOnly;
+    return (__assign({ display: 'flex', flexDirection: 'row', alignItems: 'center' }, (readOnly && {
         opacity: '0.6'
     })));
 });
 var TextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre-line', height: 'fit-content' }, theme.typography.body2));
+    return (__assign({ color: theme.palette.mode === ThemeMode.DARK ? theme.palette.text.secondary : theme.palette.secondary.light, fontWeight: theme.typography.fontWeightRegular, whiteSpace: 'pre-line', height: 'fit-content' }, theme.typography.caption));
 });
 var CheckboxStyled = styled(CheckBox)(function (_a) {
     var theme = _a.theme;
     return ({
-        margin: theme.spacing(0),
-        padding: theme.spacing(0),
-        marginInlineEnd: theme.spacing(1.5),
-        color: theme.palette.primary.main,
-        '& .MuiSvgIcon-root': {
-            fontSize: theme.spacing(3.75)
-        },
-        '&.Mui-checked': {
-            color: theme.palette.text.primary,
-            borderRadius: theme.spacing(2.5)
-        }
+        marginInlineStart: theme.spacing(-1.125)
     });
 });
 var CollapseStyled = styled(Collapse)(function () { return ({
@@ -61,6 +52,6 @@ var ConfirmPolicy = function (_a) {
             return;
         confirmControl.field.onChange(checked);
     };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(ConfirmContainerStyled, __assign({ readOnly: readOnly }, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: confirmChecked, onChange: handleConfirmCheckedChange }), _jsx(TextStyled, { children: t('tax_confirm_information') })] })), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] }));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 3, ml: 3, mr: 3 } }, { children: [_jsxs(ConfirmContainerStyled, __assign({ readOnly: readOnly }, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: confirmChecked, onChange: handleConfirmCheckedChange }), _jsx(TextStyled, { children: t('tax_confirm_information') })] })), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })));
 };
 export default ConfirmPolicy;

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

@@ -20,7 +20,7 @@ import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, u
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { DocumentPurpose } from '../../../../@types';
 import { deepCopy, getFileDetailsFromDocument, isSA } from '../../../../utils';
-import { ScreenContainer } from '../../../shared/Containers';
+import { ContainerWithHeader } from '../../../shared/Containers';
 import Button from '../../../shared/Button';
 import { retrieveBoardStatus, taxSelector, updateTaxInfo } from '../../../app/tax/taxStore';
 import { Validation } from './validation';
@@ -70,6 +70,6 @@ var TaxDetails = function () {
         }
         dispatch(retrieveBoardStatus());
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, { readOnly: readOnly['vatId'] || noneEditable['tax_number'], isVerified: isVatIdVerified }), _jsx(TaxDocument, { show: isSACountry, defaultFiles: defaultTaxFiles, readOnly: readOnly['documentId'] || noneEditable['documents'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_vat_acknowledged'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ContainerWithHeader, __assign({ onBack: function () { return onBack(); }, title: 'tax_info_title', description: 'tax_info_description' }, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, { readOnly: readOnly['vatId'] || noneEditable['tax_number'], isVerified: isVatIdVerified }), _jsx(TaxDocument, { show: isSACountry, defaultFiles: defaultTaxFiles, readOnly: readOnly['documentId'] || noneEditable['documents'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_vat_acknowledged'] }), _jsx(Button, __assign({ disableBack: true, isAr: isAr, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) })));
 };
 export default TaxDetails;

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

@@ -25,7 +25,7 @@ import { hasVerifiedValue } from '../../../../utils';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
-        marginBlockStart: theme.spacing(3)
+        marginBlockStart: theme.spacing(2.5)
     });
 });
 var TaxDocument = function (_a) {
@@ -45,6 +45,6 @@ var TaxDocument = function (_a) {
         documentIdControl.field.onChange(ids);
     };
     var isDocumentVerified = React.useMemo(function () { var _a; return !!((_a = defaultFiles === null || defaultFiles === void 0 ? void 0 : defaultFiles[0]) === null || _a === void 0 ? void 0 : _a.docId) && hasVerifiedValue(data_verification, "documents.".concat(defaultFiles[0].docId)); }, [data_verification]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, 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)); }, fileType: FileType.IMAGES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isDocumentVerified }) })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { readOnly: readOnly, 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)); }, fileType: FileType.IMAGES, isVerified: !(uploadedIds === null || uploadedIds === void 0 ? void 0 : uploadedIds.length) && isDocumentVerified }) }) })));
 };
 export default TaxDocument;

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 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 Input from '../../../shared/TextField';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { VAT_ID_LENGTH } from '../../../../constants';
@@ -37,6 +37,11 @@ var VATId = function (_a) {
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { readOnly: readOnly, 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: _jsx(EndAdornment, { value: vatValue, isVerified: isVerified, error: vatError, onClear: clearValue }) }) })));
+    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { label: t('vat_id'), InputProps: {
+                endAdornment: _jsx(EndAdornment, { value: vatValue, isVerified: isVerified, error: vatError, onClear: clearValue })
+            }, inputProps: {
+                maxLength: VAT_ID_LENGTH,
+                readOnly: readOnly
+            }, value: vatValue || '', onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), helperText: vatError && t(vatError), required: true }) })));
 };
 export default VATId;

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

@@ -21,7 +21,7 @@ import { useLanguage, useAppSelector } from '../../../../hooks';
 import { deepCopy, maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Text from '../../../../components/Text';
-import { ScreenContainer } from '../../../shared/Containers';
+import { ContainerWithHeader } from '../../../shared/Containers';
 import { taxSelector, clearError, resetOTPScreen, verifyTaxLeadOTP } from '../../../app/tax/taxStore';
 import Button from '../../../shared/Button';
 import { OTPValidation } from './validation';
@@ -29,17 +29,14 @@ import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
-        background: theme.palette.common.white,
-        border: '1px solid',
-        borderColor: theme.palette.divider,
         direction: theme.direction,
-        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        marginBottom: theme.spacing(5.75)
+        paddingInline: theme.spacing(3),
+        paddingBottom: theme.spacing(5)
     });
 });
 var OTPTitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightLight, marginBlock: theme.spacing(1.75), marginInlineStart: theme.spacing(2.5), lineHeight: 1.75 }));
+    return (__assign(__assign({}, theme.typography.body2), { color: theme.palette.secondary.main, fontWeight: theme.typography.fontWeightRegular, lineHeight: '19px', whiteSpace: 'pre-line' }));
 });
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
@@ -49,9 +46,12 @@ var VerifyNumber = function (_a) {
     var _b, _c, _d, _e;
     var dispatch = useAppDispatch();
     var _f = useAppSelector(taxSelector), data = _f.data, loading = _f.loading, error = _f.error;
+    var otp = data.otpData.otp;
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
-        defaultValues: data.otpData,
+        defaultValues: {
+            otp: otp
+        },
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.otpData);
@@ -70,6 +70,6 @@ var VerifyNumber = function (_a) {
         dispatch(verifyTaxLeadOTP(deepCopy(formData)));
     };
     var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ContainerWithHeader, __assign({ title: 'otp_authentication', description: 'otp_authentication_description' }, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) })));
 };
 export default React.memo(VerifyNumber);

package/build/hooks/useAppConfig.js

@@ -21,7 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { useEffect } from 'react';
-import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync, handelBoardMaturity, settingsSelector } from '../app/settings';
+import { ThemeMode } from '../@types';
+import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync, handelBoardMaturity, settingsSelector, handleSkin } from '../app/settings';
 import { useAppDispatch } from './useAppDispatch';
 import { useAppSelector } from './useAppSelector';
 import { isTapDomain, removeRequestHeaders, setBaseUrl } from '../utils';
@@ -33,6 +34,13 @@ export var useAppConfig = function (_a) {
         dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
         dispatch(handleActiveFlowScreens(navigation));
     };
+    var setAppTheme = function () {
+        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            dispatch(handleSkin(ThemeMode.DARK));
+            return;
+        }
+        dispatch(handleSkin(ThemeMode.LIGHT));
+    };
     var checkDomain = function () {
         var isTap = isTapDomain(rest.merchantDomain);
         dispatch(handleIsTapOrigin(isTap));
@@ -48,6 +56,7 @@ export var useAppConfig = function (_a) {
         checkDomain();
         setBaseUrl(publicKey);
         setAppConfig();
+        setAppTheme();
         if (typeof boardMaturity === 'boolean')
             dispatch(handelBoardMaturity(boardMaturity));
         if (!data.isMaturityExpress)

package/build/theme/palette.js

@@ -1,68 +1,122 @@
 export var lightPalette = {
     mode: 'light',
-    divider: '#e3e8ee',
+    divider: 'rgba(227, 227, 227, 1)',
     primary: {
-        main: '#007aff',
+        main: 'rgba(31, 136, 208, 1)',
         dark: '#9CA0A94D',
-        light: '#0E9346'
+        light: '#0E9346',
+        contrastText: 'rgba(98, 98, 98, 1)'
     },
     success: {
         light: '#2CCE01',
-        main: '#1ECB40',
-        dark: '#3A4155'
+        main: 'rgba(30, 203, 64, 1)',
+        dark: 'rgba(59, 65, 82, 1)',
+        contrastText: 'rgba(126, 123, 123, 1)'
     },
     common: {
         black: '#000',
         white: '#fff'
     },
     background: {
-        paper: '#fafbfd',
-        default: '#ffffff'
+        paper: 'rgba(244, 244, 244, 1)',
+        default: 'rgba(255, 255, 255, 1)'
     },
     text: {
-        primary: '#3f424d',
-        secondary: '#ABAEB6',
-        disabled: '#3A4154B3'
+        primary: 'rgba(75, 72, 71, 1)',
+        secondary: 'rgba(159, 159, 159, 1)',
+        disabled: 'rgba(32, 35, 43, 1)'
     },
     action: {
         selected: 'rgba(0, 0, 0, 0.08)',
-        hover: 'rgba(0, 0, 0, 0.08)'
+        hover: 'rgba(248, 248, 248, 1)',
+        active: 'rgba(0, 154, 255, 1)',
+        disabled: 'rgba(187, 186, 186, 1)',
+        disabledBackground: 'rgba(234, 234, 234, 1)',
+        focus: ''
     },
     secondary: {
-        light: '#FAFBFC',
-        main: '#c2c6cc',
-        dark: '#ABAEB6'
+        light: 'rgba(126, 126, 126, 1)',
+        main: 'rgba(63, 66, 77, 1)',
+        dark: 'rgba(250, 250, 250, 1)',
+        contrastText: 'rgba(216, 214, 217, 1)'
     },
     error: {
-        main: '#EB3746',
-        light: '#FF0F3E',
-        dark: '#E937454D'
+        main: 'rgba(204, 0, 0, 1)',
+        light: 'rgba(237, 27, 36, 1)',
+        dark: '#E937454D',
+        contrastText: ''
     },
     warning: {
-        main: '#F5A623',
+        main: 'rgba(255, 122, 0, 1)',
         light: '#FF9F00',
-        dark: '#F5A6234D'
+        dark: '#F5A6234D',
+        contrastText: ''
     },
     info: {
         main: '#808592',
-        light: '#EAECEF'
+        light: 'rgba(239, 239, 239, 1)',
+        dark: 'rgba(244, 244, 244, 1)',
+        contrastText: 'rgba(187, 186, 186, 1)'
     }
 };
 export var darkPalette = {
     mode: 'dark',
-    divider: '#cdd2e0',
+    divider: 'rgba(54, 52, 51, 1)',
+    primary: {
+        main: '#fff',
+        dark: '#9CA0A94D',
+        light: '#0E9346',
+        contrastText: 'rgba(49, 46, 46, 1)'
+    },
+    success: {
+        light: '#2CCE01',
+        main: 'rgba(30, 203, 64, 1)',
+        dark: '#3A4155',
+        contrastText: 'rgba(138, 138, 138, 1)'
+    },
+    common: {
+        black: '#000',
+        white: '#fff'
+    },
     background: {
-        paper: '#171a21',
-        default: '#21252f'
+        paper: 'rgba(33, 31, 31, 1)',
+        default: 'rgba(0, 0, 0, 1)'
     },
     text: {
-        primary: '#cdd2e0'
+        primary: 'rgba(33, 31, 31, 1)',
+        secondary: 'rgba(159, 159, 159, 1)',
+        disabled: 'rgba(98, 98, 98, 1)'
     },
     action: {
         selected: 'rgba(0, 0, 0, 0.08)',
-        hover: 'rgba(0, 0, 0, 0.08)'
+        hover: 'rgba(23, 21, 21, 1)',
+        active: '#fff',
+        disabled: 'rgba(44, 42, 41, 1)',
+        disabledBackground: 'rgba(23, 23, 23, 1)',
+        focus: ''
     },
-    primary: {
-        main: '#007aff'
+    secondary: {
+        light: 'rgba(159, 159, 159, 1)',
+        main: 'rgba(207, 207, 207, 1)',
+        dark: 'rgba(250, 250, 250, 1)',
+        contrastText: 'rgba(64, 64, 66, 1)'
+    },
+    error: {
+        main: 'rgba(204, 0, 0, 1)',
+        light: 'rgba(237, 27, 36, 1)',
+        dark: '#E937454D',
+        contrastText: ''
+    },
+    warning: {
+        main: 'rgba(255, 122, 0, 1)',
+        light: '#FF9F00',
+        dark: '#F5A6234D',
+        contrastText: ''
+    },
+    info: {
+        main: '#808592',
+        light: 'rgba(49, 46, 46, 1)',
+        dark: 'rgba(23, 21, 21, 1)',
+        contrastText: 'rgba(207, 207, 207, 1)'
     }
 };

package/build/theme/shadows.js

@@ -2,13 +2,13 @@ export var shadows = [
     'none',
     '0 0 0 1px rgb(63 63 68 / 5%), 0 1px 2px 0 rgb(63 63 68 / 15%)',
     '0px 0px 2px rgba(0, 0, 0, 0.08)',
-    '0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)',
-    '0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)',
-    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)',
-    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
-    '0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)',
-    '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
-    '0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)',
+    '0px 0px 8px rgba(0, 0, 0, 0.15)',
+    'inset 0 0 6px rgba(0,0,0,0.00)',
+    '0px 0px 0px 0px rgba(0, 0, 0, 0.10), -1px 6px 14px 0px rgba(0, 0, 0, 0.10), -4px 25px 25px 0px rgba(0, 0, 0, 0.09), -9px 56px 34px 0px rgba(0, 0, 0, 0.05), -17px 100px 41px 0px rgba(0, 0, 0, 0.01), -26px 156px 44px 0px rgba(0, 0, 0, 0.00)',
+    '0px 0px 6px rgba(0, 0, 0, 0.11)',
+    '0px 0px 5px rgba(0, 0, 0, 0.15)',
+    '0px 24px 64px rgba(75, 72, 71, 0.5)',
+    '0px 0px 4px 0px rgba(0, 0, 0, 0.10)',
     '0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)',
     '0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)',
     '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',

package/build/theme/typography.js

@@ -24,8 +24,8 @@ export var typography = {
     subtitle1: { fontSize: '1.125rem' },
     subtitle2: { fontSize: '0.875rem' },
     body1: { fontSize: '1rem' },
-    body2: { fontSize: '0.875rem' },
-    button: { fontSize: '0.875rem' },
+    body2: { fontSize: '0.9375rem' },
+    button: { fontSize: '0.8125rem' },
     caption: { fontSize: '0.75rem' },
-    overline: { fontSize: '0.5rem' }
+    overline: { fontSize: '0.5625rem' }
 };

package/build/utils/array.d.ts

@@ -7,7 +7,7 @@ export declare const removeArrayItem: (items: Array<string>, item: string) => st
 export declare const splitString: (string: string, splitter?: string) => string[];
 export declare const isInclude: (items: Array<string | number>, item: any) => boolean;
 export declare const findItem: (items: Array<string | number>, key: any) => string | number | undefined;
-export declare const isExist: (items: Array<any>, id: string) => any;
+export declare const isExist: (items: Array<any>, id: string | Array<string>) => any;
 export declare const allAreTruthy: (items: Array<any>, condition: boolean | string, key: string, exclude?: string) => boolean;
 export declare const sortCountries: (countries: Array<CountryCode>) => CountryCode[];
 export declare const findCountryByIso2: (countries: Array<CountryCode>, iso2: string) => CountryCode | undefined;

package/build/utils/array.js

@@ -98,9 +98,9 @@ export var isExist = function (items, id) {
     return items.find(function (_a) {
         var sub = _a.sub, itemID = _a.id;
         if (!sub)
-            return itemID === id;
+            return typeof id === 'string' ? itemID === id : id.includes(itemID);
         return sub.some(function (item) {
-            return item.id === id;
+            return typeof id === 'string' ? item.id === id : id.includes(item.id);
         });
     });
 };

package/build/utils/string.js

@@ -51,31 +51,29 @@ export var maskFileName = function (str) {
     return first + '....';
 };
 export var getIndividualName = function (name) {
-    var _a;
     var nameArray = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
-    if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 0)
-        return;
+    var length = nameArray.length;
     var first = '';
     var middle = '';
     var last = '';
-    if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 1) {
-        first = nameArray[0];
-        middle = nameArray[0];
-        last = nameArray[0];
+    if (length === 0) {
+        return;
     }
-    else if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 2) {
-        first = nameArray[0];
-        last = nameArray[1];
+    else if (length === 1) {
+        first = middle = last = nameArray[0];
     }
-    else if ((nameArray === null || nameArray === void 0 ? void 0 : nameArray.length) == 3) {
-        first = nameArray[0];
-        middle = nameArray[1];
-        last = nameArray[2];
+    else if (length === 2) {
+        ;
+        first = nameArray[0], last = nameArray[1];
+    }
+    else if (length === 3) {
+        ;
+        first = nameArray[0], middle = nameArray[1], last = nameArray[2];
     }
     else {
         first = nameArray[0];
-        middle = (_a = nameArray.filter(function (value, index) { return index != 0 && index != nameArray.length - 1; })) === null || _a === void 0 ? void 0 : _a.join(' ');
-        last = nameArray[nameArray.length - 1];
+        middle = nameArray.slice(1, length - 1).join(' ');
+        last = nameArray[length - 1];
     }
     return { first: first, middle: middle, last: last };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.5.22-test",
+	"version": "3.0.0-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -35,6 +35,7 @@
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.18.6",
 		"@types/lodash-es": "^4.17.6",
+		"@types/moment-hijri": "~2.1.0",
 		"@types/react": "^18.0.15",
 		"@types/react-calendar": "~3.5.1",
 		"@types/react-dom": "^18.0.6",
@@ -91,6 +92,7 @@
 		"lodash-es": "^4.17.21",
 		"lottie-web": "^5.9.6",
 		"moment": "^2.29.4",
+		"moment-hijri": "~2.1.2",
 		"react": "^18.2.0",
 		"react-calendar": "~3.7.0",
 		"react-device-detect": "^2.2.2",

package/build/features/brand/screens/BrandActivities/ExpectedSalesRange.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface ExpectedSalesRangeProps {
-    show: boolean;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-    readOnly?: boolean;
-    isVerified?: boolean;
-}
-declare const ExpectedSalesRange: ({ show, onListClose, onListOpen, readOnly, isVerified }: ExpectedSalesRangeProps) => JSX.Element;
-export default ExpectedSalesRange;