@tap-payments/auth-jsconnect 2.8.76-development → 2.8.77-development

package/build/features/connectExpress/screens/AuthenticationList/BrandList.js

@@ -1,81 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useFormContext, useController } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import InputSelect from '../../../shared/InputSelect';
-import CheckIcon from '../../../shared/CheckIcon';
-import SimpleList from '../../../../components/SimpleList';
-import Text from '../../../../components/Text';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Collapse from '../../../../components/Collapse';
-var BrandContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var BrandNameText = 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 }));
-});
-var BrandList = function (_a) {
-    var show = _a.show, list = _a.list, rest = __rest(_a, ["show", "list"]);
-    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var control = useFormContext().control;
-    var brandInfoControl = useController({ control: control, name: 'brandInfo' });
-    var brandInfo = brandInfoControl.field.value;
-    var onOpenBrandList = function (event) {
-        var _a;
-        setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var onCloseBrandList = function () {
-        var _a;
-        setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var getBrandName = function (brand) {
-        var _a, _b;
-        if (!brand)
-            return '';
-        return (isAr ? (_a = brand.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = brand.name) === null || _b === void 0 ? void 0 : _b.en) || '';
-    };
-    var getBrandId = function (brand) {
-        if (!brand)
-            return '';
-        return brand.id || '';
-    };
-    var onSelectItem = function (brand) {
-        brandInfoControl.field.onChange(brand);
-        onCloseBrandList();
-    };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputSelect, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(brandInfo)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { space: 140, list: list, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(brandInfo) }, { children: t(getBrandName(item)) })) }), getBrandId(item) === getBrandId(brandInfo) && _jsx(CheckIcon, {})] }));
-                        } }) }))] }) })));
-};
-export default React.memo(BrandList);

package/build/features/connectExpress/screens/AuthenticationList/EntityLegalName.d.ts

@@ -1,2 +0,0 @@
-declare const EntityLegalName: () => import("react/jsx-runtime").JSX.Element;
-export default EntityLegalName;

package/build/features/connectExpress/screens/AuthenticationList/EntityLegalName.js

@@ -1,48 +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 { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import { removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
-import Input from '../../../shared/Input';
-import { EndAdornment } from '../../../shared/EndAdornment';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        direction: theme.direction,
-        fontFamily: theme.typography.fontFamily,
-        overflow: 'hidden',
-        paddingBlockEnd: theme.spacing(2.5)
-    });
-});
-var EntityLegalName = function () {
-    var _a;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var entityNameControl = useController({ control: control, name: 'legalName' });
-    var entityNameValue = entityNameControl.field.value;
-    var error = (_a = entityNameControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var handleChange = function (_a) {
-        var target = _a.target;
-        var value = removeAllOtherThanCharsNumbersAndSpace(target.value);
-        entityNameControl.field.onChange(value);
-    };
-    var clearEntityLegalName = function () {
-        entityNameControl.field.onChange('');
-    };
-    return (_jsx(BoxStyled, __assign({ sx: { mt: 2.5 } }, { children: _jsx(Input, { label: t('license_name_label'), onChange: handleChange, required: true, value: entityNameValue || '', endAdornment: _jsx(EndAdornment, { value: entityNameValue, error: error, onClear: clearEntityLegalName }), placeholder: t('license_name_hint'), warningType: 'alert', warningMessage: error && t(error) }) })));
-};
-export default EntityLegalName;

package/build/features/connectExpress/screens/AuthenticationList/EntityLicenseType.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export declare const InfoIconStyled: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
-}, "className" | "style" | "classes" | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const InfoOutlinedIconStyled: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
-}, "className" | "style" | "classes" | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-declare const Type: () => import("react/jsx-runtime").JSX.Element;
-export default Type;

package/build/features/connectExpress/screens/AuthenticationList/EntityLicenseType.js

