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

package/build/utils/device.d.ts

@@ -2,3 +2,4 @@ import { DeviceDetectorResult } from 'device-detector-js';
 import { GetResult } from '@fingerprintjs/fingerprintjs';
 export declare const getBrowserInfo: () => DeviceDetectorResult;
 export declare const getFingerPrint: () => Promise<GetResult>;
+export declare const mobileOS: () => 'Windows Phone' | 'Android' | 'iOS' | 'unknown';

package/build/utils/device.js

@@ -11,3 +11,16 @@ export var getFingerPrint = function () {
         });
     });
 };
+export var mobileOS = function () {
+    var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    if (/windows phone/i.test(userAgent)) {
+        return 'Windows Phone';
+    }
+    if (/android/i.test(userAgent)) {
+        return 'Android';
+    }
+    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+        return 'iOS';
+    }
+    return 'unknown';
+};

package/build/utils/index.d.ts

@@ -7,3 +7,5 @@ export * from './validation';
 export * from './string';
 export * from './device';
 export * from './rsa';
+export * from './common';
+export * from './date';

package/build/utils/index.js

@@ -7,3 +7,5 @@ export * from './validation';
 export * from './string';
 export * from './device';
 export * from './rsa';
+export * from './common';
+export * from './date';

package/build/utils/locale.js

@@ -1,7 +1,7 @@
 import { initReactI18next } from 'react-i18next';
 import i18n from '../i18n';
 export var updateLocale = function (locale, country) {
-    var data = locale[country.toUpperCase()] || locale['default'];
+    var data = locale['SA'] || locale[country.toUpperCase()] || locale['default'];
     if (i18n.isInitialized) {
         i18n.removeResourceBundle('*', 'translation');
         i18n.addResourceBundle('en', 'translation', data.en.translation);

package/build/utils/object.d.ts

@@ -2,3 +2,4 @@ export declare const compareTwoObjects: (obj1: any, obj2: any) => boolean;
 export declare const encodeObjectBase64: (obj: any) => string;
 export declare const decodeObjectBase64: (str: string) => any;
 export declare const hasKey: (obj: any, key: string) => boolean;
+export declare const concatenateObjectValues: (data: Record<string, any>, keys: Array<string>) => string;

package/build/utils/object.js

@@ -21,3 +21,15 @@ export var hasKey = function (obj, key) {
         return false;
     return Object.keys(obj).includes(key);
 };
+export var concatenateObjectValues = function (data, keys) {
+    if (!data)
+        return '';
+    var result = '';
+    for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+        var key = keys_1[_i];
+        if (data[key]) {
+            result += data[key].trim() + ' ';
+        }
+    }
+    return result.trim();
+};

package/build/utils/string.d.ts

@@ -1,8 +1,10 @@
 import { DeviceInfo } from '../@types';
 export declare const maskPhone: (str?: string) => string;
+export declare const shortenBankName: (str: string) => string;
 export declare const maskID: (str: string) => string;
 export declare const maskEmail: (str: string) => string;
 export declare const showLastFour: (str: string) => string;
+export declare const maskFileName: (str: string) => string;
 export declare const getIndividualName: (name: string) => {
     first: string;
     middle: string;
@@ -41,3 +43,15 @@ export declare const removeRequestHeaders: () => void;
 export declare const getBaseUrl: () => string;
 export declare const getScreenNameBasedOnFlow: (flow: string) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
 export declare const getEighteenYearsAgo: () => string;
+export declare const isKW: (flag: string) => boolean;
+export declare const isSA: (flag: string) => boolean;
+export declare const isLinkedIn: (flag: string) => boolean;
+export declare const isTwitter: (flag: string) => boolean;
+export declare const isWebsite: (flag: string) => boolean;
+export declare const isIos: (flag: string) => boolean;
+export declare const isAndroid: (flag: string) => boolean;
+export declare const isFacebook: (flag: string) => boolean;
+export declare const isInstagram: (flag: string) => boolean;
+export declare const isPhysicalStore: (flag: string) => boolean;
+export declare const isCallCenter: (flag: string) => boolean;
+export declare const getChannelIcon: (channel: string) => string;

package/build/utils/string.js

@@ -1,20 +1,32 @@
 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 = ''; }
     var lastTwo = str.substring(str.length - 2, str.length);
     return ' ••••' + lastTwo;
 };
+export var shortenBankName = function (str) {
+    if (str)
+        return str.slice(0, 20);
+    return '';
+};
 export var maskID = function (str) {
     var lastTwo = str.substring(str.length - 2, str.length);
     return ' ••••' + lastTwo;
 };
 export var maskEmail = function (str) {
-    var lastTwo = str.substring(str.length - 2, str.length);
-    return ' ••••' + lastTwo;
+    if (str) {
+        var name_1 = str.split('@')[0];
+        var maskedName = name_1[0] + '*' + name_1[name_1.length - 1];
+        var domain = str.split('@')[1].split('.')[0];
+        var maskedDomain = '@' + domain[0] + '*' + domain[domain.length - 1];
+        var TLD = '.' + str.split('@')[1].split('.')[1];
+        return maskedName + maskedDomain + TLD;
+    }
+    return '';
 };
 export var showLastFour = function (str) {
     if (str && str.length >= 4) {
@@ -23,6 +35,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 +185,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.43-test",
+	"version": "2.0.43",
 	"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",
@@ -89,7 +88,8 @@
 		"i18next-http-backend": "^1.4.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;