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

package/build/hooks/useCountry.d.ts

@@ -1,5 +0,0 @@
-export declare const useCountry: (code: string) => {
-    isKuwait: boolean;
-    isSaudi: boolean;
-    isOther: boolean;
-};

package/build/hooks/useCountry.js

@@ -1,8 +0,0 @@
-import { isKW, isSA } from '../utils';
-import { useMemo } from 'react';
-export var useCountry = function (code) {
-    var isKuwait = useMemo(function () { return isKW(code); }, [code]);
-    var isSaudi = useMemo(function () { return isSA(code); }, [code]);
-    var isOther = useMemo(function () { return !isKW(code) && !isSA(code); }, [code]);
-    return { isKuwait: isKuwait, isSaudi: isSaudi, isOther: isOther };
-};

package/build/hooks/useDataNoneEditable.d.ts

@@ -1,2 +0,0 @@
-import { FieldType } from '../@types';
-export declare const useDataNoneEditable: <T = undefined>(dataStatus: Record<keyof T, FieldType>, noneEditableKeys: (keyof T)[]) => { [key in keyof T]: boolean; };

package/build/hooks/useDataNoneEditable.js

@@ -1,19 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { hasNoneEditableValue } from '../utils';
-export var useDataNoneEditable = function (dataStatus, noneEditableKeys) {
-    var _a = useState({}), dataNoneEditable = _a[0], setDataNoneEditable = _a[1];
-    var setNoneEditableValue = useCallback(function () {
-        if (!dataStatus)
-            return;
-        var obj = {};
-        noneEditableKeys.forEach(function (path) {
-            var isNoneEditable = hasNoneEditableValue(dataStatus, path);
-            obj[path] = isNoneEditable;
-        });
-        setDataNoneEditable(obj);
-    }, [dataStatus, noneEditableKeys, hasNoneEditableValue]);
-    useEffect(function () {
-        setNoneEditableValue();
-    }, [setDataNoneEditable]);
-    return dataNoneEditable;
-};

package/build/hooks/useDataVerified.d.ts

@@ -1,6 +0,0 @@
-import { FieldType } from '../@types';
-type DataVerified<T> = {
-    [K in keyof T]?: boolean;
-};
-export declare const useDataVerified: <T = undefined>(dataVerification: Record<keyof T, FieldType>, verifiedKeys: (keyof T)[]) => DataVerified<T>;
-export {};

package/build/hooks/useDataVerified.js

@@ -1,19 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { hasVerifiedValue } from '../utils';
-export var useDataVerified = function (dataVerification, verifiedKeys) {
-    var _a = useState({}), dataVerified = _a[0], setVerified = _a[1];
-    var setVerifiedValue = useCallback(function () {
-        if (!dataVerification)
-            return;
-        var obj = {};
-        verifiedKeys.forEach(function (path) {
-            var isVerified = hasVerifiedValue(dataVerification, path);
-            obj[path] = isVerified;
-        });
-        setVerified(obj);
-    }, [dataVerification, verifiedKeys]);
-    useEffect(function () {
-        setVerifiedValue();
-    }, [setVerified]);
-    return dataVerified;
-};

package/build/hooks/useErrorListener.d.ts

@@ -1,2 +0,0 @@
-import { DataLayer } from '../@types';
-export declare const useErrorListener: (error?: string | null, event?: DataLayer) => void;

package/build/hooks/useErrorListener.js

@@ -1,27 +0,0 @@
-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 { useEffect } from 'react';
-import { settingsSelector } from '../app/settings';
-import { sendCustomEventToGTM } from '../utils';
-import { useAppSelector } from './useAppSelector';
-export var useErrorListener = function (error, event) {
-    var settings = useAppSelector(settingsSelector);
-    useEffect(function () {
-        var _a, _b;
-        if (error) {
-            if (event) {
-                sendCustomEventToGTM(__assign(__assign({}, event), { event_label: error }));
-            }
-            (_b = (_a = settings.data.appConfig) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, error);
-        }
-    }, [error]);
-};

package/build/hooks/useEventListener.d.ts

@@ -1,5 +0,0 @@
-import { RefObject } from 'react';
-declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
-export { useEventListener };

package/build/hooks/useEventListener.js

@@ -1,20 +0,0 @@
-import { useEffect, useLayoutEffect, useRef } from 'react';
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-function useEventListener(eventName, handler, element, options) {
-    var savedHandler = useRef(handler);
-    useIsomorphicLayoutEffect(function () {
-        savedHandler.current = handler;
-    }, [handler]);
-    useEffect(function () {
-        var targetElement = (element === null || element === void 0 ? void 0 : element.current) || window;
-        if (!(targetElement && targetElement.addEventListener)) {
-            return;
-        }
-        var eventListener = function (event) { return savedHandler.current(event); };
-        targetElement.addEventListener(eventName, eventListener, options);
-        return function () {
-            targetElement.removeEventListener(eventName, eventListener);
-        };
-    }, [eventName, element, options]);
-}
-export { useEventListener };

package/build/hooks/useExcludeReadOnlyFelids.d.ts

@@ -1,11 +0,0 @@
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-type ReadOnly<TF, V> = {
-    [key in keyof TF]: V;
-};
-export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any, TF>, readOnly: ReadOnly<TF, boolean>) => {
-    getFelids: <T extends TF = TF>(data: T) => {
-        originalFormData: T;
-        formData: T;
-    };
-};
-export {};

package/build/hooks/useExcludeReadOnlyFelids.js

@@ -1,33 +0,0 @@
-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 { settingsSelector } from '../app/settings';
-import { useAppSelector } from './useAppSelector';
-export var useExcludeReadOnlyFelids = function (_a, readOnly) {
-    var formState = _a.formState;
-    var settingData = useAppSelector(settingsSelector).data;
-    var getFelids = function (data) {
-        if (settingData.boardMaturity !== false)
-            return { originalFormData: data, formData: data };
-        var object = {};
-        var objectCopy = __assign({}, data);
-        for (var key in data) {
-            if (readOnly[key] === true)
-                continue;
-            object[key] = data[key];
-        }
-        return {
-            originalFormData: objectCopy,
-            formData: object
-        };
-    };
-    return { getFelids: getFelids };
-};

package/build/hooks/useFormDirtyCheck.d.ts

@@ -1,10 +0,0 @@
-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, TFieldValues>, backendData: TFieldValues, customAttrs?: CustomAttrProps[]) => UseFormWithDirtyCheck;
-export {};

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, TF>, 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, TF>, 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/useSanitizedTranslation.d.ts

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

package/build/hooks/useSanitizedTranslation.js

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

@@ -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, TFieldValues>, 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;