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

package/build/features/terminal/screens/shared/styles.js

@@ -0,0 +1,155 @@
+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 Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import { alpha, styled } from '@mui/material/styles';
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
+import Typography from '@mui/material/Typography';
+import Radio from '@mui/material/Radio';
+import Icon from '../../../../components/Icon';
+import DeviceCard from '../../../../components/DeviceCard';
+export var Container = styled(Box)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%'
+}); });
+export var LinkNewTerminalContainer = styled(Container)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        gap: spacing(1)
+    });
+});
+export var TextTypography = styled(Typography)(function (_a) {
+    var _b = _a.theme, palette = _b.palette, typography = _b.typography;
+    return (__assign(__assign({}, typography.caption), { color: alpha(palette.text.primary, 0.6) }));
+});
+export var LinkWithText = styled(TextTypography)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        paddingBlock: spacing(1)
+    });
+});
+export var LinkTerminalText = styled(TextTypography)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        paddingInline: spacing(2.625)
+    });
+});
+export var QRCodeDescription = styled(Box)(function (_a) {
+    var _b = _a.theme, palette = _b.palette, spacing = _b.spacing, typography = _b.typography;
+    return (__assign(__assign({ backgroundColor: palette.common.white, borderWidth: spacing(0.125, 0, 0.125, 0), borderStyle: 'solid', borderColor: palette.divider, padding: spacing(1.5, 2.5, 1.5, 2.5), marginTop: spacing(1), color: palette.text.primary }, typography.body1), { fontWeight: typography.fontWeightLight }));
+});
+export var SuccessContainerStyled = styled(Container)(function () { return ({
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    pointerEvents: 'auto'
+}); });
+export var ScrollContainer = styled(Box)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        maxHeight: spacing(20.625),
+        overflow: 'scroll'
+    });
+});
+export var POSListContainer = styled(Box)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        display: 'flex',
+        justifyContent: 'space-between',
+        flexDirection: 'column',
+        alignItems: 'center',
+        width: '100%',
+        gap: spacing(0.75)
+    });
+});
+export var ListContainer = styled(Box)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, _c = _b.palette, common = _c.common, toastDeviceSelectorDropdown = _c.components.toastDeviceSelectorDropdown;
+    return ({
+        marginTop: spacing(1),
+        border: "1px solid ".concat(toastDeviceSelectorDropdown.border),
+        backgroundColor: common.white,
+        borderRadius: spacing(1)
+    });
+});
+export var TitleContainer = styled(Box)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, toastDeviceSelectorDropdown = _b.palette.components.toastDeviceSelectorDropdown;
+    return ({
+        padding: spacing(1.5, 2, 1.5, 2),
+        display: 'flex',
+        flexDirection: 'row',
+        gap: spacing(0.75),
+        alignItems: 'center',
+        borderBottom: "1px solid ".concat(toastDeviceSelectorDropdown.border)
+    });
+});
+export var Image = styled(Icon)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        width: spacing(3),
+        height: spacing(3)
+    });
+});
+export var Title = styled(Typography)(function (_a) {
+    var _b = _a.theme, typography = _b.typography, palette = _b.palette;
+    return (__assign(__assign({}, typography.body2), { color: palette.components.deviceCard.title, fontWeight: typography.fontWeightBold }));
+});
+export var ListItem = styled(DeviceCard)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        paddingTop: spacing(1),
+        paddingBottom: spacing(1)
+    });
+});
+export var StyledRadio = styled(Radio)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        '&.Mui-checked': {
+            color: theme.palette.primary.main
+        }
+    });
+});
+export var ArrowIcon = styled(ArrowForwardIosIcon)(function (_a) {
+    var _b = _a.theme, palette = _b.palette, direction = _b.direction;
+    return (__assign({ color: palette.components.deviceCard.title, fontSize: '16px' }, (direction === 'rtl' && {
+        transform: 'rotate(180deg)'
+    })));
+});
+export var HeadContainer = styled(Box)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        width: '100%',
+        paddingBottom: spacing(2)
+    });
+});
+export var LinkButton = styled(Button)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
+    return (__assign(__assign({}, typography.button_small), { fontWeight: typography.fontWeightRegular, textTransform: 'none', color: palette.primary.main, display: 'flex', alignItems: 'center', gap: spacing(0.5) }));
+});
+export var AddIconContainer = styled(Box)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette;
+    return ({
+        background: alpha(palette.primary.main, 0.1),
+        height: spacing(2.25),
+        width: spacing(2.25),
+        display: 'flex',
+        justifyContent: 'center',
+        borderRadius: spacing(11.25),
+        alignItems: 'center'
+    });
+});
+export var LinkText = styled(Typography)(function (_a) {
+    var typography = _a.theme.typography;
+    return (__assign({}, typography.button_small));
+});

