@tap-payments/auth-jsconnect 1.0.14 → 1.0.21

package/build/features/business/screens/BusinessType/SelectType.js

@@ -1,106 +1,106 @@
-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 } from '@mui/material/styles';
-import RadioGroup from '@mui/material/RadioGroup';
-import Radio from '@mui/material/Radio';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Text from '../../../../components/Text';
-import Collapse from '../../../../components/Collapse';
-import Icon from '../../../../components/Icon/Icon';
-import { ICONS_NAMES } from '../../../../constants';
-import { BusinessType } from '../../../../@types';
-import BTypeSwitch from './Switch';
-var TitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body1), { lineHeight: theme.spacing(2.5), padding: theme.spacing(0, 2.5, 4.75, 2.5), textAlign: 'center' }));
-});
-var RadioGroupStyled = styled(RadioGroup)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {
-            display: 'flex',
-            flexWrap: 'unset',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            paddingBottom: theme.spacing(4),
-            margin: theme.spacing(0, 5.625, 0, 5.625)
-        },
-        _b[theme.breakpoints.down('sm')] = {
-            margin: theme.spacing(0, 3.75, 0, 3.75),
-            justifyContent: 'space-around'
-        },
-        _b);
-});
-var RadioStyled = styled(Radio)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        padding: theme.spacing(0),
-        visibility: 'hidden',
-        width: theme.spacing(0),
-        height: theme.spacing(0)
-    });
-});
-var FLIconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(5.75),
-        height: theme.spacing(5.5)
-    });
-});
-var CRIconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(6.625),
-        height: theme.spacing(6.625)
-    });
-});
-var TextBoxStyled = styled(Box)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {
-            display: 'flex',
-            justifyContent: 'space-around'
-        },
-        _b[theme.breakpoints.down('sm')] = {
-            margin: theme.spacing(0, 3.75, 0, 3.75)
-        },
-        _b);
-});
-var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'active'; } })(function (_a) {
-    var theme = _a.theme, active = _a.active;
-    return (__assign(__assign({ width: theme.spacing(8.75), height: theme.spacing(4.125) }, theme.typography.caption), { lineHeight: theme.spacing(2.25), textAlign: 'center', cursor: 'pointer', display: 'flex', justifyContent: 'center', color: "".concat(active ? theme.palette.text.primary : theme.palette.text.secondary) }));
-});
-var SelectType = function (_a) {
-    var show = _a.show, onSwitchToCR = _a.onSwitchToCR, onSwitchToFL = _a.onSwitchToFL;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var businessTypeControl = useController({ control: control, name: 'businessType' });
-    var handleSwitchToCR = function () {
-        onSwitchToCR === null || onSwitchToCR === void 0 ? void 0 : onSwitchToCR();
-        businessTypeControl.field.onChange(BusinessType.CR);
-    };
-    var handleSwitchToFL = function () {
-        onSwitchToFL === null || onSwitchToFL === void 0 ? void 0 : onSwitchToFL();
-        businessTypeControl.field.onChange(BusinessType.FL);
-    };
-    var type = businessTypeControl.field.value;
-    var FLActive = type === BusinessType.FL;
-    var CRActive = type === BusinessType.CR;
-    var isAnyTypeActive = FLActive || CRActive;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsx(TitleStyled, { children: t('signup_business_type_label') }) })), _jsxs(RadioGroupStyled, __assign({ "aria-labelledby": 'business-type', name: 'business-type' }, { children: [_jsx(BTypeSwitch, { value: BusinessType.FL, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToFL }), label: _jsx(FLIconStyled, { src: FLActive ? ICONS_NAMES.FL_ACTIVE_ICON : ICONS_NAMES.FL_ICON }), active: FLActive }), _jsx(BTypeSwitch, { value: BusinessType.CR, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToCR }), label: _jsx(CRIconStyled, { src: CRActive ? ICONS_NAMES.CR_ACTIVE_ICON : ICONS_NAMES.CR_ICON }), active: CRActive })] })), _jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsxs(TextBoxStyled, { children: [_jsx(TextStyled, __assign({ onClick: handleSwitchToFL, active: FLActive }, { children: t('freelancer_reg') })), _jsx(TextStyled, __assign({ onClick: handleSwitchToCR, active: CRActive }, { children: t('commercial_reg') }))] }) }))] }) })));
-};
-export default React.memo(SelectType);
+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 } from '@mui/material/styles';
+import RadioGroup from '@mui/material/RadioGroup';
+import Radio from '@mui/material/Radio';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import Text from '../../../../components/Text';
+import Collapse from '../../../../components/Collapse';
+import Icon from '../../../../components/Icon/Icon';
+import { ICONS_NAMES } from '../../../../constants';
+import { BusinessType } from '../../../../@types';
+import BTypeSwitch from './Switch';
+var TitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body1), { lineHeight: theme.spacing(2.5), padding: theme.spacing(0, 2.5, 4.75, 2.5), textAlign: 'center' }));
+});
+var RadioGroupStyled = styled(RadioGroup)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            display: 'flex',
+            flexWrap: 'unset',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing(4),
+            margin: theme.spacing(0, 5.625, 0, 5.625)
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            margin: theme.spacing(0, 3.75, 0, 3.75),
+            justifyContent: 'space-around'
+        },
+        _b);
+});
+var RadioStyled = styled(Radio)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        padding: theme.spacing(0),
+        visibility: 'hidden',
+        width: theme.spacing(0),
+        height: theme.spacing(0)
+    });
+});
+var FLIconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(5.75),
+        height: theme.spacing(5.5)
+    });
+});
+var CRIconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(6.625),
+        height: theme.spacing(6.625)
+    });
+});
+var TextBoxStyled = styled(Box)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            display: 'flex',
+            justifyContent: 'space-around'
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            margin: theme.spacing(0, 3.75, 0, 3.75)
+        },
+        _b);
+});
+var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'active'; } })(function (_a) {
+    var theme = _a.theme, active = _a.active;
+    return (__assign(__assign({ width: theme.spacing(8.75), height: theme.spacing(4.125) }, theme.typography.caption), { lineHeight: theme.spacing(2.25), textAlign: 'center', cursor: 'pointer', display: 'flex', justifyContent: 'center', color: "".concat(active ? theme.palette.text.primary : theme.palette.text.secondary) }));
+});
+var SelectType = function (_a) {
+    var show = _a.show, onSwitchToCR = _a.onSwitchToCR, onSwitchToFL = _a.onSwitchToFL;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var businessTypeControl = useController({ control: control, name: 'businessType' });
+    var handleSwitchToCR = function () {
+        onSwitchToCR === null || onSwitchToCR === void 0 ? void 0 : onSwitchToCR();
+        businessTypeControl.field.onChange(BusinessType.CR);
+    };
+    var handleSwitchToFL = function () {
+        onSwitchToFL === null || onSwitchToFL === void 0 ? void 0 : onSwitchToFL();
+        businessTypeControl.field.onChange(BusinessType.FL);
+    };
+    var type = businessTypeControl.field.value;
+    var FLActive = type === BusinessType.FL;
+    var CRActive = type === BusinessType.CR;
+    var isAnyTypeActive = FLActive || CRActive;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsx(TitleStyled, { children: t('signup_business_type_label') }) })), _jsxs(RadioGroupStyled, __assign({ "aria-labelledby": 'business-type', name: 'business-type' }, { children: [_jsx(BTypeSwitch, { value: BusinessType.FL, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToFL }), label: _jsx(FLIconStyled, { src: FLActive ? ICONS_NAMES.FL_ACTIVE_ICON : ICONS_NAMES.FL_ICON }), active: FLActive }), _jsx(BTypeSwitch, { value: BusinessType.CR, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToCR }), label: _jsx(CRIconStyled, { src: CRActive ? ICONS_NAMES.CR_ACTIVE_ICON : ICONS_NAMES.CR_ICON }), active: CRActive })] })), _jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsxs(TextBoxStyled, { children: [_jsx(TextStyled, __assign({ onClick: handleSwitchToFL, active: FLActive }, { children: t('freelancer_reg') })), _jsx(TextStyled, __assign({ onClick: handleSwitchToCR, active: CRActive }, { children: t('commercial_reg') }))] }) }))] }) })));
+};
+export default React.memo(SelectType);

