@tap-payments/auth-jsconnect 2.11.0-sandbox → 2.11.0

package/build/features/featuresScreens.js

@@ -13,6 +13,7 @@ import ConnectOTPScreen from './connect/screens/OTP';
 import ThankYouScreen from './connect/screens/ThankYou';
 import OperatorError from './connect/screens/OperatorError';
 import CollectMobileOwnership from './connect/screens/MobileOwnership';
+import OTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import ConnectExpressBusinessCountry from './connectExpress/screens/BusinessCountry/BusinessCountry';
 import ConnectExpressMobileScreen from './connectExpress/screens/Mobile';
 import ConnectExpressNIDScreen from './connectExpress/screens/NID';
@@ -37,6 +38,7 @@ import ConnectExpressAuthMerchantScreen from './connectExpress/screens/AuthMerch
 import ConnectExpressAuthAccountCreatedLoaderScreen from './connectExpress/screens/AccountCreatedLoader';
 import ConnectExpressOperatorError from './connectExpress/screens/OperatorError';
 import ConnectExpressCollectMobileOwnership from './connectExpress/screens/MobileOwnership';
+import ConnectExpressOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import AuthBusinessCountry from './auth/screens/BusinessCountry/BusinessCountry';
 import AuthSwitchScreen from './auth/screens/AuthSwitch';
 import AuthMobileScreen from './auth/screens/Mobile';
@@ -58,6 +60,7 @@ import AuthEmailSentScreen from './auth/screens/EmailSent';
 import AuthMigratingDataScreen from './auth/screens/MigratingData';
 import AuthOperatorError from './auth/screens/OperatorError';
 import AuthPasscodeScreen from './auth/screens/Passcode';
+import AuthOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
@@ -73,6 +76,7 @@ import BusVerifyPACIScreen from './business/screens/VerifyPACI';
 import BrandVerifyScreen from './business/screens/BrandDetails';
 import BusinessOperatorError from './business/screens/OperatorError';
 import BusinessCollectMobileOwnership from './business/screens/MobileOwnership';
+import BusinessOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
 import PasswordDataLoadingPage from './password/screens/PrepareDataLoading';
@@ -81,6 +85,7 @@ import SuccessPasswordPage from './password/screens/Success';
 import PasswordSuccessWithFlowPage from './password/screens/SuccessWithFlowButtons';
 import PasswordResetPasswordSuccessPage from './password/screens/ResetPasswordSuccess';
 import PasswordOperatorError from './password/screens/OperatorError';
+import PasswordOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import IndividualVerifyPage from './individual/screens/Verify';
 import IndividualPhoneInfoPage from './individual/screens/IndividualPhoneInfo';
 import IndividualListPage from './individual/screens/IndividualList';
@@ -91,6 +96,7 @@ import IndividualSuccessWithFlowPage from './individual/screens/SuccessWithFlowB
 import IndividualResetPasswordSuccessPage from './individual/screens/ResetPasswordSuccess';
 import IndividualDataLoadingPage from './individual/screens/PrepareDataLoading';
 import IndividualOperatorError from './individual/screens/OperatorError';
+import IndividualOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import BankVerifyPage from './bank/screens/Verify';
 import BankDetailsPage from './bank/screens/BankDetails';
 import BankSuccessPage from './bank/screens/Success';
@@ -98,6 +104,7 @@ import BankSuccessWithFlowPage from './bank/screens/SuccessWithFlowButtons';
 import BankResetPasswordSuccessPage from './bank/screens/ResetPasswordSuccess';
 import BankDataLoadingPage from './bank/screens/PrepareDataLoading';
 import BankOperatorError from './bank/screens/OperatorError';
+import BankOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import TaxVerifyPage from './tax/screens/Verify';
 import TaxDetailsPage from './tax/screens/TaxDetails';
 import TaxSuccessPage from './tax/screens/Success';
@@ -105,6 +112,7 @@ import TaxSuccessWithFlowPage from './tax/screens/SuccessWithFlowButtons';
 import TaxResetPasswordSuccessPage from './tax/screens/ResetPasswordSuccess';
 import TaxDataLoadingPage from './tax/screens/PrepareDataLoading';
 import TaxOperatorError from './tax/screens/OperatorError';
+import TaxOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import SignInMobilePage from './signIn/screens/Mobile';
 import SignInEmailPage from './signIn/screens/Email';
 import SignInOTPPage from './signIn/screens/OTP';
