@tap-payments/auth-jsconnect 2.8.44-test → 2.8.45-beta

package/build/features/password/screens/CreatePassword/CreatePassword.js

@@ -17,7 +17,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useSetFromDefaultValues } from '../../../../hooks';
-import { handleNextScreenStep, handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { handleCurrentActiveScreen, handleNextScreenStep, settingsSelector } from '../../../../app/settings';
 import Form from '../../../../components/Form';
 import { useLanguage } from '../../../../hooks';
 import { PASSWORD_OPERATION_TYPE } from '../../../../constants';
@@ -25,7 +25,7 @@ import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import Button from '../../../shared/Button';
 import { PasswordValidation } from './validation';
 import Password from './Password';
-import { createPassword, passwordSelector, retrieveBoardStatus, storePasswordScreen } from '../../../app/password/passwordStore';
+import { createPassword, passwordSelector, storePasswordScreen } from '../../../app/password/passwordStore';
 import { useSelector } from 'react-redux';
 import { deepCopy } from '../../../../utils';
 var InputsContainerStyled = styled(Box)(function (_a) {
@@ -61,13 +61,9 @@ var CreatePassword = function (_a) {
         dispatch(createPassword(deepCopy(data)));
     };
     var onBack = function () {
-        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
-            dispatch(handlePrevScreenStep());
-            return;
-        }
-        dispatch(retrieveBoardStatus());
+        dispatch(handleCurrentActiveScreen('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
     };
-    var disableBack = settingsData.appConfig.mode === 'content';
+    var disableBack = settingsData.appConfig.mode === 'content' ? true : !(flows === null || flows === void 0 ? void 0 : flows.length);
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(Password, {}) }), _jsx(Button, __assign({ disableBack: disableBack, onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(CreatePassword);

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

@@ -83,7 +83,7 @@ var OTP = function (_a) {
     var onBack = function () {
         dispatch(handlePrevScreenStep());
     };
-    var disabled = !methods.formState.isValid;
+    var disabled = !methods.formState.isValid || !!error;
     var phone = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.auth_info) === null || _c === void 0 ? void 0 : _c.phone;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };

package/build/features/password/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -21,10 +21,10 @@ var SuccessWithFlowButtons = function () {
     var _a = useAppSelector(passwordSelector), data = _a.data, loading = _a.loading;
     var settingsData = useAppSelector(settingsSelector).data;
     var isScopeAuthentication = settingsData.appConfig.scope === SCOPE_AUTH;
-    var _b = data.verify.responseBody || {}, flows = _b.flows, entity = _b.entity, brand = _b.brand, bank = _b.bank_account, merchant = _b.merchant, user = _b.user, business = _b.business, board_id = _b.board_id, board_info_id = _b.board_info_id, name = _b.name, individuals = _b.individuals, recipient = _b.recipient;
+    var _b = data.verify.responseBody || {}, flows = _b.flows, entity = _b.entity, brand = _b.brand, bank = _b.bank_account, merchant = _b.merchant, user = _b.user, business = _b.business, board_id = _b.board_id, board_info_id = _b.board_info_id, name = _b.name, individuals = _b.individuals;
     var onClose = function () {
         dispatch(onCloseCompletePassword());
     };
-    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, loading: loading, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [], onClose: isScopeAuthentication ? onClose : undefined, recipient: recipient }));
+    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, loading: loading, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [], onClose: isScopeAuthentication ? onClose : undefined }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/password/screens/Verify/Verify.js

@@ -46,9 +46,9 @@ var FormStyled = styled(Form)(function () { return ({
     flexDirection: 'column'
 }); });
 var VerifyNumber = function (_a) {
-    var _b, _c;
+    var _b, _c, _d;
     var dispatch = useAppDispatch();
-    var _d = useAppSelector(passwordSelector), data = _d.data, loading = _d.loading, error = _d.error;
+    var _e = useAppSelector(passwordSelector), data = _e.data, loading = _e.loading, error = _e.error;
     var otp = data.otpData.otp;
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
@@ -60,8 +60,8 @@ var VerifyNumber = function (_a) {
     useSetFromDefaultValues(methods, data.otpData);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _e = React.useState(false), resendLoading = _e[0], setResendLoading = _e[1];
-    var phone = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.verification_by) === null || _c === void 0 ? void 0 : _c.sent_to;
+    var _f = React.useState(false), resendLoading = _f[0], setResendLoading = _f[1];
+    var phone = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number;
     React.useEffect(function () {
         if (error && methods.formState.isValid && phone)
             dispatch(clearError());
@@ -72,7 +72,7 @@ var VerifyNumber = function (_a) {
     var onSubmit = function (formData) {
         dispatch(verifyPasswordLeadOTP(deepCopy(formData)));
     };
-    var disabled = !methods.formState.isValid || !phone || resendLoading;
+    var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled || resendLoading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(VerifyNumber);

package/build/features/shared/Button/FlowsButtons.js

@@ -57,7 +57,7 @@ import { ICONS_NAMES } from '../../../constants';
 import CheckIcon from '@mui/icons-material/Check';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../hooks';
 import { handleOpen, handleCurrentActiveScreen, handleNextScreenStep, settingsSelector } from '../../../app/settings';
-import { dangerousMessage, getScreenNameBasedOnFlow, isKWOrSA } from '../../../utils';
+import { dangerousMessage, getScreenNameBasedOnFlow } from '../../../utils';
 import API from '../../../api';
 import Text from '../../../components/Text';
 import Dot from '../Dot';
@@ -160,9 +160,8 @@ export default function FlowsButtons(_a) {
     var onRedirect = function (item) {
         if (!item.href)
             return;
-        if (flowName === item.name && !isResetPassword(item.name, item.status)) {
-            var isOtherThanSAOrKWCountry = !isKWOrSA(settingsData.businessCountry.iso2);
-            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser, isOtherThanSAOrKWCountry)));
+        if (flowName === item.name && item.name !== 'password') {
+            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser)));
             return;
         }
         if (typeof settingsData.appConfig.onBoardButtonClick === 'function') {

package/build/features/shared/Containers/FeatureContainer.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { BoxProps } from '@mui/material/Box';
 interface FeatureContainerProps extends BoxProps {
     isMaturityExpress?: boolean;
-    mode?: 'popup' | 'page' | 'content';
 }
 declare const FeatureContainer: React.ForwardRefExoticComponent<Omit<FeatureContainerProps, "ref"> & React.RefAttributes<unknown>>;
 export default FeatureContainer;

package/build/features/shared/Containers/FeatureContainer.js

@@ -13,9 +13,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-var Container = styled(Box, { shouldForwardProp: function (prop) { return !['isMaturityExpress', 'mode'].includes(prop); } })(function (_a) {
+var Container = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'isMaturityExpress'; } })(function (_a) {
     var _b;
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, mode = _a.mode;
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress;
     return (_b = {
             width: '100%',
             minHeight: theme.spacing(30),
@@ -27,7 +27,7 @@ var Container = styled(Box, { shouldForwardProp: function (prop) { return !['isM
             property: 'all'
         },
         _b[theme.breakpoints.down('sm')] = {
-            paddingTop: isMaturityExpress || mode === 'content' ? theme.spacing(0.625) : theme.spacing(6)
+            paddingTop: isMaturityExpress ? theme.spacing(2.5) : theme.spacing(6)
         },
         _b);
 });

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

@@ -12,12 +12,8 @@ interface SuccessFlowButtonsProps {
     boardInfoId: string;
     boardId: string;
     flowName: FlowsTypes;
-    recipient: {
-        id: string;
-        type: string;
-    };
     onClose?: () => void;
     loading?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals, recipient, onClose, loading }: SuccessFlowButtonsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals, onClose, loading }: SuccessFlowButtonsProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -45,12 +45,12 @@ var ButtonGroupStyled = styled(Box)(function (_a) {
 });
 var SuccessFlowButtons = function (_a) {
     var _b, _c, _d;
-    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName, individuals = _a.individuals, recipient = _a.recipient, onClose = _a.onClose, loading = _a.loading;
+    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName, individuals = _a.individuals, onClose = _a.onClose, loading = _a.loading;
     var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var settings = useAppSelector(settingsSelector);
-    var _f = user || {}, names = _f.names, identification = _f.identification, is_authorized = _f.is_authorized, id = _f.id;
+    var _f = user || {}, names = _f.names, identification = _f.identification, is_authorized = _f.is_authorized;
     var primary_contact = (business || {}).primary_contact;
     var _g = entity || {}, license = _g.license, vat_id = _g.vat_id, legal_name = _g.legal_name;
     var count = (individuals || {}).count;
@@ -66,7 +66,7 @@ var SuccessFlowButtons = function (_a) {
     var isPayout = payout_status === MerchantStatus.ENABLED;
     var maskedId = (identification === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_d = identification === null || identification === void 0 ? void 0 : identification.id) === null || _d === void 0 ? void 0 : _d.slice(-2)) : '';
     var email = (primary_contact || {}).email;
-    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, boardId, boardInfoId, recipient === null || recipient === void 0 ? void 0 : recipient.id, recipient === null || recipient === void 0 ? void 0 : recipient.type);
+    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, boardId, boardInfoId);
     var flowsDetails = [
         { name: 'brand', status: brand === null || brand === void 0 ? void 0 : brand.data_state },
         { name: 'entity', status: entity === null || entity === void 0 ? void 0 : entity.data_state },

package/build/features/signIn/SignIn.js

@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { createRoot } from 'react-dom/client';
-import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '../../hooks';
-import { handleCurrentActiveScreen, settingsSelector } from '../../app/settings';
+import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
+import { settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -26,21 +26,12 @@ import { signInSelector } from '../app/signIn/signInStore';
 import Background from '../shared/Background';
 var SignIn = memo(function (props) {
     var theme = useAppTheme().theme;
-    var dispatch = useAppDispatch();
     var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var _b = useAppSelector(signInSelector), signInError = _b.error, loading = _b.loading;
     useAppConfig(__assign({ navigation: SigIn_SCREENS_NAVIGATION }, props));
     useErrorListener(signInError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, merchant = data.merchant, isMaturityExpress = data.isMaturityExpress;
-    React.useEffect(function () {
-        if (settingLoading || !props.open)
-            return;
-        if (!data.isValidOperator) {
-            dispatch(handleCurrentActiveScreen('SIGIN_OPERATOR_ERROR_STEP'));
-            return;
-        }
-    }, [data.isValidOperator, settingLoading]);
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: settingLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: signInFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;

package/build/features/tax/Tax.d.ts

@@ -2,7 +2,6 @@ import { LibConfig } from '../../@types';
 export interface TaxLibProps extends LibConfig {
     verifyToken?: string;
     configToken?: string;
-    loaderColor?: string;
 }
 export declare function TaxElement(props: TaxLibProps): import("react/jsx-runtime").JSX.Element;
 export declare function renderTaxLib(config: TaxLibProps, elementId: string): {

package/build/features/tax/Tax.js

@@ -36,7 +36,7 @@ import { taxFeatureScreens } from '../featuresScreens';
 import { taxSelector, verifyLeadToken } from '../app/tax/taxStore';
 import Background from '../shared/Background';
 var Tax = memo(function (_a) {
-    var configToken = _a.configToken, verifyToken = _a.verifyToken, loaderColor = _a.loaderColor, props = __rest(_a, ["configToken", "verifyToken", "loaderColor"]);
+    var configToken = _a.configToken, verifyToken = _a.verifyToken, props = __rest(_a, ["configToken", "verifyToken"]);
     var theme = useAppTheme().theme;
     var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
     var _c = useAppSelector(taxSelector), customLoading = _c.customLoading, taxError = _c.error, loading = _c.loading;
@@ -54,14 +54,11 @@ var Tax = memo(function (_a) {
         loadingScreenName: 'TAX_LOADING_DATA_STEP',
         navigation: featureScreensNavigation,
         open: open,
-        mode: props.mode,
         internalToken: verifyToken,
-        settingLoading: settingLoading,
-        operatorErrorScreenName: 'TAX_OPERATOR_ERROR_STEP',
-        isValidOperator: data.isValidOperator
+        settingLoading: settingLoading
     });
-    var initialLoading = verifyToken && props.mode !== 'content' ? settingLoading : settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ mode: props.mode, open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: initialLoading, loaderColor: loaderColor, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, isMaturityExpress: isMaturityExpress }, { children: taxFeatureScreens.map(function (_a, index) {
+    var initialLoading = verifyToken ? settingLoading : settingLoading || customLoading;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: initialLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: taxFeatureScreens.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));

package/build/features/tax/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -21,10 +21,10 @@ var SuccessWithFlowButtons = function () {
     var _a = useAppSelector(taxSelector), data = _a.data, loading = _a.loading;
     var settingsData = useAppSelector(settingsSelector).data;
     var isScopeAuthentication = settingsData.appConfig.scope === SCOPE_AUTH;
-    var _b = data.verify.responseBody || {}, flows = _b.flows, entity = _b.entity, brand = _b.brand, bank = _b.bank_account, merchant = _b.merchant, user = _b.user, business = _b.business, board_id = _b.board_id, board_info_id = _b.board_info_id, name = _b.name, individuals = _b.individuals, recipient = _b.recipient;
+    var _b = data.verify.responseBody || {}, flows = _b.flows, entity = _b.entity, brand = _b.brand, bank = _b.bank_account, merchant = _b.merchant, user = _b.user, business = _b.business, board_id = _b.board_id, board_info_id = _b.board_info_id, name = _b.name, individuals = _b.individuals;
     var onClose = function () {
         dispatch(onCloseCompleteTax());
     };
-    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, loading: loading, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [], onClose: isScopeAuthentication ? onClose : undefined, recipient: recipient }));
+    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, loading: loading, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [], onClose: isScopeAuthentication ? onClose : undefined }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import Form from '../../../../components/Form';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified, useFormDirtyCheck } from '../../../../hooks';
+import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { DocumentPurpose } from '../../../../@types';
 import { deepCopy, getFileDetailsFromDocument, isSA } from '../../../../utils';
@@ -55,18 +55,13 @@ var TaxDetails = function () {
     var noneEditable = useDataNoneEditable(data_status, ['tax_number', 'documents', 'is_vat_acknowledged']);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
     var dataVerified = useDataVerified(data_verification, ['tax_number']);
-    var isDirty = useFormDirtyCheck(methods, {
-        vatId: entity === null || entity === void 0 ? void 0 : entity.vat_id,
-        confirmPolicy: entity === null || entity === void 0 ? void 0 : entity.is_vat_acknowledged
-    }).isDirty;
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var isVatIdVerified = dataVerified['tax_number'] && vat_id === methods.watch('vatId');
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
-        var formData = __assign(__assign({}, deepCopy(getFelids(data))), { isDirty: isDirty });
-        dispatch(updateTaxInfo(formData));
+        dispatch(updateTaxInfo(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {

package/build/features/tax/screens/Verify/Verify.js

@@ -46,9 +46,9 @@ var FormStyled = styled(Form)(function () { return ({
     flexDirection: 'column'
 }); });
 var VerifyNumber = function (_a) {
-    var _b, _c;
+    var _b, _c, _d, _e;
     var dispatch = useAppDispatch();
-    var _d = useAppSelector(taxSelector), data = _d.data, loading = _d.loading, error = _d.error;
+    var _f = useAppSelector(taxSelector), data = _f.data, loading = _f.loading, error = _f.error;
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
         defaultValues: data.otpData,
@@ -57,8 +57,8 @@ var VerifyNumber = function (_a) {
     useSetFromDefaultValues(methods, data.otpData);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _e = React.useState(false), resendLoading = _e[0], setResendLoading = _e[1];
-    var phone = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.verification_by) === null || _c === void 0 ? void 0 : _c.sent_to;
+    var _g = React.useState(false), resendLoading = _g[0], setResendLoading = _g[1];
+    var phone = (_e = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.contact) === null || _d === void 0 ? void 0 : _d.phone) === null || _e === void 0 ? void 0 : _e.number;
     React.useEffect(function () {
         if (error && methods.formState.isValid && phone)
             dispatch(clearError());
@@ -69,7 +69,7 @@ var VerifyNumber = function (_a) {
     var onSubmit = function (formData) {
         dispatch(verifyTaxLeadOTP(deepCopy(formData)));
     };
-    var disabled = !methods.formState.isValid || !phone || resendLoading;
+    var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(VerifyNumber);

package/build/hooks/index.d.ts

@@ -20,4 +20,3 @@ export * from './useDataNoneEditable';
 export * from './useFormErrorAndUpdateReadOnly';
 export * from './useExcludeReadOnlyFelids';
 export * from './useDataVerified';
-export * from './useFormDirtyCheck';

package/build/hooks/index.js

@@ -20,4 +20,3 @@ export * from './useDataNoneEditable';
 export * from './useFormErrorAndUpdateReadOnly';
 export * from './useExcludeReadOnlyFelids';
 export * from './useDataVerified';
-export * from './useFormDirtyCheck';

package/build/hooks/useVerifyToken.d.ts

@@ -1,5 +1,5 @@
 import { ScreenStepNavigation } from '../@types';
-export interface VerifyLeadTokenProps {
+interface VerifyLeadTokenProps {
     token: string;
     isInternally?: boolean;
 }
@@ -8,11 +8,8 @@ interface IVerifyToken {
     internalToken?: string;
     open: boolean;
     settingLoading: boolean;
-    isValidOperator: boolean;
     navigation: ScreenStepNavigation[];
     loadingScreenName: string;
-    operatorErrorScreenName: string;
-    mode?: 'popup' | 'page' | 'content';
 }
-export declare const useVerifyToken: ({ verify, internalToken, navigation, open, settingLoading, loadingScreenName, mode, isValidOperator, operatorErrorScreenName }: IVerifyToken) => void;
+export declare const useVerifyToken: ({ verify, internalToken, navigation, open, settingLoading, loadingScreenName }: IVerifyToken) => void;
 export {};

package/build/hooks/useVerifyToken.js

@@ -3,7 +3,7 @@ import { getParameterByName } from '../utils';
 import { useAppDispatch } from './useAppDispatch';
 import { useEffect } from 'react';
 export var useVerifyToken = function (_a) {
-    var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName, mode = _a.mode, isValidOperator = _a.isValidOperator, operatorErrorScreenName = _a.operatorErrorScreenName;
+    var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName;
     var dispatch = useAppDispatch();
     var verifyTokenFun = function () {
         var token = internalToken ? internalToken : getParameterByName('token');
@@ -15,16 +15,11 @@ export var useVerifyToken = function (_a) {
         dispatch(verify({ token: token, isInternally: !!internalToken }));
     };
     useEffect(function () {
-        if (settingLoading || !open)
-            return;
-        if (!isValidOperator) {
-            dispatch(handleCurrentActiveScreen(operatorErrorScreenName));
-            return;
-        }
-        verifyTokenFun();
-    }, [settingLoading, open, isValidOperator]);
+        if (!settingLoading && open)
+            verifyTokenFun();
+    }, [settingLoading, open]);
     useEffect(function () {
-        if (internalToken && open && mode !== 'content')
+        if (internalToken && open)
             dispatch(handleCurrentActiveScreen(loadingScreenName));
     }, [navigation]);
 };

package/build/utils/common.js

@@ -1,5 +1,5 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_BETA_URL } from '../constants';
 export var sleep = function (milliseconds) {
     if (milliseconds === void 0) { milliseconds = 1000; }
     return new Promise(function (resolve) { return setTimeout(resolve, milliseconds); });
@@ -13,10 +13,10 @@ export var dangerousMessage = function (message, callBack) {
 export var setBaseUrl = function (publicKey) {
     var isProd = publicKey.includes('pk_live');
     if (isProd) {
-        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.BETA_BASE_URL;
         return;
     }
-    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
 };
 export var updateLocationUrlWithCountry = function (countryIso2) {
     var country = countryIso2.toLowerCase();
@@ -35,7 +35,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
     window.history.replaceState({}, '', newUrl);
 };
 export var openConnect = function (pk, countryCode) {
-    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
+    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_BETA_URL : CONNECT_SANDBOX_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/build/utils/locale.js

@@ -1,8 +1,7 @@
 import { initReactI18next } from 'react-i18next';
 import i18n from '../i18n';
 export var updateLocale = function (locale, country) {
-    var _a;
-    var data = (_a = locale[country.toUpperCase()]) !== null && _a !== void 0 ? _a : (locale['SA'] || 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/string.d.ts

@@ -15,7 +15,7 @@ export declare const convertNumbers2English: (str: string) => string;
 export declare const getParameterByName: (name: string) => string | null;
 export declare const getClientEmailUrl: () => string;
 export declare const getFlowUrl: (path: string, lang: string) => string;
-export declare const getResetFlowUrl: (path: string, lang: string, operationType: string, id: string, infoId: string, userId: string, userType: string) => string;
+export declare const getResetFlowUrl: (path: string, lang: string, operationType: string, id: string, infoId: string) => string;
 export declare const capitalizeTheFirstLetterOfEachWord: (words: string) => string;
 export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
     al: any;
@@ -41,13 +41,11 @@ export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
     l: any;
 };
 export declare const removeRequestHeaders: () => void;
-export declare const getBaseUrl: () => string;
-export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean, isOtherThanSAOrKWCountry?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "PASSWORD_CREATE_PASSWORD_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string) => boolean;
 export declare const isOtherThanKWOrSA: (flag: string) => boolean;
-export declare const isKWOrSA: (flag: string) => boolean;
 export declare const isLinkedIn: (flag: string) => boolean;
 export declare const isTwitter: (flag: string) => boolean;
 export declare const isWebsite: (flag: string) => boolean;
@@ -74,4 +72,3 @@ export declare const getFileType: (type: string) => "" | "image/jpeg" | "image/p
 export declare const isStringHasOneAsterisk: (value: string) => boolean;
 export declare const isOtherLicense: (item?: License) => boolean;
 export declare const formatNumberAsCurrency: (number: string) => string;
-export declare const getCurrencyByCountryIso2: (countryCode: string) => string;

package/build/utils/string.js

@@ -1,7 +1,7 @@
 import { FlowsTypes } from '../@types';
 import { concatenateObjectValues, encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
-import { COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH } from '../constants';
+import { ICONS_FULL_PATH } from '../constants';
 import moment from 'moment';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
@@ -94,12 +94,9 @@ export var getFlowUrl = function (path, lang) {
     var origin = window.location.origin;
     return origin + path + "?lang=".concat(lang, "&token=");
 };
-export var getResetFlowUrl = function (path, lang, operationType, id, infoId, userId, userType) {
+export var getResetFlowUrl = function (path, lang, operationType, id, infoId) {
     var origin = window.location.origin;
-    var baseUrl = origin + path + "?lang=".concat(lang, "&operation_type=").concat(operationType, "&board_id=").concat(id, "&board_info_id=").concat(infoId);
-    if (userId && userType)
-        baseUrl = baseUrl + "&user_id=".concat(userId, "&user_type=").concat(userType);
-    return baseUrl + "&token=";
+    return origin + path + "?lang=".concat(lang, "&operation_type=").concat(operationType, "&board_id=").concat(id, "&board_info_id=").concat(infoId, "&token=");
 };
 export var capitalizeTheFirstLetterOfEachWord = function (words) {
     var separateWord = words.toLowerCase().split(' ');
@@ -162,20 +159,7 @@ export var removeRequestHeaders = function () {
         'authorization'
     ]);
 };
-export var getBaseUrl = function () {
-    var origin = window.location.origin;
-    if (origin.includes('localhost')) {
-        return ENDPOINT_PATHS.DEV_BASE_URL;
-    }
-    if (origin.includes('dev')) {
-        return ENDPOINT_PATHS.DEV_BASE_URL;
-    }
-    if (origin.includes('sandbox')) {
-        return ENDPOINT_PATHS.SANDBOX_BASE_URL;
-    }
-    return ENDPOINT_PATHS.PRODUCTION_BASE_URL;
-};
-export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherThanSAOrKWCountry) {
+export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser) {
     if (flow === FlowsTypes.BANK) {
         return 'BANK_BANK_DETAILS_STEP';
     }
@@ -183,7 +167,7 @@ export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherT
         return 'BUSINESS_BUSINESS_TYPE_STEP';
     }
     if (flow === FlowsTypes.INDIVIDUAL) {
-        return isAuthorizedUser || isOtherThanSAOrKWCountry ? 'INDIVIDUAL_LIST_STEP' : 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP';
+        return isAuthorizedUser ? 'INDIVIDUAL_LIST_STEP' : 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP';
     }
     if (flow === FlowsTypes.CONNECT) {
         return 'CONNECT_NID_STEP';
@@ -197,9 +181,6 @@ export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherT
     if (flow === FlowsTypes.ENTITY) {
         return 'ENTITY_NAME_STEP';
     }
-    if (flow === FlowsTypes.PASSWORD) {
-        return 'PASSWORD_CREATE_PASSWORD_STEP';
-    }
     return '';
 };
 export var getEighteenYearsAgo = function () {
@@ -215,9 +196,6 @@ export var isSA = function (flag) {
 export var isOtherThanKWOrSA = function (flag) {
     return !isKW(flag) && !isSA(flag);
 };
-export var isKWOrSA = function (flag) {
-    return isKW(flag) || isSA(flag);
-};
 export var isLinkedIn = function (flag) {
     return 'linkedin' === (flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
 };
@@ -325,10 +303,3 @@ export var formatNumberAsCurrency = function (number) {
         return '';
     return parseInt(number).toLocaleString();
 };
-export var getCurrencyByCountryIso2 = function (countryCode) {
-    var _a;
-    if (!countryCode)
-        return '';
-    var currencyCode = (_a = COUNTRY_TO_CURRENCY[countryCode]) !== null && _a !== void 0 ? _a : '';
-    return currencyCode;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.8.44-test",
+	"version": "2.8.45-beta",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -21,7 +21,7 @@
 		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public --tag test"
+		"push": "npm publish --access public --tag beta"
 	},
 	"keywords": [],
 	"author": {

package/build/features/bank/screens/OperatorError/OperatorError.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface OperatorErrorProps {
-}
-declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/features/bank/screens/OperatorError/OperatorError.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import GenericError from '../../../shared/GenericError';
-var OperatorError = function (_a) {
-    var t = useTranslation().t;
-    return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
-};
-export default React.memo(OperatorError);

package/build/features/bank/screens/OperatorError/index.d.ts

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

package/build/features/bank/screens/OperatorError/index.js

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

package/build/features/board/screens/OperatorError/OperatorError.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface OperatorErrorProps {
-}
-declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;