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

package/build/components/TextField/TextField.js

@@ -0,0 +1,89 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo } from 'react';
+import TextField from '@mui/material/TextField';
+import { alpha, styled } from '@mui/material/styles';
+import Collapse from '../Collapse';
+import Warning from '../Warning';
+import { ThemeMode } from '../../@types';
+var InputStyled = styled(TextField)(function (_a) {
+    var theme = _a.theme, error = _a.error;
+    return ({
+        '&.MuiInputBase-root': {
+            '&.MuiInput-root': {
+                width: '100%'
+            }
+        },
+        '&.MuiInputAdornment-root': {
+            height: '100%',
+            width: '100%'
+        },
+        '& .MuiFilledInput-root': __assign({ borderRadius: "".concat(theme.spacing(1)), background: "".concat(theme.palette.background.default, " !important"), borderWidth: theme.spacing(0.125), borderStyle: 'solid', borderColor: "".concat(alpha(theme.palette.text.secondary, 0.3), " !important"), paddingInlineEnd: theme.spacing(1.5) }, (error && {
+            background: "".concat(alpha(theme.palette.error.main, 0.04), " !important"),
+            borderColor: "".concat(theme.palette.error.main, " !important")
+        })),
+        '& .MuiFormLabel-asterisk': {
+            color: theme.palette.error.light
+        },
+        '& .MuiFilledInput-root:before': {
+            borderBottom: 'none !important'
+        },
+        '& .MuiFilledInput-root:after': {
+            borderBottom: 'none !important'
+        },
+        '& .MuiFormHelperText-root': {
+            fontSize: theme.spacing(1.25),
+            marginInlineStart: '0px',
+            marginTop: '0px',
+            textAlign: 'start'
+        },
+        label: __assign(__assign(__assign({ color: "".concat(theme.palette.text.secondary, " !important") }, theme.typography.subtitle2), { lineHeight: 1.7, right: theme.direction === 'rtl' ? '25px' : 'unset', left: theme.direction === 'rtl' ? 0 : 'unset', transformOrigin: theme.direction === 'rtl' ? 'top right' : 'top left' }), (error && {
+            color: "".concat(theme.palette.error.main, " !important")
+        })),
+        input: __assign(__assign(__assign({}, theme.typography.subtitle2), { borderRadius: theme.spacing(1), color: theme.palette.mode === ThemeMode.DARK ? theme.palette.common.white : theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, '&::placeholder': {
+                color: theme.palette.text.secondary,
+                fontWeight: theme.typography.fontWeightRegular
+            } }), (error && {
+            color: "".concat(theme.palette.error.main, " !important")
+        }))
+    });
+});
+var CustomTextField = function (_a) {
+    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, warningType = _a.warningType, warningMessage = _a.warningMessage, rest = __rest(_a, ["onEnterPressed", "hide", "warningType", "warningMessage"]);
+    var _b = React.useState('alert'), warning = _b[0], setWarning = _b[1];
+    var onKeyPress = function (e) {
+        var _a;
+        if (e.key === 'Enter')
+            onEnterPressed === null || onEnterPressed === void 0 ? void 0 : onEnterPressed(e);
+        (_a = rest.onKeyPress) === null || _a === void 0 ? void 0 : _a.call(rest, e);
+    };
+    if (!rest.defaultValue)
+        delete rest.defaultValue;
+    return (_jsxs(Collapse, __assign({ in: !hide }, { children: [_jsx(InputStyled, __assign({ variant: 'filled', onKeyPress: onKeyPress, onFocus: function () { return setWarning('hint'); }, onBlur: function () { return setWarning(warningType); } }, rest)), _jsx(Collapse, __assign({ in: !!warningMessage, timeout: 400 }, { children: _jsx(Warning, __assign({ warningType: warning }, { children: warningMessage })) }))] })));
+};
+CustomTextField.defaultProps = {
+    hide: false,
+    warningType: 'error'
+};
+export default memo(CustomTextField);

package/build/components/TextField/index.d.ts

@@ -0,0 +1,3 @@
+import CustomTextField, { CustomTextFieldProps as TextFieldProps } from './TextField';
+export type { TextFieldProps };
+export default CustomTextField;

package/build/components/TextField/index.js

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

