@mvf/external-components 3.31.1-dev.7 → 3.31.1-dev.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Components/Atoms/FormControl/FormControl.js +3 -1
- package/Components/Atoms/FormControl/FormControl.js.map +1 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.d.ts +3 -1
- package/Components/Atoms/FormControl/makeFormControlStyles.js +1 -2
- package/Components/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
- package/Components/Atoms/Input/IInputProps.d.ts +5 -0
- package/Components/Atoms/Input/Input.js +3 -2
- package/Components/Atoms/Input/Input.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +5 -3
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.d.ts +57 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.d.ts +33 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.d.ts +7 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js +216 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js +596 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.d.ts +7 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js +28 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.d.ts +8 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.js +17 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.d.ts +22 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js +56 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js +159 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js +206 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.js +187 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js +229 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.test.js +281 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.d.ts +11 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js +34 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/FlagIcon.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/FlagIcon.js +114 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/FlagIcon.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js +105 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.js +36 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.d.ts +38 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js +181 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.d.ts +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js +41 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js +144 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js +509 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.d.ts +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js +33 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.d.ts +15 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js +130 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js +157 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.d.ts +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js +33 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/index.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/index.js +21 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/index.js.map +1 -0
- package/Components/Molecules/ScrollContainer/ScrollContainer.js +0 -25
- package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
- package/Components/Molecules/index.d.ts +1 -0
- package/Components/Molecules/index.js +3 -1
- package/Components/Molecules/index.js.map +1 -1
- package/Components/index.d.ts +1 -1
- package/Components/index.js +2 -1
- package/Components/index.js.map +1 -1
- package/Themes/auroraTheme.js +1 -1
- package/Themes/auroraTheme.js.map +1 -1
- package/index.d.ts +1 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +3 -1
@@ -28,11 +28,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
29
29
|
/** @jsxImportSource @emotion/react */
|
30
30
|
var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
|
31
|
+
var react_1 = require("@emotion/react");
|
31
32
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
32
33
|
var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
|
33
34
|
var FormControl = function (_a) {
|
34
35
|
var children = _a.children, error = _a.error, experimentName = _a.experimentName, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, otherProps = __rest(_a, ["children", "error", "experimentName", "isAutoFilledActive", "isSafari"]);
|
35
|
-
|
36
|
+
var theme = (0, react_1.useTheme)();
|
37
|
+
return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, theme: theme }) }, otherProps, { children: children })));
|
36
38
|
};
|
37
39
|
FormControl.defaultProps = defaultProps_1.default;
|
38
40
|
exports.default = FormControl;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;
|
1
|
+
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AACtD,wCAA0C;AAE1C,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAOrC;IANC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,UAAU,cANuB,yEAOrC,CADc;IAEb,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,CAAC,IAC/D,UAAU,cAEb,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
@@ -1,5 +1,7 @@
|
|
1
|
-
|
1
|
+
import { Theme } from '@emotion/react';
|
2
|
+
declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, theme, }: {
|
2
3
|
isAutoFilledActive: boolean;
|
3
4
|
isSafari: boolean;
|
5
|
+
theme: Theme;
|
4
6
|
}) => import("@emotion/react").SerializedStyles;
|
5
7
|
export default makeFormControlStyles;
|
@@ -13,8 +13,7 @@ var __assign = (this && this.__assign) || function () {
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
14
14
|
var react_1 = require("@emotion/react");
|
15
15
|
var makeFormControlStyles = function (_a) {
|
16
|
-
var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari;
|
17
|
-
var theme = (0, react_1.useTheme)();
|
16
|
+
var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, theme = _a.theme;
|
18
17
|
var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
|
19
18
|
return (0, react_1.css)(__assign({ '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
|
20
19
|
padding: '28px 55px 11px 0',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,
|
1
|
+
{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA4C;AAE5C,IAAM,qBAAqB,GAAG,UAAC,EAQ9B;QAPC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA;IAML,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7E,OAAO,IAAA,WAAG,aACR,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf,EACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf,EACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB,EACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB,EACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,EACD,+BAA+B,EAAE;YAC/B,kDAAkD,EAAE;gBAClD,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;SACF,EACD,mCAAmC,EAAE;YACnC,0BAA0B,EAAE;gBAC1B,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;YACD,sCAAsC,EAAE;gBACtC,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;SACF,IACE,CAAC,kBAAkB,IAAI;QACxB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
@@ -7,6 +7,11 @@ interface IInputProps {
|
|
7
7
|
disabled: boolean;
|
8
8
|
error?: boolean;
|
9
9
|
type: string;
|
10
|
+
/**
|
11
|
+
* Optional transform applied to the raw input string before
|
12
|
+
* setting internal state and before invoking onChange.
|
13
|
+
*/
|
14
|
+
valueTransform?: (rawValue: string) => string;
|
10
15
|
iconType?: 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state' | 'locationService' | 'city' | 'globe';
|
11
16
|
id: string;
|
12
17
|
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
@@ -67,7 +67,7 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
67
67
|
var icons_1 = __importDefault(require("./icons"));
|
68
68
|
var makeInputStyles_1 = __importDefault(require("./makeInputStyles"));
|
69
69
|
var Input = function (_a) {
|
70
|
-
var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, isOtherOption = _a.isOtherOption, multiline = _a.multiline, placeholder = _a.placeholder, rows = _a.rows, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, experimentName = _a.experimentName, otherProps = __rest(_a, ["error", "iconType", "id", "isAnswered", "isAutoFilledActive", "isSafari", "isOtherOption", "multiline", "placeholder", "rows", "onChange", "value", "disabled", "experimentName"]);
|
70
|
+
var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, isOtherOption = _a.isOtherOption, multiline = _a.multiline, placeholder = _a.placeholder, rows = _a.rows, onChange = _a.onChange, valueTransform = _a.valueTransform, value = _a.value, disabled = _a.disabled, experimentName = _a.experimentName, otherProps = __rest(_a, ["error", "iconType", "id", "isAnswered", "isAutoFilledActive", "isSafari", "isOtherOption", "multiline", "placeholder", "rows", "onChange", "valueTransform", "value", "disabled", "experimentName"]);
|
71
71
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
72
72
|
(0, react_1.useEffect)(function () {
|
73
73
|
setCurrentValue(value);
|
@@ -92,7 +92,8 @@ var Input = function (_a) {
|
|
92
92
|
startAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { css: styles.adornmentStart, position: "start", "data-testid": "startAdornment", children: (0, jsx_runtime_1.jsx)(IconComponent, {}) }));
|
93
93
|
}
|
94
94
|
var handleChange = function (e) {
|
95
|
-
var
|
95
|
+
var rawValue = e.target.value;
|
96
|
+
var newValue = valueTransform ? valueTransform(rawValue) : rawValue;
|
96
97
|
onChange({ id: id, value: newValue });
|
97
98
|
setCurrentValue(newValue);
|
98
99
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sEAAkD;AAClD,gFAA0D;AAC1D,6CAAyC;AAEzC,gEAA0C;AAE1C,kDAA4B;AAC5B,sEAAgD;AAQhD,IAAM,KAAK,GAAc,UAAC,
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Input/Input.tsx"],"names":[],"mappings":"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"}
|
@@ -29,8 +29,9 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
29
29
|
/** @jsxImportSource @emotion/react */
|
30
30
|
var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
|
31
31
|
var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
|
32
|
+
var react_1 = require("@emotion/react");
|
32
33
|
var intl_tel_input_1 = __importDefault(require("intl-tel-input"));
|
33
|
-
var
|
34
|
+
var react_2 = require("react");
|
34
35
|
var Input_1 = __importDefault(require("../../../Components/Atoms/Input"));
|
35
36
|
var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
|
36
37
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
@@ -62,7 +63,8 @@ var initIntlTelInput = function (input) {
|
|
62
63
|
};
|
63
64
|
var PhoneNumberTextField = function (_a) {
|
64
65
|
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "label", "isSafari", "isAutoFilledActive", "experimentName"]);
|
65
|
-
(0, react_1.
|
66
|
+
var theme = (0, react_1.useTheme)();
|
67
|
+
(0, react_2.useEffect)(function () {
|
66
68
|
var input = getInput(id);
|
67
69
|
initIntlTelInput(input);
|
68
70
|
input.addEventListener('countrychange', function (e) {
|
@@ -73,7 +75,7 @@ var PhoneNumberTextField = function (_a) {
|
|
73
75
|
}, []);
|
74
76
|
return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!errorMessage, fullWidth: true, css: [
|
75
77
|
(0, makeFormControlPhoneNumberStyling_1.default)({ isAnswered: isAnswered }),
|
76
|
-
(0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }),
|
78
|
+
(0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, theme: theme }),
|
77
79
|
], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: experimentName }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
|
78
80
|
};
|
79
81
|
PhoneNumberTextField.defaultProps = defaultProps_1.default;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,57 @@
|
|
1
|
+
import { MouseEventHandler } from 'react';
|
2
|
+
import { CountryData } from './__helpers__/utils/countryData';
|
3
|
+
import { PhoneValidationResult } from './__helpers__/utils/phoneValidation';
|
4
|
+
export interface IPhoneNumberChangeParams {
|
5
|
+
id: string;
|
6
|
+
phoneNumber: string;
|
7
|
+
e164Number: string;
|
8
|
+
}
|
9
|
+
export interface ICountryChangeParams {
|
10
|
+
id: string;
|
11
|
+
selectedCountry: CountryData;
|
12
|
+
previousCountry: CountryData;
|
13
|
+
}
|
14
|
+
export interface IValidationChangeParams {
|
15
|
+
id: string;
|
16
|
+
isValid: boolean;
|
17
|
+
validationResult: PhoneValidationResult;
|
18
|
+
phoneNumber: string;
|
19
|
+
}
|
20
|
+
export interface IFormattedValueChangeParams {
|
21
|
+
id: string;
|
22
|
+
formattedValue: string;
|
23
|
+
e164Value: string;
|
24
|
+
}
|
25
|
+
export interface IPhoneNumberTextFieldCallbackParams {
|
26
|
+
id: string;
|
27
|
+
value: string;
|
28
|
+
isValid: boolean;
|
29
|
+
selectedCountry: CountryData;
|
30
|
+
validationResult?: PhoneValidationResult;
|
31
|
+
}
|
32
|
+
interface IPhoneNumberTextFieldProps {
|
33
|
+
disabled: boolean;
|
34
|
+
errorMessage?: string;
|
35
|
+
type: string;
|
36
|
+
id: string;
|
37
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
38
|
+
isAnswered: boolean;
|
39
|
+
label: string;
|
40
|
+
onBlur: () => void;
|
41
|
+
onPhoneNumberChange?: (params: IPhoneNumberChangeParams) => void;
|
42
|
+
onCountryChange?: (params: ICountryChangeParams) => void;
|
43
|
+
onValidationChange?: (params: IValidationChangeParams) => void;
|
44
|
+
onFormattedValueChange?: (params: IFormattedValueChangeParams) => void;
|
45
|
+
onChange?: (item: IPhoneNumberTextFieldCallbackParams) => void;
|
46
|
+
onClick: MouseEventHandler<HTMLInputElement>;
|
47
|
+
placeholder?: string;
|
48
|
+
value: string;
|
49
|
+
initialCountry?: string;
|
50
|
+
isSafari: boolean;
|
51
|
+
isAutoFilledActive: boolean;
|
52
|
+
enableCountryChange?: boolean;
|
53
|
+
enableCountrySearch?: boolean;
|
54
|
+
useModalForCountrySelection?: boolean;
|
55
|
+
strictMode?: boolean;
|
56
|
+
}
|
57
|
+
export default IPhoneNumberTextFieldProps;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"IPhoneNumberTextFieldProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { CountryData } from './__helpers__/utils/countryData';
|
2
|
+
import { PhoneValidationResult } from './__helpers__/utils/phoneValidation';
|
3
|
+
export interface PhoneNumberChangeEvent {
|
4
|
+
id: string;
|
5
|
+
phoneNumber: string;
|
6
|
+
e164Number: string;
|
7
|
+
isValid: boolean;
|
8
|
+
selectedCountry: CountryData;
|
9
|
+
validationResult: PhoneValidationResult | null;
|
10
|
+
}
|
11
|
+
export interface CountryChangeEvent {
|
12
|
+
id: string;
|
13
|
+
selectedCountry: CountryData;
|
14
|
+
previousCountry: CountryData;
|
15
|
+
}
|
16
|
+
export interface ValidationChangeEvent {
|
17
|
+
id: string;
|
18
|
+
isValid: boolean;
|
19
|
+
validationResult: PhoneValidationResult;
|
20
|
+
phoneNumber: string;
|
21
|
+
}
|
22
|
+
export interface FormattedValueChangeEvent {
|
23
|
+
id: string;
|
24
|
+
formattedValue: string;
|
25
|
+
e164Value: string;
|
26
|
+
}
|
27
|
+
export interface PhoneNumberTextFieldCallbacks {
|
28
|
+
onPhoneNumberChange?: (event: PhoneNumberChangeEvent) => void;
|
29
|
+
onCountryChange?: (event: CountryChangeEvent) => void;
|
30
|
+
onValidationChange?: (event: ValidationChangeEvent) => void;
|
31
|
+
onFormattedValueChange?: (event: FormattedValueChangeEvent) => void;
|
32
|
+
onChange?: (event: PhoneNumberChangeEvent) => void;
|
33
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"PhoneNumberCallbacks.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
2
|
+
import IPhoneNumberTextFieldProps from './IPhoneNumberTextFieldProps';
|
3
|
+
import defaultProps from './__helpers__/utils/defaultProps';
|
4
|
+
import WithExperimentName from '../../../@types/WithExperimentName';
|
5
|
+
export type PhoneNumberTextFieldType = FunctionComponentWithDefaultProps<WithExperimentName<IPhoneNumberTextFieldProps>, typeof defaultProps>;
|
6
|
+
declare const PhoneNumberTextField: PhoneNumberTextFieldType;
|
7
|
+
export default PhoneNumberTextField;
|
@@ -0,0 +1,216 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
14
|
+
var t = {};
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
+
t[p] = s[p];
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
+
t[p[i]] = s[p[i]];
|
21
|
+
}
|
22
|
+
return t;
|
23
|
+
};
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
+
};
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
29
|
+
/** @jsxImportSource @emotion/react */
|
30
|
+
var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
|
31
|
+
var react_1 = require("react");
|
32
|
+
var react_2 = require("@emotion/react");
|
33
|
+
var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
|
34
|
+
var defaultProps_1 = __importDefault(require("./__helpers__/utils/defaultProps"));
|
35
|
+
var makeFormControlPhoneNumberStyling_1 = __importDefault(require("./__helpers__/styling/makeFormControlPhoneNumberStyling"));
|
36
|
+
var makeFormControlStyles_1 = __importDefault(require("../../../Components/Atoms/FormControl/makeFormControlStyles"));
|
37
|
+
var CountryDropdown_1 = __importDefault(require("./__helpers__/components/ui/CountryDropdown"));
|
38
|
+
var CountryModal_1 = __importDefault(require("./__helpers__/components/ui/CountryModal"));
|
39
|
+
var PhoneInput_1 = __importDefault(require("./__helpers__/components/forms/PhoneInput"));
|
40
|
+
var CountrySelector_1 = __importDefault(require("./__helpers__/components/ui/CountrySelector"));
|
41
|
+
var ErrorDisplay_1 = __importDefault(require("./__helpers__/components/display/ErrorDisplay"));
|
42
|
+
var usePhoneNumber_1 = require("./__helpers__/hooks/usePhoneNumber");
|
43
|
+
var useCountrySelector_1 = require("./__helpers__/hooks/useCountrySelector");
|
44
|
+
var PhoneNumberTextField = function (_a) {
|
45
|
+
var _b, _c;
|
46
|
+
var
|
47
|
+
// Core props
|
48
|
+
id = _a.id, _d = _a.value, value = _d === void 0 ? '' : _d, label = _a.label, errorMessage = _a.errorMessage, disabled = _a.disabled, placeholder = _a.placeholder,
|
49
|
+
// Country settings
|
50
|
+
initialCountry = _a.initialCountry, enableCountryChange = _a.enableCountryChange, enableCountrySearch = _a.enableCountrySearch, useModalForCountrySelection = _a.useModalForCountrySelection,
|
51
|
+
// UI state
|
52
|
+
isAnswered = _a.isAnswered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName,
|
53
|
+
// Input filtering settings
|
54
|
+
strictMode = _a.strictMode,
|
55
|
+
// Callbacks
|
56
|
+
onPhoneNumberChange = _a.onPhoneNumberChange, onCountryChange = _a.onCountryChange, onValidationChange = _a.onValidationChange, onFormattedValueChange = _a.onFormattedValueChange, onChange = _a.onChange, // Legacy support
|
57
|
+
// Event handlers
|
58
|
+
onBlur = _a.onBlur, onClick = _a.onClick, type = _a.type, props = __rest(_a, ["id", "value", "label", "errorMessage", "disabled", "placeholder", "initialCountry", "enableCountryChange", "enableCountrySearch", "useModalForCountrySelection", "isAnswered", "isSafari", "isAutoFilledActive", "experimentName", "strictMode", "onPhoneNumberChange", "onCountryChange", "onValidationChange", "onFormattedValueChange", "onChange", "onBlur", "onClick", "type"]);
|
59
|
+
var theme = (0, react_2.useTheme)();
|
60
|
+
var countrySelectorRef = (0, react_1.useRef)(null);
|
61
|
+
var inputRef = (0, react_1.useRef)(null);
|
62
|
+
// Custom hooks for clean separation of concerns
|
63
|
+
var phoneNumber = (0, usePhoneNumber_1.usePhoneNumber)({
|
64
|
+
initialCountry: initialCountry,
|
65
|
+
initialValue: value,
|
66
|
+
enableCountryChange: enableCountryChange,
|
67
|
+
});
|
68
|
+
var countrySelector = (0, useCountrySelector_1.useCountrySelector)({
|
69
|
+
enableCountryChange: enableCountryChange,
|
70
|
+
disabled: disabled,
|
71
|
+
});
|
72
|
+
// Use refs to track previous values
|
73
|
+
var prevPhoneNumberRef = (0, react_1.useRef)('');
|
74
|
+
var prevE164Ref = (0, react_1.useRef)('');
|
75
|
+
var prevIsValidRef = (0, react_1.useRef)(false);
|
76
|
+
var prevCountryCodeRef = (0, react_1.useRef)('');
|
77
|
+
// Handle auto-detected country changes
|
78
|
+
(0, react_1.useEffect)(function () {
|
79
|
+
if (phoneNumber.autoDetectedCountryChange) {
|
80
|
+
var _a = phoneNumber.autoDetectedCountryChange, newCountry = _a.newCountry, previousCountry = _a.previousCountry;
|
81
|
+
// Trigger the country change callback for auto-detection
|
82
|
+
onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange({
|
83
|
+
id: id,
|
84
|
+
selectedCountry: newCountry,
|
85
|
+
previousCountry: previousCountry,
|
86
|
+
});
|
87
|
+
// Clear the auto-detected country change flag
|
88
|
+
phoneNumber.clearAutoDetectedCountryChange();
|
89
|
+
}
|
90
|
+
}, [
|
91
|
+
phoneNumber.autoDetectedCountryChange,
|
92
|
+
phoneNumber.clearAutoDetectedCountryChange,
|
93
|
+
onCountryChange,
|
94
|
+
id,
|
95
|
+
]);
|
96
|
+
// Handle phone number change events with proper change detection
|
97
|
+
(0, react_1.useEffect)(function () {
|
98
|
+
var _a, _b;
|
99
|
+
var currentPhoneNumber = phoneNumber.phoneNumber;
|
100
|
+
var currentE164 = phoneNumber.formattedE164;
|
101
|
+
var currentIsValid = phoneNumber.isValid;
|
102
|
+
var currentCountryCode = (_b = (_a = phoneNumber.selectedCountry) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : '';
|
103
|
+
// Only trigger callbacks if values have actually changed
|
104
|
+
var phoneNumberChanged = currentPhoneNumber !== prevPhoneNumberRef.current;
|
105
|
+
var e164Changed = currentE164 !== prevE164Ref.current;
|
106
|
+
var validityChanged = currentIsValid !== prevIsValidRef.current;
|
107
|
+
var countryChanged = currentCountryCode !== prevCountryCodeRef.current;
|
108
|
+
if (phoneNumberChanged ||
|
109
|
+
e164Changed ||
|
110
|
+
validityChanged ||
|
111
|
+
countryChanged) {
|
112
|
+
// Update refs first to prevent re-triggering
|
113
|
+
prevPhoneNumberRef.current = currentPhoneNumber;
|
114
|
+
prevE164Ref.current = currentE164;
|
115
|
+
prevIsValidRef.current = currentIsValid;
|
116
|
+
prevCountryCodeRef.current = currentCountryCode;
|
117
|
+
// Call specific callbacks with properly separated concerns
|
118
|
+
if (phoneNumberChanged || e164Changed) {
|
119
|
+
onPhoneNumberChange === null || onPhoneNumberChange === void 0 ? void 0 : onPhoneNumberChange({
|
120
|
+
id: id,
|
121
|
+
phoneNumber: currentPhoneNumber, // What user sees (national format)
|
122
|
+
e164Number: currentE164, // E164 format for backend
|
123
|
+
});
|
124
|
+
}
|
125
|
+
if (phoneNumber.validationResult &&
|
126
|
+
(phoneNumberChanged || validityChanged)) {
|
127
|
+
onValidationChange === null || onValidationChange === void 0 ? void 0 : onValidationChange({
|
128
|
+
id: id,
|
129
|
+
isValid: currentIsValid,
|
130
|
+
validationResult: phoneNumber.validationResult,
|
131
|
+
phoneNumber: currentPhoneNumber,
|
132
|
+
});
|
133
|
+
}
|
134
|
+
if (phoneNumberChanged || e164Changed) {
|
135
|
+
onFormattedValueChange === null || onFormattedValueChange === void 0 ? void 0 : onFormattedValueChange({
|
136
|
+
id: id,
|
137
|
+
formattedValue: currentPhoneNumber, // What user sees (national format)
|
138
|
+
e164Value: currentE164, // What gets submitted (international format)
|
139
|
+
});
|
140
|
+
}
|
141
|
+
// Call legacy callback for backward compatibility
|
142
|
+
if (phoneNumber.validationResult &&
|
143
|
+
(phoneNumberChanged || e164Changed || validityChanged)) {
|
144
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
145
|
+
id: id,
|
146
|
+
value: currentE164, // This is E164 format for backend
|
147
|
+
isValid: currentIsValid,
|
148
|
+
selectedCountry: phoneNumber.selectedCountry,
|
149
|
+
validationResult: phoneNumber.validationResult,
|
150
|
+
});
|
151
|
+
}
|
152
|
+
}
|
153
|
+
}, [
|
154
|
+
id,
|
155
|
+
phoneNumber.phoneNumber,
|
156
|
+
phoneNumber.formattedE164,
|
157
|
+
phoneNumber.isValid,
|
158
|
+
(_b = phoneNumber.selectedCountry) === null || _b === void 0 ? void 0 : _b.code,
|
159
|
+
phoneNumber.validationResult,
|
160
|
+
onPhoneNumberChange,
|
161
|
+
onValidationChange,
|
162
|
+
onFormattedValueChange,
|
163
|
+
onChange,
|
164
|
+
]);
|
165
|
+
// Memoized callbacks to prevent unnecessary re-renders
|
166
|
+
var handlePhoneChange = (0, react_1.useCallback)(function (params) {
|
167
|
+
phoneNumber.setPhoneNumber(params.value);
|
168
|
+
}, [phoneNumber.setPhoneNumber]);
|
169
|
+
// Handle country changes
|
170
|
+
var handleCountryChange = (0, react_1.useCallback)(function (country) {
|
171
|
+
var previousCountry = phoneNumber.selectedCountry;
|
172
|
+
phoneNumber.setSelectedCountry(country);
|
173
|
+
onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange({
|
174
|
+
id: id,
|
175
|
+
selectedCountry: country,
|
176
|
+
previousCountry: previousCountry,
|
177
|
+
});
|
178
|
+
}, [
|
179
|
+
phoneNumber.setSelectedCountry,
|
180
|
+
phoneNumber.selectedCountry,
|
181
|
+
id,
|
182
|
+
onCountryChange,
|
183
|
+
]);
|
184
|
+
// Memoized error state computation
|
185
|
+
var _e = (0, react_1.useMemo)(function () {
|
186
|
+
var shouldShow = Boolean(errorMessage) ||
|
187
|
+
Boolean(phoneNumber.validationResult &&
|
188
|
+
!phoneNumber.validationResult.isValid &&
|
189
|
+
phoneNumber.phoneNumber.length > 0);
|
190
|
+
var finalError = errorMessage;
|
191
|
+
return { shouldShowError: shouldShow, finalErrorMessage: finalError };
|
192
|
+
}, [
|
193
|
+
errorMessage,
|
194
|
+
phoneNumber.validationResult,
|
195
|
+
phoneNumber.phoneNumber.length,
|
196
|
+
phoneNumber.errorMessage,
|
197
|
+
]), shouldShowError = _e.shouldShowError, finalErrorMessage = _e.finalErrorMessage;
|
198
|
+
var formControlStyles = [
|
199
|
+
(0, makeFormControlPhoneNumberStyling_1.default)({
|
200
|
+
isAnswered: isAnswered !== null && isAnswered !== void 0 ? isAnswered : false,
|
201
|
+
isAutoFilledActive: isAutoFilledActive !== null && isAutoFilledActive !== void 0 ? isAutoFilledActive : false,
|
202
|
+
isSafari: isSafari !== null && isSafari !== void 0 ? isSafari : false,
|
203
|
+
hasError: !!shouldShowError,
|
204
|
+
theme: theme,
|
205
|
+
}),
|
206
|
+
(0, makeFormControlStyles_1.default)({
|
207
|
+
isAutoFilledActive: isAutoFilledActive !== null && isAutoFilledActive !== void 0 ? isAutoFilledActive : false,
|
208
|
+
isSafari: isSafari !== null && isSafari !== void 0 ? isSafari : false,
|
209
|
+
theme: theme,
|
210
|
+
}),
|
211
|
+
];
|
212
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!shouldShowError, fullWidth: true, css: formControlStyles, sx: { position: 'relative' }, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { id: "".concat(id, "-label"), isAnswered: isAnswered !== null && isAnswered !== void 0 ? isAnswered : false, htmlFor: id, shrink: true, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsxs)("div", { className: "phone-input-container", role: "group", "aria-labelledby": label ? "".concat(id, "-label") : undefined, "aria-describedby": finalErrorMessage ? "".concat(id, "-error") : undefined, children: [(0, jsx_runtime_1.jsx)(CountrySelector_1.default, { ref: countrySelectorRef, selectedCountry: phoneNumber.selectedCountry, enableCountryChange: enableCountryChange, isCountryMenuOpen: countrySelector.isCountryMenuOpen, disabled: disabled, onClick: countrySelector.handleCountrySelectClick, onKeyDown: countrySelector.handleKeyDown }), (0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({ ref: inputRef, id: id, value: phoneNumber.phoneNumber, placeholder: (0, react_1.useMemo)(function () { var _a; return placeholder || ((_a = phoneNumber.selectedCountry) === null || _a === void 0 ? void 0 : _a.example) || ''; }, [placeholder, (_c = phoneNumber.selectedCountry) === null || _c === void 0 ? void 0 : _c.example]), disabled: disabled, error: !!shouldShowError, isAnswered: isAnswered, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: experimentName, type: type, strictMode: strictMode, onChange: handlePhoneChange, onBlur: onBlur, onClick: onClick }, props))] }), (0, jsx_runtime_1.jsx)(ErrorDisplay_1.default, { id: "".concat(id, "-error"), errorMessage: finalErrorMessage, role: "alert", "aria-live": "polite" })] }), enableCountryChange && useModalForCountrySelection ? ((0, jsx_runtime_1.jsx)(CountryModal_1.default, { selectedCountry: phoneNumber.selectedCountry, onCountryChange: handleCountryChange, enableCountrySearch: enableCountrySearch, open: countrySelector.isCountryMenuOpen, onClose: countrySelector.closeCountryMenu })) : ((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, { selectedCountry: phoneNumber.selectedCountry, onCountryChange: handleCountryChange, enableCountrySearch: enableCountrySearch, anchorEl: countrySelectorRef.current, open: countrySelector.isCountryMenuOpen, onClose: countrySelector.closeCountryMenu }))] }));
|
213
|
+
};
|
214
|
+
PhoneNumberTextField.defaultProps = defaultProps_1.default;
|
215
|
+
exports.default = PhoneNumberTextField;
|
216
|
+
//# sourceMappingURL=PhoneNumberTextField.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,+BAAgE;AAChE,wCAA0C;AAC1C,oFAA8D;AAG9D,kFAA4D;AAC5D,8HAAwG;AACxG,sHAAgG;AAEhG,gGAA0E;AAC1E,0FAAoE;AACpE,yFAAmE;AACnE,gGAA0E;AAC1E,+FAAyE;AACzE,qEAG4C;AAC5C,6EAA4E;AAQ5E,IAAM,oBAAoB,GAA6B,UAAC,EAoCvD;;IAlCC;IADA,aAAa;IACb,EAAE,QAAA,EACF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,mBAAmB;IACnB,cAAc,oBAAA,EACd,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA,EACnB,2BAA2B,iCAAA;IAE3B,WAAW;IACX,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,cAAc,oBAAA;IAEd,2BAA2B;IAC3B,UAAU,gBAAA;IAEV,YAAY;IACZ,mBAAmB,yBAAA,EACnB,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,sBAAsB,4BAAA,EACtB,QAAQ,cAAA,EAAE,iBAAiB;IAE3B,iBAAiB;IACjB,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACD,KAAK,cAnC8C,qXAoCvD,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,kBAAkB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,gDAAgD;IAChD,IAAM,WAAW,GAAyB,IAAA,+BAAc,EAAC;QACvD,cAAc,gBAAA;QACd,YAAY,EAAE,KAAK;QACnB,mBAAmB,qBAAA;KACpB,CAAC,CAAC;IAEH,IAAM,eAAe,GAAG,IAAA,uCAAkB,EAAC;QACzC,mBAAmB,qBAAA;QACnB,QAAQ,UAAA;KACT,CAAC,CAAC;IAEH,oCAAoC;IACpC,IAAM,kBAAkB,GAAG,IAAA,cAAM,EAAS,EAAE,CAAC,CAAC;IAC9C,IAAM,WAAW,GAAG,IAAA,cAAM,EAAS,EAAE,CAAC,CAAC;IACvC,IAAM,cAAc,GAAG,IAAA,cAAM,EAAU,KAAK,CAAC,CAAC;IAC9C,IAAM,kBAAkB,GAAG,IAAA,cAAM,EAAS,EAAE,CAAC,CAAC;IAE9C,uCAAuC;IACvC,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,CAAC,yBAAyB,EAAE,CAAC;YACpC,IAAA,KACJ,WAAW,CAAC,yBAAyB,EAD/B,UAAU,gBAAA,EAAE,eAAe,qBACI,CAAC;YAExC,yDAAyD;YACzD,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG;gBAChB,EAAE,IAAA;gBACF,eAAe,EAAE,UAAU;gBAC3B,eAAe,iBAAA;aAChB,CAAC,CAAC;YAEH,8CAA8C;YAC9C,WAAW,CAAC,8BAA8B,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE;QACD,WAAW,CAAC,yBAAyB;QACrC,WAAW,CAAC,8BAA8B;QAC1C,eAAe;QACf,EAAE;KACH,CAAC,CAAC;IAEH,iEAAiE;IACjE,IAAA,iBAAS,EAAC;;QACR,IAAM,kBAAkB,GAAG,WAAW,CAAC,WAAW,CAAC;QACnD,IAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC;QAC9C,IAAM,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC;QAC3C,IAAM,kBAAkB,GAAW,MAAA,MAAA,WAAW,CAAC,eAAe,0CAAE,IAAI,mCAAI,EAAE,CAAC;QAE3E,yDAAyD;QACzD,IAAM,kBAAkB,GACtB,kBAAkB,KAAK,kBAAkB,CAAC,OAAO,CAAC;QACpD,IAAM,WAAW,GAAG,WAAW,KAAK,WAAW,CAAC,OAAO,CAAC;QACxD,IAAM,eAAe,GAAG,cAAc,KAAK,cAAc,CAAC,OAAO,CAAC;QAClE,IAAM,cAAc,GAAG,kBAAkB,KAAK,kBAAkB,CAAC,OAAO,CAAC;QAEzE,IACE,kBAAkB;YAClB,WAAW;YACX,eAAe;YACf,cAAc,EACd,CAAC;YACD,6CAA6C;YAC7C,kBAAkB,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAChD,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC;YAClC,cAAc,CAAC,OAAO,GAAG,cAAc,CAAC;YACxC,kBAAkB,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAEhD,2DAA2D;YAC3D,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC;gBACtC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG;oBACpB,EAAE,IAAA;oBACF,WAAW,EAAE,kBAAkB,EAAE,mCAAmC;oBACpE,UAAU,EAAE,WAAW,EAAE,0BAA0B;iBACpD,CAAC,CAAC;YACL,CAAC;YAED,IACE,WAAW,CAAC,gBAAgB;gBAC5B,CAAC,kBAAkB,IAAI,eAAe,CAAC,EACvC,CAAC;gBACD,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG;oBACnB,EAAE,IAAA;oBACF,OAAO,EAAE,cAAc;oBACvB,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;oBAC9C,WAAW,EAAE,kBAAkB;iBAChC,CAAC,CAAC;YACL,CAAC;YAED,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC;gBACtC,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG;oBACvB,EAAE,IAAA;oBACF,cAAc,EAAE,kBAAkB,EAAE,mCAAmC;oBACvE,SAAS,EAAE,WAAW,EAAE,6CAA6C;iBACtE,CAAC,CAAC;YACL,CAAC;YAED,kDAAkD;YAClD,IACE,WAAW,CAAC,gBAAgB;gBAC5B,CAAC,kBAAkB,IAAI,WAAW,IAAI,eAAe,CAAC,EACtD,CAAC;gBACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG;oBACT,EAAE,IAAA;oBACF,KAAK,EAAE,WAAW,EAAE,kCAAkC;oBACtD,OAAO,EAAE,cAAc;oBACvB,eAAe,EAAE,WAAW,CAAC,eAAe;oBAC5C,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;iBAC/C,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC,EAAE;QACD,EAAE;QACF,WAAW,CAAC,WAAW;QACvB,WAAW,CAAC,aAAa;QACzB,WAAW,CAAC,OAAO;QACnB,MAAA,WAAW,CAAC,eAAe,0CAAE,IAAI;QACjC,WAAW,CAAC,gBAAgB;QAC5B,mBAAmB;QACnB,kBAAkB;QAClB,sBAAsB;QACtB,QAAQ;KACT,CAAC,CAAC;IAEH,uDAAuD;IACvD,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,UAAC,MAAqC;QACpC,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,WAAW,CAAC,cAAc,CAAC,CAC7B,CAAC;IAEF,yBAAyB;IACzB,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,UAAC,OAAoB;QACnB,IAAM,eAAe,GAAG,WAAW,CAAC,eAAe,CAAC;QACpD,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAExC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG;YAChB,EAAE,IAAA;YACF,eAAe,EAAE,OAAO;YACxB,eAAe,iBAAA;SAChB,CAAC,CAAC;IACL,CAAC,EACD;QACE,WAAW,CAAC,kBAAkB;QAC9B,WAAW,CAAC,eAAe;QAC3B,EAAE;QACF,eAAe;KAChB,CACF,CAAC;IAEF,mCAAmC;IAC7B,IAAA,KAAyC,IAAA,eAAO,EAAC;QACrD,IAAM,UAAU,GACd,OAAO,CAAC,YAAY,CAAC;YACrB,OAAO,CACL,WAAW,CAAC,gBAAgB;gBAC1B,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO;gBACrC,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CACrC,CAAC;QACJ,IAAM,UAAU,GAAuB,YAAY,CAAC;QACpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;IACxE,CAAC,EAAE;QACD,YAAY;QACZ,WAAW,CAAC,gBAAgB;QAC5B,WAAW,CAAC,WAAW,CAAC,MAAM;QAC9B,WAAW,CAAC,YAAY;KACzB,CAAC,EAfM,eAAe,qBAAA,EAAE,iBAAiB,uBAexC,CAAC;IAEH,IAAM,iBAAiB,GAAG;QACxB,IAAA,2CAAiC,EAAC;YAChC,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK;YAC/B,kBAAkB,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,KAAK;YAC/C,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK;YAC3B,QAAQ,EAAE,CAAC,CAAC,eAAe;YAC3B,KAAK,OAAA;SACN,CAAC;QACF,IAAA,+BAAqB,EAAC;YACpB,kBAAkB,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,KAAK;YAC/C,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK;YAC3B,KAAK,OAAA;SACN,CAAC;KACH,CAAC;IAEF,OAAO,CACL,6DACE,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,eAAe,EACxB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,iBAAiB,EACtB,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAE3B,KAAK,IAAI,CACR,uBAAC,oBAAU,IACT,EAAE,EAAE,UAAG,EAAE,WAAQ,EACjB,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,EAC/B,OAAO,EAAE,EAAE,EACX,MAAM,QACN,cAAc,EAAE,cAAc,YAE7B,KAAK,GACK,CACd,EAED,iCACE,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAC,OAAO,qBACK,KAAK,CAAC,CAAC,CAAC,UAAG,EAAE,WAAQ,CAAC,CAAC,CAAC,SAAS,sBAChC,iBAAiB,CAAC,CAAC,CAAC,UAAG,EAAE,WAAQ,CAAC,CAAC,CAAC,SAAS,aAG/D,uBAAC,yBAAe,IACd,GAAG,EAAE,kBAAkB,EACvB,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,eAAe,CAAC,iBAAiB,EACpD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAe,CAAC,wBAAwB,EACjD,SAAS,EAAE,eAAe,CAAC,aAAa,GACxC,EAGF,uBAAC,oBAAU,aACT,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,WAAW,CAAC,WAAW,EAC9B,WAAW,EAAE,IAAA,eAAO,EAClB,sBAAM,OAAA,WAAW,KAAI,MAAA,WAAW,CAAC,eAAe,0CAAE,OAAO,CAAA,IAAI,EAAE,CAAA,EAAA,EAC/D,CAAC,WAAW,EAAE,MAAA,WAAW,CAAC,eAAe,0CAAE,OAAO,CAAC,CACpD,EACD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,eAAe,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IACZ,KAAK,EACT,IACE,EAEN,uBAAC,sBAAY,IACX,EAAE,EAAE,UAAG,EAAE,WAAQ,EACjB,YAAY,EAAE,iBAAiB,EAC/B,IAAI,EAAC,OAAO,eACF,QAAQ,GAClB,IACU,EAGb,mBAAmB,IAAI,2BAA2B,CAAC,CAAC,CAAC,CACpD,uBAAC,sBAAY,IACX,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,eAAe,EAAE,mBAAmB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,IAAI,EAAE,eAAe,CAAC,iBAAiB,EACvC,OAAO,EAAE,eAAe,CAAC,gBAAgB,GACzC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAe,IACd,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,eAAe,EAAE,mBAAmB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,kBAAkB,CAAC,OAAO,EACpC,IAAI,EAAE,eAAe,CAAC,iBAAiB,EACvC,OAAO,EAAE,eAAe,CAAC,gBAAgB,GACzC,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|