@tap-payments/auth-jsconnect 2.7.5-test → 2.7.5

package/build/hooks/useAppTheme.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { LanguageMode, DirectionMode } from '../@types';
 import { settingsSelector } from '../app/settings';
-import { isMobile } from 'react-device-detect';
+import { isMobile, isTablet } from 'react-device-detect';
 import { useAppSelector } from './useAppSelector';
 import { appTheme } from '../theme';
 export var useAppTheme = function () {
@@ -9,7 +9,8 @@ export var useAppTheme = function () {
     var data = useAppSelector(settingsSelector).data;
     useEffect(function () {
         var dir = data.language === LanguageMode.AR ? DirectionMode.RTL : DirectionMode.LTR;
-        setTheme(appTheme(data.skin, isMobile, dir));
-    }, [data.skin, data.language, isMobile]);
+        var isSmallScreen = isMobile && !isTablet;
+        setTheme(appTheme(data.skin, dir, isSmallScreen));
+    }, [data.skin, data.language, isMobile, isTablet]);
     return { theme: theme };
 };

package/build/hooks/useCountDown.d.ts

@@ -0,0 +1,10 @@
+interface CountDownOptions {
+    end?: number;
+    start: number;
+    startTimer: boolean;
+    sleepMS?: number;
+}
+export declare const useCountDown: ({ end, start, startTimer, sleepMS }: CountDownOptions) => {
+    count: number;
+};
+export {};

package/build/hooks/useCountDown.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+export var useCountDown = function (_a) {
+    var _b = _a.end, end = _b === void 0 ? 0 : _b, start = _a.start, startTimer = _a.startTimer, _c = _a.sleepMS, sleepMS = _c === void 0 ? 0 : _c;
+    var _d = useState(start), count = _d[0], setCount = _d[1];
+    var decrement = function () {
+        setCount(count - 1);
+    };
+    useEffect(function () {
+        if (count === end || !startTimer)
+            return;
+        var timer = setTimeout(function () {
+            decrement();
+        }, sleepMS);
+        return function () { return clearTimeout(timer); };
+    }, [count, startTimer]);
+    return { count: count };
+};

package/build/hooks/useFormDirtyCheck.d.ts

@@ -0,0 +1,10 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+type UseFormWithDirtyCheck = {
+    isDirty: boolean;
+};
+type CustomAttrProps = {
+    name: string;
+    keys: string[];
+};
+export declare const useFormDirtyCheck: <TFieldValues extends FieldValues>(method: UseFormReturn<TFieldValues, any, undefined>, backendData: TFieldValues, customAttrs?: CustomAttrProps[]) => UseFormWithDirtyCheck;
+export {};

