@tap-payments/auth-jsconnect 2.1.11-test → 2.1.13-test

package/build/features/auth/screens/NID/NID.js

@@ -1,68 +0,0 @@
-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 * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { NIDValidationSchema, NIDDOBValidationSchema } from './validation';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
-import { settingsSelector } from '../../../../app/settings';
-import { clearError, authSelector, createAuth } from '../../../app/auth/authStore';
-import Form from '../../../../components/Form';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import Collapse from '../../../../components/Collapse';
-import IDNumber from './IDNumber';
-import TAC from './TAC';
-import DOB from './DOB';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var NID = function (_a) {
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var t = useTranslation().t;
-    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
-    var _c = useAppSelector(authSelector), data = _c.data, loading = _c.loading, error = _c.error;
-    var settingsStore = useAppSelector(settingsSelector);
-    var nid = data.nid, dob = data.dob, termAndConditionChecked = data.termAndConditionChecked, responseBody = data.responseBody;
-    var isDobAvailable = responseBody === null || responseBody === void 0 ? void 0 : responseBody.date_of_birth;
-    var methods = useForm({
-        resolver: yupResolver(!isDobAvailable ? NIDDOBValidationSchema : NIDValidationSchema),
-        defaultValues: {
-            nid: nid,
-            dob: dob,
-            termAndConditionChecked: termAndConditionChecked
-        },
-        mode: 'onChange'
-    });
-    useSetFromDefaultValues(methods, { nid: nid, dob: dob, termAndConditionChecked: termAndConditionChecked });
-    React.useEffect(function () {
-        handleClearError();
-    }, [methods.formState.isValid]);
-    var onSubmit = function (data) {
-        dispatch(createAuth(data));
-    };
-    var handleCollapseOpenClose = function (flag) {
-        setCollapse(flag);
-    };
-    var handleClearError = function () {
-        if (error)
-            dispatch(clearError());
-    };
-    var disabled = !methods.formState.isValid || !!error;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(IDNumber, {}) })), _jsx(DOB, { show: !isDobAvailable, onDateClicked: handleCollapseOpenClose }), _jsxs(Collapse, __assign({ in: !collapse }, { children: [_jsx(TAC, {}), _jsx(Button, __assign({ loading: loading, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, error: t(error || '') }, { children: t('next') }))] }))] })) })) }));
-};
-export default React.memo(NID);

package/build/features/auth/screens/NID/TAC.d.ts

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

package/build/features/auth/screens/NID/TAC.js

