@tap-payments/auth-jsconnect 2.0.125-test → 2.1.0

package/build/features/tax/screens/Verify/OTPInput.js

@@ -11,14 +11,15 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppDispatch } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { resendOTP } from '../../../app/tax/taxStore';
+import { isTokenExpired } from '../../../../utils';
+import { resendOTP, taxSelector } from '../../../app/tax/taxStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -33,6 +34,7 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var otpControl = useController({ name: 'otp', control: control });
     var dispatch = useAppDispatch();
+    var error = useAppSelector(taxSelector).error;
     var handleOnOTPChange = function (otp) {
         otpControl.field.onChange(otp);
     };
@@ -42,6 +44,6 @@ var OTPInput = function (_a) {
         dispatch(resendOTP());
     };
     var otpValue = otpControl.field.value;
-    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { loading: loading, timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { loading: loading, timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, hasError: isTokenExpired(error), onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
 };
 export default React.memo(OTPInput);

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

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useAppDispatch, useSetFromDefaultValues } from '../../../../hooks';
@@ -28,7 +17,6 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage, useAppSelector } from '../../../../hooks';
 import { maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
@@ -58,20 +46,19 @@ var FormStyled = styled(Form)(function () { return ({
     flexDirection: 'column'
 }); });
 var VerifyNumber = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e;
     var dispatch = useAppDispatch();
-    var _e = useAppSelector(taxSelector), data = _e.data, loading = _e.loading, error = _e.error;
-    var _f = data.otpData, responseBody = _f.responseBody, defaultValues = __rest(_f, ["responseBody"]);
+    var _f = useAppSelector(taxSelector), data = _f.data, loading = _f.loading, error = _f.error;
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
-        defaultValues: defaultValues,
+        defaultValues: data.otpData,
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, defaultValues);
+    useSetFromDefaultValues(methods, data.otpData);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var _g = React.useState(false), resendLoading = _g[0], setResendLoading = _g[1];
-    var phone = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number;
+    var phone = (_e = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.contact) === null || _d === void 0 ? void 0 : _d.phone) === null || _e === void 0 ? void 0 : _e.number;
     React.useEffect(function () {
         if (error && methods.formState.isValid && phone)
             dispatch(clearError());
@@ -82,10 +69,7 @@ var VerifyNumber = function (_a) {
     var onSubmit = function (formData) {
         dispatch(verifyTaxLeadOTP(formData));
     };
-    var onBack = function () {
-        dispatch(handlePrevScreenStep());
-    };
     var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(VerifyNumber);

package/build/hooks/index.d.ts

@@ -12,3 +12,11 @@ export * from './useWindowSize';
 export * from './useStepStartedListener';
 export * from './useScreen';
 export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountry';
+export * from './useVerifyToken';
+export * from './useFormReadOnly';
+export * from './useDataNoneEditable';
+export * from './useFormErrorAndUpdateReadOnly';
+export * from './useExcludeReadOnlyFelids';
+export * from './useDataVerified';

package/build/hooks/index.js

@@ -12,3 +12,11 @@ export * from './useWindowSize';
 export * from './useStepStartedListener';
 export * from './useScreen';
 export * from './useSetFromDefaultValues';
+export * from './useCountUp';
+export * from './useCountry';
+export * from './useVerifyToken';
+export * from './useFormReadOnly';
+export * from './useDataNoneEditable';
+export * from './useFormErrorAndUpdateReadOnly';
+export * from './useExcludeReadOnlyFelids';
+export * from './useDataVerified';

package/build/hooks/useAppConfig.d.ts

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

package/build/hooks/useAppConfig.js

@@ -21,21 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { useEffect } from 'react';
-import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync } from '../app/settings';
+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, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale"]);
+    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, expressToken = _a.expressToken, onExpressVerifyTokenSuccess = _a.onExpressVerifyTokenSuccess, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity", "expressToken", "onExpressVerifyTokenSuccess"]);
     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.DEV_BASE_URL;
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
     };
     var setAppConfig = function () {
         dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
@@ -51,11 +53,16 @@ export var useAppConfig = function (_a) {
     useEffect(function () {
         if (rest.open === false)
             return;
-        removeRequestHeaders();
+        if (!disableSettingFetching)
+            removeRequestHeaders();
         checkDomain();
         setBaseUrl();
         setAppConfig();
-        dispatch(handleLanguage(rest.language));
-        dispatch(fetchAppSettingsSync({ disableCountries: disableCountries, disableLocale: disableLocale }));
+        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, expressToken: expressToken, onExpressVerifyTokenSuccess: onExpressVerifyTokenSuccess }));
     }, []);
 };

package/build/hooks/useAppDispatch.d.ts

@@ -8,5 +8,6 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
     entity: import("../features/app/entity/entityStore").EntityState;
-    auth: import("../features/app/auth/authStore").AuthState;
+    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/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';
+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,2 @@
-export declare const useErrorListener: (error?: string | null) => void;
+import { DataLayer } from '../@types';
+export declare const useErrorListener: (error?: string | null, event?: DataLayer) => void;

package/build/hooks/useErrorListener.js