package/build/features/terminal/screens/shared/utils.d.ts

@@ -0,0 +1,7 @@
+import { TerminalInfo } from '../../../../@types';
+export declare const getPairedWith: (terminal: TerminalInfo | undefined) => string | undefined;
+export declare const getId: (terminal: TerminalInfo | undefined) => string;
+export declare const getIdLabel: (terminal: TerminalInfo | undefined) => "terminal_device_id" | "terminal_serial_number";
+export declare const getTerminalId: (terminal: TerminalInfo) => string;
+export declare const getTerminalName: (terminal: TerminalInfo) => string;
+export declare const getTerminalIdLabel: (terminal: TerminalInfo) => "terminal_device_id" | "terminal_id";

package/build/features/terminal/screens/shared/utils.js

@@ -0,0 +1,24 @@
+export var getPairedWith = function (terminal) {
+    var _a;
+    return (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.display_name;
+};
+export var getId = function (terminal) {
+    var _a;
+    return ((terminal === null || terminal === void 0 ? void 0 : terminal.device) ? terminal.device.reference || terminal.device.id : (_a = terminal === null || terminal === void 0 ? void 0 : terminal.terminal_device) === null || _a === void 0 ? void 0 : _a.serial_number) || '';
+};
+export var getIdLabel = function (terminal) {
+    var _a;
+    return ((_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.id) ? 'terminal_device_id' : 'terminal_serial_number';
+};
+export var getTerminalId = function (terminal) {
+    var _a, _b;
+    return (_b = (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : terminal.legacy_id;
+};
+export var getTerminalName = function (terminal) {
+    var _a, _b, _c;
+    return (_b = (_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.display_name) !== null && _b !== void 0 ? _b : (_c = terminal === null || terminal === void 0 ? void 0 : terminal.name) === null || _c === void 0 ? void 0 : _c.en;
+};
+export var getTerminalIdLabel = function (terminal) {
+    var _a;
+    return ((_a = terminal === null || terminal === void 0 ? void 0 : terminal.device) === null || _a === void 0 ? void 0 : _a.id) ? 'terminal_device_id' : 'terminal_id';
+};

package/build/hooks/index.d.ts

@@ -0,0 +1,25 @@
+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';
+export * from './useErrorListener';
+export * from './useWindowSize';
+export * from './useStepStartedListener';
+export * from './useScreen';
+export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountDown';
+export * from './useCountry';
+export * from './useVerifyToken';
+export * from './useFormReadOnly';
+export * from './useDataNoneEditable';
+export * from './useFormErrorAndUpdateReadOnly';
+export * from './useExcludeReadOnlyFelids';
+export * from './useDataVerified';
+export * from './useFormDirtyCheck';
+export * from './useSanitizedTranslation';

package/build/hooks/index.js

@@ -0,0 +1,25 @@
+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';
+export * from './useErrorListener';
+export * from './useWindowSize';
+export * from './useStepStartedListener';
+export * from './useScreen';
+export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountDown';
+export * from './useCountry';
+export * from './useVerifyToken';
+export * from './useFormReadOnly';
+export * from './useDataNoneEditable';
+export * from './useFormErrorAndUpdateReadOnly';
+export * from './useExcludeReadOnlyFelids';
+export * from './useDataVerified';
+export * from './useFormDirtyCheck';
+export * from './useSanitizedTranslation';

package/build/hooks/useAppConfig.d.ts

@@ -0,0 +1,12 @@
+import { ConfigInfo, LibConfig, ScreenStepNavigation } from '../@types';
+interface AppConfigProps extends LibConfig {
+    navigation: ScreenStepNavigation[];
+    disableCountries?: boolean;
+    disableLocale?: boolean;
+    disableSettingFetching?: boolean;
+    maturity?: 'full' | 'express';
+    configToken?: string;
+    onVerifyConfigTokenSuccess?: (data: ConfigInfo) => Promise<void>;
+}
+export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, boardMaturity, configToken, onVerifyConfigTokenSuccess, scope, mode, showBoard, features, ...rest }: AppConfigProps) => void;
+export {};

package/build/hooks/useAppConfig.js

@@ -0,0 +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, handelBoardMaturity, settingsSelector } from '../app/settings';
+import { useAppDispatch } from './useAppDispatch';
+import { useAppSelector } from './useAppSelector';
+import { isConnectTapDomain, removeRequestHeaders, setBaseUrl } from '../utils';
+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, configToken = _a.configToken, onVerifyConfigTokenSuccess = _a.onVerifyConfigTokenSuccess, scope = _a.scope, mode = _a.mode, showBoard = _a.showBoard, features = _a.features, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity", "configToken", "onVerifyConfigTokenSuccess", "scope", "mode", "showBoard", "features"]);
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(settingsSelector).data;
+    var setAppConfig = function () {
+        if (!disableSettingFetching) {
+            dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey, scope: scope === null || scope === void 0 ? void 0 : scope.toLowerCase(), mode: mode !== null && mode !== void 0 ? mode : 'page', showBoard: showBoard !== null && showBoard !== void 0 ? showBoard : true, features: __assign({ merchantLogo: true, switchLanguage: true, overlay: true, loaderOverlay: true }, features) }, rest)));
+        }
+        dispatch(handleActiveFlowScreens(navigation));
+    };
+    var checkDomain = function () {
+        var isTap = isConnectTapDomain(rest.merchantDomain);
+        dispatch(handleIsTapOrigin(isTap));
+    };
+    useEffect(function () {
+        dispatch(handleOpen(rest.open));
+    }, [rest.open]);
+    useEffect(function () {
+        if (rest.open === false)
+            return;
+        if (!disableSettingFetching && !configToken)
+            removeRequestHeaders();
+        checkDomain();
+        setBaseUrl(publicKey, rest.region);
+        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,
+                onVerifyConfigTokenSuccess: onVerifyConfigTokenSuccess,
+                configToken: configToken,
+                settingData: rest.settingData
+            }));
+    }, []);
+};

