@tap-payments/auth-jsconnect 2.0.33-test → 2.0.33

package/build/features/connect/screens/Merchant/validationCopy.js

@@ -1,185 +0,0 @@
-import { REGEX_WEBSITE, REGEX_BRAND_NAME } from '../../../../constants';
-import * as yup from 'yup';
-export var ValidationOptions;
-(function (ValidationOptions) {
-    ValidationOptions["NEW_USER"] = "NEW_USER";
-    ValidationOptions["EXISTING_USER_WITH_EXIST_BRAND"] = "EXISTING_USER_WITH_EXIST_BRAND";
-    ValidationOptions["EXISTING_USER_WITH_OTHER_BRAND"] = "EXISTING_USER_WITH_OTHER_BRAND";
-})(ValidationOptions || (ValidationOptions = {}));
-export var MerchantValidationSchema = function (userType) {
-    var askingForBrandInfo = userType === ValidationOptions.NEW_USER || userType === ValidationOptions.EXISTING_USER_WITH_OTHER_BRAND;
-    if (askingForBrandInfo) {
-        return yup.object().shape({
-            brandName: yup
-                .string()
-                .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)) || (value === null || value === void 0 ? void 0 : value.length) < 3
-                        ? this.createError({ message: 'enter_brand_name_english_chars_numbers_space' })
-                        : true;
-                }
-            })
-                .required(''),
-            termAndConditionChecked: yup.boolean().required().isTrue('check_terms_cond'),
-            salesChannels: yup
-                .array()
-                .min(1, 'choose_atleast_one_channel')
-                .of(yup.object().shape({
-                id: yup.string(),
-                name_en: yup.string(),
-                name_ar: yup.string()
-            }))
-                .required('choose_atleast_one_channel'),
-            links: yup.object().shape({
-                website: yup.string().when(['instagram', 'twitter'], function (instagram, twitter) {
-                    if (!instagram && !twitter) {
-                        return yup
-                            .string()
-                            .matches(REGEX_WEBSITE, 'ide_not_valid_url')
-                            .transform(function (value) { return (!!value ? value : null); })
-                            .nullable()
-                            .required('enter_at_least_one');
-                    }
-                    else {
-                        return yup
-                            .string()
-                            .matches(REGEX_WEBSITE, 'ide_not_valid_url')
-                            .transform(function (value) { return (!!value ? value : null); })
-                            .nullable()
-                            .optional();
-                    }
-                }),
-                instagram: yup
-                    .string()
-                    .nullable()
-                    .transform(function (value) { return (!!value ? value : null); })
-                    .when(['twitter', 'website'], function (twitter, website) {
-                    if (!website && !twitter) {
-                        return yup.string().min(2, 'enter_at_least_one').required('enter_at_least_one');
-                    }
-                    else {
-                        return yup.string().optional();
-                    }
-                }),
-                twitter: yup
-                    .string()
-                    .nullable()
-                    .transform(function (value) { return (!!value ? value : null); })
-                    .min(2, 'enter_at_least_one')
-                    .when(['website', 'instagram'], function (website, instagram) {
-                    if (!website && !instagram) {
-                        return yup.string().min(2, 'enter_at_least_one').required('enter_at_least_one');
-                    }
-                    else {
-                        return yup.string().optional();
-                    }
-                }),
-                app: yup
-                    .string()
-                    .nullable()
-                    .transform(function (value) { return (!!value ? value : null); })
-                    .min(2, 'enter_at_least_one')
-                    .optional(),
-                call_center: yup
-                    .string()
-                    .nullable()
-                    .transform(function (value) { return (!!value ? value : null); })
-                    .min(2, 'enter_at_least_one')
-                    .optional(),
-                physical_store: yup
-                    .string()
-                    .nullable()
-                    .transform(function (value) { return (!!value ? value : null); })
-                    .min(2, 'enter_at_least_one')
-                    .optional()
-            }, [
-                ['instagram', 'website'],
-                ['twitter', 'website'],
-                ['instagram', 'twitter']
-            ])
-        });
-    }
-    return yup.object().shape({
-        brandName: yup.string().optional(),
-        termAndConditionChecked: yup.boolean().optional(),
-        salesChannels: yup
-            .array()
-            .min(1, 'choose_atleast_one_channel')
-            .of(yup.object().shape({
-            id: yup.string(),
-            name_en: yup.string(),
-            name_ar: yup.string()
-        }))
-            .required('choose_atleast_one_channel'),
-        links: yup.object().shape({
-            website: yup.string().when(['instagram', 'twitter'], function (instagram, twitter) {
-                if (!instagram && !twitter) {
-                    return yup
-                        .string()
-                        .matches(REGEX_WEBSITE, 'ide_not_valid_url')
-                        .transform(function (value) { return (!!value ? value : null); })
-                        .nullable()
-                        .required('enter_at_least_one');
-                }
-                else {
-                    return yup
-                        .string()
-                        .matches(REGEX_WEBSITE, 'ide_not_valid_url')
-                        .transform(function (value) { return (!!value ? value : null); })
-                        .nullable()
-                        .optional();
-                }
-            }),
-            instagram: yup
-                .string()
-                .nullable()
-                .transform(function (value) { return (!!value ? value : null); })
-                .when(['twitter', 'website'], function (twitter, website) {
-                if (!website && !twitter) {
-                    return yup.string().min(2, 'enter_at_least_one').required('enter_at_least_one');
-                }
-                else {
-                    return yup.string().optional();
-                }
-            }),
-            twitter: yup
-                .string()
-                .nullable()
-                .transform(function (value) { return (!!value ? value : null); })
-                .min(2, 'enter_at_least_one')
-                .when(['website', 'instagram'], function (website, instagram) {
-                if (!website && !instagram) {
-                    return yup.string().min(2, 'enter_at_least_one').required('enter_at_least_one');
-                }
-                else {
-                    return yup.string().optional();
-                }
-            }),
-            app: yup
-                .string()
-                .nullable()
-                .transform(function (value) { return (!!value ? value : null); })
-                .min(2, 'enter_at_least_one')
-                .optional(),
-            call_center: yup
-                .string()
-                .nullable()
-                .transform(function (value) { return (!!value ? value : null); })
-                .min(2, 'enter_at_least_one')
-                .optional(),
-            physical_store: yup
-                .string()
-                .nullable()
-                .transform(function (value) { return (!!value ? value : null); })
-                .min(2, 'enter_at_least_one')
-                .optional()
-        }, [
-            ['instagram', 'website'],
-            ['twitter', 'website'],
-            ['instagram', 'twitter']
-        ])
-    });
-};

