@tap-payments/auth-jsconnect 2.0.50-test → 2.0.52-test

package/build/features/connect/screens/VerifyPACI/VerifyPACI.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 Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
@@ -20,11 +56,10 @@ import { handlePrevScreenStep } from '../../../../app/settings';
 import { ScreenContainer } from '../../../shared/Containers';
 import { MobileButton } from '../../../shared/Button';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import LottieFile, { LottieAnimationFiles } from '../../../../components/Lottie';
 import Icon from '../../../../components/Icon';
-import { ICONS_NAMES } from '../../../../constants';
-import Button from '@mui/material/Button';
 import { mobileOS } from '../../../../utils';
+import VerifyPACILoading from './VerifyPACILoading';
+import VerifyPACISuccess from './VerifyPACISuccess';
 var VerifyPACITitleContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -83,16 +118,32 @@ var BackButton = styled('button')(function (_a) {
     });
 });
 var VerifyPACI = function () {
+    var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
     var dispatch = useAppDispatch();
     var data = useAppSelector(connectSelector).data;
     var responseBody = data.civilIdData.responseBody;
     var t = useTranslation().t;
+    var onSuccess = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4, new Promise(function (resolve) {
+                        setSuccess(true);
+                        setTimeout(function () {
+                            resolve('success');
+                        }, 1000);
+                    })];
+                case 1:
+                    _a.sent();
+                    return [2];
+            }
+        });
+    }); };
     React.useEffect(function () {
         if (responseBody)
-            dispatch(verifyPACIFun());
+            dispatch(verifyPACIFun({ onSuccess: onSuccess }));
         var interval = setInterval(function () {
             if (responseBody)
-                dispatch(verifyPACIFun());
+                dispatch(verifyPACIFun({ onSuccess: onSuccess }));
         }, 10000);
         setTimeout(function () {
             clearInterval(interval);
@@ -113,6 +164,6 @@ var VerifyPACI = function () {
     var os = React.useMemo(function () { return mobileOS(); }, []);
     var isAndroid = React.useMemo(function () { return os === 'Android' && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios); }, [os, responseBody]);
     var isIOS = React.useMemo(function () { return os === 'iOS' && (responseBody === null || responseBody === void 0 ? void 0 : responseBody.app_url_ios); }, [os, responseBody]);
-    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(VerifyPACITitleContainerStyled, { children: [_jsxs(Container, { children: [_jsx(LottieFile, { file: LottieAnimationFiles.pulsating_circle_waves, width: '90%' }), _jsx(IconStyled, { src: ICONS_NAMES.PACI_VERIFY_ICON })] }), _jsx(VerifyPACITitleStyled, { children: t('authenticate_kuwait_mobile_title') }), _jsx(VerifyPACISubTitleStyled, { children: t('authenticate_kuwait_mobile_description') })] }), (isAndroid || isIOS) && (_jsx(MobileButton, __assign({ onClick: onRedirect, hideIcon: true }, { children: t('Open Kuwait Mobile ID') }))), _jsx(Button, __assign({ variant: 'text', onClick: onBack }, { children: t('back') }))] })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(VerifyPACITitleContainerStyled, { children: [_jsx(Container, { children: success ? _jsx(VerifyPACISuccess, {}) : _jsx(VerifyPACILoading, {}) }), _jsx(VerifyPACITitleStyled, { children: t('authenticate_kuwait_mobile_title') }), _jsx(VerifyPACISubTitleStyled, { children: t('authenticate_kuwait_mobile_description') })] }), (isAndroid || isIOS) && (_jsx(MobileButton, __assign({ onClick: onRedirect, hideIcon: true }, { children: t('Open Kuwait Mobile ID') }))), _jsx(BackButton, __assign({ onClick: onBack }, { children: t('back') }))] })));
 };
 export default React.memo(VerifyPACI);

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

@@ -0,0 +1,5 @@
+import React from 'react';
+interface VerifyPACILoadingProps {
+}
+declare const _default: React.NamedExoticComponent<VerifyPACILoadingProps>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { styled } from '@mui/material/styles';
+import LottieFile, { LottieAnimationFiles } from '../../../../components/Lottie';
+import { ICONS_NAMES } from '../../../../constants';
+import Icon from '../../../../components/Icon';
+var IconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        width: 64,
+        height: 64
+    });
+});
+var VerifyPACILoading = function () {
+    return (_jsxs(_Fragment, { children: [_jsx(LottieFile, { file: LottieAnimationFiles.pulsating_circle_waves, width: '90%' }), _jsx(IconStyled, { src: ICONS_NAMES.PACI_VERIFY_ICON })] }));
+};
+VerifyPACILoading.defaultProps = {};
+export default memo(VerifyPACILoading);

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

@@ -0,0 +1,5 @@
+import React from 'react';
+interface VerifyPACISuccessProps {
+}
+declare const _default: React.NamedExoticComponent<VerifyPACISuccessProps>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import LottieFile, { LottieAnimationFiles } from '../../../../components/Lottie';
+var VerifyPACISuccess = function () {
+    return (_jsx(_Fragment, { children: _jsx(LottieFile, { loop: false, file: LottieAnimationFiles.success, width: '90%' }) }));
+};
+VerifyPACISuccess.defaultProps = {};
+export default memo(VerifyPACISuccess);

package/package.json

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