@@ -118,6 +126,7 @@ import EntitySuccessWithFlowPage from './entity/screens/SuccessWithFlowButtons';
 import EntityResetPasswordSuccessPage from './entity/screens/ResetPasswordSuccess';
 import EntityDataLoadingPage from './entity/screens/PrepareDataLoading';
 import EntityOperatorError from './entity/screens/OperatorError';
+import EntityOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import BrandVerifyPage from './brand/screens/Verify';
 import BrandInfoPage from './brand/screens/BrandInfo';
 import BrandSegmentPage from './brand/screens/BrandSegmentInfo';
@@ -127,11 +136,13 @@ import BrandSuccessWithFlowPage from './brand/screens/SuccessWithFlowButtons';
 import BrandResetPasswordSuccessPage from './brand/screens/ResetPasswordSuccess';
 import BrandDataLoadingPage from './brand/screens/PrepareDataLoading';
 import BrandOperatorError from './brand/screens/OperatorError';
+import BrandOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import BoardVerifyPage from './board/screens/Verify';
 import BoardSuccessWithFlowPage from './board/screens/SuccessWithFlowButtons';
 import BoardResetPasswordSuccessPage from './board/screens/ResetPasswordSuccess';
 import BoardDataLoadingPage from './board/screens/PrepareDataLoading';
 import BoardOperatorError from './board/screens/OperatorError';
+import BoardOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 import KycLoadingPage from './kyc/screens/Loading';
 import KycTokenErrorPage from './kyc/screens/TokenError';
 import KycAlreadySubmittedPage from './kyc/screens/AlreadySubmitted';
@@ -146,7 +157,7 @@ import TerminalOperatorErrorPage from './terminal/screens/OperatorError';
 import TerminalVerifyPage from './terminal/screens/Verify';
 import NoTerminalDeviceLinkedPage from './terminal/screens/NoTerminalDeviceLinked';
 import TerminalDeviceListPage from './terminal/screens/TerminalDeviceList';
-import TerminalListPage from './terminal/screens/TerminalListPage';
+import POSDeviceListPage from '../features/terminal/screens/POSDeviceListPage';
 import LinkNewTerminalPage from './terminal/screens/LinkNewTerminal';
 import LinkedTerminalInfoPage from './terminal/screens/LinkedTerminalInfo';
 import UnlinkedTerminalInfoPage from './terminal/screens/UnlinkedTerminalInfo';
@@ -154,6 +165,7 @@ import LinkedSuccessPage from './terminal/screens/LinkedSuccess';
 import UnlinkedSuccessPage from './terminal/screens/UnlinkedSuccess';
 import TerminalBoardPage from './terminal/screens/SuccessWithFlowButtons';
 import TerminalResetPasswordSuccessPage from './terminal/screens/ResetPasswordSuccess';