package/build/features/connect/screens/Mobile/Mobile.d.ts

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

package/build/features/connect/screens/Mobile/Mobile.js

@@ -1,112 +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 { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import { useTranslation } from 'react-i18next';
-import { styled, alpha } from '@mui/material/styles';
-import Collapse from '../../../../components/Collapse';
-import Form from '../../../../components/Form';
-import Button, { AbsherButton } from '../../../shared/Button';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { clearError, connectSelector, createMobileAuth } from '../../../app/connect/connectStore';
-import { useLanguage } from '../../../../hooks';
-import Divider from '@mui/material/Divider';
-import Text from '../../../../components/Text';
-import MIDTitle from './Title';
-import MobileNumber from './MobileNumber';
-import { PhoneValidationSchema } from './validation';
-var FormStyled = styled(Form)(function () { return ({
-    display: 'flex',
-    flexDirection: 'column'
-}); });
-var InputsContainerStyled = styled(Box)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {},
-        _b[theme.transitions.create(['padding-bottom'])] = {
-            duration: theme.transitions.duration.standard
-        },
-        _b);
-});
-var TextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: alpha(theme.palette.primary.dark, 0.4)
-    });
-});
-var DividerStyled = styled(Divider)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '45%',
-        borderColor: alpha(theme.palette.primary.dark, 0.4),
-        marginBlockEnd: theme.spacing(0.62)
-    });
-});
-var OrBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        justifyContent: 'space-between',
-        marginBlockEnd: theme.spacing(1.62),
-        marginBlockStart: theme.spacing(-1.25),
-        marginInline: theme.spacing(2.5)
-    });
-});
-var ListType;
-(function (ListType) {
-    ListType["BusinessList"] = "BusinessList";
-    ListType["CountryCodeList"] = "CountryCodeList";
-})(ListType || (ListType = {}));
-var Mobile = function (_a) {
-    var settingsStore = useAppSelector(settingsSelector);
-    var _b = useAppSelector(connectSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var _c = React.useState(), listType = _c[0], setListType = _c[1];
-    var dispatch = useAppDispatch();
-    var methods = useForm({
-        resolver: yupResolver(PhoneValidationSchema),
-        defaultValues: data.mobileData,
-        mode: 'onChange'
-    });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var handleMenuListClick = function (flag) {
-        setListType(flag);
-    };
-    React.useEffect(function () {
-        if (data.mobileData.countryCode) {
-            methods.setValue('countryCode', data.mobileData.countryCode);
-        }
-    }, [data.mobileData]);
-    React.useEffect(function () {
-        if (error)
-            dispatch(clearError());
-    }, [methods.formState.isValid]);
-    var onSubmit = function (formData) {
-        dispatch(createMobileAuth(formData));
-    };
-    var onBack = function () {
-        dispatch(handlePrevScreenStep());
-    };
-    var isBusinessListActive = listType === ListType.BusinessList;
-    var isCountryListActive = listType === ListType.CountryCodeList;
-    var listActive = isBusinessListActive || isCountryListActive;
-    var disabled = !methods.formState.isValid || !!error;
-    var title = t('join_our_community');
-    var subTitle = t('ide_terms_and_conditions_description');
-    return (_jsxs(ScreenContainer, { children: [(title || subTitle) && _jsx(MIDTitle, { show: !listActive, title: title, description: subTitle }), _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(MobileNumber, { show: !isBusinessListActive, countries: settingsStore.data.countries, onListOpen: function () { return handleMenuListClick(ListType.CountryCodeList); }, onListClose: function () { return handleMenuListClick(); } }) }), _jsxs(Collapse, __assign({ in: !listActive }, { children: [_jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, loading: loading, error: t(error || '') }, { children: t('next') })), _jsxs(Collapse, __assign({ in: !methods.formState.isValid }, { children: [_jsxs(OrBoxStyled, { children: [_jsx(DividerStyled, {}), _jsx(TextStyled, { children: t('or') }), _jsx(DividerStyled, {})] }), _jsx(AbsherButton, __assign({ disabled: settingsStore.loading || loading, onClick: function () { return onBack(); } }, { children: t('absher_button_label') }))] }))] }))] })) }))] }));
-};
-export default React.memo(Mobile);