package/build/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -27,7 +27,8 @@ import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 var ToggleButtonGroupStyled = styled(ToggleButtonGroup)(function (_a) {
     var theme = _a.theme;
     return ({
-        background: alpha(theme.palette.secondary.main, 0.1)
+        background: alpha(theme.palette.secondary.main, 0.1),
+        borderRadius: theme.spacing(0)
     });
 });
 var ToggleButtonGroupComponent = function (_a) {

package/build/components/Tooltip/Tooltip.js

@@ -20,24 +20,55 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { styled, alpha } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
 import Text from '../Text';
 import { useLanguage } from '../../hooks';
+import { ThemeMode } from '../../@types';
 var StyledTooltip = styled(function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
     return _jsx(Tooltip, __assign({}, props, { classes: { popper: className } }));
 })(function (_a) {
-    var _b;
+    var _b, _c;
     var theme = _a.theme;
     return (_b = {},
-        _b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: alpha(theme.palette.text.primary, 0.5), width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight, backgroundColor: theme.palette.secondary.light, border: "1px solid ".concat(alpha(theme.palette.divider, 0.8)) }),
+        _b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: theme.palette.success.contrastText, width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), (_c = { fontWeight: theme.typography.fontWeightLight, marginBottom: "".concat(theme.spacing(1.25), " !important"), background: theme.palette.mode === ThemeMode.DARK ? theme.palette.common.black : theme.palette.common.white, borderRadius: theme.spacing(1), boxShadow: theme.shadows[3], padding: theme.spacing(2), zIndex: 99999 }, _c[theme.breakpoints.down('sm')] = {
+            marginBottom: "".concat(theme.spacing(1.75), " !important")
+        }, _c)),
+        _b["&.".concat(tooltipClasses.popper)] = {
+            zIndex: 99999
+        },
+        _b);
+});
+var IconStyled = styled('span')(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            content: '""',
+            position: 'absolute',
+            width: 0,
+            height: 0,
+            borderBottom: "8px solid ".concat(theme.palette.mode === ThemeMode.DARK ? theme.palette.common.black : theme.palette.common.white),
+            borderLeft: '5px solid transparent',
+            borderRight: '5px solid transparent',
+            bottom: theme.spacing(0.375),
+            transform: 'rotate(180deg)',
+            left: theme.direction === 'ltr' ? 'calc(100% - 17px)' : 'unset',
+            right: theme.direction === 'rtl' ? 'calc(100% - 17px)' : 'unset'
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            left: theme.direction === 'ltr' ? 'calc(100% - 17px)' : 'unset',
+            right: theme.direction === 'rtl' ? 'calc(100% - 17px)' : 'unset'
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            display: 'none'
+        },
         _b);
 });
 var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
-    var theme = _a.theme, isAr = _a.isAr;
+    var isAr = _a.isAr;
     return ({
         textAlign: isAr ? 'right' : 'left'
     });
@@ -45,9 +76,9 @@ var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop
 var TooltipComponent = function (_a) {
     var children = _a.children, title = _a.title, rest = __rest(_a, ["children", "title"]);
     var isAr = useLanguage().isAr;
-    return (_jsx(StyledTooltip, __assign({ title: _jsx(TextStyled, __assign({ isAr: isAr }, { children: title })) }, rest, { children: children })));
+    return (_jsx(StyledTooltip, __assign({ title: _jsx(TextStyled, __assign({ isAr: isAr }, { children: _jsxs(_Fragment, { children: [_jsx(IconStyled, {}), title] }) })) }, rest, { children: children })));
 };
 export default React.memo(TooltipComponent);
 TooltipComponent.defaultProps = {
-    placement: 'bottom-end'
+    placement: 'top-end'
 };

package/build/components/Warning/Warning.js

@@ -22,19 +22,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import { styled } from '@mui/material/styles';
+import { alpha, styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 var ErrorStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ background: theme.palette.error.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderColor: theme.palette.error.main, color: theme.palette.error.light }, theme.typography.caption));
+    return (__assign({ background: alpha(theme.palette.error.main, 0.04), paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderRadius: theme.spacing(1), borderColor: theme.palette.error.main, color: theme.palette.error.main }, theme.typography.caption));
 });
 var AlertStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ background: theme.palette.warning.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderColor: theme.palette.warning.main, color: theme.palette.warning.light }, theme.typography.caption));
+    return (__assign({ background: alpha(theme.palette.warning.main, 0.04), paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderRadius: theme.spacing(1), borderColor: theme.palette.warning.main, color: theme.palette.warning.main }, theme.typography.caption));
 });
 var HintStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return (__assign({ background: theme.palette.info.light, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderColor: theme.palette.info.light, color: theme.palette.info.main }, theme.typography.caption));
