@tap-payments/auth-jsconnect 2.11.15-development → 2.11.17-development

package/build/hooks/useFormDirtyCheck.d.ts

@@ -0,0 +1,10 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+declare type UseFormWithDirtyCheck = {
+    isDirty: boolean;
+};
+declare type CustomAttrProps = {
+    name: string;
+    keys: string[];
+};
+export declare const useFormDirtyCheck: <TFieldValues extends FieldValues>(method: UseFormReturn<TFieldValues, any>, 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/useFormErrorAndUpdateReadOnly.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+declare type ReadOnly<TF, V> = {
+    [key in keyof TF]: V;
+};
+export declare const useFormErrorAndUpdateReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any>, readOnlyData: { [key in keyof TF]: boolean; }, noneEditable?: Record<any, boolean>) => ReadOnly<TF, boolean>;
+export {};

package/build/hooks/useFormErrorAndUpdateReadOnly.js

@@ -0,0 +1,48 @@
+import { useCallback, useEffect, useState } from 'react';
+export var useFormErrorAndUpdateReadOnly = function (methods, readOnlyData, noneEditable) {
+    if (noneEditable === void 0) { noneEditable = {}; }
+    var _a = useState({}), readOnly = _a[0], setReadOnly = _a[1];
+    var reValidateReadOnly = useCallback(function () {
+        if (Object.keys(readOnlyData).length === 0)
+            return;
+        var defaultValues = methods.formState.defaultValues;
+        for (var key in readOnlyData) {
+            var value = readOnlyData === null || readOnlyData === void 0 ? void 0 : readOnlyData[key];
+            if (value === true) {
+                methods.setValue(key, defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues[key], { shouldValidate: true });
+            }
+        }
+    }, [readOnlyData, methods.setValue, methods.formState.defaultValues]);
+    var reValidateNoneEditable = useCallback(function () {
+        var hasNoneEditable = Object.values(noneEditable).some(function (value) { return value === true; });
+        if (!hasNoneEditable)
+            return;
+        var defaultValues = methods.formState.defaultValues;
+        for (var key in defaultValues) {
+            methods.setValue(key, defaultValues[key], { shouldValidate: true });
+        }
+    }, [noneEditable, methods.formState.defaultValues]);
+    var updateReadOnly = useCallback(function () {
+        var errors = methods.formState.errors;
+        var newReadOnly = {};
+        for (var key in readOnlyData) {
+            var error = errors === null || errors === void 0 ? void 0 : errors[key];
+            var value = readOnlyData === null || readOnlyData === void 0 ? void 0 : readOnlyData[key];
+            if (error)
+                newReadOnly[key] = false;
+            else
+                newReadOnly[key] = value;
+        }
+        setReadOnly(newReadOnly);
+    }, [readOnlyData, methods.formState.errors]);
+    useEffect(function () {
+        reValidateReadOnly();
+    }, [reValidateReadOnly]);
+    useEffect(function () {
+        reValidateNoneEditable();
+    }, [reValidateNoneEditable]);
+    useEffect(function () {
+        updateReadOnly();
+    }, [updateReadOnly]);
+    return readOnly;
+};

package/build/hooks/useFormReadOnly.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+declare type ReadOnly<TF, V> = {
+    [key in keyof TF]: V;
+};
+export declare const useFormReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any>, extraData?: { [key in keyof TF]?: any; }) => ReadOnly<TF, boolean>;
+export {};

package/build/hooks/useFormReadOnly.js