@@ -1,87 +0,0 @@
-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 * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled, alpha } from '@mui/material/styles';
-import Link from '@mui/material/Link';
-import CheckBox from '../../../../components/CheckBox';
-import { ScreenContainer } from '../../../shared/Containers';
-import Text from '../../../../components/Text';
-import Warning from '../../../../components/Warning';
-import { useLanguage } from '../../../../hooks';
-import Collapse from '../../../../components/Collapse';
-import { EXTERNAL_LINKS, TAP_WEBSITE } from '../../../../constants';
-import { settingsSelector } from '../../../../app/settings';
-import { useAppSelector } from '../../../../hooks';
-import { authSelector } from '../../../../features/app/auth/authStore';
-var TACContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingInlineStart: theme.spacing(2.5)
-    });
-});
-var TextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({ color: alpha(theme.palette.text.primary, 0.4), fontWeight: theme.typography.fontWeightLight, whiteSpace: 'pre-line', height: 'fit-content' }, theme.typography.body2));
-});
-var LinkStyled = styled(Link)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.primary.main,
-        fontWeight: theme.typography.fontWeightMedium,
-        letterSpacing: theme.spacing(0)
-    });
-});
-var CheckboxStyled = styled(CheckBox)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0),
-        padding: theme.spacing(0),
-        marginInlineEnd: theme.spacing(1.5),
-        color: theme.palette.primary.main,
-        '& .MuiSvgIcon-root': {
-            fontSize: theme.spacing(3.75)
-        },
-        '&.Mui-checked': {
-            color: theme.palette.text.primary,
-            borderRadius: theme.spacing(2.5)
-        }
-    });
-});
-var CollapseStyled = styled(Collapse)(function () { return ({
-    width: '100%'
-}); });
-var TAC = function () {
-    var _a, _b;
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var settingsData = useAppSelector(settingsSelector).data;
-    var data = useAppSelector(authSelector).data;
-    var tacControl = useController({ control: control, name: 'termAndConditionChecked' });
-    var tacChecked = tacControl.field.value;
-    var warningMessage = (_a = tacControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var countryCode = ((_b = data.countryISOCode) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || settingsData.businessCountry.iso2.toLowerCase();
-    var handleTACCheckedChange = function (event, checked) {
-        tacControl.field.onChange(checked);
-    };
-    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 3, mb: 1.625 } }, { children: [_jsxs(TACContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: tacChecked, onChange: handleTACCheckedChange }), _jsxs(TextStyled, { children: [t('read_agree_terms_and_conditions_message'), _jsx(LinkStyled, __assign({ href: isAr
-                                    ? TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TOS_AR
-                                    : TAP_WEBSITE + countryCode + EXTERNAL_LINKS.TOS_EN, target: '_blank', underline: 'always' }, { children: t('terms_and_conditions_link_title') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })));
-};
-export default React.memo(TAC);

package/build/features/auth/screens/NID/index.d.ts

@@ -1,3 +0,0 @@
-import NID, { NIDProps } from './NID';
-export type { NIDProps };
-export default NID;

package/build/features/auth/screens/NID/index.js

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

package/build/features/auth/screens/NID/validation.d.ts

@@ -1,27 +0,0 @@
-import * as yup from 'yup';
-export declare const NIDValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    dob: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    dob: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    dob: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
-}>>>;
-export declare const NIDDOBValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    nid: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
-}>>>;

package/build/features/auth/screens/NID/validation.js

@@ -1,19 +0,0 @@
-import * as yup from 'yup';
-export var NIDValidationSchema = yup.object().shape({
-    nid: yup
-        .string()
-        .matches(/^(1|2)([0-9]{1,})$/g, 'signup_invalid_national_id_format')
-        .min(10, 'signup_invalid_national_id')
-        .required('signup_invalid_national_id'),
-    dob: yup.string().optional(),
-    termAndConditionChecked: yup.boolean().required().isTrue('check_terms_cond')
-});
-export var NIDDOBValidationSchema = yup.object().shape({
-    nid: yup
-        .string()
-        .matches(/^(1|2)([0-9]{1,})$/g, 'signup_invalid_national_id_format')
-        .min(10, 'signup_invalid_national_id')
-        .required('signup_invalid_national_id'),
-    dob: yup.string().min(5).required('enter_valid_birth_date'),
-    termAndConditionChecked: yup.boolean().required().isTrue('check_terms_cond')
-});

package/build/features/auth/screens/OTP/OTP.d.ts

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

package/build/features/auth/screens/OTP/OTP.js

@@ -1,76 +0,0 @@
-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 Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import Text from '../../../../components/Text';
-import { clearError, authSelector, resetOTPScreen, verifyAuthOTP } from '../../../app/auth/authStore';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { useLanguage } from '../../../../hooks';
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { handlePrevScreenStep } from '../../../../app/settings';
-import Form from '../../../../components/Form';
-import { maskPhone } from '../../../../utils';
-import { OTPValidation } from './validation';
-import OTPInput from './OTPInput';
-var OTPTitleContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        background: theme.palette.common.white,
-        border: '1px solid',
-        borderColor: theme.palette.divider,
-        direction: theme.direction,
-        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        marginBottom: theme.spacing(5.75)
-    });
-});
-var OTPTitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightLight, marginBlock: theme.spacing(1.75), marginInline: theme.spacing(2.5), lineHeight: 1.75, whiteSpace: 'pre-line' }));
-});
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var OTP = function () {
-    var dispatch = useAppDispatch();
-    var _a = useAppSelector(authSelector), data = _a.data, loading = _a.loading, error = _a.error;
-    var methods = useForm({
-        resolver: yupResolver(OTPValidation),
-        defaultValues: { otp: '' },
-        mode: 'onChange'
-    });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-        return function () {
-            dispatch(resetOTPScreen());
-        };
-    }, [methods.formState.isValid]);
-    var onSubmit = function (formData) {
-        dispatch(verifyAuthOTP(formData));
-    };
-    var onBack = function () {
-        dispatch(handlePrevScreenStep());
-    };
-    var disabled = !methods.formState.isValid || !!error;
-    var phone = data.nid;
-    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('opt_nid_sent_title', { provider: 'ABSHER' }), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disabled: disabled, isAr: isAr, loading: loading, error: t(error || ''), onBackClicked: function () { return onBack(); } }, { children: t('confirm') }))] })) })) }));
-};
-export default React.memo(OTP);

package/build/features/auth/screens/OTP/OTPInput.d.ts

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

package/build/features/auth/screens/OTP/OTPInput.js