package/build/features/connect/screens/Mobile/MobileNumber.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { CountryCode } from '../../../../@types';
-interface MobileNumberProps {
-    countries: Array<CountryCode>;
-    show: boolean;
-    setMobileLength?: (length: number) => void;
-    onSwitchToIdNumber?: () => void;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MobileNumberProps & React.RefAttributes<unknown>>>;
-export default _default;

package/build/features/connect/screens/Mobile/MobileNumber.js

@@ -1,154 +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, Fragment as _Fragment } 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 Collapse from '../../../../components/Collapse';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { connectSelector } from '../../../app/connect/connectStore';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Input from '../../../shared/Input';
-import SimpleList from '../../../../components/SimpleList';
-import { removeAllCharsFromNumber } from '../../../../utils';
-import { useLanguage, useAppSelector } from '../../../../hooks';
-import Search from '../../../shared/Search';
-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 CountryItemContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var CountryCodeText = styled(Text, {
-    shouldForwardProp: function (prop) { return prop !== 'isSelected'; }
-})(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { width: theme.spacing(10), textAlign: 'start', fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
-});
-var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
-    var theme = _a.theme, isSelected = _a.isSelected;
-    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
-});
-var CountryCodeStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ cursor: 'pointer' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightRegular, display: 'flex', alignItems: 'center', minWidth: theme.spacing(8.75) }));
-});
-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 ExpandIconStyled = styled(ExpandIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineStart: theme.spacing(1)
-    });
-});
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        direction: 'ltr',
-        '& .MuiInputBase-input': {
-            cursor: 'auto'
-        }
-    });
-});
-var MobileNumber = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var countries = _a.countries, rest = __rest(_a, ["countries"]);
-    var _e = React.useState(countries || []), countriesCode = _e[0], setCountries = _e[1];
-    var _f = React.useState(null), anchorEl = _f[0], setAnchorEl = _f[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var _g = useFormContext(), control = _g.control, setValue = _g.setValue;
-    var loading = useAppSelector(connectSelector).loading;
-    var phoneControl = useController({ name: 'mobile', control: control });
-    var countryCodeControl = useController({ name: 'countryCode', control: control });
-    var countryCodeValue = countryCodeControl.field.value;
-    var mobileValue = phoneControl.field.value || '';
-    var countryName = (isAr ? (_b = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.name) === null || _b === void 0 ? void 0 : _b.arabic : (_c = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.name) === null || _c === void 0 ? void 0 : _c.english) || '';
-    var error = !!mobileValue ? (_d = phoneControl.fieldState.error) === null || _d === void 0 ? void 0 : _d.message : '';
-    var isSA = countryCodeValue.iso2 === 'SA';
-    var mobileLen = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.digits;
-    var isStartsWith5 = mobileValue.startsWith('5');
-    var requiredLen = isSA && isStartsWith5 ? mobileLen - 1 : mobileLen;
-    React.useEffect(function () {
-        if (mobileValue)
-            setValue('mobile', mobileValue, { shouldValidate: true });
-    }, []);
-    var onPhoneNumberChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllCharsFromNumber(target.value);
-        phoneControl.field.onChange(value);
-    };
-    var clearMobileNumber = function () {
-        phoneControl.field.onChange('');
-    };
-    var onCloseCountryList = function () {
-        var _a;
-        if (anchorEl) {
-            setAnchorEl(null);
-            (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-        }
-        setCountries(countries);
-    };
-    var toggleCountryList = function () {
-        var _a, _b;
-        if (anchorEl) {
-            setAnchorEl(null);
-            (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-            setCountries(countries);
-        }
-        else {
-            (_b = rest.onListOpen) === null || _b === void 0 ? void 0 : _b.call(rest);
-            setAnchorEl(true);
-        }
-    };
-    var onSelectItem = function (country) {
-        onCloseCountryList();
-        setValue('mobile', '');
-        countryCodeControl.field.onChange(country);
-    };
-    var handleSearch = function (value) {
-        var filteredCountries = countries.filter(function (country) {
-            return country.idd_prefix.toString().toLowerCase().startsWith(value.replace('+', '').toLowerCase()) ||
-                country.capital.toLowerCase().startsWith(value.toLowerCase()) ||
-                country.name.arabic.toLowerCase().startsWith(value.toLowerCase()) ||
-                country.name.english.toLowerCase().startsWith(value.toLowerCase());
-        });
-        setCountries(filteredCountries);
-    };
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { minHeight: mobileValue ? '133px' : '0px' } }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('signup_enter_mobile') }) }), _jsx(InputStyled, { inputProps: { maxLength: requiredLen }, type: 'tel', readOnly: !!anchorEl, required: true, onClick: onCloseCountryList, onChange: onPhoneNumberChange, onEnterPressed: function (e) { return loading && e.preventDefault(); }, value: !!anchorEl ? countryName : mobileValue, startAdornment: _jsxs(CountryCodeStyled, __assign({ onClick: function () { return toggleCountryList(); } }, { children: ["+".concat(countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix), !anchorEl && _jsx(ExpandIconStyled, { anchorEl: !!anchorEl })] })), endAdornment: !!anchorEl ? (_jsx(ExpandIconStyled, { onClick: function () { return toggleCountryList(); }, anchorEl: !!anchorEl })) : !error && mobileValue ? (_jsx(CheckIcon, {})) : (mobileValue && _jsx(ClearIcon, { onClick: clearMobileNumber })), placeholder: "".concat(isSA ? '5' : '0', "00000000"), warningType: 'alert', warningMessage: !anchorEl ? error && t(error, { length: requiredLen, number: '05|5' }) : undefined }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleList, { searchKeyPath: 'name.english', list: countriesCode, onSelectItem: onSelectItem, renderItem: function (item) {
-                                return (_jsxs(_Fragment, { children: [_jsxs(CountryItemContainer, { children: [_jsxs(CountryCodeText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix) }, { children: ["+", item.idd_prefix] })), _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english }))] }), item.idd_prefix === (countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.idd_prefix) && _jsx(CheckIcon, {})] }));
-                            } })] }))] })) })));
-});
-export default React.memo(MobileNumber);

