@tap-payments/auth-jsconnect 2.0.33-test → 2.0.34-test

package/build/hooks/useAppConfig.d.ts

@@ -1,6 +1,6 @@
-import { LibConfig, ScreenStepNavigation } from '../@types';
-interface AppConfigProps extends LibConfig {
-    navigation: ScreenStepNavigation[];
-}
-export declare const useAppConfig: ({ appInfo, navigation, publicKey, ...rest }: AppConfigProps) => void;
-export {};
+import { LibConfig, ScreenStepNavigation } from '../@types';
+interface AppConfigProps extends LibConfig {
+    navigation: ScreenStepNavigation[];
+}
+export declare const useAppConfig: ({ appInfo, navigation, publicKey, ...rest }: AppConfigProps) => void;
+export {};

package/build/hooks/useAppConfig.js

@@ -1,59 +1,59 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useEffect } from 'react';
-import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync } from '../app/settings';
-import { useAppDispatch } from './useAppDispatch';
-import { axiosInstance } from '../api';
-import { isTapDomain, removeRequestHeaders } from '../utils';
-import { ENDPOINT_PATHS } from '../constants';
-export var useAppConfig = function (_a) {
-    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, rest = __rest(_a, ["appInfo", "navigation", "publicKey"]);
-    var dispatch = useAppDispatch();
-    var setBaseUrl = function () {
-        var isProd = publicKey.includes('pk_live');
-        if (isProd) {
-            axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
-            return;
-        }
-        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
-    };
-    var setAppConfig = function () {
-        dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
-        dispatch(handleActiveFlowScreens(navigation));
-    };
-    var checkDomain = function () {
-        var isTap = isTapDomain(rest.merchantDomain);
-        dispatch(handleIsTapOrigin(isTap));
-    };
-    useEffect(function () {
-        dispatch(handleOpen(rest.open));
-    }, [rest.open]);
-    useEffect(function () {
-        removeRequestHeaders();
-        checkDomain();
-        setBaseUrl();
-        setAppConfig();
-        dispatch(handleLanguage(rest.language));
-        dispatch(fetchAppSettingsSync());
-    }, []);
-};
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useEffect } from 'react';
+import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync } from '../app/settings';
+import { useAppDispatch } from './useAppDispatch';
+import { axiosInstance } from '../api';
+import { isTapDomain, removeRequestHeaders } from '../utils';
+import { ENDPOINT_PATHS } from '../constants';
+export var useAppConfig = function (_a) {
+    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, rest = __rest(_a, ["appInfo", "navigation", "publicKey"]);
+    var dispatch = useAppDispatch();
+    var setBaseUrl = function () {
+        var isProd = publicKey.includes('pk_live');
+        if (isProd) {
+            axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+            return;
+        }
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+    };
+    var setAppConfig = function () {
+        dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
+        dispatch(handleActiveFlowScreens(navigation));
+    };
+    var checkDomain = function () {
+        var isTap = isTapDomain(rest.merchantDomain);
+        dispatch(handleIsTapOrigin(isTap));
+    };
+    useEffect(function () {
+        dispatch(handleOpen(rest.open));
+    }, [rest.open]);
+    useEffect(function () {
+        removeRequestHeaders();
+        checkDomain();
+        setBaseUrl();
+        setAppConfig();
+        dispatch(handleLanguage(rest.language));
+        dispatch(fetchAppSettingsSync());
+    }, []);
+};

package/build/hooks/useAppDispatch.d.ts

@@ -1,12 +1,12 @@
-export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
-    settings: import("../app/settings").SettingsState;
-    connect: import("../features/app/connect/connectStore").ConnectState;
-    business: import("../features/app/business/businessStore").BusinessState;
-    bank: import("../features/app/bank/bankStore").BankState;
-    tax: import("../features/app/tax/taxStore").TaxState;
-    individual: import("../features/app/individual/individualStore").IndividualState;
-    password: import("../features/app/password/passwordStore").PasswordState;
-    signIn: import("../features/app/signIn/signInStore").SignInState;
-    entity: import("../features/app/entity/entityStore").EntityState;
-    otp: import("../features/app/otp/otpStore").OtpState;
-}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;
+export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
+    settings: import("../app/settings").SettingsState;
+    connect: import("../features/app/connect/connectStore").ConnectState;
+    business: import("../features/app/business/businessStore").BusinessState;
+    bank: import("../features/app/bank/bankStore").BankState;
+    tax: import("../features/app/tax/taxStore").TaxState;
+    individual: import("../features/app/individual/individualStore").IndividualState;
+    password: import("../features/app/password/passwordStore").PasswordState;
+    signIn: import("../features/app/signIn/signInStore").SignInState;
+    entity: import("../features/app/entity/entityStore").EntityState;
+    otp: import("../features/app/otp/otpStore").OtpState;
+}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/hooks/useAppDispatch.js

@@ -1,2 +1,2 @@
-import { useDispatch } from 'react-redux';
-export var useAppDispatch = function () { return useDispatch(); };
+import { useDispatch } from 'react-redux';
+export var useAppDispatch = function () { return useDispatch(); };

package/build/hooks/useAppSelector.d.ts