package/build/hooks/useFormDirtyCheck.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import _ from 'lodash';
+export var useFormDirtyCheck = function (method, backendData, customAttrs) {
+    var _a = React.useState(false), isDirty = _a[0], setIsDirty = _a[1];
+    var data = method.watch();
+    var isValidData = function (formValue, backendValue) {
+        if (_.isUndefined(formValue))
+            return false;
+        if (_.isArray(formValue) && formValue.length === 0)
+            return false;
+        if (_.isObject(formValue) && _.isEmpty(formValue))
+            return false;
+        if (formValue === '' && !backendValue)
+            return false;
+        return true;
+    };
+    var isArray = function (data, backendData) {
+        return backendData && data && _.isArray(backendData) && _.isArray(data);
+    };
+    var isObject = function (data, backendData) {
+        return backendData && data && _.isObject(data) && _.isObject(backendData);
+    };
+    var mapArrayOfObjectWithKeys = function (items, keys) {
+        return _.map(items, function (item) { return _.pick(item, keys); });
+    };
+    var mapObjectWithKeys = function (item, keys) {
+        return _.pick(item, keys);
+    };
+    var deepComparison = function (data, backendData, customAttrs) {
+        var _loop_1 = function (key) {
+            var formValue = data === null || data === void 0 ? void 0 : data[key];
+            var backEndValue = backendData === null || backendData === void 0 ? void 0 : backendData[key];
+            if (!isValidData(formValue, backEndValue))
+                return "continue";
+            var customAttr = customAttrs === null || customAttrs === void 0 ? void 0 : customAttrs.find(function (el) { return el.name === key; });
+            if (customAttr) {
+                var keys = customAttr.keys;
+                if (isArray(formValue, backEndValue)) {
+                    formValue = mapArrayOfObjectWithKeys(formValue, keys);
+                    backEndValue = mapArrayOfObjectWithKeys(backEndValue, keys);
+                    if (formValue.length !== backEndValue.length)
+                        return { value: true };
+                    if (_.differenceWith(formValue, backEndValue, _.isEqual).length > 0)
+                        return { value: true };
+                }
+                if (isObject(formValue, backEndValue)) {
+                    formValue = mapObjectWithKeys(formValue, keys);
+                    backEndValue = mapObjectWithKeys(backEndValue, keys);
+                }
+            }
+            if (!_.isEqual(formValue, backEndValue))
+                return { value: true };
+        };
+        for (var key in backendData) {
+            var state_1 = _loop_1(key);
+            if (typeof state_1 === "object")
+                return state_1.value;
+        }
+        return false;
+    };
+    React.useEffect(function () {
+        var isDirty = deepComparison(data, backendData, customAttrs);
+        setIsDirty(isDirty);
+    }, [data, backendData]);
+    return { isDirty: isDirty };
+};

package/build/hooks/useSanitizedTranslation.d.ts

@@ -0,0 +1,2 @@
+import { StringMap, TOptions } from 'i18next';
+export declare const useSanitizedTranslation: () => (key: string, options?: string | TOptions<StringMap> | undefined) => string;

package/build/hooks/useSanitizedTranslation.js