package/build/features/business/screens/BusinessType/Switch.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { FormControlLabelProps } from '@mui/material/FormControlLabel';
-interface BTypeSwitchProps extends FormControlLabelProps {
-    active: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: BTypeSwitchProps) => JSX.Element>;
-export default _default;
+import * as React from 'react';
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+interface BTypeSwitchProps extends FormControlLabelProps {
+    active: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: BTypeSwitchProps) => JSX.Element>;
+export default _default;

package/build/features/business/screens/BusinessType/Switch.js

@@ -1,35 +1,35 @@
-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 { styled } from '@mui/material/styles';
-import FormControlLabel from '@mui/material/FormControlLabel';
-var FormControlLabelStyled = styled(FormControlLabel, {
-    shouldForwardProp: function (prop) { return prop !== 'active'; }
-})(function (_a) {
-    var theme = _a.theme, active = _a.active;
-    return ({
-        width: theme.spacing(12.25),
-        height: theme.spacing(12.25),
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderRadius: '50%',
-        marginInlineEnd: theme.spacing(0),
-        marginInlineStart: theme.spacing(0),
-        border: "".concat(active ? "2px solid ".concat(theme.palette.primary.main) : "1px solid ".concat(theme.palette.secondary.dark))
-    });
-});
-var BTypeSwitch = function (props) {
-    return _jsx(FormControlLabelStyled, __assign({}, props));
-};
-export default React.memo(BTypeSwitch);
+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 { styled } from '@mui/material/styles';
+import FormControlLabel from '@mui/material/FormControlLabel';
+var FormControlLabelStyled = styled(FormControlLabel, {
+    shouldForwardProp: function (prop) { return prop !== 'active'; }
+})(function (_a) {
+    var theme = _a.theme, active = _a.active;
+    return ({
+        width: theme.spacing(12.25),
+        height: theme.spacing(12.25),
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '50%',
+        marginInlineEnd: theme.spacing(0),
+        marginInlineStart: theme.spacing(0),
+        border: "".concat(active ? "2px solid ".concat(theme.palette.primary.main) : "1px solid ".concat(theme.palette.secondary.dark))
+    });
+});
+var BTypeSwitch = function (props) {
+    return _jsx(FormControlLabelStyled, __assign({}, props));
+};
+export default React.memo(BTypeSwitch);

