@tap-payments/auth-jsconnect 2.8.29-test → 2.8.30-test

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

@@ -1,103 +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 { styled, alpha } from '@mui/material/styles';
-import InfoIcon from '@mui/icons-material/Info';
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import Collapse from '../../../../components/Collapse';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import Text from '../../../../components/Text';
-import { ScreenContainer } from '../../../shared/Containers';
-import Mandatory from '../../../shared/Mandatory';
-import RadioLabel from '../../../../components/RadioLabel';
-import { BusinessType } from '../../../../@types';
-import RadioGroup from '../../../../components/RadioGroup';
-import Tooltip from '../../../../components/Tooltip';
-import Radio from '../../../../components/Radio';
-import { OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../../constants';
-import { businessSelector, clearError } from '../../../app/business/businessStore';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { isKW } from '../../../../utils';
-import { settingsSelector } from '../../../../app/settings';
-var LabelTextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.caption), { color: alpha(theme.palette.text.primary, 0.6), marginBlockEnd: theme.spacing(0.625) }));
-});
-var RadioGroupStyled = styled(RadioGroup)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineStart: theme.spacing(0.25)
-    });
-});
-var RadioStyled = styled(Radio)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        '& .MuiSvgIcon-root': {
-            fontSize: theme.spacing(2.25),
-            width: theme.spacing(2.25),
-            height: theme.spacing(2.25)
-        }
-    });
-});
-var LabelStyled = styled('span')(function () { return ({
-    display: 'inline-flex',
-    alignItems: 'center'
-}); });
-export var InfoIconStyled = styled(InfoIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2.75),
-        height: theme.spacing(2.125),
-        cursor: 'pointer',
-        color: alpha(theme.palette.text.primary, 0.4),
-        display: 'inline-flex'
-    });
-});
-export var InfoOutlinedIconStyled = styled(InfoOutlinedIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2.75),
-        height: theme.spacing(2.125),
-        cursor: 'pointer',
-        color: alpha(theme.palette.text.primary, 0.4),
-        display: 'inline-flex'
-    });
-});
-var LicenseType = function (_a) {
-    var show = _a.show;
-    var t = useTranslation().t;
-    var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
-    var error = useAppSelector(businessSelector).error;
-    var settingsData = useAppSelector(settingsSelector).data;
-    var country_code = settingsData.businessCountry.iso2;
-    var _c = React.useState(false), isCRHovered = _c[0], setIsCRHovered = _c[1];
-    var _d = React.useState(false), isFLHovered = _d[0], setIsFLHovered = _d[1];
-    var selectedLicenseControl = useController({ control: control, name: 'selectedLicense' });
-    var dispatch = useAppDispatch();
-    var isKWCountry = React.useMemo(function () { return isKW(country_code); }, [country_code]);
-    var handleOnChange = function (_a) {
-        var target = _a.target;
-        if (error)
-            dispatch(clearError());
-        selectedLicenseControl.field.onChange(target.value === BusinessType.FL ? OTHER_FL_LICENSE : OTHER_CR_LICENSE);
-        if (isKWCountry && target.value === BusinessType.FL) {
-            setValue('certificateFile', undefined, { shouldValidate: true });
-            setValue('certificateId', undefined, { shouldValidate: true });
-        }
-    };
-    var selectedLicenseValue = selectedLicenseControl.field.value;
-    var isFL = (selectedLicenseValue === null || selectedLicenseValue === void 0 ? void 0 : selectedLicenseValue.type) === BusinessType.FL;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: isFL ? 9.5 : 1.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('signup_business_type_label'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: selectedLicenseValue != null ? ((selectedLicenseValue === null || selectedLicenseValue === void 0 ? void 0 : selectedLicenseValue.type) === BusinessType.FL ? BusinessType.FL : BusinessType.CR) : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: BusinessType.FL, label: _jsxs(LabelStyled, { children: [t('homemaker_reg'), _jsx(Tooltip, __assign({ title: t('homemaker_reg_hint'), onMouseOver: function () { return setIsFLHovered(true); }, onMouseLeave: function () { return setIsFLHovered(false); }, onTouchStartCapture: function () { return setIsFLHovered(true); } }, { children: isFLHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) }), _jsx(RadioLabel, { value: BusinessType.CR, sx: { marginInlineEnd: '0px' }, label: _jsxs(LabelStyled, { children: [t('commercial_reg'), _jsx(Tooltip, __assign({ title: t('commercial_reg_hint'), onMouseOver: function () { return setIsCRHovered(true); }, onMouseLeave: function () { return setIsCRHovered(false); }, onTouchStartCapture: function () { return setIsCRHovered(true); } }, { children: isCRHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) })] }))] })) })));
-};
-export default LicenseType;

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface SelectTypeProps {
-    show: boolean;
-    onSwitchToCR?: () => void;
-    onSwitchToFL?: () => void;
-}
-declare const _default: React.MemoExoticComponent<({ show, onSwitchToCR, onSwitchToFL }: SelectTypeProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

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

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

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

@@ -1,35 +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 { 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 +0,0 @@
-import BusinessType, { BusinessTypeProps } from './BusinessType';
-export type { BusinessTypeProps };
-export default BusinessType;

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

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

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

@@ -1,43 +0,0 @@
-import * as yup from 'yup';
-export declare const LicenseValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    selectedLicense: any;
-    licenseNumber: 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, {
-    selectedLicense: any;
-    licenseNumber: 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, {
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
-export declare const KWLicenseValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    entityLegalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
-    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    articleFile: any;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    entityLegalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
-    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    articleFile: any;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    entityLegalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
-    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    articleFile: any;
-}>>>;
-export declare const OtherCountryLicenseValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    selectedLicense: any;
-    licenseNumber: 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, {
-    selectedLicense: any;
-    licenseNumber: 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, {
-    selectedLicense: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;

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

@@ -1,105 +0,0 @@
-import * as yup from 'yup';
-import { REGEX_BRAND_NAME, KW_MIN_LICENSE_LENGTH, MAX_FILE_SIZE, VALID_FILE_FORMATS, FL_MIN_LICENSE_LENGTH, CR_MIN_LICENSE_LENGTH } from '../../../../constants';
-import { BusinessType } from '../../../../@types';
-var objectElements = {
-    legal_name: yup.object().shape({
-        ar: yup.string(),
-        en: yup.string()
-    }),
-    license: yup.object().shape({
-        number: yup.string()
-    }),
-    type: yup.string()
-};
-export var LicenseValidationSchema = yup.object().shape({
-    selectedLicense: yup.object().shape(objectElements).required(''),
-    licenseNumber: yup
-        .string()
-        .test({
-        test: function (value) {
-            var selectedLicense = this.parent.selectedLicense;
-            var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-            var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-            if (length === 0)
-                return true;
-            if (isCR) {
-                return length >= CR_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_max_length' });
-            }
-            return length >= FL_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_max_length' });
-        }
-    })
-        .required('')
-});
-export var KWLicenseValidationSchema = yup.object().shape({
-    selectedLicense: yup.object().shape(objectElements).required(''),
-    licenseNumber: yup
-        .string()
-        .when('selectedLicense', function (selectedLicense) {
-        var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-        if (!isCR) {
-            return yup.string().optional();
-        }
-        return yup
-            .string()
-            .required('')
-            .test({
-            test: function (value) {
-                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                if (length === 0)
-                    return true;
-                return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
-            }
-        });
-    })
-        .required(''),
-    entityLegalName: yup
-        .string()
-        .when('selectedLicense', function (selectedLicense) {
-        var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-        if (!isCR) {
-            return yup.string().optional();
-        }
-        return yup
-            .string()
-            .required('')
-            .test({
-            test: function (value) {
-                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                if (length === 0)
-                    return true;
-                return (value === null || value === void 0 ? void 0 : value.match(REGEX_BRAND_NAME)) && length >= 3
-                    ? true
-                    : this.createError({ message: 'enter_entity_name_english_chars_numbers_space' });
-            }
-        });
-    })
-        .required(''),
-    certificateId: yup.array().optional(),
-    articleId: yup.string().optional(),
-    articleFile: yup
-        .mixed()
-        .test({
-        test: function (value) {
-            if (!!value)
-                return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) && (value === null || value === void 0 ? void 0 : value.size) < MAX_FILE_SIZE ? true : this.createError({ message: 'alert_file_upload' });
-            return true;
-        }
-    })
-        .optional()
-});
-export var OtherCountryLicenseValidationSchema = yup.object().shape({
-    selectedLicense: yup.object().shape(objectElements).required(''),
-    licenseNumber: yup
-        .string()
-        .test({
-        test: function (value) {
-            var selectedLicense = this.parent.selectedLicense;
-            var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
-            var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-            if (length === 0)
-                return true;
-            return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: isCR ? 'cr_kw_max_length' : 'fl_max_length' });
-        }
-    })
-        .required('')
-});

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

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

package/build/features/business/screens/CivilID/CivilID.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);
-};
-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 { useTranslation } from 'react-i18next';
-import { styled } from '@mui/material/styles';
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { civilIDValidationSchema } from './validation';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
-import { settingsSelector } from '../../../../app/settings';
-import { clearError, businessSelector, createCivilIdAuth } from '../../../app/business/businessStore';
-import Form from '../../../../components/Form';
-import Button from '../../../shared/Button';
-import { ScreenContainer } from '../../../shared/Containers';
-import { deepCopy } from '../../../../utils';
-import IDNumber from './IDNumber';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var CivilID = function (_a) {
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var t = useTranslation().t;
-    var _b = useAppSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var settingsStore = useAppSelector(settingsSelector);
-    var _c = data.civilIdData, responseBody = _c.responseBody, defaultValues = __rest(_c, ["responseBody"]);
-    var methods = useForm({
-        resolver: yupResolver(civilIDValidationSchema),
-        defaultValues: defaultValues,
-        mode: 'onChange'
-    });
-    useSetFromDefaultValues(methods, defaultValues);
-    React.useEffect(function () {
-        handleClearError();
-    }, [methods.formState.isValid]);
-    var onSubmit = function (data) {
-        dispatch(createCivilIdAuth(deepCopy(data)));
-    };
-    var handleClearError = function () {
-        if (error)
-            dispatch(clearError());
-    };
-    var disabled = !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(IDNumber, { sx: { mb: 7.5, transition: 'mb 0.3s' } }), _jsx(Button, __assign({ loading: loading, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
-};
-export default React.memo(CivilID);

package/build/features/business/screens/CivilID/IDNumber.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-interface IDNumberProps {
-    sx: SxProps<Theme> | undefined;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IDNumberProps & React.RefAttributes<unknown>>>;
-export default _default;

package/build/features/business/screens/CivilID/IDNumber.js

@@ -1,58 +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 Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-import Input from '../../../shared/Input';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
-import { CIVIL_ID_NUMBER_LENGTH } from '../../../../constants';
-import { EndAdornment } from '../../../shared/EndAdornment';
-var LabelContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        justifyContent: 'space-between',
-        padding: theme.spacing(0, 2.5, 1.25, 2.5)
-    });
-});
-var InputLabelStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
-});
-var IDNumber = React.forwardRef(function (_a, ref) {
-    var _b;
-    var sx = _a.sx;
-    var t = useTranslation().t;
-    var _c = useFormContext(), control = _c.control, setValue = _c.setValue;
-    var civilIdControl = useController({ control: control, name: 'civilId' });
-    React.useEffect(function () {
-        if (civilIdControl.field.value)
-            setValue('civilId', civilIdControl.field.value, { shouldValidate: true });
-    }, []);
-    var handleIdChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllOtherThanCharsAndNumber(target.value);
-        civilIdControl.field.onChange(value);
-    };
-    var clearIdNumber = function () {
-        civilIdControl.field.onChange('');
-    };
-    var idValue = civilIdControl.field.value;
-    var error = (_b = civilIdControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsxs(ScreenContainer, __assign({ ref: ref, sx: sx }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('enter_civil_id') }) }), _jsx(Input, { dir: 'ltr', type: 'text', inputProps: { maxLength: CIVIL_ID_NUMBER_LENGTH }, onChange: handleIdChange, value: idValue, endAdornment: _jsx(EndAdornment, { value: idValue, error: error, onClear: clearIdNumber }), placeholder: t('civil_id_placeholder'), warningType: 'alert', warningMessage: error && t(error), required: true })] })));
-});
-export default React.memo(IDNumber);

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-import * as yup from 'yup';
-export var civilIDValidationSchema = yup.object().shape({
-    civilId: yup.string().matches(/^\d+$/, 'invalid_civil_id').min(12, 'invalid_civil_id').required('invalid_civil_id')
-});