+import TerminalOTPVerifySecurityError from './shared/OTPVerifySecurityError';
 export var connectFeatureScreens = [
     {
         name: 'CONNECT_BUSINESS_COUNTRY_STEP',
@@ -210,6 +222,10 @@ export var connectFeatureScreens = [
     {
         name: 'CONNECT_MOBILE_OWNERSHIP',
         element: CollectMobileOwnership
+    },
+    {
+        name: 'CONNECT_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: OTPVerifySecurityError
     }
 ];
 export var connectExpressFeatureScreens = [
@@ -308,6 +324,10 @@ export var connectExpressFeatureScreens = [
     {
         name: 'COLLECT_MOBILE_OWNERSHIP',
         element: ConnectExpressCollectMobileOwnership
+    },
+    {
+        name: 'CONNECT_EXPRESS_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: ConnectExpressOTPVerifySecurityError
     }
 ];
 export var authFeatureScreens = [
@@ -394,6 +414,10 @@ export var authFeatureScreens = [
     {
         name: 'AUTH_OPERATOR_ERROR_STEP',
         element: AuthOperatorError
+    },
+    {
+        name: 'AUTH_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: AuthOTPVerifySecurityError
     }
 ];
 export var businessFeatureScreens = [
@@ -444,6 +468,10 @@ export var businessFeatureScreens = [
     {
         name: 'BUSINESS_MOBILE_OWNERSHIP',
         element: BusinessCollectMobileOwnership
+    },
+    {
+        name: 'BUSINESS_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: BusinessOTPVerifySecurityError
     }
 ];
 export var passwordFeatureScreens = [
@@ -475,6 +503,10 @@ export var passwordFeatureScreens = [
     {
         name: 'PASSWORD_OPERATOR_ERROR_STEP',
         element: PasswordOperatorError
+    },
+    {
+        name: 'PASSWORD_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: PasswordOTPVerifySecurityError
     }
 ];
 export var individualFeatureScreens = [
@@ -514,6 +546,10 @@ export var individualFeatureScreens = [
     {
         name: 'INDIVIDUAL_OPERATOR_ERROR_STEP',
         element: IndividualOperatorError
+    },
+    {
+        name: 'INDIVIDUAL_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: IndividualOTPVerifySecurityError
     }
 ];
 export var bankFeatureScreens = [
@@ -541,6 +577,10 @@ export var bankFeatureScreens = [
     {
         name: 'BANK_OPERATOR_ERROR_STEP',
         element: BankOperatorError
+    },
+    {
+        name: 'BANK_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: BankOTPVerifySecurityError
     }
 ];
 export var taxFeatureScreens = [
@@ -568,6 +608,10 @@ export var taxFeatureScreens = [
     {
         name: 'TAX_OPERATOR_ERROR_STEP',
         element: TaxOperatorError
+    },
+    {
+        name: 'TAX_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: TaxOTPVerifySecurityError
     }
 ];
 export var signInFeatureScreens = [
@@ -621,6 +665,10 @@ export var entityFeatureScreens = [
     {
         name: 'ENTITY_OPERATOR_ERROR_STEP',
         element: EntityOperatorError
+    },
+    {
+        name: 'ENTITY_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: EntityOTPVerifySecurityError
     }
 ];
 export var brandFeatureScreens = [
@@ -656,6 +704,10 @@ export var brandFeatureScreens = [
     {
         name: 'BRAND_OPERATOR_ERROR_STEP',
         element: BrandOperatorError
+    },
+    {
+        name: 'BRAND_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: BrandOTPVerifySecurityError
     }
 ];
 export var boardFeatureScreens = [
@@ -678,6 +730,10 @@ export var boardFeatureScreens = [
     {
         name: 'BOARD_OPERATOR_ERROR_STEP',
         element: BoardOperatorError
+    },
+    {
+        name: 'BOARD_OTP_VERIFY_SECURITY_ERROR_STEP',
+        element: BoardOTPVerifySecurityError
     }
 ];
 export var kycFeatureScreens = [
@@ -744,8 +800,8 @@ export var terminalFeatureScreens = [
         element: LinkNewTerminalPage
     },
     {
-        name: CONNECT_FLOWS.terminal.terminalList,
-        element: TerminalListPage
+        name: CONNECT_FLOWS.terminal.posDeviceList,
+        element: POSDeviceListPage
     },
     {
         name: CONNECT_FLOWS.terminal.linkedTerminalInfo,
@@ -770,5 +826,9 @@ export var terminalFeatureScreens = [
     {
         name: CONNECT_FLOWS.terminal.resetPassword,
         element: TerminalResetPasswordSuccessPage
+    },
+    {
+        name: CONNECT_FLOWS.terminal.otpVerifySecurityError,
+        element: TerminalOTPVerifySecurityError
     }
 ];

package/build/features/shared/Button/FlowsButtons.d.ts

@@ -19,6 +19,7 @@ export interface DataProps {
     emailUrl: string;
     brandName?: string;
     isAuthorizedUser?: boolean;
+    terminalStepName?: string;
 }
 export interface EmailProvidersButtonsProps extends ButtonProps {
     buttons: ButtonItemProps[];

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

@@ -177,7 +177,7 @@ export default function FlowsButtons(_a) {
         });
         if (flowName === item.name && !isResetPassword(item.name, item.status)) {
             var isOtherThanSAOrKWCountry = !isKWOrSA(settingsData.businessCountry.iso2);
-            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser, isOtherThanSAOrKWCountry)));
+            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser, isOtherThanSAOrKWCountry, data.terminalStepName)));
             return;
         }
         if (typeof settingsData.appConfig.onBoardButtonClick === 'function') {

package/build/features/shared/OTPVerifySecurityError/OTPVerifySecurityError.js

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

package/build/features/shared/OTPVerifySecurityError/index.d.ts

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

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

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

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

@@ -19,6 +19,7 @@ interface SuccessFlowButtonsProps {
     onClose?: () => void;
     loading?: boolean;
     status: 'complete' | 'incomplete';
+    terminalStepName?: string;
 }
-declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals, recipient, onClose, loading, status }: SuccessFlowButtonsProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals, recipient, onClose, loading, status, terminalStepName }: SuccessFlowButtonsProps) => JSX.Element>;
 export default _default;

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

@@ -45,7 +45,7 @@ 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, status = _a.status;
+    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, status = _a.status, terminalStepName = _a.terminalStepName;
     var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
@@ -127,7 +127,8 @@ var SuccessFlowButtons = function (_a) {
                         email: email || '',
                         emailUrl: url,
                         brandName: shortenBrand(brandName),
-                        isAuthorizedUser: is_authorized
+                        isAuthorizedUser: is_authorized,
+                        terminalStepName: terminalStepName
                     } }) })] }));
 };
 export default memo(SuccessFlowButtons);

