@tap-payments/auth-jsconnect 1.0.14 → 1.0.21

package/build/features/tax/Tax.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export interface TaxLibProps {
-}
-export declare function TaxLib(props: TaxLibProps): JSX.Element;
-export declare function renderTaxLib(config: TaxLibProps, elementId: string): void;
-export declare function unmountTaxLib(elementId: string): void;
+/// <reference types="react" />
+export interface TaxLibProps {
+}
+export declare function TaxLib(props: TaxLibProps): JSX.Element;
+export declare function renderTaxLib(config: TaxLibProps, elementId: string): void;
+export declare function unmountTaxLib(elementId: string): void;

package/build/features/tax/Tax.js

@@ -1,50 +1,50 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import React, { memo, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAppTheme, useAppDispatch, useAppSelector } from '../../hooks';
-import { handleActiveFlowScreens, settingsSelector } from '../../app/settings';
-import AnimationFlow from '../../components/AnimationFlow';
-import { store } from '../../app/store';
-import { ReduxProvider, ThemeProvider } from '../../components/Providers';
-import Collapse from '../../components/Collapse';
-import { reactElement } from '../../utils';
-import { TAX_SCREENS_NAVIGATION } from '../../constants';
-import { taxFeatureScreens } from '../featuresScreens';
-import CustomFooter from '../shared/Footer';
-import { FeatureContainer } from '../shared/Containers';
-var Tax = memo(function (props) {
-    var open = React.useState(true)[0];
-    var t = useTranslation().t;
-    var theme = useAppTheme().theme;
-    var dispatch = useAppDispatch();
-    var data = useAppSelector(settingsSelector).data;
-    var activeScreen = data.activeScreen;
-    useEffect(function () {
-        dispatch(handleActiveFlowScreens(TAX_SCREENS_NAVIGATION));
-    }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: taxFeatureScreens.map(function (_a, index) {
-                    var Element = _a.element, name = _a.name;
-                    var isActive = activeScreen.name === name;
-                    return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 300, appear: 300, exit: 400 } }, { children: _jsx(Element, {}) }), index));
-                }) }) })) })));
-});
-export function TaxLib(props) {
-    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));
-}
-export function renderTaxLib(config, elementId) {
-    reactElement(elementId).render(_jsx(TaxLib, __assign({}, config)));
-}
-export function unmountTaxLib(elementId) {
-    reactElement(elementId).unmount();
-}
+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 { jsx as _jsx } from "react/jsx-runtime";
+import React, { memo, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAppTheme, useAppDispatch, useAppSelector } from '../../hooks';
+import { handleActiveFlowScreens, settingsSelector } from '../../app/settings';
+import AnimationFlow from '../../components/AnimationFlow';
+import { store } from '../../app/store';
+import { ReduxProvider, ThemeProvider } from '../../components/Providers';
+import Collapse from '../../components/Collapse';
+import { reactElement } from '../../utils';
+import { TAX_SCREENS_NAVIGATION } from '../../constants';
+import { taxFeatureScreens } from '../featuresScreens';
+import CustomFooter from '../shared/Footer';
+import { FeatureContainer } from '../shared/Containers';
+var Tax = memo(function (props) {
+    var open = React.useState(true)[0];
+    var t = useTranslation().t;
+    var theme = useAppTheme().theme;
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(settingsSelector).data;
+    var activeScreen = data.activeScreen;
+    useEffect(function () {
+        dispatch(handleActiveFlowScreens(TAX_SCREENS_NAVIGATION));
+    }, []);
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: taxFeatureScreens.map(function (_a, index) {
+                    var Element = _a.element, name = _a.name;
+                    var isActive = activeScreen.name === name;
+                    return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 300, appear: 300, exit: 400 } }, { children: _jsx(Element, {}) }), index));
+                }) }) })) })));
+});
+export function TaxLib(props) {
+    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));
+}
+export function renderTaxLib(config, elementId) {
+    reactElement(elementId).render(_jsx(TaxLib, __assign({}, config)));
+}
+export function unmountTaxLib(elementId) {
+    reactElement(elementId).unmount();
+}

package/build/features/tax/index.d.ts

@@ -1 +1 @@
-export * from './Tax';
+export * from './Tax';

package/build/features/tax/index.js

@@ -1 +1 @@
-export * from './Tax';
+export * from './Tax';

package/build/features/tax/screens/Success/Success.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export interface SuccessProps {
-}
-declare const _default: React.MemoExoticComponent<({}: SuccessProps) => JSX.Element>;
-export default _default;
+import * as React from 'react';
+export interface SuccessProps {
+}
+declare const _default: React.MemoExoticComponent<({}: SuccessProps) => JSX.Element>;
+export default _default;

