@tap-payments/auth-jsconnect 2.11.0-development → 2.11.0-sandbox

package/build/features/connectExpress/screens/CollectBusinessInfo/UnifiedNumber.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);
-};
-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 { alpha, styled } from '@mui/material/styles';
-import InfoIcon from '@mui/icons-material/Info';
-import Box from '@mui/material/Box';
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { removeAllCharsFromNumber } from '../../../../utils';
-import Collapse from '../../../../components/Collapse';
-import Tooltip from '../../../../components/Tooltip';
-import Text from '../../../../components/Text';
-import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
-import { clearError, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
-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, 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) }));
-});
-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 UnifiedNumber = function (_a) {
-    var _b;
-    var show = _a.show, readOnly = _a.readOnly, isVerified = _a.isVerified;
-    var t = useTranslation().t;
-    var bckError = useAppSelector(connectExpressSelector).error;
-    var control = useFormContext().control;
-    var dispatch = useAppDispatch();
-    var _c = React.useState(false), hovered = _c[0], setHovered = _c[1];
-    var handleChange = function (_a) {
-        var target = _a.target;
-        if (bckError)
-            dispatch(clearError());
-        var value = removeAllCharsFromNumber(target.value);
-        unifiedNumberControl.field.onChange(value);
-    };
-    var unifiedNumberControl = useController({ control: control, name: 'unifiedNumber' });
-    var unifiedNumberValue = unifiedNumberControl.field.value || '';
-    var error = (_b = unifiedNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t('v1_company_unified_number_label') }), _jsx(Tooltip, __assign({ title: t('v1_company_unified_number_description'), onMouseOver: function () { return setHovered(true); }, onMouseLeave: function () { return setHovered(false); }, onTouchStartCapture: function () { return setHovered(true); } }, { children: hovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(Input, { readOnly: readOnly, onChange: handleChange, value: unifiedNumberValue, sx: { '& .MuiInputBase-input': { cursor: 'auto' } }, placeholder: t('v1_company_unified_number_hint'), warningType: 'alert', warningMessage: error && t(error), endAdornment: _jsx(EndAdornment, { value: unifiedNumberValue, isVerified: isVerified }) })] })) })));
-};
-export default React.memo(UnifiedNumber);