@tap-payments/auth-jsconnect 2.0.39-test → 2.0.39

package/build/utils/string.js

@@ -1,7 +1,7 @@
 import { FlowsTypes } from '../@types';
 import { encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
-import { ENDPOINT_PATHS } from '../constants';
+import { ENDPOINT_PATHS, ICONS_FULL_PATH } from '../constants';
 import moment from 'moment';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
@@ -23,6 +23,12 @@ export var showLastFour = function (str) {
     }
     return str;
 };
+export var maskFileName = function (str) {
+    if (str.length < 28)
+        return str;
+    var first = str.substring(0, 28);
+    return first + '....';
+};
 export var getIndividualName = function (name) {
     var _a;
     var nameArray = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
@@ -167,3 +173,67 @@ export var getEighteenYearsAgo = function () {
     var eighteenYearsAgo = new Date();
     return moment(eighteenYearsAgo.setFullYear(eighteenYearsAgo.getFullYear() - 18)).format('YYYY-MM-DD');
 };
+export var isKW = function (flag) {
+    return ['kw', 'kwd'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isSA = function (flag) {
+    return ['sa', 'sau'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isLinkedIn = function (flag) {
+    return 'linkedin' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isTwitter = function (flag) {
+    return 'twitter' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isWebsite = function (flag) {
+    return 'website' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isIos = function (flag) {
+    return 'ios' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isAndroid = function (flag) {
+    return 'android' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isFacebook = function (flag) {
+    return 'facebook' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isInstagram = function (flag) {
+    return 'instagram' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isPhysicalStore = function (flag) {
+    return 'physical_store' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var isCallCenter = function (flag) {
+    return 'call_center' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};
+export var getChannelIcon = function (channel) {
+    var key = channel === null || channel === void 0 ? void 0 : channel.toLowerCase();
+    if (isWebsite(key)) {
+        return ICONS_FULL_PATH + '/website.svg';
+    }
+    if (isLinkedIn(key)) {
+        return ICONS_FULL_PATH + '/LinkedIn-white.png';
+    }
+    if (isFacebook(key)) {
+        return ICONS_FULL_PATH + '/facebook.svg';
+    }
+    if (isInstagram(key)) {
+        return ICONS_FULL_PATH + '/insta.svg';
+    }
+    if (isTwitter(key)) {
+        return ICONS_FULL_PATH + '/twitter-icon.svg';
+    }
+    if (isPhysicalStore(key)) {
+        return ICONS_FULL_PATH + '/physical-store.svg';
+    }
+    if (isIos(key)) {
+        return ICONS_FULL_PATH + '/apple.svg';
+    }
+    if (isAndroid(key)) {
+        return ICONS_FULL_PATH + '/play-store.svgg';
+    }
+    if (isCallCenter(key)) {
+        return ICONS_FULL_PATH + '/call-center.svg';
+    }
+    return '';
+};

package/build/utils/validation.d.ts

@@ -13,3 +13,5 @@ export declare function isPasswordHasLowerLetter(password: string): boolean;
 export declare function isPasswordHasSpecialLetter(password: string): boolean;
 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;

package/build/utils/validation.js

@@ -43,3 +43,9 @@ export var keepLettersAndSpace = function (str) {
 export var isTapDomain = function (domain) {
     return domain.includes('tap.company');
 };
+export var removeArabicWords = function (str) {
+    return str.replace(/[\u0600-\u06FF]/g, '').trim();
+};
+export var removeAllOtherThanArabicWords = function (str) {
+    return str.replace(/[^ء-ي]/g, '');
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.0.39-test",
+	"version": "2.0.39",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -35,7 +35,6 @@
 		"@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",
@@ -87,9 +86,10 @@
 		"i18next": "^21.8.14",
 		"i18next-browser-languagedetector": "^6.1.4",
 		"i18next-http-backend": "^1.4.1",
-		"jsencrypt": "^3.2.1",
+		"jsencrypt": "^2.3.1",
 		"lodash-es": "^4.17.21",
-		"moment-hijri": "~2.1.2",
+		"lottie-web": "^5.9.6",
+		"moment": "^2.29.4",
 		"react": "^18.2.0",
 		"react-calendar": "~3.7.0",
 		"react-device-detect": "^2.2.2",
@@ -97,6 +97,7 @@
 		"react-dropzone": "^14.2.2",
 		"react-hook-form": "^7.33.1",
 		"react-i18next": "^11.18.1",
+		"react-multi-date-picker": "^3.3.4",
 		"react-otp-input": "^2.4.0",
 		"react-redux": "^8.0.2",
 		"react-spring-bottom-sheet": "^3.4.1",

package/build/features/app/otp/otpStore.d.ts

@@ -1,28 +0,0 @@
-import { RootState } from '../../../app/store';
-import { FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
-export declare const resendOTP: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
-}, void, {}>;
-export declare const verifyOtpLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
-    formData: OTPFormValues;
-}, OTPFormValues, {}>;
-declare type VerifyData = {
-    token: string;
-};
-export interface OtpData {
-    verify: ResponseData & VerifyData;
-    otpData: OTPFormValues & ResponseData;
-    flowName: FlowsTypes;
-}
-export interface OtpState extends SharedState<OtpData> {
-    customLoading?: boolean;
-}
-export declare const otpSlice: import("@reduxjs/toolkit").Slice<OtpState, {
-    clearError: (state: OtpState) => void;
-    stopLoader: (state: OtpState) => void;
-    resetOTPScreen: (state: OtpState) => void;
-}, "otp/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-declare const _default: import("redux").Reducer<OtpState, import("redux").AnyAction>;
-export default _default;
-export declare const otpSelector: (state: RootState) => OtpState;

package/build/features/app/otp/otpStore.js

@@ -1,153 +0,0 @@
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var _a;
-import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import API from '../../../api';
-import { FlowsTypes } from '../../../@types';
-import { handleNextScreenStep } from '../../../app/settings';
-import { OTP_STEP_NAMES } from '../../../constants';
-export var resendOTP = createAsyncThunk('otpResendOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var otp, payload, data;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                otp = thunkApi.getState().otp;
-                payload = {
-                    service_name: 'tap_email',
-                    verify_token: otp.data.verify.token
-                };
-                return [4, API.leadService.verifyLeadToken(payload)];
-            case 1:
-                data = (_a.sent()).data;
-                return [2, { data: data }];
-        }
-    });
-}); });
-export var verifyOtpLeadOTP = createAsyncThunk('verifyOtpLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var otp, responseBody, payload;
-    var _a;
-    return __generator(this, function (_b) {
-        otp = thunkApi.getState().otp;
-        responseBody = otp.data.verify.responseBody;
-        payload = {
-            data: params.otp,
-            service_name: (_a = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _a === void 0 ? void 0 : _a.service_name,
-            verify_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token,
-            step_name: OTP_STEP_NAMES.PHONE_AUTH,
-            encryption_contract: ['data']
-        };
-        thunkApi.dispatch(handleNextScreenStep());
-        return [2, { formData: params }];
-    });
-}); });
-var initialState = {
-    error: null,
-    loading: false,
-    customLoading: false,
-    data: {
-        flowName: FlowsTypes.OTP,
-        verify: {
-            token: ''
-        },
-        otpData: {
-            otp: ''
-        }
-    }
-};
-export var otpSlice = createSlice({
-    name: 'otp/store',
-    initialState: initialState,
-    reducers: {
-        clearError: function (state) {
-            state.error = null;
-        },
-        stopLoader: function (state) {
-            state.loading = false;
-        },
-        resetOTPScreen: function (state) {
-            state.data.otpData.otp = '';
-        }
-    },
-    extraReducers: function (builder) {
-        builder
-            .addCase(resendOTP.pending, function (state) {
-            state.error = null;
-        })
-            .addCase(resendOTP.fulfilled, function (state, action) {
-            var _a;
-            state.error = null;
-            var data = action.payload.data;
-            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
-            if (description) {
-                state.error = description;
-                return;
-            }
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), data);
-        })
-            .addCase(resendOTP.rejected, function (state, action) {
-            state.error = action.error.message;
-        })
-            .addCase(verifyOtpLeadOTP.pending, function (state) {
-            state.loading = true;
-            state.error = null;
-        })
-            .addCase(verifyOtpLeadOTP.fulfilled, function (state, action) {
-            state.loading = false;
-            state.error = null;
-            var formData = action.payload.formData;
-            state.data.otpData = formData;
-        })
-            .addCase(verifyOtpLeadOTP.rejected, function (state, action) {
-            state.loading = false;
-            state.error = action.error.message;
-        });
-    }
-});
-export var clearError = (_a = otpSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
-export default otpSlice.reducer;
-export var otpSelector = function (state) { return state.otp; };

package/build/features/business/screens/Activities/SalesChannels.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const CollapseStyled: import("@emotion/styled").StyledComponent<import("../../../../components/Collapse").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-declare const SalesChannels: () => JSX.Element;
-export default SalesChannels;

package/build/features/business/screens/Activities/SalesChannels.js

@@ -1,112 +0,0 @@
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
-import Text from '../../../../components/Text';
-import { businessSelector, clearError } from '../../../app/business/businessStore';
-import CheckBox from '../../../../components/CheckBox';
-import Warning from '../../../../components/Warning';
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../shared/Containers';
-var InputLabelStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({ margin: theme.spacing(2.5, 2.5, 0.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
-});
-var ContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: theme.spacing(0, 0.5, 0, 0.5),
-        height: theme.spacing(3.625),
-        marginBlockEnd: theme.spacing(0.2)
-    });
-});
-var TextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre' }, theme.typography.body2), { marginBlockStart: theme.spacing(1.75) }));
-});
-var CheckBoxStyled = styled(CheckBox)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineEnd: theme.spacing(-1),
-        '& .MuiSvgIcon-root': {
-            fontSize: 30
-        },
-        '&.Mui-checked': {
-            color: theme.palette.text.primary,
-            borderRadius: theme.spacing(2.5)
-        }
-    });
-});
-export var MandatoryStyled = styled('span')(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
-});
-export var CollapseStyled = styled(Collapse)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockStart: theme.spacing(2)
-    });
-});
-var SalesChannels = function () {
-    var _a;
-    var _b = React.useState([]), channelsMenuList = _b[0], setChannelsMenuList = _b[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var dispatch = useAppDispatch();
-    var channelsControl = useController({ name: 'salesChannels', control: control });
-    var channelsChecked = channelsControl.field.value;
-    var warningMessage = (_a = channelsControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var _c = useAppSelector(businessSelector), data = _c.data, error = _c.error;
-    var channelList = (data.businessTypeData.responseBody || {}).channelList;
-    var salesChannels = (data.activitiesData || {}).salesChannels;
-    React.useEffect(function () {
-        if ((channelList === null || channelList === void 0 ? void 0 : channelList.length) > 0) {
-            setChannelsMenuList(channelList);
-        }
-    }, [channelList]);
-    var handleSalesChannelChange = function (event, checked) {
-        var selected = channelsMenuList.find(function (channel) { return channel.id === event.target.id; });
-        var isExists = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (selected === null || selected === void 0 ? void 0 : selected.id); });
-        if (isExists) {
-            var updatedIdList = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.filter(function (channel) { return channel.id !== (selected === null || selected === void 0 ? void 0 : selected.id); });
-            channelsControl.field.onChange(updatedIdList);
-            return;
-        }
-        channelsControl.field.onChange(__spreadArray(__spreadArray([], channelsChecked, true), [selected], false));
-        if (error)
-            dispatch(clearError());
-    };
-    var getSelectedChannelsFlag = function (item) {
-        if (channelsChecked)
-            return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
-    };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name_ar : channel.name_en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
-};
-export default SalesChannels;