@@ -1,3 +1,3 @@
-import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from '../app/store';
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;
+import { TypedUseSelectorHook } from 'react-redux';
+import { RootState } from '../app/store';
+export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/build/hooks/useAppSelector.js

@@ -1,2 +1,2 @@
-import { useSelector } from 'react-redux';
-export var useAppSelector = useSelector;
+import { useSelector } from 'react-redux';
+export var useAppSelector = useSelector;

package/build/hooks/useAppTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemContext } from '../@types';
-export declare const useAppTheme: () => {
-    theme: ThemContext | undefined;
-};
+import { ThemContext } from '../@types';
+export declare const useAppTheme: () => {
+    theme: ThemContext | undefined;
+};

package/build/hooks/useAppTheme.js

@@ -1,15 +1,15 @@
-import { useEffect, useState } from 'react';
-import { LanguageMode, DirectionMode } from '../@types';
-import { settingsSelector } from '../app/settings';
-import { isMobile } from 'react-device-detect';
-import { useAppSelector } from './useAppSelector';
-import { appTheme } from '../theme';
-export var useAppTheme = function () {
-    var _a = useState(), theme = _a[0], setTheme = _a[1];
-    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]);
-    return { theme: theme };
-};
+import { useEffect, useState } from 'react';
+import { LanguageMode, DirectionMode } from '../@types';
+import { settingsSelector } from '../app/settings';
+import { isMobile } from 'react-device-detect';
+import { useAppSelector } from './useAppSelector';
+import { appTheme } from '../theme';
+export var useAppTheme = function () {
+    var _a = useState(), theme = _a[0], setTheme = _a[1];
+    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]);
+    return { theme: theme };
+};

package/build/hooks/useContainerDimensions.d.ts

@@ -1,4 +1,4 @@
-export declare const useContainerDimensions: (ref: any) => {
-    width: number;
-    height: number;
-};
+export declare const useContainerDimensions: (ref: any) => {
+    width: number;
+    height: number;
+};

package/build/hooks/useContainerDimensions.js

@@ -1,21 +1,21 @@
-import { useEffect, useState } from 'react';
-export var useContainerDimensions = function (ref) {
-    var getDimensions = function () { return ({
-        width: ref.current.offsetWidth,
-        height: ref.current.offsetHeight
-    }); };
-    var _a = useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
-    useEffect(function () {
-        var handleResize = function () {
-            setDimensions(getDimensions());
-        };
-        if (ref.current) {
-            setDimensions(getDimensions());
-        }
-        window.addEventListener('resize', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [ref]);
-    return dimensions;
-};
+import { useEffect, useState } from 'react';
+export var useContainerDimensions = function (ref) {
+    var getDimensions = function () { return ({
+        width: ref.current.offsetWidth,
+        height: ref.current.offsetHeight
+    }); };
+    var _a = useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setDimensions(getDimensions());
+        };
+        if (ref.current) {
+            setDimensions(getDimensions());
+        }
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [ref]);
+    return dimensions;
+};

package/build/hooks/useErrorListener.d.ts

@@ -1 +1 @@
-export declare const useErrorListener: (error?: string | null) => void;
+export declare const useErrorListener: (error?: string | null) => void;

package/build/hooks/useErrorListener.js

@@ -1,17 +1,18 @@
-import { useEffect } from 'react';
-import { settingsSelector } from '../app/settings';
-import { useAppSelector } from './useAppSelector';
-export var useErrorListener = function (error) {
-    var settings = useAppSelector(settingsSelector);
-    useEffect(function () {
-        var _a, _b;
-        if (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]);
-    useEffect(function () {
-        var _a, _b;
-        if (!settings.error)
-            (_b = (_a = settings.data.appConfig).onReady) === null || _b === void 0 ? void 0 : _b.call(_a);
-    }, [settings.error]);
-};
+import { useEffect } from 'react';
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+export var useErrorListener = function (error) {
+    var settings = useAppSelector(settingsSelector);
+    useEffect(function () {
+        var _a, _b;
+        if (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]);
+    useEffect(function () {
+        var _a, _b;
+        if (!settings.error && !settings.loading) {
+            (_b = (_a = settings.data.appConfig).onReady) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    }, [settings.error, settings.loading]);
+};

package/build/hooks/useEventListener.d.ts

@@ -1,5 +1,5 @@
-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 };
+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 +1,20 @@
-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 };
+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/useLanguage.d.ts

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

package/build/hooks/useLanguage.js

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

package/build/hooks/useRedirectionListener.js

@@ -1,12 +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
-    };
-};
+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/useStepStartedListener.d.ts

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

package/build/hooks/useStepStartedListener.js

@@ -1,10 +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]);
-};
+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 +1,4 @@
-export declare const useThemeMode: () => {
-    isDark: boolean;
-    isLight: boolean;
-};
+export declare const useThemeMode: () => {
+    isDark: boolean;
+    isLight: boolean;
+};

package/build/hooks/useThemeMode.js

@@ -1,7 +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 };
-};
+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/useWindowSize.d.ts

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

package/build/hooks/useWindowSize.js

@@ -1,19 +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;
-};
+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 +1,2 @@
-import i18n from 'i18next';
-export default i18n;
+import i18n from 'i18next';
+export default i18n;

package/build/i18n.js

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