@tap-payments/auth-jsconnect 2.1.37-test → 2.1.38-test

package/build/features/connectExpress/screens/OTP/OTP.js

@@ -9,27 +9,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../../components/Text';
-import { clearError, connectSelector, resetOTPScreen, verifyAuth } from '../../../app/connect/connectStore';
+import { clearError, connectExpressSelector, verifyOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
@@ -61,29 +50,30 @@ var FormStyled = styled(Form)(function () { return ({
 var OTP = function () {
     var _a;
     var dispatch = useAppDispatch();
-    var _b = useAppSelector(connectSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var _c = data.otpData, responseBody = _c.responseBody, defaultValues = __rest(_c, ["responseBody"]);
+    var _b = useAppSelector(connectExpressSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
-        defaultValues: defaultValues,
+        defaultValues: data.otpData,
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, defaultValues);
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
     var startWithNID = data.otpData.authFor === AuthForType.NATIONAL_ID;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
+    }, [methods.formState.isValid]);
+    React.useEffect(function () {
         return function () {
-            dispatch(resetOTPScreen());
+            dispatch(resetOTPValue());
         };
-    }, [methods.formState.isValid]);
+    }, []);
     var onSubmit = function (formData) {
-        dispatch(verifyAuth(formData));
+        dispatch(verifyOtpAsync(formData));
     };
     var onBack = function () {
-        dispatch(handlePrevScreenStep(startWithNID ? 'CONNECT_NID_STEP' : 'CONNECT_MOBILE_STEP'));
+        var screen = startWithNID ? 'CONNECT_EXPRESS_NID_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
+        dispatch(handlePrevScreenStep(screen));
     };
     var disabled = !methods.formState.isValid || !!error;
     var phone = ((_a = data.mobileData.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) + (data.mobileData.mobile || '');

package/build/features/entity/screens/EntityCapital/ActivityList.js

@@ -167,7 +167,7 @@ var ActivitiesList = function (_a) {
     var getSelectedActivityFlag = function (item) {
         return controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.id === item.id; });
     };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t(isCR ? 'activities' : 'category') }), _jsx(Tooltip, __assign({ title: t('activities_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, disabled: disabled, value: getSelectedActivities() || '', placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name.en', searchValuePath: isAr ? 'name.ar' : 'name.en', list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t(isCR ? 'activities' : 'category') }), _jsx(Tooltip, __assign({ title: t('activities_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, disabled: disabled, value: getSelectedActivities() || '', placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: disabled ? undefined : !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: disabled ? _jsx(_Fragment, {}) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
                                 var _a, _b, _c;
                                 return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: item.id === ((_a = getSelectedActivityFlag(item)) === null || _a === void 0 ? void 0 : _a.id) }, { children: isAr ? (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = item === null || item === void 0 ? void 0 : item.name) === null || _c === void 0 ? void 0 : _c.en })) })), getSelectedActivityFlag(item) && _jsx(CheckIconStyled, {})] }));
                             } }) }))] })] }));

package/build/features/shared/Address/CountryList.js

@@ -80,7 +80,7 @@ function CountryList(_a) {
             return '';
         return isAr ? item.name.arabic : item.name.english;
     }, [isAr, list, value]);
