@tap-payments/auth-jsconnect 2.1.9-test → 2.1.10-test

package/build/features/business/screens/BusinessType/validation.js

@@ -54,15 +54,24 @@ export var KWLicenseValidationSchema = yup.object().shape({
         .required(''),
     entityLegalName: yup
         .string()
-        .test({
-        test: function (value) {
-            var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-            if (length === 0)
-                return true;
-            return !(value === null || value === void 0 ? void 0 : value.match(REGEX_BRAND_NAME)) || (value === null || value === void 0 ? void 0 : value.length) < 3
-                ? this.createError({ message: 'enter_entity_name_english_chars_numbers_space' })
-                : true;
+        .when('selectedLicense', function (selectedLicense) {
+        var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
+        if (!isCR) {
+            return yup.string().optional();
         }
+        return yup
+            .string()
+            .required('')
+            .test({
+            test: function (value) {
+                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
+                if (length === 0)
+                    return true;
+                return (value === null || value === void 0 ? void 0 : value.match(REGEX_BRAND_NAME)) && length >= 3
+                    ? true
+                    : this.createError({ message: 'enter_entity_name_english_chars_numbers_space' });
+            }
+        });
     })
         .required(''),
     certificateId: yup.string().optional(),

package/build/features/business/screens/VerifyPACI/VerifyPACI.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface VerifyPACIProps {
 }
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => JSX.Element | null>;
 export default _default;

package/build/features/business/screens/VerifyPACI/VerifyPACI.js

@@ -1,159 +1,34 @@
-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 };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import Text from '../../../../components/Text';
 import { businessSelector, verifyPACI as verifyPACIFun } from '../../../app/business/businessStore';
 import { handlePrevScreenStep } from '../../../../app/settings';
-import { ScreenContainer } from '../../../shared/Containers';
-import { MobileButton } from '../../../shared/Button';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import Collapse from '../../../../components/Collapse';
-import Warning from '../../../../components/Warning';
-import { mobileOS, sleep } from '../../../../utils';
-import VerifyPACILoading from './VerifyPACILoading';
-import VerifyPACISuccess from './VerifyPACISuccess';
-var VerifyPACITitleContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        direction: theme.direction,
-        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        marginBottom: theme.spacing(2.5)
-    });
-});
-var VerifyPACITitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightBold, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line' }));
-});
-var VerifyPACISubTitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line', textAlign: 'center' }));
-});
-var Container = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        position: 'relative',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        maxHeight: '300px'
-    });
-});
-var BackButton = styled('button')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        cursor: 'pointer',
-        height: 44,
-        appearance: 'none',
-        background: 'none',
-        pointerEvents: 'auto',
-        border: 'none',
-        color: theme.palette.primary.main,
-        fontSize: theme.typography.body1.fontSize,
-        fontWeight: theme.typography.fontWeightMedium,
-        textTransform: 'capitalize',
-        '&:hover': {
-            backgroundColor: 'transparent'
-        }
-    });
-});
+import PaciVerification from '../../../shared/PaciVerification';
 var VerifyPACI = function () {
     var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
     var _b = React.useState(false), isReady = _b[0], setIsReady = _b[1];
     var dispatch = useAppDispatch();
-    var _c = useAppSelector(businessSelector), data = _c.data, error = _c.error;
+    var data = useAppSelector(businessSelector).data;
     var responseBody = data.civilIdData.responseBody;
-    var t = useTranslation().t;
-    var onSuccess = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setSuccess(true);
-                    return [4, sleep(2000)];
-                case 1:
-                    _a.sent();
-                    return [2];
-            }
-        });
-    }); };
+    var _c = responseBody || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios;
     React.useEffect(function () {
-        if (responseBody) {
+        if (responseBody && !isReady) {
             setIsReady(true);
         }
     }, [responseBody]);
     React.useEffect(function () {
         if (!isReady)
             return;
-        var promise = dispatch(verifyPACIFun({ onSuccess: onSuccess }));
+        var promise = dispatch(verifyPACIFun({ onSuccess: function () { return setSuccess(true); } }));
         return function () {
             promise === null || promise === void 0 ? void 0 : promise.abort();
         };
     }, [isReady]);
-    var onRedirect = React.useCallback(function () {
-        if (os === 'Android') {
-            window.open(responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_android, '_blank');
-        }
-        if (os === 'iOS') {
-            window.open(responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios, '_blank');
-        }
-    }, [responseBody]);
     var onBack = React.useCallback(function () {
         dispatch(handlePrevScreenStep());
     }, []);
-    var os = React.useMemo(function () { return mobileOS(); }, []);
-    var isAndroid = React.useMemo(function () { return os === 'Android' && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios); }, [os, responseBody]);
-    var isIOS = React.useMemo(function () { return os === 'iOS' && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios); }, [os, responseBody]);
-    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(VerifyPACITitleContainerStyled, { children: [_jsx(Container, { children: success ? _jsx(VerifyPACISuccess, {}) : _jsx(VerifyPACILoading, { loop: !error }) }), _jsx(VerifyPACITitleStyled, { children: t('authenticate_kuwait_mobile_title') }), _jsx(VerifyPACISubTitleStyled, { children: t('authenticate_kuwait_mobile_description') })] }), _jsx(Collapse, __assign({ in: !!error, sx: { width: '100%' } }, { children: _jsx(Warning, { children: t(error) }) })), (isAndroid || isIOS) && (_jsx(MobileButton, __assign({ onClick: onRedirect, hideIcon: true }, { children: t('Open Kuwait Mobile ID') }))), _jsx(BackButton, __assign({ onClick: onBack }, { children: t('back') }))] })));
+    if (!isReady)
+        return null;
+    return (_jsx(PaciVerification, { expiryInSeconds: expiry, success: success, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
 };
 export default React.memo(VerifyPACI);

package/build/features/connect/screens/Merchant/Merchant.js

@@ -23,10 +23,9 @@ import Button from '../../../shared/Button';
 import { clearError, connectSelector, updateLeadBrand } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
-import { findFirstId, isKW, mapSalesChannel } from '../../../../utils';
+import { isKW } from '../../../../utils';
 import { MerchantValidationSchema } from './validation';
 import BrandName from './BrandName';
-import SocialMedia from './SocialMedia';
 import TAC from './TAC';
 import BrandList from './BrandList';
 import SalesChannels from './SalesChannels';
@@ -35,12 +34,11 @@ var Merchant = function (_a) {
     var _d = React.useState(false), brandNameChecking = _d[0], setBrandNameChecking = _d[1];
     var _e = React.useState(false), isBrandListOpen = _e[0], setIsBrandListOpen = _e[1];
     var _f = React.useState(false), isRequiredNewBrand = _f[0], setIsRequiredNewBrand = _f[1];
-    var _g = React.useState(''), activeIconId = _g[0], setActiveIconId = _g[1];
-    var _h = useAppSelector(connectSelector), data = _h.data, loading = _h.loading, error = _h.error;
+    var _g = useAppSelector(connectSelector), data = _g.data, loading = _g.loading, error = _g.error;
     var settingsData = useAppSelector(settingsSelector).data;
     var isNewIndividual = (_b = data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.is_new_individual;
     var startWithNID = data.otpData.authFor === AuthForType.NATIONAL_ID;
-    var _j = data.brandData, brandName = _j.brandName, selectedBrandItem = _j.selectedBrandItem, termAndConditionChecked = _j.termAndConditionChecked, responseBody = _j.responseBody, salesChannels = _j.salesChannels;
+    var _h = data.brandData, brandName = _h.brandName, selectedBrandItem = _h.selectedBrandItem, termAndConditionChecked = _h.termAndConditionChecked, responseBody = _h.responseBody, salesChannels = _h.salesChannels;
     var brandList = (responseBody || {}).brand_list;
     var methods = useForm({
         resolver: yupResolver(MerchantValidationSchema(isRequiredNewBrand)),
@@ -77,24 +75,6 @@ var Merchant = function (_a) {
         if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.response_code) === '5')
             methods.setError('brandName', { message: 'brand_name_already_exist' });
     }, [responseBody]);
-    var onSaleIconChange = function (id) {
-        setActiveIconId(id);
-    };
-    React.useEffect(function () {
-        if (selectedBrandItem.id) {
-            methods.setValue('selectedBrandItem', selectedBrandItem);
-            var sales = mapSalesChannel(selectedBrandItem.channel_services || []);
-            setActiveIconId(findFirstId(sales));
-            methods.setValue('salesChannels', sales, { shouldValidate: true });
-        }
-    }, [selectedBrandItem]);
-    React.useEffect(function () {
-        if (salesChannels.length > 0) {
-            var sales = mapSalesChannel(salesChannels);
-            setActiveIconId(findFirstId(sales));
-            methods.setValue('salesChannels', sales, { shouldValidate: true });
-        }
-    }, [salesChannels]);
     React.useEffect(function () {
         if (termAndConditionChecked === true)
             methods.setValue('termAndConditionChecked', termAndConditionChecked);
@@ -107,6 +87,6 @@ var Merchant = function (_a) {
     React.useEffect(function () {
         setIsRequiredNewBrand(isOtherBrand || isNewBrand);
     }, [isOtherBrand, isNewBrand]);
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { show: !(isOtherBrand || isNewBrand), list: brandList, onListOpen: function () { return setIsBrandListOpen(true); }, onListClose: function () { return setIsBrandListOpen(false); } }), _jsx(BrandName, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(Collapse, __assign({ in: !isBrandListOpen }, { children: _jsx(SalesChannels, { onSaleIconChange: onSaleIconChange }) })), _jsx(SocialMedia, { show: !isBrandListOpen, activeIconId: activeIconId, onSaleIconChange: onSaleIconChange }), _jsx(TAC, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen }), _jsx(Collapse, __assign({ in: !isBrandListOpen, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { show: !(isOtherBrand || isNewBrand), list: brandList, onListOpen: function () { return setIsBrandListOpen(true); }, onListClose: function () { return setIsBrandListOpen(false); } }), _jsx(BrandName, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(Collapse, __assign({ in: !isBrandListOpen }, { children: _jsx(SalesChannels, {}) })), _jsx(TAC, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen }), _jsx(Collapse, __assign({ in: !isBrandListOpen, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(Merchant);

package/build/features/connect/screens/Merchant/SalesChannels.d.ts

@@ -1,8 +1,5 @@
-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>, {}, {}>;
+/// <reference types="react" />
 interface SalesChannelsProps {
-    onSaleIconChange: (id: string) => void;
 }
-declare const SalesChannels: ({ onSaleIconChange }: SalesChannelsProps) => JSX.Element;
+declare const SalesChannels: ({}: SalesChannelsProps) => JSX.Element;
 export default SalesChannels;

package/build/features/connect/screens/Merchant/SalesChannels.js

@@ -1,111 +1,41 @@
-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 Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useLanguage, useAppSelector, useAppDispatch } from '../../../../hooks';
-import Text from '../../../../components/Text';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 import { connectSelector, clearError } from '../../../app/connect/connectStore';
-import CheckBox from '../../../../components/CheckBox';
-import Warning from '../../../../components/Warning';
-import Collapse from '../../../../components/Collapse';
-import { findFirstId } from '../../../../utils';
-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 ({
-        paddingInline: '15px',
-        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)
-    });
-});
+import { mapSalesChannel } from '../../../../utils';
+import SalesChannel from '../../../shared/SalesChannels';
 var SalesChannels = function (_a) {
     var _b;
-    var onSaleIconChange = _a.onSaleIconChange;
+    var _c = React.useState([]), defaultValues = _c[0], setDefaultValues = _c[1];
     var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var _c = useFormContext(), control = _c.control, getValues = _c.getValues;
+    var _d = useFormContext(), control = _d.control, setValue = _d.setValue;
     var dispatch = useAppDispatch();
-    var channelsControl = useController({ control: control, name: 'salesChannels' });
-    var _d = useAppSelector(connectSelector), data = _d.data, error = _d.error;
-    var channelList = (data.brandData.responseBody || {}).channel_list;
-    var isChecked = function (id) {
-        var item = channelsControl.field.value.find(function (item) { return item.id === id; });
-        return !!item;
-    };
-    var onChange = function (channel) {
-        if (error)
-            dispatch(clearError());
-        if (isChecked(channel.id)) {
-            var filterChannels = channelsControl.field.value.filter(function (item) { return item.id !== channel.id; });
-            onSaleIconChange(findFirstId([filterChannels.at(-1)]));
-            channelsControl.field.onChange(filterChannels);
+    var _e = useController({ control: control, name: 'salesChannels' }), fieldState = _e.fieldState, field = _e.field;
+    var _f = useAppSelector(connectSelector), data = _f.data, error = _f.error;
+    var _g = data.brandData, selectedBrandItem = _g.selectedBrandItem, responseBody = _g.responseBody, defaultSalesChannels = _g.salesChannels;
+    var channelList = (responseBody || {}).channel_list;
+    React.useEffect(function () {
+        if (selectedBrandItem.id) {
+            setValue('selectedBrandItem', selectedBrandItem);
+            var sales = mapSalesChannel(selectedBrandItem.channel_services || []);
+            setDefaultValues(sales);
+            setValue('salesChannels', sales, { shouldValidate: true });
         }
-        else {
-            onSaleIconChange(findFirstId([channel]));
-            var newChannel = __assign({}, channel);
-            channelsControl.field.onChange(__spreadArray(__spreadArray([], channelsControl.field.value, true), [newChannel], false));
+    }, [selectedBrandItem]);
+    React.useEffect(function () {
+        if (defaultSalesChannels.length > 0) {
+            var sales = mapSalesChannel(defaultSalesChannels);
+            setDefaultValues(sales);
+            setValue('salesChannels', sales, { shouldValidate: true });
         }
+    }, [defaultSalesChannels]);
+    var onChange = function (channels) {
+        if (error)
+            dispatch(clearError());
+        field.onChange(channels);
     };
-    var warningMessage = (_b = channelsControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    var isSalesChannelError = warningMessage === 'choose_atleast_one_channel';
-    return (_jsxs(Box, __assign({ sx: { mb: 3 } }, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), (channelList || []).map(function (channel, index) {
-                var _a, _b;
-                return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: isChecked(channel.id), onChange: function () { return onChange(channel); } }), _jsxs(TextStyled, { children: [isAr ? (_a = channel === null || channel === void 0 ? void 0 : channel.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = channel === null || channel === void 0 ? void 0 : channel.name) === null || _b === void 0 ? void 0 : _b.en, " "] })] }, channel.id));
-            }), _jsx(CollapseStyled, __assign({ in: isSalesChannelError }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] })));
+    return (_jsx(_Fragment, { children: _jsx(SalesChannel, { error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message, list: channelList, onChange: onChange, defaultValues: defaultValues }) }));
 };
 export default SalesChannels;

package/build/features/connect/screens/VerifyPACI/VerifyPACI.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface VerifyPACIProps {
 }
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => JSX.Element | null>;
 export default _default;

package/build/features/connect/screens/VerifyPACI/VerifyPACI.js

@@ -9,58 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     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 };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
 import Text from '../../../../components/Text';
 import { connectSelector, verifyPACI as verifyPACIFun } from '../../../app/connect/connectStore';
+import PaciVerification from '../../../shared/PaciVerification';
 import { handlePrevScreenStep } from '../../../../app/settings';
-import { ScreenContainer } from '../../../shared/Containers';
-import { MobileButton } from '../../../shared/Button';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { mobileOS, sleep } from '../../../../utils';
-import Collapse from '../../../../components/Collapse';
-import Warning from '../../../../components/Warning';
-import VerifyPACILoading from './VerifyPACILoading';
-import VerifyPACISuccess from './VerifyPACISuccess';
 var VerifyPACITitleContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -112,48 +69,27 @@ var VerifyPACI = function () {
     var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
     var _b = React.useState(false), isReady = _b[0], setIsReady = _b[1];
     var dispatch = useAppDispatch();
-    var _c = useAppSelector(connectSelector), data = _c.data, error = _c.error;
+    var data = useAppSelector(connectSelector).data;
     var responseBody = data.civilIdData.responseBody;
-    var t = useTranslation().t;
-    var onSuccess = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setSuccess(true);
-                    return [4, sleep(2000)];
-                case 1:
-                    _a.sent();
-                    return [2];
-            }
-        });
-    }); };
+    var _c = responseBody || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios;
     React.useEffect(function () {
-        if (responseBody) {
+        if (responseBody && !isReady) {
             setIsReady(true);
         }
     }, [responseBody]);
     React.useEffect(function () {
         if (!isReady)
             return;
-        var promise = dispatch(verifyPACIFun({ onSuccess: onSuccess }));
+        var promise = dispatch(verifyPACIFun({ onSuccess: function () { return setSuccess(true); } }));
         return function () {
             promise === null || promise === void 0 ? void 0 : promise.abort();
         };
     }, [isReady]);
-    var onRedirect = React.useCallback(function () {
-        if (os === 'Android') {
-            window.open(responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_android, '_blank');
-        }
-        if (os === 'iOS') {
-            window.open(responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios, '_blank');
-        }
-    }, [responseBody]);
     var onBack = React.useCallback(function () {
         dispatch(handlePrevScreenStep());
     }, []);
-    var os = React.useMemo(function () { return mobileOS(); }, []);
-    var isAndroid = React.useMemo(function () { return os === 'Android' && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios); }, [os, responseBody]);
-    var isIOS = React.useMemo(function () { return os === 'iOS' && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios); }, [os, responseBody]);
-    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(VerifyPACITitleContainerStyled, { children: [_jsx(Container, { children: success ? _jsx(VerifyPACISuccess, {}) : _jsx(VerifyPACILoading, { loop: !error }) }), _jsx(VerifyPACITitleStyled, { children: t('authenticate_kuwait_mobile_title') }), _jsx(VerifyPACISubTitleStyled, { children: t('authenticate_kuwait_mobile_description') })] }), _jsx(Collapse, __assign({ in: !!error, sx: { width: '100%' } }, { children: _jsx(Warning, { children: t(error) }) })), (isAndroid || isIOS) && (_jsx(MobileButton, __assign({ onClick: onRedirect, hideIcon: true }, { children: t('Open Kuwait Mobile ID') }))), _jsx(BackButton, __assign({ onClick: onBack }, { children: t('back') }))] })));
+    if (!isReady)
+        return null;
+    return (_jsx(PaciVerification, { expiryInSeconds: expiry, success: success, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
 };
 export default React.memo(VerifyPACI);

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

@@ -34,22 +34,25 @@ var Article = function () {
             setValue('articleId', articleId);
         }
     }, [articleFile, articleId]);
-    var handleArticleChange = function (file) {
+    var handleArticleChange = function (files) {
+        var file = files === null || files === void 0 ? void 0 : files[0];
+        if (!file)
+            return;
         if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
             setError('articleFile', { message: 'file_not_supported_alert' });
+            return;
         }
-        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+        if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
             setError('articleFile', { message: 'file_size_alert' });
+            return;
         }
-        else {
-            articleFileControl.field.onChange(file);
-            dispatch(uploadArticle({
-                file: file,
-                onProgress: function (value) {
-                    setProgress(value);
-                }
-            }));
-        }
+        articleFileControl.field.onChange(file);
+        dispatch(uploadArticle({
+            file: file,
+            onProgress: function (value) {
+                setProgress(value);
+            }
+        }));
     };
     var handleReset = function () {
         articleFileControl.field.onChange(null);

package/build/features/shared/PaciVerification/PaciVerification.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface VerifyPACIProps {
+    success: boolean;
+    expiryInSeconds: number;
+    urls?: {
+        android: string;
+        ios: string;
+    };
+    onFinish?: () => void;
+}
+declare const _default: React.MemoExoticComponent<({ success, expiryInSeconds, urls, onFinish }: VerifyPACIProps) => JSX.Element>;
+export default _default;