+    return (__assign({ background: alpha(theme.palette.info.light, 0.04), paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderColor: theme.palette.info.light, color: theme.palette.info.main }, theme.typography.caption));
 });
 var WarningComponent = function (_a) {
     var children = _a.children, warningType = _a.warningType, rest = __rest(_a, ["children", "warningType"]);

package/build/constants/app.js

@@ -171,7 +171,7 @@ export var BUSINESS_SCREENS_NAVIGATION = [
             'BUSINESS_BUSINESS_TYPE_STEP',
             'BUSINESS_CUSTOMERS_STEP',
             'BUSINESS_SUCCESS_STEP',
-            'BUSINESS_ACTIVITIES_STEP',
+            'BUSINESS_ACTIVITIES_INFO_STEP',
             'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
             'BUSINESS_CIVIL_ID_STEP',
             'BUSINESS_VERIFY_BRAND_INFO'
@@ -205,7 +205,7 @@ export var BUSINESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'BUSINESS_BUSINESS_TYPE_STEP',
-        next: ['BUSINESS_ACTIVITIES_STEP', 'BUSINESS_VERIFY_BRAND_INFO'],
+        next: ['BUSINESS_ACTIVITIES_INFO_STEP', 'BUSINESS_VERIFY_BRAND_INFO'],
         prev: 'BUSINESS_IDBOD_STEP',
         order: 2
     },
@@ -216,40 +216,46 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         order: 2
     },
     {
-        name: 'BUSINESS_CONFIRM_STEP',
-        next: 'BUSINESS_ACTIVITIES_STEP',
-        prev: 'BUSINESS_BUSINESS_TYPE_STEP',
+        name: 'BUSINESS_ACTIVITIES_STEP',
+        next: 'BUSINESS_ACTIVITIES_INFO_STEP',
+        prev: 'BUSINESS_ACTIVITIES_INFO_STEP',
         order: 3
     },
     {
-        name: 'BUSINESS_ACTIVITIES_STEP',
+        name: 'BUSINESS_ACTIVITIES_INFO_STEP',
         next: 'BUSINESS_CUSTOMERS_STEP',
         prev: 'BUSINESS_BUSINESS_TYPE_STEP',
+        order: 3
+    },
+    {
+        name: 'BUSINESS_EXCEPTED_SALES_STEP',
+        next: 'BUSINESS_CUSTOMERS_STEP',
+        prev: 'BUSINESS_CUSTOMERS_STEP',
         order: 4
     },
     {
         name: 'BUSINESS_CUSTOMERS_STEP',
         next: 'BUSINESS_SUCCESS_STEP',
-        prev: 'BUSINESS_ACTIVITIES_STEP',
-        order: 5
+        prev: 'BUSINESS_ACTIVITIES_INFO_STEP',
+        order: 4
     },
     {
         name: 'BUSINESS_SUCCESS_STEP',
         next: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         prev: 'BUSINESS_CUSTOMERS_STEP',
-        order: 6
+        order: 5
     },
     {
         name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         next: 'BUSINESS_RESET_PASSWORD_SUCCESS',
         prev: '',
-        order: 7
+        order: 6
     },
     {
         name: 'BUSINESS_RESET_PASSWORD_SUCCESS',
         next: '',
         prev: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
-        order: 8
+        order: 7
     }
 ];
 export var INDIVIDUAL_SCREENS_NAVIGATION = [
@@ -283,6 +289,12 @@ export var INDIVIDUAL_SCREENS_NAVIGATION = [
         prev: ['INDIVIDUAL_LIST_STEP', 'INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'],
         order: 2
     },
+    {
+        name: 'INDIVIDUAL_OCCUPATIONS_STEP',
+        next: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
+        prev: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
+        order: 3
+    },
     {
         name: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
         next: 'INDIVIDUAL_SUCCESS_STEP',
@@ -473,6 +485,12 @@ export var ENTITY_SCREENS_NAVIGATION = [
         prev: 'ENTITY_NAME_STEP',
         order: 3
     },
+    {
+        name: 'ENTITY_ACTIVITIES_STEP',
+        next: 'ENTITY_CAPITAL_STEP',
+        prev: 'ENTITY_CAPITAL_STEP',
+        order: 3
+    },
     {
         name: 'ENTITY_DETAILS_SUCCESS_STEP',
         next: 'ENTITY_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
@@ -517,6 +535,12 @@ export var BRAND_SCREENS_NAVIGATION = [
         prev: 'BRAND_INFO_STEP',
         order: 3
     },
+    {
+        name: 'BRAND_EXCEPTED_SALES_STEP',
+        next: 'BRAND_ACTIVITIES_STEP',
+        prev: 'BRAND_ACTIVITIES_STEP',
+        order: 4
+    },
     {
         name: 'BRAND_ACTIVITIES_STEP',
         next: 'BRAND_DETAILS_SUCCESS_STEP',

package/build/constants/assets.d.ts

@@ -65,6 +65,7 @@ export declare const ICONS_NAMES: {
     UPLOAD_ICON: string;
     ACTIVE_UPLOAD_ICON: string;
     WARNING_ICON: string;
+    WARNING_INFO_ICON: string;
     ERROR_ICON: string;
     DONE_ICON: string;
     DOC_ICON: string;
@@ -82,6 +83,7 @@ export declare const ICONS_NAMES: {
     apple_white_icon: string;
     Mail_Filled_icon: string;
     Mail_white_icon: string;
+    external_link: string;
     tax_filled_icon: string;
     tax_green_icon: string;
     tax_white_icon: string;
@@ -104,4 +106,74 @@ export declare const ICONS_NAMES: {
     Arrow_filled_right_icon: string;
     Arrow_green_right_icon: string;
     Arrow_white_right_icon: string;
+    expand_more_light: string;
+    expand_more_dark: string;
+    expand_left_light: string;
+    expand_left_dark: string;
+    expand_left_disabled_light: string;
+    expand_left_disabled_dark: string;
+    back_white: string;
+    search: string;
+    success_screen: string;
+    success_screen_dark: string;
+    error_icon: string;
+    password_icon_dark: string;
+    individual_icon_dark: string;
+    tax_icon_dark: string;
+    bank_icon_dark: string;
+    entity_icon_dark: string;
+    brand_icon_dark: string;
+    password_icon: string;
+    individual_icon: string;
+    tax_icon: string;
+    bank_icon: string;
+    entity_icon: string;
+    brand_icon: string;
+    password_icon_completed: string;
+    individual_icon_completed: string;
+    tax_icon_completed: string;
+    bank_icon_completed: string;
+    entity_icon_completed: string;
+    brand_icon_completed: string;
+    flow_edit_icon: string;
+    website: string;
+    call_center: string;
+    physical_store: string;
+    ios: string;
+    android: string;
+    twitter: string;
+    instagram: string;
+    linkedin: string;
+    website_active: string;
+    call_center_active: string;
+    physical_store_active: string;
+    ios_active: string;
+    android_active: string;
+    twitter_active: string;
+    instagram_active: string;
+    linkedin_active: string;
+    website_active_dark: string;
+    call_center_active_dark: string;
+    physical_store_active_dark: string;
+    ios_active_dark: string;
+    android_active_dark: string;
+    twitter_active_dark: string;
+    instagram_active_dark: string;
+    linkedin_active_dark: string;
+    website_dark: string;
+    call_center_dark: string;
+    physical_store_dark: string;
+    ios_dark: string;
+    android_dark: string;
+    twitter_dark: string;
+    instagram_dark: string;
+    linkedin_dark: string;
+    radio_checked: string;
+    radio_checked_dark: string;
+    tick_green: string;
+    tick_grey: string;
+    user_grey: string;
+    user_green: string;
+    next_arrow_white: string;
+    next_arrow_blue: string;
 };

package/build/constants/assets.js

@@ -41,67 +41,139 @@ export var ICONS_NAMES = {
     TAP_LOGO_TEXT_AR: ICONS_FULL_PATH + '/tap-white-text-ar' + ICONS_EXTENSION,
     TAP_LOGO_TEXT_EN: ICONS_FULL_PATH + '/tap-white-text-en' + ICONS_EXTENSION,
     PACI_VERIFY_ICON: ICONS_FULL_PATH + '/PACI_verify_icon' + '.png',
-    EXPRESS_ERROR_ICON: ICONS_FULL_PATH + '/EXPRESS_error_icon' + '.svg',
+    EXPRESS_ERROR_ICON: ICONS_FULL_PATH + '/EXPRESS_error_icon' + ICONS_EXTENSION,
     TAP_EN: 'https://tap-connecet.b-cdn.net/imgs/tapEN' + ICONS_EXTENSION,
     TAP_AR: 'https://tap-connecet.b-cdn.net/imgs/tapAR' + ICONS_EXTENSION,
     ID_IMAGE: 'https://villageofwarwick.org/wp-content/uploads/2020/02/ICON99-512-1.png',
     MOBILE_IMAGE: 'https://image.shutterstock.com/image-vector/smartphone-icon-logo-260nw-767440327.jpg',
-    WHITE_ARROW: 'https://tap-connecet.b-cdn.net/imgs/whiteArrow.svg',
-    BLACK_ARROW: 'https://dash.b-cdn.net/icons/menu/arrow_right_icon.svg',
-    BLUE_ARROW: 'https://dash.b-cdn.net/icons/menu/blue_arrow_next.svg',
-    GREEN_ARROW: 'https://dash.b-cdn.net/icons/menu/green_arrow_next.svg',
-    REQUEST_EMAIL: 'https://dash.b-cdn.net/icons/menu/request_email.svg',
-    REQUEST_EMAIL_GREEN: 'https://dash.b-cdn.net/icons/menu/request_email_green.svg',
-    ADD_DETAIL: 'https://dash.b-cdn.net/icons/menu/add_detail.svg',
-    ADD_DETAIL_GREEN: 'https://dash.b-cdn.net/icons/menu/add_detail_green.svg',
-    SUCCESS: 'https://dash.b-cdn.net/icons/menu/image.png',
-    UNFINISHED: 'https://dash.b-cdn.net/icons/menu/not-finished.png',
-    ABSHER_LOGO: 'https://dash.b-cdn.net/icons/menu/Absher.svg',
-    EMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/email.png',
-    MOBILE_ICON: 'https://dash.b-cdn.net/icons/menu/mobile.svg',
-    SEARCH_ICON: 'https://dash.b-cdn.net/icons/menu/search-icon.svg',
-    SUCCESS_GIF: 'https://dash.b-cdn.net/icons/menu/success_icon.gif',
-    DELETE_ICON: 'https://dash.b-cdn.net/icons/menu/delete-icon.png',
-    UPLOAD_ICON: 'https://dash.b-cdn.net/icons/menu/upload-file.svg',
-    ACTIVE_UPLOAD_ICON: 'https://dash.b-cdn.net/icons/menu/active-upload-icon.png',
-    WARNING_ICON: 'https://dash.b-cdn.net/icons/menu/warning-icon.svg',
-    ERROR_ICON: 'https://dash.b-cdn.net/icons/menu/upload_error_icon.svg',
-    DONE_ICON: 'https://dash.b-cdn.net/icons/menu/done.svg',
-    DOC_ICON: 'https://dash.b-cdn.net/icons/menu/document-icon.svg',
-    DROP_FILE_ICON: 'https://dash.b-cdn.net/icons/menu/upload-file-sample.svg',
-    CLOSE_ICON: 'https://dash.b-cdn.net/icons/menu/close-btn.svg',
-    PACI_ICON: 'https://dash.b-cdn.net/icons/menu/PACI-filled.svg',
-    SIGNED_UP_SUCCESS: 'https://dash.b-cdn.net/icons/menu/signed_up_success.svg',
-    SWITCH_HIJRI_CALENDER: 'https://dash.b-cdn.net/icons/menu/switch_hijri_calender.svg',
-    SWITCH_CALENDER: 'https://dash.b-cdn.net/icons/menu/calender_icon.svg',
-    GMAIL_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Gmail-filled.svg',
-    GMAIL_White_ICON: 'https://dash.b-cdn.net/icons/menu/Gmail-white.svg',
-    outlook_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-filled.svg',
-    outlook_White_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-white.svg',
-    Apple_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Apple-mail-filled.svg',
-    apple_white_icon: 'https://dash.b-cdn.net/icons/menu/Apple-mail-white.svg',
-    Mail_Filled_icon: 'https://dash.b-cdn.net/icons/menu/Mail-filled.svg',
-    Mail_white_icon: 'https://dash.b-cdn.net/icons/menu/Mail-white.svg',
-    tax_filled_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled-blue.svg',
-    tax_green_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled-green.svg',
-    tax_white_icon: 'https://dash.b-cdn.net/icons/menu/tax-white.svg',
-    bank_filled_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled-blue.svg',
-    bank_green_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled-green.svg',
-    bank_white_icon: 'https://dash.b-cdn.net/icons/menu/bank-white.svg',
-    individual_filled_icon: 'https://dash.b-cdn.net/icons/menu/user-filled-blue.svg',
-    individual_green_icon: 'https://dash.b-cdn.net/icons/menu/user-filled-green.svg',
-    individual_white_icon: 'https://dash.b-cdn.net/icons/menu/user-white.svg',
-    password_filled_icon: 'https://dash.b-cdn.net/icons/menu/password-filled-blue.svg',
-    password_green_icon: 'https://dash.b-cdn.net/icons/menu/password-filled-green.svg',
-    password_white_icon: 'https://dash.b-cdn.net/icons/menu/password-white.svg',
-    business_filled_icon: 'https://dash.b-cdn.net/icons/menu/business-filled-blue.svg',
-    business_green_icon: 'https://dash.b-cdn.net/icons/menu/business-filled-green.svg',
-    business_white_icon: 'https://dash.b-cdn.net/icons/menu/business-white.svg',
-    entity_filled_icon: 'https://dash.b-cdn.net/icons/menu/business-filled-blue.svg',
-    entity_green_icon: 'https://dash.b-cdn.net/icons/menu/business-filled-green.svg',
-    entity_white_icon: 'https://dash.b-cdn.net/icons/menu/business-white.svg',
-    brand_filled_icon: 'https://dash.b-cdn.net/icons/menu/brand-icon.svg',
-    Arrow_filled_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled-blue.svg',
-    Arrow_green_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled-green.svg',
-    Arrow_white_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-white.svg'
+    WHITE_ARROW: 'https://tap-connecet.b-cdn.net/imgs/whiteArrow' + ICONS_EXTENSION,
+    BLACK_ARROW: ICONS_FULL_PATH + '/arrow_right_icon' + ICONS_EXTENSION,
+    BLUE_ARROW: ICONS_FULL_PATH + '/blue_arrow_next' + ICONS_EXTENSION,
+    GREEN_ARROW: ICONS_FULL_PATH + '/green_arrow_next' + ICONS_EXTENSION,
+    REQUEST_EMAIL: ICONS_FULL_PATH + '/request_email' + ICONS_EXTENSION,
+    REQUEST_EMAIL_GREEN: ICONS_FULL_PATH + '/request_email_green' + ICONS_EXTENSION,
+    ADD_DETAIL: ICONS_FULL_PATH + '/add_detail' + ICONS_EXTENSION,
+    ADD_DETAIL_GREEN: ICONS_FULL_PATH + '/add_detail_green' + ICONS_EXTENSION,
+    SUCCESS: ICONS_FULL_PATH + '/image.png',
+    UNFINISHED: ICONS_FULL_PATH + '/not-finished.png',
+    ABSHER_LOGO: ICONS_FULL_PATH + '/Absher' + ICONS_EXTENSION,
+    EMAIL_ICON: ICONS_FULL_PATH + '/email.png',
+    MOBILE_ICON: ICONS_FULL_PATH + '/mobile' + ICONS_EXTENSION,
+    SEARCH_ICON: ICONS_FULL_PATH + '/search-icon' + ICONS_EXTENSION,
+    SUCCESS_GIF: ICONS_FULL_PATH + '/success_icon.gif',
+    DELETE_ICON: ICONS_FULL_PATH + '/delete-icon.png',
+    UPLOAD_ICON: ICONS_FULL_PATH + '/upload-file-v2' + ICONS_EXTENSION,
+    ACTIVE_UPLOAD_ICON: ICONS_FULL_PATH + '/active-upload-icon.png',
+    WARNING_ICON: ICONS_FULL_PATH + '/warning-icon' + ICONS_EXTENSION,
+    WARNING_INFO_ICON: ICONS_FULL_PATH + '/info_yellow' + ICONS_EXTENSION,
+    ERROR_ICON: ICONS_FULL_PATH + '/upload_error_icon' + ICONS_EXTENSION,
+    DONE_ICON: ICONS_FULL_PATH + '/done' + ICONS_EXTENSION,
+    DOC_ICON: ICONS_FULL_PATH + '/document-icon' + ICONS_EXTENSION,
+    DROP_FILE_ICON: ICONS_FULL_PATH + '/upload-file-sample' + ICONS_EXTENSION,
+    CLOSE_ICON: ICONS_FULL_PATH + '/close-btn' + ICONS_EXTENSION,
+    PACI_ICON: ICONS_FULL_PATH + '/PACI-filled' + ICONS_EXTENSION,
+    SIGNED_UP_SUCCESS: ICONS_FULL_PATH + '/signed_up_success' + ICONS_EXTENSION,
+    SWITCH_HIJRI_CALENDER: ICONS_FULL_PATH + '/switch_hijri_calender' + ICONS_EXTENSION,
+    SWITCH_CALENDER: ICONS_FULL_PATH + '/calender_image' + ICONS_EXTENSION,
+    GMAIL_Filled_ICON: ICONS_FULL_PATH + '/Gmail-filled' + ICONS_EXTENSION,
+    GMAIL_White_ICON: ICONS_FULL_PATH + '/Gmail-white' + ICONS_EXTENSION,
+    outlook_Filled_ICON: ICONS_FULL_PATH + '/Outlook-filled' + ICONS_EXTENSION,
+    outlook_White_ICON: ICONS_FULL_PATH + '/Outlook-white' + ICONS_EXTENSION,
+    Apple_Filled_ICON: ICONS_FULL_PATH + '/Apple-mail-filled' + ICONS_EXTENSION,
+    apple_white_icon: ICONS_FULL_PATH + '/Apple-mail-white' + ICONS_EXTENSION,
+    Mail_Filled_icon: ICONS_FULL_PATH + '/Mail-filled' + ICONS_EXTENSION,
+    Mail_white_icon: ICONS_FULL_PATH + '/Mail-white' + ICONS_EXTENSION,
+    external_link: ICONS_FULL_PATH + '/external_link' + ICONS_EXTENSION,
+    tax_filled_icon: ICONS_FULL_PATH + '/tax-filled-blue' + ICONS_EXTENSION,
+    tax_green_icon: ICONS_FULL_PATH + '/tax-filled-green' + ICONS_EXTENSION,
+    tax_white_icon: ICONS_FULL_PATH + '/tax-white' + ICONS_EXTENSION,
+    bank_filled_icon: ICONS_FULL_PATH + '/bank-filled-blue' + ICONS_EXTENSION,
+    bank_green_icon: ICONS_FULL_PATH + '/bank-filled-green' + ICONS_EXTENSION,
+    bank_white_icon: ICONS_FULL_PATH + '/bank-white' + ICONS_EXTENSION,
+    individual_filled_icon: ICONS_FULL_PATH + '/user-filled-blue' + ICONS_EXTENSION,
+    individual_green_icon: ICONS_FULL_PATH + '/user-filled-green' + ICONS_EXTENSION,
+    individual_white_icon: ICONS_FULL_PATH + '/user-white' + ICONS_EXTENSION,
+    password_filled_icon: ICONS_FULL_PATH + '/password-filled-blue' + ICONS_EXTENSION,
+    password_green_icon: ICONS_FULL_PATH + '/password-filled-green' + ICONS_EXTENSION,
+    password_white_icon: ICONS_FULL_PATH + '/password-white' + ICONS_EXTENSION,
+    business_filled_icon: ICONS_FULL_PATH + '/business-filled-blue' + ICONS_EXTENSION,
+    business_green_icon: ICONS_FULL_PATH + '/business-filled-green' + ICONS_EXTENSION,
+    business_white_icon: ICONS_FULL_PATH + '/business-white' + ICONS_EXTENSION,
+    entity_filled_icon: ICONS_FULL_PATH + '/business-filled-blue' + ICONS_EXTENSION,
+    entity_green_icon: ICONS_FULL_PATH + '/business-filled-green' + ICONS_EXTENSION,
+    entity_white_icon: ICONS_FULL_PATH + '/business-white' + ICONS_EXTENSION,
+    brand_filled_icon: ICONS_FULL_PATH + '/brand-icon' + ICONS_EXTENSION,
+    Arrow_filled_right_icon: ICONS_FULL_PATH + '/right-arrow-filled-blue' + ICONS_EXTENSION,
+    Arrow_green_right_icon: ICONS_FULL_PATH + '/right-arrow-filled-green' + ICONS_EXTENSION,
+    Arrow_white_right_icon: ICONS_FULL_PATH + '/right-arrow-white' + ICONS_EXTENSION,
+    expand_more_light: ICONS_FULL_PATH + '/expand_more_light' + ICONS_EXTENSION,
+    expand_more_dark: ICONS_FULL_PATH + '/expand_more_dark' + ICONS_EXTENSION,
+    expand_left_light: ICONS_FULL_PATH + '/expand_left_light' + ICONS_EXTENSION,
+    expand_left_dark: ICONS_FULL_PATH + '/expand_left_dark' + ICONS_EXTENSION,
+    expand_left_disabled_light: ICONS_FULL_PATH + '/expand_left_disabled_light' + ICONS_EXTENSION,
+    expand_left_disabled_dark: ICONS_FULL_PATH + '/expand_left_disabled_dark' + ICONS_EXTENSION,
+    back_white: ICONS_FULL_PATH + '/back_white' + ICONS_EXTENSION,
+    search: ICONS_FULL_PATH + '/search' + ICONS_EXTENSION,
+    success_screen: ICONS_FULL_PATH + '/success_screen' + ICONS_EXTENSION,
+    success_screen_dark: ICONS_FULL_PATH + '/success_screen_d' + ICONS_EXTENSION,
+    error_icon: ICONS_FULL_PATH + '/error_icon' + ICONS_EXTENSION,
+    password_icon_dark: ICONS_FULL_PATH + '/pass_icon_dark' + ICONS_EXTENSION,
+    individual_icon_dark: ICONS_FULL_PATH + '/individual_icon_dark' + ICONS_EXTENSION,
+    tax_icon_dark: ICONS_FULL_PATH + '/tax_icon_dark' + ICONS_EXTENSION,
+    bank_icon_dark: ICONS_FULL_PATH + '/bank_icon_dark' + ICONS_EXTENSION,
+    entity_icon_dark: ICONS_FULL_PATH + '/business_icon_dark' + ICONS_EXTENSION,
+    brand_icon_dark: ICONS_FULL_PATH + '/brand_icon_dark' + ICONS_EXTENSION,
+    password_icon: ICONS_FULL_PATH + '/pass_icon' + ICONS_EXTENSION,
+    individual_icon: ICONS_FULL_PATH + '/individual_icon' + ICONS_EXTENSION,
+    tax_icon: ICONS_FULL_PATH + '/tax_icon' + ICONS_EXTENSION,
+    bank_icon: ICONS_FULL_PATH + '/bank_icon' + ICONS_EXTENSION,
+    entity_icon: ICONS_FULL_PATH + '/business_icon' + ICONS_EXTENSION,
+    brand_icon: ICONS_FULL_PATH + '/brand_icon' + ICONS_EXTENSION,
+    password_icon_completed: ICONS_FULL_PATH + '/pass_icon_completed' + ICONS_EXTENSION,
+    individual_icon_completed: ICONS_FULL_PATH + '/individual_icon_completed' + ICONS_EXTENSION,
+    tax_icon_completed: ICONS_FULL_PATH + '/tax_icon_completed' + ICONS_EXTENSION,
+    bank_icon_completed: ICONS_FULL_PATH + '/bank_icon_completed' + ICONS_EXTENSION,
+    entity_icon_completed: ICONS_FULL_PATH + '/business_icon_completed' + ICONS_EXTENSION,
+    brand_icon_completed: ICONS_FULL_PATH + '/brand_icon_completed' + ICONS_EXTENSION,
+    flow_edit_icon: ICONS_FULL_PATH + '/flow_edit_icon' + ICONS_EXTENSION,
+    website: ICONS_FULL_PATH + '/website_v2' + ICONS_EXTENSION,
+    call_center: ICONS_FULL_PATH + '/call_center_v2' + ICONS_EXTENSION,
+    physical_store: ICONS_FULL_PATH + '/physical_store_v2' + ICONS_EXTENSION,
+    ios: ICONS_FULL_PATH + '/app_store_v2' + ICONS_EXTENSION,
+    android: ICONS_FULL_PATH + '/play_store_v2' + ICONS_EXTENSION,
+    twitter: ICONS_FULL_PATH + '/twitter_v2' + ICONS_EXTENSION,
+    instagram: ICONS_FULL_PATH + '/instagram_v2' + ICONS_EXTENSION,
+    linkedin: ICONS_FULL_PATH + '/linkedin_v2' + ICONS_EXTENSION,
+    website_active: ICONS_FULL_PATH + '/website_v2_active' + ICONS_EXTENSION,
+    call_center_active: ICONS_FULL_PATH + '/call_center_v2_active' + ICONS_EXTENSION,
+    physical_store_active: ICONS_FULL_PATH + '/physical_store_v2_active' + ICONS_EXTENSION,
+    ios_active: ICONS_FULL_PATH + '/app_store_v2_active' + ICONS_EXTENSION,
+    android_active: ICONS_FULL_PATH + '/play_store_v2_active' + ICONS_EXTENSION,
+    twitter_active: ICONS_FULL_PATH + '/twitter_v2_active' + ICONS_EXTENSION,
+    instagram_active: ICONS_FULL_PATH + '/instagram_v2_active' + ICONS_EXTENSION,
+    linkedin_active: ICONS_FULL_PATH + '/linkedin_v2_active' + ICONS_EXTENSION,
+    website_active_dark: ICONS_FULL_PATH + '/website_v2_active_dark' + ICONS_EXTENSION,
+    call_center_active_dark: ICONS_FULL_PATH + '/call_center_v2_active_dark' + ICONS_EXTENSION,
+    physical_store_active_dark: ICONS_FULL_PATH + '/physical_store_v2_active_dark' + ICONS_EXTENSION,
+    ios_active_dark: ICONS_FULL_PATH + '/app_store_v2_active_dark' + ICONS_EXTENSION,
+    android_active_dark: ICONS_FULL_PATH + '/play_store_v2_active_dark' + ICONS_EXTENSION,
+    twitter_active_dark: ICONS_FULL_PATH + '/twitter_v2_active_dark' + ICONS_EXTENSION,
+    instagram_active_dark: ICONS_FULL_PATH + '/instagram_v2_active_dark' + ICONS_EXTENSION,
+    linkedin_active_dark: ICONS_FULL_PATH + '/linkedin_v2_active_dark' + ICONS_EXTENSION,
+    website_dark: ICONS_FULL_PATH + '/website_v2_dark' + ICONS_EXTENSION,
+    call_center_dark: ICONS_FULL_PATH + '/call_center_v2_dark' + ICONS_EXTENSION,
+    physical_store_dark: ICONS_FULL_PATH + '/physical_store_v2_dark' + ICONS_EXTENSION,
+    ios_dark: ICONS_FULL_PATH + '/app_store_v2_dark' + ICONS_EXTENSION,
+    android_dark: ICONS_FULL_PATH + '/play_store_v2_dark' + ICONS_EXTENSION,
+    twitter_dark: ICONS_FULL_PATH + '/twitter_v2_dark' + ICONS_EXTENSION,
+    instagram_dark: ICONS_FULL_PATH + '/instagram_v2_dark' + ICONS_EXTENSION,
+    linkedin_dark: ICONS_FULL_PATH + '/linkedin_v2_dark' + ICONS_EXTENSION,
+    radio_checked: ICONS_FULL_PATH + '/radio_checked' + ICONS_EXTENSION,
+    radio_checked_dark: ICONS_FULL_PATH + '/radio_checked_dark' + ICONS_EXTENSION,
+    tick_green: ICONS_FULL_PATH + '/tick_green' + ICONS_EXTENSION,
+    tick_grey: ICONS_FULL_PATH + '/tick_gray' + ICONS_EXTENSION,
+    user_grey: ICONS_FULL_PATH + '/user_grey' + ICONS_EXTENSION,
+    user_green: ICONS_FULL_PATH + '/user_green' + ICONS_EXTENSION,
+    next_arrow_white: ICONS_FULL_PATH + '/next_arrow_white' + ICONS_EXTENSION,
+    next_arrow_blue: ICONS_FULL_PATH + '/next_arrow_blue' + ICONS_EXTENSION
 };

package/build/constants/date.d.ts

@@ -0,0 +1 @@
+export declare const hijriArabicMonthNames: string[];

package/build/constants/date.js

@@ -0,0 +1,14 @@
+export var hijriArabicMonthNames = [
+    'محرم',
+    'صفر',
+    'ربيع الأول',
+    'ربيع الثاني',
+    'جمادى الأولى',
+    'جمادى الآخرة',
+    'رجب',
+    'شعبان',
+    'رمضان',
+    'شوال',
+    'ذو القعدة',
+    'ذو الحجة'
+];