@@ -1,51 +0,0 @@
-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 * as React from 'react';
-import { useController, useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import OTPField from '../../../shared/OTP';
-import { authSelector, clearError, resendOTP } from '../../../app/auth/authStore';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        fontFamily: theme.typography.fontFamily
-    });
-});
-var OTPInput = function (_a) {
-    var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
-    var t = useTranslation().t;
-    var dispatch = useAppDispatch();
-    var otpControl = useController({ name: 'otp', control: control });
-    var _c = useAppSelector(authSelector), error = _c.error, loading = _c.loading;
-    var handleOnOTPChange = function (otp) {
-        if (!!error)
-            dispatch(clearError());
-        otpControl.field.onChange(otp);
-    };
-    var handleOnResendOTP = function () {
-        if (!!error)
-            dispatch(clearError());
-        if (otpControl.field.value)
-            setValue('otp', '', { shouldValidate: true });
-        dispatch(resendOTP());
-    };
-    var otpValue = otpControl.field.value;
-    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: loading ? undefined : handleOnResendOTP, value: otpValue, disabled: loading, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
-};
-export default React.memo(OTPInput);

package/build/features/auth/screens/OTP/index.d.ts

@@ -1,3 +0,0 @@
-import OTP, { OTPProps } from './OTP';
-export type { OTPProps };
-export default OTP;

package/build/features/auth/screens/OTP/index.js

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

package/build/features/auth/screens/OTP/validation.d.ts

@@ -1,8 +0,0 @@
-import * as yup from 'yup';
-export declare const OTPValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    otp: 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, {
-    otp: 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, {
-    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;

package/build/features/auth/screens/OTP/validation.js

@@ -1,4 +0,0 @@
-import * as yup from 'yup';
-export var OTPValidation = yup.object().shape({
-    otp: yup.string().min(6, 'otp_min_length').required('otp_required')
-});

package/build/features/bank/Bank.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { LibConfig } from '../../@types';
-export interface BankLibProps extends LibConfig {
-}
-export declare function BankLib(props: BankLibProps): JSX.Element;
-export declare function renderBankLib(config: BankLibProps, elementId: string): void;
-export declare function unmountBankLib(elementId: string): void;

package/build/features/bank/Bank.js

@@ -1,69 +0,0 @@
-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 { memo, useEffect } from 'react';
-import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig, useStepStartedListener } from '../../hooks';
-import { handleLanguage, 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 { getParameterByName, reactElement, removeElement } from '../../utils';
-import { FeatureContainer } from '../shared/Containers';
-import { BANK_SCREENS_NAVIGATION, DIALOG_ID } from '../../constants';
-import { bankFeatureScreens } from '../featuresScreens';
-import CustomFooter from '../shared/Footer';
-import { bankSelector, verifyLeadToken } from '../app/bank/bankStore';
-import Background from '../shared/Background';
-var Bank = memo(function (props) {
-    var theme = useAppTheme().theme;
-    var dispatch = useAppDispatch();
-    var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
-    var _b = useAppSelector(bankSelector), customLoading = _b.customLoading, loading = _b.loading, bankError = _b.error;
-    useAppConfig(__assign({ navigation: BANK_SCREENS_NAVIGATION }, props));
-    useErrorListener(bankError || error);
-    useStepStartedListener();
-    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
-    var verifyToken = function () {
-        var token = getParameterByName('token');
-        var lang = getParameterByName('lang');
-        if (lang)
-            dispatch(handleLanguage(lang));
-        if (!token)
-            throw new Error('Auth token is not found!');
-        dispatch(verifyLeadToken(token));
-    };
-    useEffect(function () {
-        if (!settingLoading && open)
-            verifyToken();
-    }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: bankFeatureScreens.map(function (_a, index) {
-                        var Element = _a.element, name = _a.name;
-                        var isActive = activeScreen.name === name;
-                        return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
-                    }) }) })) })) })));
-});
-export function BankLib(props) {
-    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Bank, __assign({}, props)) })));
-}
-export function renderBankLib(config, elementId) {
-    reactElement(elementId).render(_jsx(BankLib, __assign({}, config)));
-}
-export function unmountBankLib(elementId) {
-    var element = document.getElementById(elementId);
-    setTimeout(function () {
-        var _a;
-        ((_a = element === null || element === void 0 ? void 0 : element.children) === null || _a === void 0 ? void 0 : _a.length) && element.removeChild(element.children[0]);
-        removeElement(DIALOG_ID);
-        elementId && reactElement(elementId).unmount();
-    }, 1000);
-}

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

@@ -1 +0,0 @@
-export * from './Bank';

package/build/features/bank/index.js

@@ -1 +0,0 @@
-export * from './Bank';

package/build/features/bank/screens/BankDetails/BankDetails.d.ts

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