@@ -0,0 +1,15 @@
+import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+export var useSanitizedTranslation = function () {
+    var t = useTranslation().t;
+    var sanitize = useCallback(function (key) {
+        if (!key)
+            return '';
+        return key.replace(/[$#[\].]/g, '');
+    }, []);
+    var sanitizedTranslate = useCallback(function (key, options) {
+        var sanitizedError = sanitize(key);
+        return t(sanitizedError, options);
+    }, [t, sanitize]);
+    return sanitizedTranslate;
+};

package/build/hooks/useVerifyToken.d.ts

@@ -1,5 +1,5 @@
 import { ScreenStepNavigation } from '../@types';
-interface VerifyLeadTokenProps {
+export interface VerifyLeadTokenProps {
     token: string;
     isInternally?: boolean;
 }
@@ -8,9 +8,11 @@ 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 }: IVerifyToken) => void;
+export declare const useVerifyToken: ({ verify, internalToken, navigation, open, settingLoading, loadingScreenName, mode, isValidOperator, operatorErrorScreenName }: 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;
+    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 dispatch = useAppDispatch();
     var verifyTokenFun = function () {
         var token = internalToken ? internalToken : getParameterByName('token');
@@ -15,9 +15,14 @@ export var useVerifyToken = function (_a) {
         dispatch(verify({ token: token, isInternally: !!internalToken }));
     };
     useEffect(function () {
-        if (!settingLoading && open)
-            verifyTokenFun();
-    }, [settingLoading, open]);
+        if (settingLoading || !open)
+            return;
+        if (!isValidOperator) {
+            dispatch(handleCurrentActiveScreen(operatorErrorScreenName));
+            return;
+        }
+        verifyTokenFun();
+    }, [settingLoading, open, isValidOperator]);
     useEffect(function () {
         if (internalToken && open && mode !== 'content')
             dispatch(handleCurrentActiveScreen(loadingScreenName));

package/build/index.css

@@ -3,138 +3,378 @@
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+* {
+	word-break: normal;
+}
+
+*,
+*::after,
+*::before {
+	margin: 0;
+	padding: 0;
+	-webkit-box-sizing: inherit;
+	box-sizing: inherit;
+	-webkit-font-smoothing: antialiased;
+}
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+	line-height: 1.15; /* 1 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+	 ========================================================================== */
+
+/**
+   * Remove the margin in all browsers.
+   */
+
+body {
+	cursor: default;
+	margin: 0 !important;
+	padding: 0 !important;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-text-size-adjust: 100%;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	scroll-behavior: smooth;
+	text-rendering: optimizeSpeed;
+}
+
+/**
+   * Render the `main` element consistently in IE.
+   */
+
+main {
+	min-height: 50vh;
+	display: block;
+}
+
+/**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+
+hr {
+	box-sizing: content-box; /* 1 */
+	height: 0; /* 1 */
+	overflow: visible; /* 2 */
+}
+
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+
+pre {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+   * Remove the gray background on active links in IE 10.
+   */
+
+a {
+	background-color: transparent;
+}
+
+/**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+
+abbr[title] {
+	border-bottom: none; /* 1 */
+	text-decoration: underline; /* 2 */
+	text-decoration: underline dotted; /* 2 */
+}
+
+/**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
 
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
 code,
-del,
-dfn,
-em,
-img,
-ins,
 kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
+samp {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/**
+   * Add the correct font size in all browsers.
+   */
+
+small {
+	font-size: 80%;
+}
+
+/**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+
 sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-	margin: 0;
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+   * Remove the border on images inside links in IE 10.
+   */
+
+img {
+	border-style: none;
+	object-fit: unset;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit; /* 1 */
+	font-size: 100%; /* 1 */
+	line-height: 1.15; /* 1 */
+	margin: 0; /* 2 */
+}
+
+/**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+
+button,
+input {
+	/* 1 */
+	overflow: visible;
+}
+
+/**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+
+button,
+select {
+	/* 1 */
+	text-transform: none;
+}
+
+/**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+	-webkit-appearance: button;
+}
+
+/**
+   * Remove the inner border and padding in Firefox.
+   */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+	border-style: none;
 	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
+}
+
+/**
+   * Restore the focus styles unset by the previous rule.
+   */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+	outline: 1px dotted ButtonText;
+}
+
+/**
+   * Correct the padding in Firefox.
+   */
+
+fieldset {
+	padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+
+legend {
+	box-sizing: border-box; /* 1 */
+	color: inherit; /* 2 */
+	display: table; /* 1 */
+	max-width: 100%; /* 1 */
+	padding: 0; /* 3 */
+	white-space: normal; /* 1 */
+}
+
+/**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+
+progress {
 	vertical-align: baseline;
 }
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-	display: block;
+
+/**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+
+textarea {
+	overflow: auto;
 }
-body {
-	line-height: 1;
-	overflow-y: hidden;
+
+/**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+
+[type='checkbox'],
+[type='radio'] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
 }
-ol,
-ul {
-	list-style: none;
+
+/**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+	height: auto;
 }
-blockquote,
-q {
-	quotes: none;
+
+/**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+
+[type='search'] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
 }
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-	content: '';
-	content: none;
+
+/**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+
+[type='search']::-webkit-search-decoration {
+	-webkit-appearance: none;
 }
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
+
+/**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
 }
 
-* {
-	box-sizing: border-box;
+/* Interactive
+	 ========================================================================== */
+
+/*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+
+details {
+	display: block;
+}
+
+/*
+   * Add the correct display in all browsers.
+   */
+
+summary {
+	display: list-item;
+}
+
+/* Misc
+	 ========================================================================== */
+
+/**
+   * Add the correct display in IE 10+.
+   */
+
+template {
+	display: none;
+}
+
+/**
+   * Add the correct display in IE 10.
+   */
+
+[hidden] {
+	display: none;
 }