@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useState } from 'react';
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+var isValidData = function (data) {
+    if (data === null || data === undefined)
+        return false;
+    if (typeof data === 'boolean')
+        return data === true;
+    if (typeof data === 'string' && data.trim() === '')
+        return false;
+    if (typeof data === 'object' && Object.keys(data).length === 0)
+        return false;
+    if (Array.isArray(data) && data.length === 0)
+        return false;
+    return true;
+};
+export var useFormReadOnly = function (methods, extraData) {
+    if (extraData === void 0) { extraData = {}; }
+    var _a = useState({}), readOnly = _a[0], setReadOnly = _a[1];
+    var data = useAppSelector(settingsSelector).data;
+    var setReadOnlyValues = useCallback(function () {
+        if (data.boardMaturity)
+            return;
+        var values = methods.formState.defaultValues;
+        var readOnlyValues = {};
+        for (var key in values) {
+            var value = values === null || values === void 0 ? void 0 : values[key];
+            readOnlyValues[key] = isValidData(value);
+        }
+        for (var key in extraData) {
+            var value = extraData === null || extraData === void 0 ? void 0 : extraData[key];
+            readOnlyValues[key] = isValidData(value);
+        }
+        setReadOnly(readOnlyValues);
+    }, [methods.formState.defaultValues, data.boardMaturity]);
+    useEffect(function () {
+        setReadOnlyValues();
+    }, [setReadOnlyValues]);
+    return readOnly;
+};

package/build/hooks/useLanguage.d.ts

@@ -0,0 +1,4 @@
+export declare function useLanguage(): {
+    isAr: boolean;
+    isEn: boolean;
+};

package/build/hooks/useLanguage.js

@@ -0,0 +1,8 @@
+import { useTranslation } from 'react-i18next';
+import { LanguageMode } from '../@types';
+export function useLanguage() {
+    var i18n = useTranslation().i18n;
+    var isAr = i18n.language === LanguageMode.AR;
+    var isEn = i18n.language === LanguageMode.EN;
+    return { isAr: isAr, isEn: isEn };
+}

package/build/hooks/useRedirectionListener.d.ts

@@ -0,0 +1,4 @@
+export declare const useRedirectionData: <T>(dataKey?: string) => {
+    data?: T | undefined;
+    error: boolean;
+};

package/build/hooks/useRedirectionListener.js

@@ -0,0 +1,12 @@
+import { decodeObjectBase64, getParameterByName } from '../utils';
+export var useRedirectionData = function (dataKey) {
+    if (dataKey === void 0) { dataKey = 'data'; }
+    var dataToken = getParameterByName(dataKey);
+    if (!dataToken)
+        return { error: true };
+    var data = decodeObjectBase64(dataToken);
+    return {
+        data: data,
+        error: false
+    };
+};

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/useScreen.d.ts

@@ -0,0 +1,3 @@
+export declare const useScreen: (breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => {
+    small: boolean;
+};

package/build/hooks/useScreen.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { useWindowSize } from '.';
+import { useTheme } from '@mui/material/styles';
+export var useScreen = function (breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 'sm'; }
+    var _a = useState(false), small = _a[0], setSmall = _a[1];
+    var width = useWindowSize().width;
+    var theme = useTheme();
+    useEffect(function () {
+        var target = theme.breakpoints.values[breakpoint || 'sm'];
+        setSmall(width < target);
+    }, [width]);
+    return { small: small };
+};

package/build/hooks/useSetFromDefaultValues.d.ts

@@ -0,0 +1,2 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

package/build/hooks/useSetFromDefaultValues.js

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+var isValidValue = function (value) {
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (typeof value === 'object' && !!value)
+        return (Object === null || Object === void 0 ? void 0 : Object.keys(value).length) > 0;
+    return value !== undefined && value !== null && value !== '';
+};
+export var useSetFromDefaultValues = function (method, defaultValues, shouldValidate) {
+    if (shouldValidate === void 0) { shouldValidate = false; }
+    var setFromDefaultValues = function () {
+        for (var key in defaultValues) {
+            if (Object.prototype.hasOwnProperty.call(defaultValues, key)) {
+                if (key === 'responseBody')
+                    continue;
+                var value = defaultValues[key];
+                if (!isValidValue(method.getValues(key)) && isValidValue(value)) {
+                    method.setValue(key, value, { shouldValidate: shouldValidate });
+                }
+            }
+        }
+    };
+    useEffect(function () {
+        setFromDefaultValues();
+    }, [defaultValues]);
+};