@@ -1,11 +1,26 @@
+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) {
+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/useExcludeReadOnlyFelids.d.ts

@@ -0,0 +1,11 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+type ReadOnly<TF, V> = {
+    [key in keyof TF]: V;
+};
+export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any>, 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';
+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';
+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/useSetFromDefaultValues.js

@@ -2,8 +2,8 @@ import { useEffect } from 'react';
 var isValidValue = function (value) {
     if (Array.isArray(value))
         return value.length > 0;
-    if (typeof value === 'object')
-        return Object.keys(value).length > 0;
+    if (typeof value === 'object' && !!value)
+        return (Object === null || Object === void 0 ? void 0 : Object.keys(value).length) > 0;
     return value !== undefined && value !== null && value !== '';
 };
 export var useSetFromDefaultValues = function (method, defaultValues, shouldValidate) {
@@ -11,6 +11,8 @@ export var useSetFromDefaultValues = function (method, defaultValues, shouldVali
     var setFromDefaultValues = function () {
         for (var key in defaultValues) {
             if (Object.prototype.hasOwnProperty.call(defaultValues, key)) {
+                if (key === 'responseBody')
+                    continue;
                 var value = defaultValues[key];
                 if (!isValidValue(method.getValues(key)) && isValidValue(value)) {
                     method.setValue(key, value, { shouldValidate: shouldValidate });

package/build/hooks/useVerifyToken.d.ts

@@ -0,0 +1,15 @@
+import { ScreenStepNavigation } from '../@types';
+interface VerifyLeadTokenProps {
+    token: string;
+    isInternally?: boolean;
+}
+interface IVerifyToken {
+    verify: (props: VerifyLeadTokenProps) => any;
+    internalToken?: string;
+    open: boolean;
+    settingLoading: boolean;
+    navigation: ScreenStepNavigation[];
+    loadingScreenName: string;
+}
+export declare const useVerifyToken: ({ verify, internalToken, navigation, open, settingLoading, loadingScreenName }: IVerifyToken) => void;
+export {};

package/build/hooks/useVerifyToken.js

@@ -0,0 +1,25 @@
+import { handleCurrentActiveScreen, handleLanguage } from '../app/settings';
+import { getParameterByName } from '../utils';
+import { useAppDispatch } from './useAppDispatch';
+import { useEffect } from 'react';
+export var useVerifyToken = function (_a) {
+    var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName;
+    var dispatch = useAppDispatch();
+    var verifyTokenFun = function () {
+        var token = internalToken ? internalToken : getParameterByName('token');
+        var lang = getParameterByName('lang');
+        if (lang)
+            dispatch(handleLanguage(lang));
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verify({ token: token, isInternally: !!internalToken }));
+    };
+    useEffect(function () {
+        if (!settingLoading && open)
+            verifyTokenFun();
+    }, [settingLoading, open]);
+    useEffect(function () {
+        if (internalToken && open)
+            dispatch(handleCurrentActiveScreen(loadingScreenName));
+    }, [navigation]);
+};

package/build/index.d.ts

@@ -1,13 +1,14 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
-import { SignInLib, renderSignInLib, SignInLibProps, unmountSignInLib } from './features/signIn';
-import { EntityLib, EntityLibProps, renderEntityLib, unmountEntityLib } from './features/entity';
-import { AuthLib, AuthLibProps, renderAuthLib, unmountAuthLib } from './features/auth';
-export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, AuthLibProps, SignInLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+import { ConnectElement, ConnectLibProps } from './features/connect';
+import { ConnectExpressElement, ConnectExpressLibProps } from './features/connectExpress';
+import { BusinessElement, BusinessLibProps } from './features/business';
+import { PasswordElement, PasswordLibProps } from './features/password';
+import { IndividualElement, IndividualLibProps } from './features/individual';
+import { BankElement, BankLibProps } from './features/bank';
+import { TaxElement, TaxLibProps } from './features/tax';
+import { SignInElement, SignInLibProps } from './features/signIn';
+import { EntityElement, EntityLibProps } from './features/entity';
+import { BrandElement, BrandLibProps } from './features/brand';
+export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps };
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement };

package/build/index.js

@@ -1,33 +1,26 @@
 import './index.css';
 import './i18n';
-import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
-import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
-import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
-import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
-import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
-import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
-import { SignInLib, renderSignInLib, unmountSignInLib } from './features/signIn';
-import { EntityLib, renderEntityLib, unmountEntityLib } from './features/entity';
-import { AuthLib, renderAuthLib, unmountAuthLib } from './features/auth';
-export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+import { ConnectElement, renderConnectLib } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib } from './features/connectExpress';
+import { BusinessElement, renderBusinessLib } from './features/business';
+import { PasswordElement, renderPasswordLib } from './features/password';
+import { IndividualElement, renderIndividualLib } from './features/individual';
+import { BankElement, renderBankLib } from './features/bank';
+import { TaxElement, renderTaxLib } from './features/tax';
+import { SignInElement, renderSignInLib } from './features/signIn';
+import { EntityElement, renderEntityLib } from './features/entity';
+import { BrandElement, renderBrandLib } from './features/brand';
+export { ConnectElement, ConnectExpressElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
-    unmountConnectLib: unmountConnectLib,
+    renderConnectExpressLib: renderConnectExpressLib,
     renderBusinessLib: renderBusinessLib,
-    unmountBusinessLib: unmountBusinessLib,
     renderPasswordLib: renderPasswordLib,
-    unmountPasswordLib: unmountPasswordLib,
     renderIndividualLib: renderIndividualLib,
-    unmountIndividualLib: unmountIndividualLib,
     renderBankLib: renderBankLib,
-    unmountBankLib: unmountBankLib,
     renderTaxLib: renderTaxLib,
-    unmountTaxLib: unmountTaxLib,
     renderEntityLib: renderEntityLib,
-    unmountEntityLib: unmountEntityLib,
-    renderSignInLib: renderSignInLib,
-    unmountSignInLib: unmountSignInLib,
-    renderAuthLib: renderAuthLib,
-    unmountAuthLib: unmountAuthLib
+    renderBrandLib: renderBrandLib,
+    renderSignInLib: renderSignInLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));