package/build/features/entity/screens/EntityInfoConfirm/SalesChannels.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const CollapseStyled: import("@emotion/styled").StyledComponent<import("../../../../components/Collapse").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-declare const SalesChannels: () => JSX.Element;
-export default SalesChannels;

package/build/features/entity/screens/EntityInfoConfirm/SalesChannels.js

@@ -1,112 +0,0 @@
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
-import Text from '../../../../components/Text';
-import { entitySelector, clearError } from '../../../app/entity/entityStore';
-import CheckBox from '../../../../components/CheckBox';
-import Warning from '../../../../components/Warning';
-import Collapse from '../../../../components/Collapse';
-import { ScreenContainer } from '../../../shared/Containers';
-var InputLabelStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({ margin: theme.spacing(2.5, 2.5, 0.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
-});
-var ContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: theme.spacing(0, 0.5, 0, 0.5),
-        height: theme.spacing(3.625),
-        marginBlockEnd: theme.spacing(0.2)
-    });
-});
-var TextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre' }, theme.typography.body2), { marginBlockStart: theme.spacing(1.75) }));
-});
-var CheckBoxStyled = styled(CheckBox)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineEnd: theme.spacing(-1),
-        '& .MuiSvgIcon-root': {
-            fontSize: 30
-        },
-        '&.Mui-checked': {
-            color: theme.palette.text.primary,
-            borderRadius: theme.spacing(2.5)
-        }
-    });
-});
-export var MandatoryStyled = styled('span')(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
-});
-export var CollapseStyled = styled(Collapse)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockStart: theme.spacing(2)
-    });
-});
-var SalesChannels = function () {
-    var _a;
-    var _b = React.useState([]), channelsMenuList = _b[0], setChannelsMenuList = _b[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var dispatch = useAppDispatch();
-    var channelsControl = useController({ name: 'salesChannels', control: control });
-    var channelsChecked = channelsControl.field.value;
-    var warningMessage = (_a = channelsControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error;
-    var channelList = (data.verify.responseBody || {}).channelList;
-    var salesChannels = (data.entityData || {}).salesChannels;
-    React.useEffect(function () {
-        if ((channelList === null || channelList === void 0 ? void 0 : channelList.length) > 0) {
-            setChannelsMenuList(channelList);
-        }
-    }, [channelList]);
-    var handleSalesChannelChange = function (event, checked) {
-        var selected = channelsMenuList.find(function (channel) { return channel.id === event.target.id; });
-        var isExists = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (selected === null || selected === void 0 ? void 0 : selected.id); });
-        if (isExists) {
-            var updatedIdList = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.filter(function (channel) { return channel.id !== (selected === null || selected === void 0 ? void 0 : selected.id); });
-            channelsControl.field.onChange(updatedIdList);
-            return;
-        }
-        channelsControl.field.onChange(__spreadArray(__spreadArray([], channelsChecked, true), [selected], false));
-        if (error)
-            dispatch(clearError());
-    };
-    var getSelectedChannelsFlag = function (item) {
-        if (channelsChecked)
-            return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
-    };
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('channel_of_service') }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name_ar : channel.name_en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
-};
-export default SalesChannels;