@@ -1,90 +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 { 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 { LicenseType } from '../../../../@types';
-import RadioGroup from '../../../../components/RadioGroup';
-import Tooltip from '../../../../components/Tooltip';
-import Radio from '../../../../components/Radio';
-import { clearError, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-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 Type = function () {
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var error = useAppSelector(connectExpressSelector).error;
-    var _a = React.useState(false), isCRHovered = _a[0], setIsCRHovered = _a[1];
-    var _b = React.useState(false), isFLHovered = _b[0], setIsFLHovered = _b[1];
-    var typeControl = useController({ control: control, name: 'licenseType' });
-    var dispatch = useAppDispatch();
-    var handleOnChange = function (_a) {
-        var target = _a.target;
-        if (error)
-            dispatch(clearError());
-        typeControl.field.onChange(target.value);
-    };
-    var typeValue = typeControl.field.value;
-    return (_jsxs(ScreenContainer, __assign({ sx: { pb: 1.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('signup_business_type_label'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: typeValue ? (typeValue === LicenseType.FL ? LicenseType.FL : LicenseType.CR) : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: LicenseType.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: LicenseType.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 Type;

package/build/features/connectExpress/screens/AuthenticationList/EntityList.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { CountryCode } from '../../../../@types';
-interface EntityListProps {
-    show: boolean;
-    countryList: Array<CountryCode>;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-    handleAddEntity?: (flag: boolean) => void;
-}
-declare const _default: React.MemoExoticComponent<({ show, countryList, handleAddEntity, ...rest }: EntityListProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/features/connectExpress/screens/AuthenticationList/EntityList.js

@@ -1,138 +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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useFormContext, useController } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import InputSelect from '../../../shared/InputSelect';
-import CheckIcon from '../../../shared/CheckIcon';
-import SimpleList from '../../../../components/SimpleList';
-import Text from '../../../../components/Text';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Collapse from '../../../../components/Collapse';
-import Icon from '../../../../components/Icon';
-import { connectExpressSelector } from '../../../../features/app/connectExpress/connectExpressStore';
-import { ADD_ENTITY } from '../../../../constants';
-var EntityContainer = styled(Box)(function () { return ({
-    display: 'flex',
-    alignItems: 'center'
-}); });
-var EntityCountryFlag = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        marginInlineEnd: theme.spacing(1.25)
-    });
-});
-var EntityNameText = 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 }));
-});
-var EntityList = function (_a) {
-    var _b, _c;
-    var show = _a.show, countryList = _a.countryList, handleAddEntity = _a.handleAddEntity, rest = __rest(_a, ["show", "countryList", "handleAddEntity"]);
-    var _d = React.useState([]), list = _d[0], setList = _d[1];
-    var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var _f = useFormContext(), control = _f.control, watch = _f.watch, setValue = _f.setValue, getValues = _f.getValues;
-    var data = useAppSelector(connectExpressSelector).data;
-    var brandInfo = watch('brandInfo');
-    var entityList = ((_c = (_b = data.responseData) === null || _b === void 0 ? void 0 : _b.authenticationData) === null || _c === void 0 ? void 0 : _c.entityList) || [];
-    var selectedEntityControl = useController({ control: control, name: 'entityInfo' });
-    React.useEffect(function () {
-        if (entityList.length > 0) {
-            var filteredEntityList = entityList.filter(function (entity) { return (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_id) && entity.business_id === brandInfo.business_id; });
-            var list_1 = __spreadArray(__spreadArray([], filteredEntityList, true), [entityList[entityList.length - 1]], false) || [];
-            setList(list_1);
-            if (filteredEntityList.length) {
-                setValue('entityInfo', filteredEntityList[0], { shouldValidate: true });
-                setValue('licenseNumber', '');
-                setValue('licenseType', '');
-                setValue('legalName', '');
-                handleAddEntity === null || handleAddEntity === void 0 ? void 0 : handleAddEntity(false);
-            }
-            else {
-                setValue('merchantInfo', undefined);
-                setValue('entityInfo', undefined);
-            }
-        }
-    }, [entityList, brandInfo]);
-    var onOpenEntityList = function (event) {
-        var _a;
-        setAnchorEl(event.currentTarget);
-        (_a = rest.onListOpen) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var onCloseEntityList = function () {
-        var _a;
-        setAnchorEl(null);
-        (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
-    };
-    var getLegalName = function (entity) {
-        var _a, _b;
-        if (!entity)
-            return '';
-        return (isAr ? t((_a = entity.legal_name) === null || _a === void 0 ? void 0 : _a.ar) : t((_b = entity.legal_name) === null || _b === void 0 ? void 0 : _b.en)) || '';
-    };
-    var getEntityId = function (entity) {
-        if (!entity)
-            return '';
-        return entity.id || '';
-    };
-    var getCountryFlag = function (entity) {
-        var _a;
-        if (!entity)
-            return '';
-        return ((_a = countryList.find(function (country) { return country.iso2.toLocaleLowerCase() === entity.country.toLocaleLowerCase(); })) === null || _a === void 0 ? void 0 : _a.logo) || '';
-    };
-    var onSelectItem = function (entity) {
-        selectedEntityControl.field.onChange(entity);
-        if (entity.id === ADD_ENTITY)
-            handleAddEntity === null || handleAddEntity === void 0 ? void 0 : handleAddEntity(true);
-        else {
-            setValue('licenseNumber', '');
-            setValue('legalName', '');
-            setValue('licenseType', '');
-            handleAddEntity === null || handleAddEntity === void 0 ? void 0 : handleAddEntity(false);
-        }
-        onCloseEntityList();
-    };
-    var selectedEntity = selectedEntityControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('select_entity_label'), onClick: !!anchorEl ? onCloseEntityList : onOpenEntityList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('select_entity_placeholder'), value: getLegalName(getValues('entityInfo')) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { space: 140, list: list, onSelectItem: onSelectItem, renderItem: function (entity) {
-                            return (_jsxs(_Fragment, { children: [_jsxs(EntityContainer, { children: [(entity === null || entity === void 0 ? void 0 : entity.country) && _jsx(EntityCountryFlag, { src: getCountryFlag(entity) }), _jsx(EntityNameText, __assign({ isSelected: getEntityId(entity) === getEntityId(selectedEntity) }, { children: t(getLegalName(entity)) }))] }), getEntityId(entity) === getEntityId(selectedEntity) && _jsx(CheckIcon, {})] }));
-                        } }) }))] })) })));
-};
-export default React.memo(EntityList);

