@tap-payments/auth-jsconnect 2.8.76-development → 2.8.77-development

package/build/hooks/useFormDirtyCheck.js

@@ -1,66 +0,0 @@
-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

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

package/build/hooks/useFormErrorAndUpdateReadOnly.js

@@ -1,48 +0,0 @@
-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

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

package/build/hooks/useFormReadOnly.js

@@ -1,40 +0,0 @@
-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

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

package/build/hooks/useLanguage.js

@@ -1,8 +0,0 @@
-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

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

package/build/hooks/useRedirectionListener.js

@@ -1,12 +0,0 @@
-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/useScreen.d.ts

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

package/build/hooks/useScreen.js

@@ -1,14 +0,0 @@
-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

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

package/build/hooks/useSetFromDefaultValues.js

@@ -1,26 +0,0 @@
-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

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

package/build/hooks/useStepStartedListener.js

@@ -1,10 +0,0 @@
-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

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

package/build/hooks/useThemeMode.js

@@ -1,7 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

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

package/build/hooks/useWindowSize.js

@@ -1,19 +0,0 @@
-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

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

package/build/i18n.js

@@ -1,34 +0,0 @@
-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;