package/build/hooks/useStepStartedListener.d.ts

@@ -0,0 +1 @@
+export declare const useStepStartedListener: () => void;

package/build/hooks/useStepStartedListener.js

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+export var useStepStartedListener = function () {
+    var settings = useAppSelector(settingsSelector);
+    useEffect(function () {
+        var _a, _b;
+        (_b = (_a = settings.data.appConfig).onStepStarted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name);
+    }, [settings.data.activeScreen]);
+};

package/build/hooks/useThemeMode.d.ts

@@ -0,0 +1,4 @@
+export declare const useThemeMode: () => {
+    isDark: boolean;
+    isLight: boolean;
+};

package/build/hooks/useThemeMode.js

@@ -0,0 +1,7 @@
+import { useTheme } from '@mui/material/styles';
+export var useThemeMode = function () {
+    var theme = useTheme();
+    var isDark = theme.palette.mode === 'dark';
+    var isLight = theme.palette.mode === 'light';
+    return { isDark: isDark, isLight: isLight };
+};

package/build/hooks/useVerifyToken.d.ts

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

package/build/hooks/useVerifyToken.js

@@ -0,0 +1,30 @@
+import { handleCurrentActiveScreen, handleLanguage } from '../app/settings';
+import { getParameterByName } from '../utils';
+import { useAppDispatch } from './useAppDispatch';
+import { useEffect } from 'react';
+export var useVerifyToken = function (_a) {
+    var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName, mode = _a.mode, isValidOperator = _a.isValidOperator, operatorErrorScreenName = _a.operatorErrorScreenName;
+    var dispatch = useAppDispatch();
+    var verifyTokenFun = function () {
+        var token = internalToken ? internalToken : getParameterByName('token');
+        var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verify({ token: token, isInternally: !!internalToken }));
+    };
+    useEffect(function () {
+        if (settingLoading || !open)
+            return;
+        if (!isValidOperator) {
+            dispatch(handleCurrentActiveScreen(operatorErrorScreenName));
+            return;
+        }
+        verifyTokenFun();
+    }, [settingLoading, open, isValidOperator]);
+    useEffect(function () {
+        if (internalToken && open && mode !== 'content')
+            dispatch(handleCurrentActiveScreen(loadingScreenName));
+    }, [navigation]);
+};

package/build/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+interface WindowSize {
+    width: number;
+    height: number;
+}
+export declare const useWindowSize: () => WindowSize;
+export {};

package/build/hooks/useWindowSize.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react';
+export var useWindowSize = function () {
+    var _a = useState({
+        width: 0,
+        height: 0
+    }), windowSize = _a[0], setWindowSize = _a[1];
+    var handleSize = function () {
+        setWindowSize({
+            width: window.innerWidth,
+            height: window.innerHeight
+        });
+    };
+    useEffect(function () {
+        window.addEventListener('resize', handleSize);
+        handleSize();
+        return function () { return window.removeEventListener('resize', handleSize); };
+    }, []);
+    return windowSize;
+};

package/build/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/build/i18n.js

@@ -0,0 +1,34 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import Backend from 'i18next-http-backend';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { LOCAL_STORAGE_KEYS } from './constants';
+import translationEN from './assets/locales/en.json';
+import translationAR from './assets/locales/ar.json';
+var resources = {
+    en: {
+        translation: translationEN
+    },
+    ar: {
+        translation: translationAR
+    }
+};
+i18n
+    .use(Backend)
+    .use(LanguageDetector)
+    .use(initReactI18next)
+    .init({
+    resources: resources,
+    detection: {
+        order: ['querystring', 'localStorage'],
+        lookupQuerystring: LOCAL_STORAGE_KEYS.languageMode || 'lng',
+        htmlTag: document.documentElement
+    },
+    fallbackLng: 'en',
+    debug: false,
+    keySeparator: false,
+    interpolation: {
+        escapeValue: false
+    }
+});
+export default i18n;