@tap-payments/auth-jsconnect 1.0.4 → 1.0.7

package/build/components/SocialMediaGroup/SocialMediaGroup.js

@@ -0,0 +1,86 @@
+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 * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { ICONS_NAMES } from '../../constants';
+import { SocialMediaTypes } from '../../@types';
+import ToggleButtonGroup from '../ToggleButtonGroup';
+import ToggleButton from '../ToggleButton';
+import Icon from '../Icon';
+var WebToggleButton = styled(ToggleButton, {
+    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
+})(function (_a) {
+    var theme = _a.theme, isActive = _a.isActive;
+    return ({
+        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #3A4154") : 'none'
+    });
+});
+var TwitterToggleButton = styled(ToggleButton, {
+    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
+})(function (_a) {
+    var theme = _a.theme, isActive = _a.isActive;
+    return ({
+        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #1DA1F2") : 'none'
+    });
+});
+var InstagramToggleButton = styled(ToggleButton, {
+    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
+})(function (_a) {
+    var theme = _a.theme, isActive = _a.isActive;
+    return ({
+        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #8A3AB9") : 'none'
+    });
+});
+var WebTwitterIconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(5.5),
+        height: theme.spacing(5.5)
+    });
+});
+var InstagramIconStyled = styled(Icon, {
+    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
+})(function (_a) {
+    var theme = _a.theme, isActive = _a.isActive;
+    return ({
+        width: isActive ? '100%' : theme.spacing(5.5),
+        height: isActive ? '100%' : theme.spacing(5.5)
+    });
+});
+var SocialMediaGroupComponent = function (_a) {
+    var children = _a.children, defaultValue = _a.defaultValue, onChange = _a.onChange, toggleButtonProps = _a.toggleButtonProps, rest = __rest(_a, ["children", "defaultValue", "onChange", "toggleButtonProps"]);
+    var _b = React.useState(defaultValue), socialMediaType = _b[0], setSocialMediaType = _b[1];
+    var isWebActive = socialMediaType === SocialMediaTypes.WEB;
+    var isTwitterActive = socialMediaType === SocialMediaTypes.TWITTER;
+    var isInstagramActive = socialMediaType === SocialMediaTypes.INSTAGRAM;
+    var handleOnChange = function (event, value) {
+        setSocialMediaType(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
+    };
+    return (_jsxs(ToggleButtonGroup, __assign({ value: socialMediaType, exclusive: true }, rest, { onChange: handleOnChange }, { children: [children, " ||", _jsx(WebToggleButton, __assign({ isActive: isWebActive }, toggleButtonProps, { value: SocialMediaTypes.WEB }, { children: _jsx(WebTwitterIconStyled, { src: isWebActive ? ICONS_NAMES.WEB_ACTIVE_ICON : ICONS_NAMES.WEB_ICON }) })), _jsx(TwitterToggleButton, __assign({ isActive: isTwitterActive }, toggleButtonProps, { value: SocialMediaTypes.TWITTER }, { children: _jsx(WebTwitterIconStyled, { src: isTwitterActive ? ICONS_NAMES.TWITTER_ACTIVE_ICON : ICONS_NAMES.TWITTER_ICON }) })), _jsx(InstagramToggleButton, __assign({ isActive: isInstagramActive }, toggleButtonProps, { value: SocialMediaTypes.INSTAGRAM }, { children: _jsx(InstagramIconStyled, { isActive: isInstagramActive, src: isInstagramActive ? ICONS_NAMES.INSTAGRAM_ACTIVE_ICON : ICONS_NAMES.INSTAGRAM_ICON }) }))] })));
+};
+export default React.memo(SocialMediaGroupComponent);
+SocialMediaGroupComponent.defaultProps = {
+    defaultValue: SocialMediaTypes.WEB
+};

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

@@ -0,0 +1,3 @@
+import SocialMediaGroup, { SocialMediaGroupProps } from './SocialMediaGroup';
+export type { SocialMediaGroupProps };
+export default SocialMediaGroup;

package/build/components/SocialMediaGroup/index.js

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

package/build/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ToggleButtonProps } from '@mui/material/ToggleButton';
+export type { ToggleButtonProps };
+declare const _default: React.MemoExoticComponent<({ children, ...props }: ToggleButtonProps<"button", {}>) => JSX.Element>;
+export default _default;

