@tap-payments/auth-jsconnect 2.0.60-test → 2.0.60

package/build/hooks/useAppConfig.js

@@ -1,61 +1,68 @@
-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 () {
-        if (rest.open === false)
-            return;
-        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, handelBoardMaturity, settingsSelector } from '../app/settings';
+import { useAppDispatch } from './useAppDispatch';
+import { useAppSelector } from './useAppSelector';
+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, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, boardMaturity = _a.boardMaturity, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity"]);
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(settingsSelector).data;
+    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.SANDBOX_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 () {
+        if (rest.open === false)
+            return;
+        if (!disableSettingFetching)
+            removeRequestHeaders();
+        checkDomain();
+        setBaseUrl();
+        setAppConfig();
+        if (typeof boardMaturity === 'boolean')
+            dispatch(handelBoardMaturity(boardMaturity));
+        if (!data.isMaturityExpress)
+            dispatch(handleLanguage(rest.language));
+        if (!disableSettingFetching)
+            dispatch(fetchAppSettingsSync({ disableCountries: disableCountries, disableLocale: disableLocale, mdn: rest.merchantDomain, maturity: maturity }));
+    }, []);
+};

package/build/hooks/useAppDispatch.d.ts

@@ -1,13 +1,13 @@
-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;
-    auth: import("../features/app/auth/authStore").AuthState;
-}, 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;
+    brand: import("../features/app/brand/brandStore").BrandState;
+    connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
+}, 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/useCountUp.d.ts

@@ -0,0 +1,9 @@
+interface CountUpOptions {
+    end: number;
+    start?: number;
+    sleepMS?: number;
+}
+export declare const useCountUp: ({ end, start, sleepMS }: CountUpOptions) => {
+    count: number;
+};
+export {};

package/build/hooks/useCountUp.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+export var useCountUp = function (_a) {
+    var end = _a.end, _b = _a.start, start = _b === void 0 ? 0 : _b, _c = _a.sleepMS, sleepMS = _c === void 0 ? 0 : _c;
+    var _d = useState(start), count = _d[0], setCount = _d[1];
+    var increment = function () {
+        setCount(count + 1);
+    };
+    useEffect(function () {
+        if (count >= end)
+            return;
+        var timer = setTimeout(function () {
+            increment();
+        }, sleepMS);
+        return function () { return clearTimeout(timer); };
+    }, [count]);
+    return { count: count };
+};

package/build/hooks/useCountry.d.ts

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

package/build/hooks/useCountry.js

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

package/build/hooks/useDataNoneEditable.d.ts

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

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

@@ -0,0 +1,6 @@
+import { FieldType } from '../@types';
+declare 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

@@ -0,0 +1,19 @@
+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 +1 @@
-export declare const useErrorListener: (error?: string | null) => void;
+export declare const useErrorListener: (error?: string | null) => void;

package/build/hooks/useErrorListener.js

@@ -1,18 +1,12 @@
-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]);
-};
+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]);
+};

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

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

package/build/hooks/useExcludeReadOnlyFelids.js

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

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

package/build/hooks/useFormErrorAndUpdateReadOnly.js

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

package/build/hooks/useFormReadOnly.d.ts

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

package/build/hooks/useFormReadOnly.js

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

package/build/hooks/useLanguage.d.ts

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