package/build/features/connect/screens/Mobile/Title.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface MIDTitleProps {
-    show: boolean;
-    title: string;
-    description: string;
-}
-declare const _default: React.MemoExoticComponent<({ description, show, title }: MIDTitleProps) => JSX.Element>;
-export default _default;

package/build/features/connect/screens/Mobile/Title.js

@@ -1,29 +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 Collapse from '../../../../components/Collapse';
-import Text from '../../../../components/Text';
-var TitleStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: theme.palette.text.primary, textAlign: 'center' }, theme.typography.body1), { fontWeight: theme.typography.fontWeightMedium, lineHeight: 1.21, padding: theme.spacing(0, 3, 0, 3) }));
-});
-var DescriptionStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption), { fontWeight: theme.typography.fontWeightRegular, lineHeight: 1.6, padding: theme.spacing(2, 3, 3, 3) }));
-});
-var MIDTitle = function (_a) {
-    var description = _a.description, show = _a.show, title = _a.title;
-    return (_jsxs(Collapse, __assign({ in: show }, { children: [_jsx(TitleStyled, { children: title }), _jsx(DescriptionStyled, { children: description })] })));
-};
-export default React.memo(MIDTitle);

package/build/features/connect/screens/Mobile/index.d.ts

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

package/build/features/connect/screens/Mobile/index.js

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