package/build/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,44 @@
+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 } from "react/jsx-runtime";
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import ToggleButton from '@mui/material/ToggleButton';
+var ToggleButtonStyled = styled(ToggleButton)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(5.5),
+        height: theme.spacing(5.5),
+        border: 'none',
+        borderRadius: theme.spacing(0),
+        background: 'none',
+        '&.Mui-selected': {
+            background: 'none'
+        }
+    });
+});
+var ToggleButtonComponent = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (_jsx(ToggleButtonStyled, __assign({ disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, props, { children: children })));
+};
+export default React.memo(ToggleButtonComponent);

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

@@ -0,0 +1,3 @@
+import ToggleButton, { ToggleButtonProps } from './ToggleButton';
+export type { ToggleButtonProps };
+export default ToggleButton;

package/build/components/ToggleButton/index.js

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

package/build/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
+export type { ToggleButtonGroupProps };
+declare const _default: React.MemoExoticComponent<({ children, ...props }: ToggleButtonGroupProps) => JSX.Element>;
+export default _default;

package/build/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,37 @@
+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 } from "react/jsx-runtime";
+import * as React from 'react';
+import { styled, alpha } from '@mui/material/styles';
+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)
+    });
+});
+var ToggleButtonGroupComponent = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return _jsx(ToggleButtonGroupStyled, __assign({}, props, { children: children }));
+};
+export default React.memo(ToggleButtonGroupComponent);

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

@@ -0,0 +1,3 @@
+import ToggleButtonGroup, { ToggleButtonGroupProps } from './ToggleButtonGroup';
+export type { ToggleButtonGroupProps };
+export default ToggleButtonGroup;

package/build/components/ToggleButtonGroup/index.js

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

package/build/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TooltipProps } from '@mui/material/Tooltip';
+export type { TooltipProps };
+declare const _default: React.MemoExoticComponent<{
+    ({ children, ...rest }: TooltipProps): JSX.Element;
+    defaultProps: {
+        placement: string;
+    };
+}>;
+export default _default;

package/build/components/Tooltip/Tooltip.js

@@ -0,0 +1,44 @@
+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 } from "react/jsx-runtime";
+import * as React from 'react';
+import { styled, alpha } from '@mui/material/styles';
+import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
+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 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);
+});
+var TooltipComponent = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return _jsx(StyledTooltip, __assign({}, rest, { children: children }));
+};
+export default React.memo(TooltipComponent);
+TooltipComponent.defaultProps = {
+    placement: 'bottom-end'
+};

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

@@ -0,0 +1,3 @@
+import Tooltip, { TooltipProps } from './Tooltip';
+export type { TooltipProps };
+export default Tooltip;

package/build/components/Tooltip/index.js

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

package/build/components/Warning/Warning.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 export interface WarningProps extends BoxProps {
-    children: string;
+    children?: string;
     warningType?: 'alert' | 'error';
 }
 declare const _default: React.MemoExoticComponent<{
     ({ children, warningType, ...rest }: WarningProps): JSX.Element;
     defaultProps: {
         warningType: string;
+        children: string;
     };
 }>;
 export default _default;

package/build/components/Warning/Warning.js

@@ -26,33 +26,18 @@ import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 var ErrorStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return ({
-        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,
-        fontSize: theme.spacing(1.5)
-    });
+    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));
 });
 var AlertStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return ({
-        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,
-        fontSize: theme.spacing(1.5)
-    });
+    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));
 });
 var WarningComponent = function (_a) {
     var children = _a.children, warningType = _a.warningType, rest = __rest(_a, ["children", "warningType"]);
     return warningType === 'alert' ? (_jsx(AlertStyled, __assign({}, rest, { children: children }))) : (_jsx(ErrorStyled, __assign({}, rest, { children: children })));
 };
 WarningComponent.defaultProps = {
-    warningType: 'error'
+    warningType: 'error',
+    children: 'default warning message'
 };
 export default React.memo(WarningComponent);