package/build/features/connectExpress/screens/AuthenticationList/LicenseNumber.d.ts

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

package/build/features/connectExpress/screens/AuthenticationList/LicenseNumber.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import { KW_MAX_LICENSE_LENGTH, KW_MIN_LICENSE_LENGTH, LICENSE_NUMBER_MAX_LENGTH, LICENSE_NUMBER_MIN_LENGTH } from '../../../../constants';
-import { isSA, cleanFLandCRNumber } from '../../../../utils';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import ClearIcon from '../../../shared/ClearIcon';
-import CheckIcon from '../../../shared/CheckIcon';
-import Input from '../../../shared/Input';
-import { useAppSelector } from '../../../../hooks';
-import { settingsSelector } from '../../../../app/settings';
-var LicenseNumber = function () {
-    var _a;
-    var t = useTranslation().t;
-    var control = useFormContext().control;
-    var licenseNumberControl = useController({ control: control, name: 'licenseNumber' });
-    var settingsData = useAppSelector(settingsSelector).data;
-    var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var handleFLNumberChange = function (_a) {
-        var target = _a.target;
-        var value = cleanFLandCRNumber(target.value);
-        licenseNumberControl.field.onChange(value);
-    };
-    var clearLicenseNumber = function () {
-        licenseNumberControl.field.onChange('');
-    };
-    var licenseNumberValue = licenseNumberControl.field.value;
-    var error = (_a = licenseNumberControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var length = !isSACountry ? KW_MAX_LICENSE_LENGTH : LICENSE_NUMBER_MAX_LENGTH;
-    var minLength = !isSACountry ? KW_MIN_LICENSE_LENGTH : LICENSE_NUMBER_MIN_LENGTH;
-    var label = 'license_number';
-    var showCheckIcon = (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) >= minLength;
-    return (_jsx(ScreenContainer, { children: _jsx(Input, { label: t(label), required: true, onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue || '', endAdornment: showCheckIcon ? _jsx(CheckIcon, {}) : licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber }), placeholder: t('license_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) }));
-};
-export default React.memo(LicenseNumber);

package/build/features/connectExpress/screens/AuthenticationList/index.d.ts

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

package/build/features/connectExpress/screens/AuthenticationList/index.js

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

package/build/features/connectExpress/screens/AuthenticationList/validation.d.ts

@@ -1,20 +0,0 @@
-import * as yup from 'yup';
-export declare const AuthenticationListValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    brandInfo: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
-    entityInfo: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    licenseType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    legalName: 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, {
-    brandInfo: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
-    entityInfo: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    licenseType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    legalName: 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, {
-    brandInfo: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape>>;
-    entityInfo: any;
-    licenseNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    licenseType: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    legalName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;

package/build/features/connectExpress/screens/AuthenticationList/validation.js

@@ -1,68 +0,0 @@
-import * as yup from 'yup';
-import { ADD_ENTITY, LICENSE_NUMBER_MIN_LENGTH, REGEX_LEGAL_NAME } from '../../../../constants';
-var objectElements = {
-    id: yup.string().required(),
-    business_id: yup.string(),
-    legal_name: yup.object().shape({
-        ar: yup.string(),
-        en: yup.string()
-    }),
-    license: yup.object().shape({
-        number: yup.string()
-    })
-};
-export var AuthenticationListValidationSchema = yup.object().shape({
-    brandInfo: yup.object().required('auth_brand_required'),
-    entityInfo: yup.object().shape(objectElements).required('auth_entity_required'),
-    licenseNumber: yup
-        .string()
-        .when('entityInfo', function (entityInfo) {
-        var isAddEntity = (entityInfo === null || entityInfo === void 0 ? void 0 : entityInfo.id) === ADD_ENTITY;
-        if (!isAddEntity) {
-            return yup.string().optional();
-        }
-        return yup
-            .string()
-            .test({
-            test: function (value) {
-                var length = (value === null || value === void 0 ? void 0 : value.length) || 0;
-                if (length === 0)
-                    return true;
-                return length >= LICENSE_NUMBER_MIN_LENGTH ? true : this.createError({ message: 'enter_license_number' });
-            }
-        })
-            .required('');
-    })
-        .required(''),
-    licenseType: yup
-        .string()
-        .when('entityInfo', function (entityInfo) {
-        var isAddEntity = (entityInfo === null || entityInfo === void 0 ? void 0 : entityInfo.id) === ADD_ENTITY;
-        if (!isAddEntity) {
-            return yup.string().optional();
-        }
-        return yup.string().required('choose_license_type');
-    })
-        .required(''),
-    legalName: yup
-        .string()
-        .when('entityInfo', function (entityInfo) {
-        var isAddEntity = (entityInfo === null || entityInfo === void 0 ? void 0 : entityInfo.id) === ADD_ENTITY;
-        if (!isAddEntity) {
-            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_LEGAL_NAME)) && length >= 3 ? true : this.createError({ message: 'enter_valid_legal_name' });
-            }
-        })
-            .required('');
-    })
-        .required('')
-});

package/build/features/connectExpress/screens/Brand/Brand.d.ts

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

package/build/features/connectExpress/screens/Brand/Brand.js

@@ -1,71 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { connectSelector } from '../../../app/connect/connectStore';
-import * as React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useFormContext, useController } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
-import CheckIcon from '../../../shared/CheckIcon';
-import SimpleList from '../../../../components/SimpleList';
-import Text from '../../../../components/Text';
-import ExpandIcon from '../../../../components/ExpandIcon';
-import Collapse from '../../../../components/Collapse';
-var InputStyled = styled(Input)(function () { return ({
-    '& .MuiInputBase-input': {
-        cursor: 'pointer'
-    }
-}); });
-var BrandContainer = styled(Box)(function () { return ({
-    display: 'flex'
-}); });
-var BrandNameText = 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 }));
-});
-var Brand = function (_a) {
-    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var data = useAppSelector(connectSelector).data;
-    var _c = data.individualData.responseBody || {}, segments_list = _c.segments_list, team_size_list = _c.team_size_list;
-    var _d = useFormContext(), control = _d.control, setValue = _d.setValue;
-    var selectedBrandControl = useController({ control: control, name: 'selectedBrand' });
-    var selectedBrand = selectedBrandControl.field.value;
-    var onOpenBrandList = function (event) {
-        setAnchorEl(event.currentTarget);
-    };
-    var onCloseBrandList = function () {
-        setAnchorEl(null);
-    };
-    var getBrandName = function (_a) {
-        var name = _a.name;
-        return (isAr ? name === null || name === void 0 ? void 0 : name.ar : name === null || name === void 0 ? void 0 : name.en) || '';
-    };
-    var getBrandId = function (item) {
-        return item.id || '';
-    };
-    var isOtherBrand = function (item) {
-        return getBrandId(item) === 'other';
-    };
-    var onSelectItem = function (brand) {
-        selectedBrandControl.field.onChange(brand);
-    };
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', list: [], onSelectItem: onSelectItem, renderItem: function (item) {
-                        return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(selectedBrand) }, { children: isOtherBrand(item) ? t(getBrandName(item)) : getBrandName(item) })) }), getBrandId(item) === getBrandId(selectedBrand) && _jsx(CheckIcon, {})] }));
-                    } }) }))] }));
-};
-export default React.memo(Brand);

package/build/features/connectExpress/screens/Brand/index.d.ts

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

package/build/features/connectExpress/screens/Brand/index.js

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

package/build/features/connectExpress/screens/BusinessCountry/BusinessCountry.d.ts

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