package/build/features/terminal/Terminal.js

@@ -41,7 +41,7 @@ var Terminal = memo(function (_a) {
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var _d = useAppSelector(settingsSelector), data = _d.data, error = _d.error, settingLoading = _d.loading;
-    var _e = useAppSelector(terminalSelector), customLoading = _e.customLoading, terminalError = _e.error, loading = _e.loading, terminalListLoading = _e.terminalListLoading;
+    var _e = useAppSelector(terminalSelector), customLoading = _e.customLoading, terminalError = _e.error, loading = _e.loading, posDevicesLoading = _e.posDevicesLoading;
     useAppConfig(__assign(__assign({ navigation: TERMINAL_SCREENS_NAVIGATION }, props), { disableSettingFetching: props.mode === 'content' ? false : !!verifyToken || !!configToken }));
     useErrorListener(terminalError || error);
     useStepStartedListener();
@@ -77,7 +77,7 @@ var Terminal = memo(function (_a) {
         });
     }, []);
     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 || terminalListLoading ? 'none' : 'auto', isTapOrigin: isTapOrigin, animationDirection: animationDirection, 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, features: appConfig.features }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, isMaturityExpress: isMaturityExpress }, { children: terminalFeatureScreens.map(function (_a, index) {
+    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 || posDevicesLoading ? 'none' : 'auto', isTapOrigin: isTapOrigin, animationDirection: animationDirection, 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, features: appConfig.features }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, isMaturityExpress: isMaturityExpress }, { children: terminalFeatureScreens.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/terminal/screens/LinkNewTerminal/LinkNewTerminal.js

@@ -27,17 +27,15 @@ var LinkNewTerminal = function () {
     var _a, _b, _c, _d;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
-    var data = useAppSelector(terminalSelector).data;
-    var _e = React.useState(false), isReady = _e[0], setIsReady = _e[1];
-    var _f = React.useState(false), success = _f[0], setSuccess = _f[1];
-    var _g = React.useState(false), failed = _g[0], setFailed = _g[1];
-    var terminalInfo = data.terminalInfo, responseData = data.responseData;
-    var _h = responseData || {}, terminalData = _h.terminalData, linkNewTerminalData = _h.linkNewTerminalData;
-    var terminal_devices = (terminalData || {}).terminal_devices;
+    var _e = useAppSelector(terminalSelector).data, terminal_device = _e.terminalInfo.selectedTerminal.terminal_device, responseData = _e.responseData;
+    var _f = React.useState(false), isReady = _f[0], setIsReady = _f[1];
+    var _g = React.useState(false), success = _g[0], setSuccess = _g[1];
+    var _h = React.useState(false), failed = _h[0], setFailed = _h[1];
+    var _j = responseData || {}, terminalData = _j.terminalData, linkNewTerminalData = _j.linkNewTerminalData;
     var qrCode = "data:image/png;base64,".concat((_a = linkNewTerminalData === null || linkNewTerminalData === void 0 ? void 0 : linkNewTerminalData.linking) === null || _a === void 0 ? void 0 : _a.qr);
     var code = (_b = linkNewTerminalData === null || linkNewTerminalData === void 0 ? void 0 : linkNewTerminalData.linking) === null || _b === void 0 ? void 0 : _b.code;
     var expiry = TERMINAL_PUSH_NOTIFICATION_DURATION;
-    var deviceName = ((_d = (_c = terminalInfo.selectedTerminalDevice.model) === null || _c === void 0 ? void 0 : _c.name[0]) === null || _d === void 0 ? void 0 : _d.text) || '';
+    var deviceName = ((_d = (_c = terminal_device === null || terminal_device === void 0 ? void 0 : terminal_device.model) === null || _c === void 0 ? void 0 : _c.name[0]) === null || _d === void 0 ? void 0 : _d.text) || '';
     var newTerminal = true;
     React.useEffect(function () {
         if (linkNewTerminalData && !isReady) {
@@ -61,7 +59,8 @@ var LinkNewTerminal = function () {
         };
     }, [isReady]);
     var handleOnBack = function () {
-        var previousScreen = (terminal_devices === null || terminal_devices === void 0 ? void 0 : terminal_devices.length) ? CONNECT_FLOWS.terminal.terminalList : CONNECT_FLOWS.terminal.noTerminalLinked;
+        var _a;
+        var previousScreen = ((_a = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _a === void 0 ? void 0 : _a.length) ? CONNECT_FLOWS.terminal.posDeviceList : CONNECT_FLOWS.terminal.noTerminalLinked;
         dispatch(handlePrevScreenStep(previousScreen));
     };
     return (_jsxs(ScreenContainer, __assign({ minHeight: 200, justifyContent: 'space-between' }, { children: [_jsx(PushNotification, __assign({ error: t('terminal_request_denied', { device: deviceName }), failed: failed, success: success, expiryInSeconds: expiry }, { children: _jsxs(LinkNewTerminalContainer, { children: [_jsx(LinkTerminalText, { children: t('terminal_link_terminal') }), _jsx(QRCodeDescription, { children: t('terminal_qr_code_description') }), _jsx(QRCodeImage, { src: qrCode }), code && (_jsxs(_Fragment, { children: [_jsx(LinkTerminalText, { children: t('terminal_or_use_code') }), _jsx(CodeDescription, { children: formatCode(code) })] }))] }) })), _jsx(Box, __assign({ sx: { ml: 2.5, mr: 2.5 } }, { children: _jsx(Button, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: handleOnBack, variant: 'text' }, { children: t('back') })) }))] })));

package/build/features/terminal/screens/LinkNewTerminal/styles.js

@@ -16,8 +16,8 @@ export var QRCodeImage = styled(Icon)(function (_a) {
     var spacing = _a.theme.spacing;
     return ({
         margin: '0px auto',
-        width: spacing(21.875),
-        height: spacing(21.875),
+        width: spacing(31.25),
+        height: spacing(31.25),
         marginTop: spacing(2.5),
         marginBottom: spacing(2.5)
     });

package/build/features/terminal/screens/LinkedSuccess/LinkedSuccess.js

@@ -15,22 +15,21 @@ import { useTranslation } from 'react-i18next';
 import Box from '@mui/material/Box';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
-import { retrieveBoardDetails, retrieveBoardStatus, retrieveTerminalDeviceList, terminalSelector } from '../../../app/terminal/terminalStore';
+import { retrieveBoardDetails, retrieveBoardStatus, retrieveTerminalList, terminalSelector } from '../../../app/terminal/terminalStore';
 import SuccessScreen from '../../../shared/SuccessScreen';
 import Button from '../../../shared/Button';
-import { getTerminalName, SuccessContainerStyled } from '../shared';
+import { SuccessContainerStyled } from '../shared';
 import { CONNECT_FLOWS } from '../../../../constants';
 var LinkedSuccess = function () {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var _a = useAppSelector(terminalSelector), error = _a.error, loading = _a.loading, _b = _a.data, selectedTerminal = _b.terminalInfo.selectedTerminal, responseData = _b.responseData;
+    var _a = useAppSelector(terminalSelector), error = _a.error, loading = _a.loading, _b = _a.data, selectedPOS = _b.terminalInfo.selectedPOS, responseData = _b.responseData;
     var _c = responseData || {}, boardData = _c.boardData, authData = _c.authData;
-    var deviceName = getTerminalName(selectedTerminal);
     var handleGoToBoard = function () {
         var board_id = (boardData || {}).id;
         var _a = (authData === null || authData === void 0 ? void 0 : authData.recipient) || {}, id = _a.id, type = _a.type;
-        dispatch(retrieveTerminalDeviceList());
+        dispatch(retrieveTerminalList());
         dispatch(retrieveBoardStatus({ boardId: board_id }))
             .unwrap()
             .then(function () {
@@ -46,6 +45,6 @@ var LinkedSuccess = function () {
     var handleOnBack = function () {
         dispatch(handlePrevScreenStep());
     };
-    return (_jsxs(SuccessContainerStyled, { children: [_jsx(SuccessScreen, { sx: { minHeight: 'unset', ml: 2.5, mr: 2.5 }, title: t('terminal_linked_success', { device: deviceName }), successTitle: t('terminal_go_to_board'), loading: loading, error: error || '' }), _jsx(Box, __assign({ sx: { width: '100%' } }, { children: _jsx(Button, __assign({ loading: loading, disableBack: true, onBackClicked: handleOnBack, onClick: handleGoToBoard, isAr: isAr }, { children: t('terminal_go_to_board') })) }))] }));
+    return (_jsxs(SuccessContainerStyled, { children: [_jsx(SuccessScreen, { sx: { minHeight: 'unset', ml: 2.5, mr: 2.5 }, title: t('terminal_linked_success', { device: selectedPOS === null || selectedPOS === void 0 ? void 0 : selectedPOS.display_name }), successTitle: t('terminal_go_to_board'), loading: loading, error: error || '' }), _jsx(Box, __assign({ sx: { width: '100%' } }, { children: _jsx(Button, __assign({ loading: loading, disableBack: true, onBackClicked: handleOnBack, onClick: handleGoToBoard, isAr: isAr }, { children: t('terminal_go_to_board') })) }))] }));
 };
 export default React.memo(LinkedSuccess);

package/build/features/terminal/screens/LinkedTerminalInfo/LinkedTerminalInfo.js

@@ -17,22 +17,27 @@ import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { useTheme } from '@mui/material';
 import { CONNECT_FLOWS, ICONS_NAMES } from '../../../../constants';
 import DeviceCard from '../../../../components/DeviceCard';
+import Warning from '../../../../components/Warning';
 import { ScreenContainer } from '../../../shared/Containers';
 import Button from '../../../shared/Button';
-import { terminalSelector, unlinkTerminalDevice } from '../../../app/terminal/terminalStore';
+import { clearError, terminalSelector, unlinkTerminalDevice } from '../../../app/terminal/terminalStore';
 import { Container, getId, getIdLabel, getPairedWith, LinkWithText } from '../shared';
 var LinkedTerminalInfo = function () {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a;
     var t = useTranslation().t;
-    var _h = useTheme(), spacing = _h.spacing, palette = _h.palette;
+    var _b = useTheme(), spacing = _b.spacing, palette = _b.palette;
     var dispatch = useAppDispatch();
     var isAr = useLanguage().isAr;
-    var _j = useAppSelector(terminalSelector), selectedTerminalDevice = _j.data.terminalInfo.selectedTerminalDevice, loading = _j.loading;
-    var model = selectedTerminalDevice.model, linked = selectedTerminalDevice.linked, display_name = selectedTerminalDevice.display_name, terminal = selectedTerminalDevice.terminal, platform = selectedTerminalDevice.platform;
-    var _k = (model || {}).image_url, image_url = _k === void 0 ? ICONS_NAMES.device_image : _k;
-    var deviceName = (_b = (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.display_name) !== null && _b !== void 0 ? _b : (_c = terminal === null || terminal === void 0 ? void 0 : terminal.name) === null || _c === void 0 ? void 0 : _c.en;
-    var deviceImage = (_e = (_d = platform === null || platform === void 0 ? void 0 : platform.brand) === null || _d === void 0 ? void 0 : _d.logo) !== null && _e !== void 0 ? _e : ICONS_NAMES.platform_image;
-    var deviceId = (_g = (_f = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _f === void 0 ? void 0 : _f.id) !== null && _g !== void 0 ? _g : terminal === null || terminal === void 0 ? void 0 : terminal.legacy_id;
+    var _c = useAppSelector(terminalSelector), error = _c.error, selectedTerminal = _c.data.terminalInfo.selectedTerminal, loading = _c.loading;
+    var terminal_device = selectedTerminal.terminal_device, linked = selectedTerminal.linked, device = selectedTerminal.device;
+    var _d = ((terminal_device === null || terminal_device === void 0 ? void 0 : terminal_device.model) || {}).image_url, image_url = _d === void 0 ? ICONS_NAMES.device_image : _d;
+    var deviceName = (device === null || device === void 0 ? void 0 : device.display_name) || '';
+    var deviceImage = (device === null || device === void 0 ? void 0 : device.logo) || ICONS_NAMES.platform_image;
+    var deviceId = (device === null || device === void 0 ? void 0 : device.reference) || (device === null || device === void 0 ? void 0 : device.id) || '';
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, []);
     var handleOnNext = function () {
         dispatch(unlinkTerminalDevice())
             .unwrap()
@@ -45,6 +50,6 @@ var LinkedTerminalInfo = function () {
     var handleOnBack = function () {
         dispatch(handlePrevScreenStep(CONNECT_FLOWS.terminal.terminalDeviceList));
     };
-    return (_jsxs(ScreenContainer, __assign({ minHeight: 224, sx: { pl: 2.5, pr: 2.5 }, justifyContent: 'space-between' }, { children: [_jsxs(Container, { children: [_jsx(DeviceCard, { badge: true, image: image_url, name: display_name, deviceId: getId(selectedTerminalDevice), deviceIdLabel: getIdLabel(selectedTerminalDevice), pairedWith: getPairedWith(selectedTerminalDevice), isLinked: linked }), _jsx(LinkWithText, { children: t('terminal_linked_with') }), _jsx(DeviceCard, { sx: { minHeight: spacing(10), borderRadius: spacing(1), background: palette.components.deviceCard.deviceInfoBackground }, image: deviceImage || '', name: deviceName || '', deviceId: deviceId !== null && deviceId !== void 0 ? deviceId : '', isLinked: linked })] }), _jsx(Button, __assign({ sx: { ml: 0, mr: 0 }, loading: loading, onBackClicked: handleOnBack, onClick: handleOnNext, isAr: isAr }, { children: t('terminal_unlink') }))] })));
+    return (_jsxs(ScreenContainer, __assign({ minHeight: 224, justifyContent: 'space-between' }, { children: [_jsxs(Container, __assign({ sx: { pl: 2.5, pr: 2.5 } }, { children: [_jsx(DeviceCard, { badge: true, image: image_url, name: ((_a = selectedTerminal.terminal_device) === null || _a === void 0 ? void 0 : _a.display_name) || '', deviceId: getId(selectedTerminal), deviceIdLabel: getIdLabel(selectedTerminal), pairedWith: getPairedWith(selectedTerminal), isLinked: linked }), _jsx(LinkWithText, { children: t('terminal_linked_with') }), _jsx(DeviceCard, { sx: { minHeight: spacing(10), borderRadius: spacing(1), background: palette.components.deviceCard.deviceInfoBackground }, image: deviceImage, name: deviceName, deviceId: deviceId, isLinked: linked })] })), error && _jsx(Warning, __assign({ sx: { mt: 2 } }, { children: t(error) })), _jsx(Button, __assign({ loading: loading, onBackClicked: handleOnBack, onClick: handleOnNext, isAr: isAr }, { children: t('terminal_unlink') }))] })));
 };
 export default React.memo(LinkedTerminalInfo);

package/build/features/terminal/screens/NoTerminalDeviceLinked/NoTerminalDeviceLinked.js

@@ -9,6 +9,42 @@ 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 * as React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -16,23 +52,34 @@ import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
 import { ICONS_NAMES } from '../../../../constants';
 import { ScreenContainer } from '../../../shared/Containers';
-import { linkNewTerminal, retrieveBoardDetails, retrieveBoardStatus, terminalSelector } from '../../../app/terminal/terminalStore';
+import { retrieveBoardDetails, retrieveBoardStatus, retrievePOSDevices, terminalSelector } from '../../../app/terminal/terminalStore';
 import { DescriptionTypography, DeviceImage, NoTerminalDeviceLinkedContainer, TitleTypography } from './styles';
+import Button from '../../../../features/shared/Button';
 var NoTerminalDeviceLinked = function () {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var _a = useAppSelector(terminalSelector), loading = _a.loading, data = _a.data;
+    var _a = useAppSelector(terminalSelector), posDevicesLoading = _a.posDevicesLoading, data = _a.data, loading = _a.loading, error = _a.error;
     var _b = data.responseData || {}, boardFlows = _b.boardFlows, authData = _b.authData, boardData = _b.boardData;
-    var handleOnClickNewTerminalLink = function () {
-        dispatch(linkNewTerminal())
-            .unwrap()
-            .then(function (_a) {
-            var nextScreen = _a.nextScreen;
-            dispatch(handleNextScreenStep(nextScreen));
-        })
-            .catch(function () { });
-    };
+    var handleOnClickNewTerminalLink = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4, dispatch(retrievePOSDevices()).unwrap()];
+                case 1:
+                    _a.sent();
+                    dispatch(handleNextScreenStep());
+                    return [3, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    console.log('Error while retrieving pos devices list error', err_1);
+                    return [3, 3];
+                case 3: return [2];
+            }
+        });
+    }); };
     var handleOnBack = function () {
         if ((boardFlows === null || boardFlows === void 0 ? void 0 : boardFlows.length) > 0) {
             dispatch(handlePrevScreenStep());
@@ -51,6 +98,6 @@ var NoTerminalDeviceLinked = function () {
         })
             .catch(function () { });
     };
-    return (_jsx(ScreenContainer, __assign({ sx: { ml: 2.5, mr: 2.5 }, minHeight: 280, justifyContent: 'space-between' }, { children: _jsxs(NoTerminalDeviceLinkedContainer, { children: [_jsx(DeviceImage, { src: ICONS_NAMES.terminal_device }), _jsx(TitleTypography, { children: t('terminal_no_terminal_linked') }), _jsx(DescriptionTypography, { children: t('terminal_no_terminal_linked_description') })] }) })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { ml: 2.5, mr: 2.5 }, minHeight: 280, justifyContent: 'space-between' }, { children: [_jsxs(NoTerminalDeviceLinkedContainer, { children: [_jsx(DeviceImage, { src: ICONS_NAMES.terminal_device }), _jsx(TitleTypography, { children: t('terminal_no_terminal_linked') }), _jsx(DescriptionTypography, { children: t('terminal_no_terminal_linked_description') })] }), _jsx(Button, __assign({ error: error !== null && error !== void 0 ? error : '', sx: { mt: 0, ml: 0, mr: 0 }, loading: posDevicesLoading || loading, onBackClicked: handleOnBack, onClick: handleOnClickNewTerminalLink, isAr: isAr }, { children: t('terminal_link_terminal') }))] })));
 };
 export default React.memo(NoTerminalDeviceLinked);

package/build/features/terminal/screens/POSDeviceListPage/POSDeviceListPage.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/build/features/terminal/screens/POSDeviceListPage/POSDeviceListPage.js

@@ -0,0 +1,50 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import { ScreenContainer } from '../../../shared/Containers';
+import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import Button from '../../../../components/Button';
+import Warning from '../../../../components/Warning';
+import { CONNECT_FLOWS } from '../../../../constants';
+import { clearError, linkNewTerminal, storeSelectedPOS, terminalSelector } from '../../../app/terminal/terminalStore';
+import { Header, Container, POSDeviceList } from '../shared';
+var POSDeviceListPage = function () {
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var _a = useAppSelector(terminalSelector), _b = _a.data, selectedPOS = _b.terminalInfo.selectedPOS, responseData = _b.responseData, loading = _a.loading, error = _a.error;
+    var _c = responseData || {}, posDevices = _c.posDevices, terminalData = _c.terminalData;
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, []);
+    var handleOnSelectPOS = function (pos) {
+        dispatch(storeSelectedPOS(pos));
+        dispatch(linkNewTerminal())
+            .unwrap()
+            .then(function (_a) {
+            var nextScreen = _a.nextScreen;
+            dispatch(handleNextScreenStep(nextScreen));
+        })
+            .catch(function () { });
+    };
+    var handleOnBack = function () {
+        var _a;
+        var screen = ((_a = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _a === void 0 ? void 0 : _a.length) ? CONNECT_FLOWS.terminal.terminalDeviceList : CONNECT_FLOWS.terminal.noTerminalLinked;
+        dispatch(handlePrevScreenStep(screen));
+    };
+    return (_jsxs(ScreenContainer, __assign({ minHeight: 200, justifyContent: 'space-between' }, { children: [_jsxs(Container, __assign({ sx: { pl: 2.5, pr: 2.5 } }, { children: [_jsx(Header, { title: 'terminal_select_device', sx: { pb: 0 } }), _jsx(POSDeviceList, { select: false, loading: loading, selectedPOS: selectedPOS, posDevices: posDevices, onClick: handleOnSelectPOS })] })), error && _jsx(Warning, __assign({ sx: { mt: 2 } }, { children: t(error) })), _jsx(Box, __assign({ sx: { pl: 2.5, pr: 2.5 } }, { children: _jsx(Button, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: function () { return handleOnBack(); }, variant: 'text' }, { children: t('back') })) }))] })));
+};
+export default React.memo(POSDeviceListPage);

package/build/features/terminal/screens/POSDeviceListPage/index.d.ts

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

package/build/features/terminal/screens/POSDeviceListPage/index.js

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