package/build/constants/app.d.ts

@@ -1,9 +1,19 @@
+import { ScreenStepNavigation } from '../@types';
 export declare const LOCAL_STORAGE_KEYS: {
     themeMode: string;
     languageMode: string;
 };
-export declare const LANGUAGE_MODE: {
-    AR: string;
-    EN: string;
+export declare const EXTERNAL_LINKS: {
+    TOS_EN: string;
+    TOS_AR: string;
+    REFUND_EN: string;
+    REFUND_AR: string;
+    TRANSACTION_EN: string;
+    TRANSACTION_AR: string;
 };
-export declare const ID_NUMBER_LENGTH = 10;
+export declare const CONNECT_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const BUSINESS_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const OWNER_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const PASSWORD_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const BANK_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;

package/build/constants/app.js

@@ -2,8 +2,149 @@ export var LOCAL_STORAGE_KEYS = {
     themeMode: 'themeMode',
     languageMode: 'languageMode'
 };
-export var LANGUAGE_MODE = {
-    AR: 'ar',
-    EN: 'en'
+export var EXTERNAL_LINKS = {
+    TOS_EN: 'https://www.tap.company/sa/en/terms-conditions',
+    TOS_AR: 'https://www.tap.company/sa/ar/terms-conditions',
+    REFUND_EN: 'https://www.tap.company/sa/en/terms-conditions',
+    REFUND_AR: 'https://www.tap.company/sa/ar/terms-conditions',
+    TRANSACTION_EN: 'https://www.tap.company/sa/en/terms-conditions',
+    TRANSACTION_AR: 'https://www.tap.company/sa/ar/terms-conditions'
 };
-export var ID_NUMBER_LENGTH = 10;
+export var CONNECT_SCREENS_NAVIGATION = [
+    {
+        name: 'CONNECT_MID_STEP',
+        next: 'CONNECT_OTP_STEP',
+        prev: '',
+        order: 1
+    },
+    {
+        name: 'CONNECT_OTP_STEP',
+        next: ['CONNECT_INDIVIDUAL_STEP', 'CONNECT_PASSWORD_STEP'],
+        prev: 'CONNECT_MID_STEP',
+        order: 2
+    },
+    {
+        name: 'CONNECT_INDIVIDUAL_STEP',
+        next: 'CONNECT_MERCHANT_INFO_STEP',
+        prev: 'CONNECT_OTP_STEP',
+        order: 3
+    },
+    {
+        name: 'CONNECT_PASSWORD_STEP',
+        next: 'CONNECT_MERCHANT_INFO_STEP',
+        prev: 'CONNECT_OTP_STEP',
+        order: 3
+    },
+    {
+        name: 'CONNECT_MERCHANT_INFO_STEP',
+        next: 'CONNECT_THANK_YOU_STEP',
+        prev: 'CONNECT_INDIVIDUAL_STEP',
+        order: 4
+    },
+    {
+        name: 'CONNECT_THANK_YOU_STEP',
+        next: '',
+        prev: 'CONNECT_MERCHANT_INFO_STEP',
+        order: 5
+    }
+];
+export var BUSINESS_SCREENS_NAVIGATION = [
+    {
+        name: 'BUSINESS_VERIFY_NUMBER_STEP',
+        next: ['BUSINESS_IDBOD_STEP', 'BUSINESS_BUSINESS_TYPE_STEP'],
+        prev: '',
+        order: 1
+    },
+    {
+        name: 'BUSINESS_IDBOD_STEP',
+        next: 'BUSINESS_OTP_STEP',
+        prev: 'BUSINESS_VERIFY_NUMBER_STEP',
+        order: 2
+    },
+    {
+        name: 'BUSINESS_OTP_STEP',
+        next: 'BUSINESS_BUSINESS_TYPE_STEP',
+        prev: 'BUSINESS_IDBOD_STEP',
+        order: 3
+    },
+    {
+        name: 'BUSINESS_BUSINESS_TYPE_STEP',
+        next: 'BUSINESS_CONFIRM_STEP',
+        prev: 'BUSINESS_OTP_STEP',
+        order: 2
+    },
+    {
+        name: 'BUSINESS_CONFIRM_STEP',
+        next: 'BUSINESS_ACTIVITIES_STEP',
+        prev: 'BUSINESS_BUSINESS_TYPE_STEP',
+        order: 3
+    },
+    {
+        name: 'BUSINESS_ACTIVITIES_STEP',
+        next: 'BUSINESS_CUSTOMERS_STEP',
+        prev: 'BUSINESS_BUSINESS_TYPE_STEP',
+        order: 4
+    },
+    {
+        name: 'BUSINESS_CUSTOMERS_STEP',
+        next: 'BUSINESS_SUCCESS_STEP',
+        prev: 'BUSINESS_ACTIVITIES_STEP',
+        order: 5
+    },
+    {
+        name: 'BUSINESS_SUCCESS_STEP',
+        next: '',
+        prev: 'BUSINESS_CUSTOMERS_STEP',
+        order: 6
+    }
+];
+export var OWNER_SCREENS_NAVIGATION = [
+    {
+        name: 'OWNER_SHOW_OWNER_INFO_STEP',
+        next: 'OWNER_ADDITIONAL_OWNER_INFO_STEP',
+        prev: '',
+        order: 1
+    },
+    {
+        name: 'OWNER_ADDITIONAL_OWNER_INFO_STEP',
+        next: '',
+        prev: 'OWNER_SHOW_OWNER_INFO_STEP',
+        order: 2
+    }
+];
+export var PASSWORD_SCREENS_NAVIGATION = [
+    {
+        name: 'PASSWORD_NEW_PASSWORD_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    }
+];
+export var BANK_SCREENS_NAVIGATION = [
+    {
+        name: 'BANK_DETAILS_STEP',
+        next: 'BANK_DETAILS_SUCCESS_STEP',
+        prev: '',
+        order: 1
+    },
+    {
+        name: 'BANK_DETAILS_SUCCESS_STEP',
+        next: '',
+        prev: 'BANK_DETAILS_STEP',
+        order: 2
+    }
+];
+export var TAX_SCREENS_NAVIGATION = [
+    {
+        name: 'TAX_DETAILS_STEP',
+        next: 'TAX_DETAILS_SUCCESS_STEP',
+        prev: '',
+        order: 1
+    },
+    {
+        name: 'TAX_DETAILS_SUCCESS_STEP',
+        next: '',
+        prev: 'TAX_DETAILS_STEP',
+        order: 2
+    }
+];

package/build/constants/assets.d.ts

@@ -15,9 +15,20 @@ export declare const ICONS_NAMES: {
     DOWN_ARROW_ICON_DARK: string;
     CLEAR_ICON: string;
     LOGO_ICON: string;
+    WEB_ICON: string;
+    WEB_ACTIVE_ICON: string;
+    TWITTER_ICON: string;
+    TWITTER_ACTIVE_ICON: string;
+    INSTAGRAM_ICON: string;
+    FL_ICON: string;
+    FL_ACTIVE_ICON: string;
+    CR_ICON: string;
+    CR_ACTIVE_ICON: string;
+    INSTAGRAM_ACTIVE_ICON: string;
     TAP_EN: string;
     TAP_AR: string;
     ID_IMAGE: string;
     MOBILE_IMAGE: string;
     WHITE_ARROW: string;
+    SUCCESS: string;
 };

package/build/constants/assets.js

@@ -15,9 +15,20 @@ export var ICONS_NAMES = {
     DOWN_ARROW_ICON_DARK: ICONS_FULL_PATH + '/popup_arrow_dark' + ICONS_EXTENSION,
     CLEAR_ICON: ICONS_FULL_PATH + '/clear' + ICONS_EXTENSION,
     LOGO_ICON: ICONS_FULL_PATH + '/tap_logo_icon' + ICONS_EXTENSION,
+    WEB_ICON: ICONS_FULL_PATH + '/web' + ICONS_EXTENSION,
+    WEB_ACTIVE_ICON: ICONS_FULL_PATH + '/web-active' + ICONS_EXTENSION,
+    TWITTER_ICON: ICONS_FULL_PATH + '/twitter' + ICONS_EXTENSION,
+    TWITTER_ACTIVE_ICON: ICONS_FULL_PATH + '/twitter-active' + ICONS_EXTENSION,
+    INSTAGRAM_ICON: ICONS_FULL_PATH + '/Insta' + ICONS_EXTENSION,
+    FL_ICON: ICONS_FULL_PATH + '/fl' + ICONS_EXTENSION,
+    FL_ACTIVE_ICON: ICONS_FULL_PATH + '/fl_active' + ICONS_EXTENSION,
+    CR_ICON: ICONS_FULL_PATH + '/cr' + ICONS_EXTENSION,
+    CR_ACTIVE_ICON: ICONS_FULL_PATH + '/cr_active' + ICONS_EXTENSION,
+    INSTAGRAM_ACTIVE_ICON: ICONS_FULL_PATH + '/Insta-active' + 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'
+    WHITE_ARROW: 'https://tap-connecet.b-cdn.net/imgs/whiteArrow.svg',
+    SUCCESS: 'https://tap-connecet.b-cdn.net/imgs/success.svg'
 };

package/build/constants/dummy.d.ts

@@ -1,3 +1,34 @@
+export declare const OTHER_FL_LICENSE: {
+    number: string;
+    status: string;
+    canceled_at: string;
+    license_specialities: {
+        speciality: {
+            id: string;
+            name: string;
+            name_en: string;
+            category: {
+                id: string;
+                name: string;
+                name_en: string;
+            };
+        };
+    }[];
+};
+export declare const OTHER_CR_LICENSE: {
+    crName: string;
+    crNumber: string;
+    crEntityNumber: string;
+    isMain: string;
+    businessType: {
+        id: number;
+        name: string;
+    };
+    relation: {
+        id: number;
+        name: string;
+    };
+};
 export declare const defaultCountry: {
     created: number;
     updated: number;
@@ -233,3 +264,75 @@ export declare const SOCIAL_MEDIA_LINKS: {
     linkedin: string;
     instagram: string;
 };
+export declare const CUSTOMER_LOCATIONS: {
+    id: number;
+    name: string;
+    nameAR: string;
+}[];
+export declare const EXPECTED_CUSTOMERS: {
+    id: number;
+    name: string;
+    nameAR: string;
+}[];
+export declare const EXPECTED_SALES_RANGE: {
+    id: number;
+    name: string;
+    nameAR: string;
+}[];
+export declare const FL_LIST: ({
+    number: string;
+    status: string;
+    license_specialities: {
+        speciality: {
+            id: string;
+            name: string;
+            name_en: string;
+            category: {
+                id: string;
+                name: string;
+                name_en: string;
+            };
+        };
+    }[];
+    canceled_at: string;
+} | {
+    number: string;
+    status: string;
+    license_specialities: {
+        speciality: {
+            id: string;
+            name: string;
+            name_en: string;
+            category: {
+                id: string;
+                name: string;
+                name_en: string;
+            };
+        };
+    }[];
+    canceled_at?: undefined;
+})[];
+export declare const CR_LIST: {
+    crName: string;
+    crNumber: string;
+    crEntityNumber: string;
+    isMain: string;
+    businessType: {
+        id: number;
+        name: string;
+    };
+    relation: {
+        id: number;
+        name: string;
+    };
+}[];
+export declare const ACTIVITIES: {
+    id: number;
+    name: string;
+    nameEn: string;
+}[];
+export declare const SALES_CHANNELS: {
+    id: number;
+    nameEn: string;
+    name: string;
+}[];