package/build/features/otp/OTP.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { LibConfig } from '../../@types';
-export interface OTPLibProps extends LibConfig {
-}
-export declare function OTPLib(props: OTPLibProps): JSX.Element;
-export declare function renderOTPLib(config: OTPLibProps, elementId: string): void;
-export declare function unmountOTPLib(elementId: string): void;

package/build/features/otp/OTP.js

@@ -1,58 +0,0 @@
-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 { memo } from 'react';
-import { styled } from '@mui/material/styles';
-import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
-import { store } from '../../app/store';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { reactElement } from '../../utils';
-import { FeatureContainer } from '../shared/Containers';
-import { OTP_SCREENS_NAVIGATION } from '../../constants';
-import { otpSelector } from '../app/otp/otpStore';
-import { otpFeatureScreens } from '../featuresScreens';
-var Container = styled(FeatureContainer)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        borderRadius: theme.spacing(1.5),
-        backgroundColor: 'inherit',
-        color: theme.palette.text.primary,
-        maxHeight: "calc(100% - ".concat(theme.spacing(10), ") !important"),
-        width: theme.spacing(46.875),
-        maxWidth: theme.spacing(46.875)
-    });
-});
-var OTP = memo(function (props) {
-    var theme = useAppTheme().theme;
-    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error;
-    var otpError = useAppSelector(otpSelector).error;
-    useAppConfig(__assign({ navigation: OTP_SCREENS_NAVIGATION }, props));
-    useErrorListener(otpError || error);
-    useStepStartedListener();
-    var activeScreen = data.activeScreen;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Container, { children: otpFeatureScreens.map(function (_a, index) {
-                var Element = _a.element, name = _a.name;
-                var isActive = activeScreen.name === name;
-                return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
-            }) }) })));
-});
-export function OTPLib(props) {
-    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(OTP, __assign({}, props)) })));
-}
-export function renderOTPLib(config, elementId) {
-    reactElement(elementId).render(_jsx(OTPLib, __assign({}, config)));
-}
-export function unmountOTPLib(elementId) {
-    reactElement(elementId).unmount();
-}

package/build/features/otp/index.js

@@ -1 +0,0 @@
-"use strict";

package/build/features/otp/screens/OTPVerify/OTPInput.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface OTPProps {
-    loading: boolean;
-}
-declare const _default: React.MemoExoticComponent<({ loading }: OTPProps) => JSX.Element>;
-export default _default;