package/build/hooks/useAppDispatch.d.ts

@@ -0,0 +1,17 @@
+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;
+    auth: import("../features/app/auth/authStore").AuthState;
+    board: import("../features/app/board/boardStore").BoardState;
+    kyc: import("../features/app/kyc/kycStore").KYCDataState;
+    terminal: import("../features/app/terminal/terminalStore").TerminalDataState;
+}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/hooks/useAppDispatch.js

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

package/build/hooks/useAppSelector.d.ts

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

package/build/hooks/useAppSelector.js

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

package/build/hooks/useAppTheme.d.ts

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

package/build/hooks/useAppTheme.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+import { LanguageMode, DirectionMode } from '../@types';
+import { settingsSelector } from '../app/settings';
+import { isMobile, isTablet } 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;
+        var isSmallScreen = isMobile && !isTablet;
+        setTheme(appTheme(data.skin, dir, isSmallScreen));
+    }, [data.skin, data.language, isMobile, isTablet]);
+    return { theme: theme };
+};

package/build/hooks/useContainerDimensions.d.ts

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

package/build/hooks/useContainerDimensions.js

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

package/build/hooks/useCountDown.d.ts

@@ -0,0 +1,10 @@
+interface CountDownOptions {
+    end?: number;
+    start: number;
+    startTimer: boolean;
+    sleepMS?: number;
+}
+export declare const useCountDown: ({ end, start, startTimer, sleepMS }: CountDownOptions) => {
+    count: number;
+};
+export {};

package/build/hooks/useCountDown.js

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

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,5 @@
+export declare const useCountry: (code: string) => {
+    isKuwait: boolean;
+    isSaudi: boolean;
+    isOther: boolean;
+};

package/build/hooks/useCountry.js

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

@@ -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

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

package/build/hooks/useErrorListener.js

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

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

package/build/hooks/useEventListener.js

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

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 };
+};