package/build/features/tax/screens/Success/Success.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import SuccessScreen from '../../../shared/SuccessScreen';
-var Success = function (_a) {
-    var t = useTranslation().t;
-    var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
-    };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
-};
-export default React.memo(Success);
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+var Success = function (_a) {
+    var t = useTranslation().t;
+    var onSuccess = function () {
+        console.log('success');
+        alert('Account created successfully, please check your email');
+        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+    };
+    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
+};
+export default React.memo(Success);

package/build/features/tax/screens/Success/index.d.ts

@@ -1,3 +1,3 @@
-import Success, { SuccessProps } from './Success';
-export type { SuccessProps };
-export default Success;
+import Success, { SuccessProps } from './Success';
+export type { SuccessProps };
+export default Success;

package/build/features/tax/screens/Success/index.js

@@ -1,2 +1,2 @@
-import Success from './Success';
-export default Success;
+import Success from './Success';
+export default Success;

package/build/features/tax/screens/TaxDetails/TaxDetails.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface TaxDetailsProps {
-}
-declare const TaxDetails: () => JSX.Element;
-export default TaxDetails;
+/// <reference types="react" />
+export interface TaxDetailsProps {
+}
+declare const TaxDetails: () => JSX.Element;
+export default TaxDetails;

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -1,45 +1,45 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ScreenContainer } from '../../../shared/Containers';
-import Button from '../../../shared/Button';
-import { useAppDispatch, useLanguage } from '../../../../hooks';
-import { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
-import { useForm, FormProvider } from 'react-hook-form';
-import Form from '../../../../components/Form';
-import { handleNextScreenStep } from '../../../../app/settings';
-import { Validation } from './validation';
-import { yupResolver } from '@hookform/resolvers/yup';
-import VATId from './VATId';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var TaxDetails = function () {
-    var dispatch = useAppDispatch();
-    var methods = useForm({
-        resolver: yupResolver(Validation),
-        defaultValues: {
-            vatId: ''
-        },
-        mode: 'onChange'
-    });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var onSubmit = function (data) {
-        console.log('data', data);
-        dispatch(handleNextScreenStep());
-    };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, {}), _jsx(Button, __assign({ isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') }))] })) })) }));
-};
-export default TaxDetails;
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
+import { useAppDispatch, useLanguage } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import Form from '../../../../components/Form';
+import { handleNextScreenStep } from '../../../../app/settings';
+import { Validation } from './validation';
+import { yupResolver } from '@hookform/resolvers/yup';
+import VATId from './VATId';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var TaxDetails = function () {
+    var dispatch = useAppDispatch();
+    var methods = useForm({
+        resolver: yupResolver(Validation),
+        defaultValues: {
+            vatId: ''
+        },
+        mode: 'onChange'
+    });
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var onSubmit = function (data) {
+        console.log('data', data);
+        dispatch(handleNextScreenStep());
+    };
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, {}), _jsx(Button, __assign({ disableBack: true, isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') }))] })) })) }));
+};
+export default TaxDetails;

package/build/features/tax/screens/TaxDetails/VATId.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const VATId: () => JSX.Element;
-export default VATId;
+/// <reference types="react" />
+declare const VATId: () => JSX.Element;
+export default VATId;

package/build/features/tax/screens/TaxDetails/VATId.js

@@ -1,26 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FeatureContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { VAT_ID_LENGTH } from '../../../../constants';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import { removeAllCharsFromNumber } from '../../../../utils';
-var VATId = function () {
-    var _a;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var vatControl = useController({ name: 'vatId', control: control });
-    var handleOnChange = function (vat) {
-        var value = removeAllCharsFromNumber(vat);
-        vatControl.field.onChange(value);
-    };
-    var vatValue = vatControl.field.value;
-    var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var clearValue = function () {
-        vatControl.field.onChange('');
-    };
-    return (_jsx(FeatureContainer, { children: _jsx(Input, { label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: '00000000000', warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
-};
-export default VATId;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FeatureContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { VAT_ID_LENGTH } from '../../../../constants';
+import ClearIcon from '../../../shared/ClearIcon';
+import CheckIcon from '../../../shared/CheckIcon';
+import { removeAllCharsFromNumber } from '../../../../utils';
+var VATId = function () {
+    var _a;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var vatControl = useController({ name: 'vatId', control: control });
+    var handleOnChange = function (vat) {
+        var value = removeAllCharsFromNumber(vat);
+        vatControl.field.onChange(value);
+    };
+    var vatValue = vatControl.field.value;
+    var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var clearValue = function () {
+        vatControl.field.onChange('');
+    };
+    return (_jsx(FeatureContainer, { children: _jsx(Input, { label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: '00000000000', warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+};
+export default VATId;

package/build/features/tax/screens/TaxDetails/index.d.ts

@@ -1,3 +1,3 @@
-import TaxDetails, { TaxDetailsProps } from './TaxDetails';
-export type { TaxDetailsProps };
-export default TaxDetails;
+import TaxDetails, { TaxDetailsProps } from './TaxDetails';
+export type { TaxDetailsProps };
+export default TaxDetails;

package/build/features/tax/screens/TaxDetails/index.js

@@ -1,2 +1,2 @@
-import TaxDetails from './TaxDetails';
-export default TaxDetails;
+import TaxDetails from './TaxDetails';
+export default TaxDetails;

package/build/features/tax/screens/TaxDetails/validation.d.ts

@@ -1,8 +1,8 @@
-import * as yup from 'yup';
-export declare const Validation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
+import * as yup from 'yup';
+export declare const Validation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

package/build/features/tax/screens/TaxDetails/validation.js

@@ -1,4 +1,4 @@
-import * as yup from 'yup';
-export var Validation = yup.object().shape({
-    vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat')
-});
+import * as yup from 'yup';
+export var Validation = yup.object().shape({
+    vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat')
+});

package/build/hooks/index.d.ts

@@ -1,8 +1,9 @@
-export * from './useThemeMode';
-export * from './useAppTheme';
-export * from './useAppTheme';
-export * from './useAppSelector';
-export * from './useAppDispatch';
-export * from './useEventListener';
-export * from './useLanguage';
-export * from './useContainerDimensions';
+export * from './useThemeMode';
+export * from './useAppTheme';
+export * from './useAppTheme';
+export * from './useAppSelector';
+export * from './useAppDispatch';
+export * from './useEventListener';
+export * from './useLanguage';
+export * from './useContainerDimensions';
+export * from './useAppConfig';

package/build/hooks/index.js

@@ -1,8 +1,9 @@
-export * from './useThemeMode';
-export * from './useAppTheme';
-export * from './useAppTheme';
-export * from './useAppSelector';
-export * from './useAppDispatch';
-export * from './useEventListener';
-export * from './useLanguage';
-export * from './useContainerDimensions';
+export * from './useThemeMode';
+export * from './useAppTheme';
+export * from './useAppTheme';
+export * from './useAppSelector';
+export * from './useAppDispatch';
+export * from './useEventListener';
+export * from './useLanguage';
+export * from './useContainerDimensions';
+export * from './useAppConfig';

package/build/hooks/useAppConfig.d.ts

@@ -0,0 +1,11 @@
+import { AppInfo, ScreenStepNavigation } from '../@types';
+interface AppConfigProps {
+    appInfo: AppInfo;
+    navigation: ScreenStepNavigation[];
+    publicKey?: string;
+}
+export declare const useAppConfig: ({ appInfo, navigation, publicKey }: AppConfigProps) => {
+    loading: boolean;
+    error: string | null;
+};
+export {};

package/build/hooks/useAppConfig.js

@@ -0,0 +1,34 @@
+import { useEffect } from 'react';
+import { handleActiveFlowScreens, settingsSelector, getClientIp, getBrowserFingerPrint, getOperator } from '../app/settings';
+import { useAppDispatch } from './useAppDispatch';
+import { useAppSelector } from './useAppSelector';
+export var useAppConfig = function (_a) {
+    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, loading = _b.loading;
+    var deviceInfo = data.deviceInfo, language = data.language;
+    var device = deviceInfo.device, browser = deviceInfo.browser;
+    useEffect(function () {
+        dispatch(handleActiveFlowScreens(navigation));
+        dispatch(getClientIp());
+        dispatch(getBrowserFingerPrint(appInfo));
+    }, []);
+    var handleGetOperator = function () {
+        var _a, _b;
+        var payload = {
+            type: 'website',
+            app_client_version: 'onboarding_version_2',
+            requirer_browser: "".concat(browser === null || browser === void 0 ? void 0 : browser.name, " , ").concat(browser === null || browser === void 0 ? void 0 : browser.version),
+            os: "".concat((_a = device.os) === null || _a === void 0 ? void 0 : _a.name, " , ").concat((_b = device.os) === null || _b === void 0 ? void 0 : _b.version),
+            locale: language,
+            connect_pkey: publicKey || ''
+        };
+        dispatch(getOperator(payload));
+    };
+    useEffect(function () {
+        if (device.os.name && browser.name && publicKey) {
+            handleGetOperator();
+        }
+    }, [device, browser, publicKey]);
+    return { loading: loading, error: error };
+};

package/build/hooks/useAppDispatch.d.ts

@@ -1,4 +1,4 @@
-export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
-    settings: import("../app/settings").SettingsState;
-    mid: import("../features/app/connect/midStore").MIDState;
-}, 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;
+}, 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,14 +1,14 @@
-import { useEffect, useState } from 'react';
-import { LanguageMode, DirectionMode } from '../@types';
-import { settingsSelector } from '../app/settings';
-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, dir));
-    }, [data.skin, data.language]);
-    return { theme: theme };
-};
+import { useEffect, useState } from 'react';
+import { LanguageMode, DirectionMode } from '../@types';
+import { settingsSelector } from '../app/settings';
+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, dir));
+    }, [data.skin, data.language]);
+    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/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 };