-    return (_jsxs(Box, { children: [_jsx(LabelContainerStyled, { children: _jsxs(InputLabelStyled, { children: [t(label), " ", isRequired && _jsx(MandatoryStyled, { children: "*" })] }) }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: nameValue, placeholder: placeholder, onClick: handleListOpenClose, endAdornment: !disabled && _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchValuePath: 'name.english', searchKeyPath: 'name.english', list: list, onSelectItem: handleValueChange, renderItem: function (item) {
+    return (_jsxs(Box, { children: [_jsx(LabelContainerStyled, { children: _jsxs(InputLabelStyled, { children: [t(label), " ", isRequired && _jsx(MandatoryStyled, { children: "*" })] }) }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: nameValue, placeholder: placeholder, onClick: handleListOpenClose, endAdornment: !disabled && _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchValuePath: ['name.english', 'name.arabic'], searchKeyPath: 'name.english', list: list, onSelectItem: handleValueChange, renderItem: function (item) {
                                 var _a, _b;
                                 var isChecked = item.countryId === value;
                                 return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: isChecked }, { children: isAr ? (_a = item.name) === null || _a === void 0 ? void 0 : _a.arabic : (_b = item.name) === null || _b === void 0 ? void 0 : _b.english })) })), isChecked && _jsx(CheckIconStyled, {})] }));

package/build/features/shared/Address/InputSelect.js

@@ -141,7 +141,7 @@ function InputSelect(_a) {
     return React.useMemo(function () {
         if (data.length === 0 && countryIso2)
             return (_jsx(InputText, { label: label, onChange: function (value) { return onSelect(value); }, placeholder: placeholder, isRequired: isRequired, value: value, error: error }, 'input-text'));
-        return (_jsxs(Box, { children: [_jsx(LabelContainerStyled, { children: _jsxs(InputLabelStyled, { children: [t(label), " ", isRequired && _jsx(MandatoryStyled, { children: "*" })] }) }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: nameValue, placeholder: placeholder, onClick: handleListOpenClose, endAdornment: loading ? _jsx(CircularProgress, { size: 25, thickness: 5 }) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchValuePath: 'name.en', searchKeyPath: 'name.en', list: data, onSelectItem: function (item) {
+        return (_jsxs(Box, { children: [_jsx(LabelContainerStyled, { children: _jsxs(InputLabelStyled, { children: [t(label), " ", isRequired && _jsx(MandatoryStyled, { children: "*" })] }) }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: nameValue, placeholder: placeholder, onClick: handleListOpenClose, endAdornment: loading ? _jsx(CircularProgress, { size: 25, thickness: 5 }) : _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchValuePath: ['name.en', 'name.ar'], searchKeyPath: 'name.en', list: data, onSelectItem: function (item) {
                                     onSelect(item.id);
                                     setAnchorEl(null);
                                 }, renderItem: function (item) {

package/build/features/shared/SalesChannels/SalesChannel.d.ts

@@ -4,7 +4,8 @@ interface SalesChannelProps {
     list: SaleChannel[];
     error: string | undefined;
     onChange: (channel: SaleChannel[]) => void;
-    defaultValues?: SaleChannel[];
+    defaultValue?: SaleChannel[];
+    selectFirstIconListener?: string | number | boolean;
 }
-declare const _default: React.MemoExoticComponent<({ list, onChange, error, defaultValues }: SalesChannelProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ list, onChange, error, defaultValue, selectFirstIconListener }: SalesChannelProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SalesChannels/SalesChannel.js

@@ -74,9 +74,9 @@ var CollapseStyled = styled(Collapse)(function (_a) {
     });
 });
 var SalesChannel = function (_a) {
-    var _b = _a.list, list = _b === void 0 ? [] : _b, onChange = _a.onChange, error = _a.error, _c = _a.defaultValues, defaultValues = _c === void 0 ? [] : _c;
-    var _d = React.useState([]), selectedSalas = _d[0], setSelectedSales = _d[1];
+    var _b = _a.list, list = _b === void 0 ? [] : _b, onChange = _a.onChange, error = _a.error, _c = _a.defaultValue, defaultValue = _c === void 0 ? [] : _c, _d = _a.selectFirstIconListener, selectFirstIconListener = _d === void 0 ? '' : _d;
     var _e = React.useState(''), activeSaleIconId = _e[0], setActiveSaleIconId = _e[1];
+    var _f = React.useState([]), selectedSalas = _f[0], setSelectedSales = _f[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var isChecked = function (id) {
@@ -85,19 +85,28 @@ var SalesChannel = function (_a) {
     var onChangeActiveSaleIcon = function (id) {
         setActiveSaleIconId(id);
     };
+    var selectFirstIcon = function (salesChannels) {
+        var firstItem = salesChannels.at(0);
+        if (firstItem)
+            onChangeActiveSaleIcon(findFirstId([firstItem]));
+    };
+    var selectLastIcon = function (salesChannels) {
+        var lastItem = salesChannels.at(-1);
+        if (lastItem)
+            onChangeActiveSaleIcon(findFirstId([lastItem]));
+    };
     var onSelectSalesChannel = function (channel) {
         if (isChecked(channel.id)) {
             var newSelectedSales = selectedSalas.filter(function (item) { return item.id !== channel.id; });
             setSelectedSales(newSelectedSales);
             onChange(newSelectedSales);
-            var item = newSelectedSales.at(-1);
-            if (item)
-                onChangeActiveSaleIcon(findFirstId([item]));
+            selectLastIcon(newSelectedSales);
             return;
         }
         onChangeActiveSaleIcon(findFirstId([channel]));
         setSelectedSales(__spreadArray(__spreadArray([], selectedSalas, true), [channel], false));
         onChange(__spreadArray(__spreadArray([], selectedSalas, true), [channel], false));
+        selectLastIcon(__spreadArray(__spreadArray([], selectedSalas, true), [channel], false));
     };
     var onValueChange = function (value, id) {
         var newSelectedSales = selectedSalas.map(function (item) {
@@ -120,13 +129,18 @@ var SalesChannel = function (_a) {
         onChange(newSelectedSales);
     };
     React.useEffect(function () {
-        if (defaultValues.length >= 0) {
-            setSelectedSales(defaultValues);
-            var lastItem = defaultValues.at(-1);
-            if (lastItem)
-                onChangeActiveSaleIcon(findFirstId([lastItem]));
+        if (defaultValue.length && !activeSaleIconId) {
+            selectFirstIcon(defaultValue);
+        }
+    }, [defaultValue]);
+    React.useEffect(function () {
+        setSelectedSales(defaultValue);
+    }, [defaultValue]);
+    React.useEffect(function () {
+        if (defaultValue.length) {
+            selectFirstIcon(defaultValue);
         }
-    }, [defaultValues]);
+    }, [selectFirstIconListener]);
     return (_jsxs(_Fragment, { children: [_jsxs(Box, __assign({ sx: { mb: 3 } }, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), list.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 onSelectSalesChannel(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, " "] })] }, "".concat(channel.id, "-indx").concat(index)));

package/build/hooks/index.d.ts

@@ -13,3 +13,4 @@ export * from './useStepStartedListener';
 export * from './useScreen';
 export * from './useSetFromDefaultValues';
 export * from './useCountUp';
+export * from './useCountry';

package/build/hooks/index.js

@@ -13,3 +13,4 @@ export * from './useStepStartedListener';
 export * from './useScreen';
 export * from './useSetFromDefaultValues';
 export * from './useCountUp';
+export * from './useCountry';

package/build/hooks/useCountry.d.ts

@@ -0,0 +1,4 @@
+export declare const useCountry: (code: string) => {
+    isKuwait: boolean;
+    isSaudi: boolean;
+};

package/build/hooks/useCountry.js

@@ -0,0 +1,7 @@
+import { isKW } from '../utils';
+import { useMemo } from 'react';
+export var useCountry = function (code) {
+    var isKuwait = useMemo(function () { return isKW(code); }, [code]);
+    var isSaudi = useMemo(function () { return isKW(code); }, [code]);
+    return { isKuwait: isKuwait, isSaudi: isSaudi };
+};

package/build/index.d.ts

@@ -1,7 +1,7 @@
 import './index.css';
 import './i18n';
 import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-import { ConnectExpressLib, renderConnectExpressLib, ConnectExpressLibProps, unmountConnectExpressLib } from './features/connectExpress';
+import { ConnectExpressLib, renderConnectExpressLib, ConnectExpressLibProps } from './features/connectExpress';
 import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
 import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
 import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
@@ -12,4 +12,4 @@ import { EntityLib, EntityLibProps, renderEntityLib, unmountEntityLib } from './
 import { BrandLib, BrandLibProps, renderBrandLib, unmountBrandLib } from './features/brand';
 import { AuthLib, AuthLibProps, renderAuthLib, unmountAuthLib } from './features/auth';
 export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, AuthLibProps, SignInLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, unmountConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };

package/build/index.js

@@ -1,7 +1,7 @@
 import './index.css';
 import './i18n';
 import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
-import { ConnectExpressLib, renderConnectExpressLib, unmountConnectExpressLib } from './features/connectExpress';
+import { ConnectExpressLib, renderConnectExpressLib } from './features/connectExpress';
 import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
 import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
 import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
@@ -11,12 +11,11 @@ import { SignInLib, renderSignInLib, unmountSignInLib } from './features/signIn'
 import { EntityLib, renderEntityLib, unmountEntityLib } from './features/entity';
 import { BrandLib, renderBrandLib, unmountBrandLib } from './features/brand';
 import { AuthLib, renderAuthLib, unmountAuthLib } from './features/auth';
-export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, unmountConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     unmountConnectLib: unmountConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
-    unmountConnectExpressLib: unmountConnectExpressLib,
     renderBusinessLib: renderBusinessLib,
     unmountBusinessLib: unmountBusinessLib,
     renderPasswordLib: renderPasswordLib,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.1.37-test",
+	"version": "2.1.38-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",

package/build/features/shared/UploadMultipleFile/UploadFile.js

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

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.js

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

package/build/features/shared/UploadMultipleFile/index.js

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