@tap-payments/auth-jsconnect 2.1.44-test → 2.1.50-test

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

@@ -0,0 +1,119 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { FlowsButtons } from '../../../shared/Button';
+import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenString, shortenBrand } from '../../../../utils';
+import { connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import Box from '@mui/material/Box';
+import Text from '../../../../components/Text';
+import Container from '../../../shared/Containers/ScreenContainer';
+import AcceptancePayouts from '../../../shared/AcceptancePayouts';
+import { settingsSelector } from '../../../../app/settings';
+var TitleStyled = styled(Text)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), (_b = { fontWeight: theme.typography.fontWeightBold, color: theme.palette.text.primary, lineHeight: 1.75, paddingBottom: theme.spacing(3) }, _b[theme.breakpoints.down('sm')] = {}, _b)));
+});
+var ContainerStyled = styled(Container)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        justifyContent: 'space-between',
+        minHeight: theme.spacing(30),
+        alignItems: 'center'
+    });
+});
+var ButtonGroupStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        paddingTop: theme.spacing(3)
+    });
+});
+var SuccessWithFlowButtons = function () {
+    var _a, _b, _c;
+    var _d = useState([]), buttons = _d[0], setButtons = _d[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(connectExpressSelector).data;
+    var settings = useAppSelector(settingsSelector);
+    var _e = data.responseData, boardData = _e.boardData, leadData = _e.leadData, boardInfo = _e.boardInfo;
+    var _f = leadData || {}, brand = _f.brand, entity = _f.entity;
+    var _g = boardData || {}, business = _g.business, merchant = _g.merchant, bank = _g.bank_account, user = _g.user;
+    var flows = (boardInfo || {}).info;
+    var _h = user || {}, names = _h.names, identification = _h.identification;
+    var primary_contact = (business || {}).primary_contact;
+    var _j = entity || {}, license = _j.license, vat_id = _j.vat_id, legal_name = _j.legal_name;
+    var username = isAr ? concatenateObjectValues(names.ar || names.en, ['first', 'last']) : concatenateObjectValues(names.en, ['first', 'last']);
+    var licenseNumber = (license === null || license === void 0 ? void 0 : license.number) || '';
+    var bankName = shortenString(bank === null || bank === void 0 ? void 0 : bank.name, 20) || t('bank');
+    var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
+    var taxID = vat_id || '';
+    var brandName = (isAr ? (_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.en) || '';
+    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || '';
+    var isAcceptance = merchant === null || merchant === void 0 ? void 0 : merchant.is_acceptance_allowed;
+    var isPayout = merchant === null || merchant === void 0 ? void 0 : merchant.is_payout_allowed;
+    var maskedId = (identification === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_c = identification === null || identification === void 0 ? void 0 : identification.id) === null || _c === void 0 ? void 0 : _c.slice(-2)) : '';
+    var boardInfoId = boardInfo === null || boardInfo === void 0 ? void 0 : boardInfo.id;
+    var boardId = boardData === null || boardData === void 0 ? void 0 : boardData.id;
+    var email = (primary_contact || {}).email;
+    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, boardId, boardInfoId);
+    var reMapFlowData = function (flows) {
+        if (flows === void 0) { flows = []; }
+        var images = ICONS_NAMES;
+        var mappedFlows = flows
+            .filter(function (item) { return item === null || item === void 0 ? void 0 : item.name; })
+            .map(function (_a) {
+            var name = _a.name, url = _a.url, status = _a.status;
+            var type = status === 'completed' ? 'completed' : 'pending';
+            var title = t("".concat(name, "_flow_").concat(type), {
+                individual_name: username.toLowerCase() + maskedId,
+                brand: brandName,
+                business_type: entityLegalName,
+                license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
+                bank_name: bankName,
+                iban: iban ? t('masking_symbols') + iban : '',
+                tax_id: taxID ? t('masking_symbols') + showLastFour(taxID) : ''
+            });
+            var isCompleted = status === 'completed' && name !== 'password';
+            var isIndividual = name === 'individual';
+            var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
+            var hoverSrc = "".concat(name, "_white_icon");
+            return {
+                name: name,
+                status: status,
+                title: title,
+                href: url,
+                src: images[src],
+                hoverSrc: images[hoverSrc],
+                isCompleted: isCompleted,
+                sx: isIndividual ? { textTransform: 'capitalize' } : {}
+            };
+        });
+        setButtons(mappedFlows);
+    };
+    useEffect(function () {
+        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0)
+            reMapFlowData(flows);
+    }, [flows, isAr]);
+    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, data: {
+                        flowName: data.flowName,
+                        email: email || '',
+                        emailUrl: url,
+                        brandName: shortenBrand(brandName)
+                    } }) })] }));
+};
+export default memo(SuccessWithFlowButtons);

package/build/features/connectExpress/screens/SuccessWithFlowButtons/index.d.ts

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