package/build/features/business/screens/BusinessType/index.d.ts

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

package/build/features/business/screens/BusinessType/index.js

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

package/build/features/business/screens/BusinessType/validation.d.ts

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

package/build/features/business/screens/BusinessType/validation.js

@@ -1,14 +1,8 @@
-import * as yup from 'yup';
-import { FL_NUMBER_LENGTH, CR_NUMBER_LENGTH } from '../../../../constants';
-export var FLValidationSchema = yup.object().shape({
-    flNumber: yup
-        .string()
-        .min(FL_NUMBER_LENGTH, "Freelance number length should be ".concat(FL_NUMBER_LENGTH))
-        .required('Freelance number is required')
-});
-export var CRValidationSchema = yup.object().shape({
-    crNumber: yup
-        .string()
-        .min(CR_NUMBER_LENGTH, "CR number length should be ".concat(CR_NUMBER_LENGTH))
-        .required('CR number is required')
-});
+import * as yup from 'yup';
+import { FL_NUMBER_LENGTH, CR_NUMBER_LENGTH } from '../../../../constants';
+export var FLValidationSchema = yup.object().shape({
+    flNumber: yup.string().min(FL_NUMBER_LENGTH, "fl_max_length").required('fl_required')
+});
+export var CRValidationSchema = yup.object().shape({
+    crNumber: yup.string().min(CR_NUMBER_LENGTH, "cr_max_length").required('cr_required')
+});

package/build/features/business/screens/Confirm/Confirm.d.ts

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

package/build/features/business/screens/Confirm/Confirm.js

@@ -1,53 +1,56 @@
-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 { styled } from '@mui/material/styles';
-import { useAppDispatch, useLanguage } from '../../../../hooks';
-import { useTranslation } from 'react-i18next';
-import { handleNextScreenStep } from '../../../../app/settings';
-import { FormProvider, useForm } from 'react-hook-form';
-import Form from '../../../../components/Form';
-import Input from '../../../shared/Input';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginBlockEnd: theme.spacing(3)
-    });
-});
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var defaultValues = {
-    licenseNumber: 1234567890,
-    brandName: 'Tap Payments',
-    legalName: 'Ali Abulhasan'
-};
-var Confirm = function () {
-    var dispatch = useAppDispatch();
-    var businessType = React.useState('CR')[0];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var isCR = businessType === 'CR';
-    var onSubmit = function () {
-        dispatch(handleNextScreenStep());
-    };
-    var methods = useForm({
-        defaultValues: defaultValues,
-        mode: 'onChange'
-    });
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputStyled, { label: t(isCR ? 'signup_business_cr_info_title' : 'signup_business_fl_info_title'), value: defaultValues.licenseNumber, disabled: true }), _jsx(InputStyled, { label: t('signup_brand_name_label'), value: defaultValues.brandName, disabled: true }), _jsx(InputStyled, { label: t('signup_legal_name_label'), value: defaultValues.legalName, disabled: true }), _jsx(Button, __assign({ isAr: isAr }, { children: t('confirm') }))] })) })) }));
-};
-export default React.memo(Confirm);
+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 { styled } from '@mui/material/styles';
+import { useAppDispatch, useLanguage } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import { FormProvider, useForm } from 'react-hook-form';
+import Form from '../../../../components/Form';
+import Input from '../../../shared/Input';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+var InputStyled = styled(Input)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockEnd: theme.spacing(3)
+    });
+});
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var defaultValues = {
+    licenseNumber: 1234567890,
+    brandName: 'Tap Payments',
+    legalName: 'Ali Abulhasan'
+};
+var Confirm = function () {
+    var dispatch = useAppDispatch();
+    var businessType = React.useState('CR')[0];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var isCR = businessType === 'CR';
+    var onSubmit = function () {
+        dispatch(handleNextScreenStep());
+    };
+    var methods = useForm({
+        defaultValues: defaultValues,
+        mode: 'onChange'
+    });
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputStyled, { label: t(isCR ? 'signup_business_cr_info_title' : 'signup_business_fl_info_title'), value: defaultValues.licenseNumber, disabled: true }), _jsx(InputStyled, { label: t('signup_brand_name_label'), value: defaultValues.brandName, disabled: true }), _jsx(InputStyled, { label: t('signup_legal_name_label'), value: defaultValues.legalName, disabled: true }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr }, { children: t('confirm') }))] })) })) }));
+};
+export default React.memo(Confirm);

package/build/features/business/screens/Confirm/index.d.ts

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

package/build/features/business/screens/Confirm/index.js

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