package/build/features/connect/screens/Mobile/validation.d.ts

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

package/build/features/connect/screens/Mobile/validation.js

@@ -1,28 +0,0 @@
-import * as yup from 'yup';
-export var PhoneValidationSchema = yup.object().shape({
-    mobile: yup
-        .string()
-        .test({
-        test: function (value) {
-            var countryCode = this.parent.countryCode;
-            var isSA = countryCode.iso2 === 'SA';
-            var digits = countryCode.digits;
-            var mobileValue = value || '';
-            var valueLen = mobileValue.length;
-            var isNumber = mobileValue.match(/^[0-9]/g);
-            if (!isNumber)
-                return this.createError({ message: 'enter_valid_mobile_number' });
-            var isStartWithZero = mobileValue.startsWith('05');
-            var isStartWith5 = mobileValue.startsWith('5');
-            var isSaudiNumber = isStartWith5 || isStartWithZero;
-            if (isSA) {
-                if (!isSaudiNumber)
-                    return this.createError({ message: 'start_with_number' });
-                var requiredLen = isStartWith5 ? digits - 1 : digits;
-                return valueLen === requiredLen ? true : this.createError({ message: 'enter_valid_mobile_number' });
-            }
-            return valueLen === digits ? true : this.createError({ message: 'enter_valid_mobile_number' });
-        }
-    })
-        .required('mobile_number_error')
-});

package/build/features/connect/screens/NID/DOB.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface DOBProps {
-    onDateClicked?: (flag: boolean) => void;
-}
-declare const DOB: ({ onDateClicked }: DOBProps) => JSX.Element;
-export default DOB;

package/build/features/connect/screens/NID/DOB.js

@@ -1,47 +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 { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { ScreenContainer } from '../../../shared/Containers';
-import DatePicker from '../../../../components/DatePicker';
-import { alpha, styled } from '@mui/material/styles';
-import { clearError, connectSelector } from '../../../app/connect/connectStore';
-import Text from '../../../../components/Text';
-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 DOB = function (_a) {
-    var _b;
-    var onDateClicked = _a.onDateClicked;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var dispatch = useAppDispatch();
-    var dobControl = useController({ control: control, name: 'dob' });
-    var error = useAppSelector(connectSelector).error;
-    var handleBirthDateChange = function (data) {
-        dobControl.field.onChange(data);
-        handleClearError();
-    };
-    var handleClearError = function () {
-        if (error)
-            dispatch(clearError());
-    };
-    var dateValue = (_b = dobControl === null || dobControl === void 0 ? void 0 : dobControl.field) === null || _b === void 0 ? void 0 : _b.value;
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
-                        var spacing = _a.spacing;
-                        return spacing(2.5, 2.5, 1.5, 2.5);
-                    } } }, { children: t('enter_birth_date') })), _jsx(DatePicker, { defaultValue: dateValue ? new Date(dateValue) : new Date(), readOnly: true, dir: 'ltr', locale: 'en', onDateChange: handleBirthDateChange, onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); } })] }));
-};
-export default DOB;

package/build/features/connect/screens/NID/IDNumber.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface IDNumberProps {
-    show: boolean;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IDNumberProps & React.RefAttributes<unknown>>>;
-export default _default;