package/build/features/connectExpress/screens/SuccessWithFlowButtons/index.js

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

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

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

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

@@ -1,95 +1,34 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import { connectSelector, verifyPACI as verifyPACIFun } from '../../../app/connect/connectStore';
-import PaciVerification from '../../../shared/PaciVerification';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-var VerifyPACITitleContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        direction: theme.direction,
-        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        marginBottom: theme.spacing(2.5)
-    });
-});
-var VerifyPACITitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightBold, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line' }));
-});
-var VerifyPACISubTitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line', textAlign: 'center' }));
-});
-var Container = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        position: 'relative',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        maxHeight: '300px'
-    });
-});
-var BackButton = styled('button')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        cursor: 'pointer',
-        pointerEvents: 'auto',
-        height: 44,
-        appearance: 'none',
-        background: 'none',
-        border: 'none',
-        color: theme.palette.primary.main,
-        fontSize: theme.typography.body1.fontSize,
-        fontWeight: theme.typography.fontWeightMedium,
-        textTransform: 'capitalize',
-        '&:hover': {
-            backgroundColor: 'transparent'
-        }
-    });
-});
-var VerifyPACI = function () {
-    var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
-    var _b = React.useState(false), isReady = _b[0], setIsReady = _b[1];
-    var dispatch = useAppDispatch();
-    var data = useAppSelector(connectSelector).data;
-    var responseBody = data.civilIdData.responseBody;
-    var _c = responseBody || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios;
-    React.useEffect(function () {
-        if (responseBody && !isReady) {
-            setIsReady(true);
-        }
-    }, [responseBody]);
-    React.useEffect(function () {
-        if (!isReady)
-            return;
-        var promise = dispatch(verifyPACIFun({ onSuccess: function () { return setSuccess(true); } }));
-        return function () {
-            promise === null || promise === void 0 ? void 0 : promise.abort();
-        };
-    }, [isReady]);
-    var onBack = React.useCallback(function () {
-        dispatch(handlePrevScreenStep());
-    }, []);
-    if (!isReady)
-        return null;
-    return (_jsx(PaciVerification, { expiryInSeconds: expiry, success: success, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
-};
-export default React.memo(VerifyPACI);
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { connectExpressSelector, verifyPACIAsync } from '../../../app/connectExpress/connectExpressStore';
+import PaciVerification from '../../../shared/PaciVerification';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+var VerifyPACI = function () {
+    var _a = React.useState(false), success = _a[0], setSuccess = _a[1];
+    var _b = React.useState(false), isReady = _b[0], setIsReady = _b[1];
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(connectExpressSelector).data;
+    var authData = (data.responseData || {}).authData;
+    var _c = authData || {}, expiry = _c.expiry, app_url_android = _c.app_url_android, app_url_ios = _c.app_url_ios;
+    React.useEffect(function () {
+        if (authData && !isReady) {
+            setIsReady(true);
+        }
+    }, [authData]);
+    React.useEffect(function () {
+        if (!isReady)
+            return;
+        var promise = dispatch(verifyPACIAsync({ onSuccess: function () { return setSuccess(true); } }));
+        return function () {
+            promise === null || promise === void 0 ? void 0 : promise.abort();
+        };
+    }, [isReady]);
+    var onBack = React.useCallback(function () {
+        dispatch(handlePrevScreenStep());
+    }, []);
+    if (!isReady)
+        return null;
+    return (_jsx(PaciVerification, { expiryInSeconds: expiry, success: success, urls: { android: app_url_android, ios: app_url_ios }, onFinish: function () { return onBack(); } }));
+};
+export default React.memo(VerifyPACI);

package/build/features/connectExpress/screens/VerifyPACI/index.d.ts

@@ -1,3 +1,3 @@
-import VerifyPACI, { VerifyPACIProps } from './VerifyPACI';
-export type { VerifyPACIProps };
-export default VerifyPACI;
+import VerifyPACI, { VerifyPACIProps } from './VerifyPACI';
+export type { VerifyPACIProps };
+export default VerifyPACI;

package/build/features/connectExpress/screens/VerifyPACI/index.js

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

package/build/features/entity/Entity.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { LibConfig } from '../../@types';
-export interface EntityLibProps extends LibConfig {
-}
-export declare function EntityLib(props: EntityLibProps): JSX.Element;
-export declare function renderEntityLib(config: EntityLibProps, elementId: string): void;
-export declare function unmountEntityLib(elementId: string, unmountTimeout?: number): void;
+/// <reference types="react" />
+import { LibConfig } from '../../@types';
+export interface EntityLibProps extends LibConfig {
+}
+export declare function EntityLib(props: EntityLibProps): JSX.Element;
+export declare function renderEntityLib(config: EntityLibProps, elementId: string): void;
+export declare function unmountEntityLib(elementId: string, unmountTimeout?: number): void;

package/build/features/entity/Entity.js

@@ -1,70 +1,70 @@
-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 } from "react/jsx-runtime";
-import { memo, useEffect } from 'react';
-import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
-import { handleLanguage, settingsSelector } from '../../app/settings';
-import AnimationFlow from '../../components/AnimationFlow';
-import { store } from '../../app/store';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { getParameterByName, reactElement, removeElement } from '../../utils';
-import { FeatureContainer } from '../shared/Containers';
-import { DIALOG_ID, ENTITY_SCREENS_NAVIGATION } from '../../constants';
-import { entityFeatureScreens } from '../featuresScreens';
-import CustomFooter from '../shared/Footer';
-import { entitySelector, verifyLeadToken } from '../app/entity/entityStore';
-import Background from '../shared/Background';
-var Entity = 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(entitySelector), customLoading = _b.customLoading, entityError = _b.error, loading = _b.loading;
-    useAppConfig(__assign({ navigation: ENTITY_SCREENS_NAVIGATION }, props));
-    useErrorListener(entityError || error);
-    useStepStartedListener();
-    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
-    var verifyToken = function () {
-        var token = getParameterByName('token');
-        var lang = getParameterByName('lang');
-        if (lang)
-            dispatch(handleLanguage(lang));
-        if (!token)
-            throw new Error('Auth token is not found!');
-        dispatch(verifyLeadToken(token));
-    };
-    useEffect(function () {
-        if (!settingLoading)
-            verifyToken();
-    }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: settingLoading || customLoading, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: entityFeatureScreens.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));
-                    }) }) })) })) })));
-});
-export function EntityLib(props) {
-    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Entity, __assign({}, props)) })));
-}
-export function renderEntityLib(config, elementId) {
-    reactElement(elementId).render(_jsx(EntityLib, __assign({}, config)));
-}
-export function unmountEntityLib(elementId, unmountTimeout) {
-    if (unmountTimeout === void 0) { unmountTimeout = 1000; }
-    var element = document.getElementById(elementId);
-    setTimeout(function () {
-        var _a;
-        ((_a = element === null || element === void 0 ? void 0 : element.children) === null || _a === void 0 ? void 0 : _a.length) && element.removeChild(element.children[0]);
-        removeElement(DIALOG_ID);
-        elementId && reactElement(elementId).unmount();
-    }, unmountTimeout);
-}
+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 } from "react/jsx-runtime";
+import { memo, useEffect } from 'react';
+import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
+import { handleLanguage, settingsSelector } from '../../app/settings';
+import AnimationFlow from '../../components/AnimationFlow';
+import { store } from '../../app/store';
+import { ReduxProvider, ThemeProvider } from '../../components/Providers';
+import Collapse from '../../components/Collapse';
+import { getParameterByName, reactElement, removeElement } from '../../utils';
+import { FeatureContainer } from '../shared/Containers';
+import { DIALOG_ID, ENTITY_SCREENS_NAVIGATION } from '../../constants';
+import { entityFeatureScreens } from '../featuresScreens';
+import CustomFooter from '../shared/Footer';
+import { entitySelector, verifyLeadToken } from '../app/entity/entityStore';
+import Background from '../shared/Background';
+var Entity = 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(entitySelector), customLoading = _b.customLoading, entityError = _b.error, loading = _b.loading;
+    useAppConfig(__assign({ navigation: ENTITY_SCREENS_NAVIGATION }, props));
+    useErrorListener(entityError || error);
+    useStepStartedListener();
+    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
+    var verifyToken = function () {
+        var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verifyLeadToken(token));
+    };
+    useEffect(function () {
+        if (!settingLoading)
+            verifyToken();
+    }, [settingLoading]);
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: settingLoading || customLoading, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: entityFeatureScreens.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));
+                    }) }) })) })) })));
+});
+export function EntityLib(props) {
+    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Entity, __assign({}, props)) })));
+}
+export function renderEntityLib(config, elementId) {
+    reactElement(elementId).render(_jsx(EntityLib, __assign({}, config)));
+}
+export function unmountEntityLib(elementId, unmountTimeout) {
+    if (unmountTimeout === void 0) { unmountTimeout = 1000; }
+    var element = document.getElementById(elementId);
+    setTimeout(function () {
+        var _a;
+        ((_a = element === null || element === void 0 ? void 0 : element.children) === null || _a === void 0 ? void 0 : _a.length) && element.removeChild(element.children[0]);
+        removeElement(DIALOG_ID);
+        elementId && reactElement(elementId).unmount();
+    }, unmountTimeout);
+}

package/build/features/entity/index.d.ts

@@ -1 +1 @@
-export * from './Entity';
+export * from './Entity';

package/build/features/entity/index.js

@@ -1 +1 @@
-export * from './Entity';
+export * from './Entity';