package/build/features/bank/screens/BankDetails/BankDetails.js

@@ -1,86 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ScreenContainer } from '../../../shared/Containers';
-import Beneficiary from './Beneficiary';
-import IBAN from './IBAN';
-import BankName from './BankName';
-import Button from '../../../shared/Button';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
-import { BankKWFLValidation, BankValidation } from './validation';
-import { useTranslation } from 'react-i18next';
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { useLanguage } from '../../../../hooks';
-import { styled } from '@mui/material/styles';
-import { BusinessType } from '../../../../@types';
-import { bankSelector, clearError, createBankAccount } from '../../../app/bank/bankStore';
-import Form from '../../../../components/Form';
-import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/settings';
-import ConfirmPolicy from './ConfirmPolicy';
-import BankStatement from './BankStatement';
-import { isKW } from '../../../../utils';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column',
-    overflow: 'hidden'
-}); });
-var ButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockStart: theme.spacing(1)
-    });
-});
-var BankDetails = function () {
-    var _a, _b, _c;
-    var _d = React.useState(false), ibanChecking = _d[0], setIbanChecking = _d[1];
-    var dispatch = useAppDispatch();
-    var _e = useAppSelector(bankSelector), data = _e.data, loading = _e.loading, error = _e.error, uploading = _e.uploading;
-    var settingsData = useAppSelector(settingsSelector).data;
-    var _f = data.bankData, responseBody = _f.responseBody, defaultValues = __rest(_f, ["responseBody"]);
-    var verify = data.verify;
-    var isKWCountry = React.useMemo(function () { return isKW(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var isFL = ((_c = (_b = (_a = verify.responseBody) === null || _a === void 0 ? void 0 : _a.entity) === null || _b === void 0 ? void 0 : _b.type) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === BusinessType.FL ? true : false;
-    var methods = useForm({
-        resolver: yupResolver(isKWCountry && isFL ? BankKWFLValidation : BankValidation),
-        defaultValues: defaultValues,
-        mode: 'onChange'
-    });
-    useSetFromDefaultValues(methods, defaultValues);
-    var onSubmit = function (data) {
-        dispatch(createBankAccount(data));
-    };
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var onBack = function () {
-        dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-    };
-    var disabled = ibanChecking || !methods.formState.isValid || !!error || uploading;
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-    }, [methods.formState.isValid, methods.watch('bankStatementFile')]);
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(BankStatement, {}), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, disableBack: true, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
-};
-export default BankDetails;

package/build/features/bank/screens/BankDetails/BankName.d.ts

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

package/build/features/bank/screens/BankDetails/BankName.js

@@ -1,60 +0,0 @@
-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 * as React from 'react';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { styled } from '@mui/material/styles';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import { bankSelector } from '../../../app/bank/bankStore';
-import { useAppSelector } from '../../../../hooks';
-import { removeAllOtherThanAlphabetAndSpace } from '../../../../utils';
-import Collapse from '../../../../components/Collapse';
-var FeatureStyled = styled(ScreenContainer)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockStart: theme.spacing(3)
-    });
-});
-var InputStyled = styled(Input)(function () { return ({
-    '& .MuiInputBase-input': {
-        cursor: 'default'
-    }
-}); });
-var BankName = function () {
-    var _a, _b;
-    var t = useTranslation().t;
-    var _c = useFormContext(), setValue = _c.setValue, control = _c.control;
-    var data = useAppSelector(bankSelector).data;
-    var bankNameControl = useController({ name: 'bankName', control: control });
-    var bankNameValue = bankNameControl.field.value;
-    var hasError = !!((_a = bankNameControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message);
-    var clearValue = function () {
-        bankNameControl.field.onChange('');
-    };
-    React.useEffect(function () {
-        var _a;
-        var bankName = (_a = data.bankData.responseBody) === null || _a === void 0 ? void 0 : _a.bank_name;
-        if (bankName && !bankNameValue)
-            setValue('bankName', bankName);
-    }, [(_b = data.bankData.responseBody) === null || _b === void 0 ? void 0 : _b.bank_name]);
-    var handleBankChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllOtherThanAlphabetAndSpace(target.value);
-        bankNameControl.field.onChange(value);
-    };
-    return (_jsx(Collapse, __assign({ in: !!bankNameValue }, { children: _jsx(FeatureStyled, { children: _jsx(InputStyled, { label: t('enter_bank_name'), placeholder: t('enter_bank_name_placeholder'), onChange: handleBankChange, value: bankNameValue, required: true, readOnly: true, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }) })));
-};
-export default BankName;

package/build/features/bank/screens/BankDetails/BankStatement.d.ts

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