@mvf/external-components 3.18.0 → 3.18.1-dev.0
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/Molecules/DatePicker/__tests__/DatePicker.test.js +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts +9 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +89 -36
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +10 -9
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +44 -18
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js +215 -0
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js +20 -8
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/package.json +4 -4
|
@@ -49,7 +49,7 @@ describe('DatePicker', function () {
|
|
|
49
49
|
var mockDate = new Date(2022, 2, 1);
|
|
50
50
|
var mockedDateText = 'March 2022';
|
|
51
51
|
beforeAll(function () {
|
|
52
|
-
jest.useFakeTimers(
|
|
52
|
+
jest.useFakeTimers();
|
|
53
53
|
jest.setSystemTime(mockDate);
|
|
54
54
|
});
|
|
55
55
|
afterAll(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/DatePicker/__tests__/DatePicker.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAA2D;AAC3D,sGAAgF;AAChF,6DAAuC;AACvC,qEAAoE;AACpE,gDAAsD;AAEtD,QAAQ,CAAC,YAAY,EAAE;IACrB,IAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,IAAM,cAAc,GAAG,YAAY,CAAC;IAEpC,SAAS,CAAC;QACR,IAAI,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/DatePicker/__tests__/DatePicker.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,12 @@ export interface IPhoneNumberTextFieldCallbackParams {
|
|
|
3
3
|
id: string;
|
|
4
4
|
value: string;
|
|
5
5
|
}
|
|
6
|
+
export interface IsValidCallbackParams {
|
|
7
|
+
id: string;
|
|
8
|
+
isValid: boolean;
|
|
9
|
+
value: string;
|
|
10
|
+
countryCodeIso2: string;
|
|
11
|
+
}
|
|
6
12
|
interface IPhoneNumberTextFieldProps {
|
|
7
13
|
disabled: boolean;
|
|
8
14
|
errorMessage?: string;
|
|
@@ -13,10 +19,13 @@ interface IPhoneNumberTextFieldProps {
|
|
|
13
19
|
label: string;
|
|
14
20
|
onBlur: () => void;
|
|
15
21
|
onChange: (item: IPhoneNumberTextFieldCallbackParams) => void;
|
|
22
|
+
onCountryChange: (item: IPhoneNumberTextFieldCallbackParams) => void;
|
|
23
|
+
onValidationChange?: (item: IsValidCallbackParams) => void;
|
|
16
24
|
onClick: MouseEventHandler<HTMLInputElement>;
|
|
17
25
|
placeholder?: string;
|
|
18
26
|
value: string;
|
|
19
27
|
isSafari: boolean;
|
|
20
28
|
isAutoFilledActive: boolean;
|
|
29
|
+
countryCodeIso2: string;
|
|
21
30
|
}
|
|
22
31
|
export default IPhoneNumberTextFieldProps;
|
|
@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
13
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
37
|
var t = {};
|
|
15
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -31,50 +54,80 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
|
|
|
31
54
|
var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
|
|
32
55
|
var intl_tel_input_1 = __importDefault(require("intl-tel-input"));
|
|
33
56
|
var react_1 = require("react");
|
|
34
|
-
var Input_1 = __importDefault(require("
|
|
35
|
-
var InputLabel_1 = __importDefault(require("
|
|
57
|
+
var Input_1 = __importDefault(require("../../Atoms/Input/Input"));
|
|
58
|
+
var InputLabel_1 = __importDefault(require("../../Atoms/InputLabel/InputLabel"));
|
|
36
59
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
37
60
|
var makeFormControlPhoneNumberStyling_1 = __importDefault(require("./makeFormControlPhoneNumberStyling"));
|
|
38
|
-
var makeFormControlStyles_1 = __importDefault(require("
|
|
39
|
-
var setUserAgent = function (userAgent) {
|
|
40
|
-
Object.defineProperty(navigator, 'userAgent', {
|
|
41
|
-
get: function () {
|
|
42
|
-
return userAgent; // customized user agent
|
|
43
|
-
},
|
|
44
|
-
configurable: true,
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
var getInput = function (id) {
|
|
48
|
-
return document.querySelector("#".concat(id));
|
|
49
|
-
};
|
|
50
|
-
var initIntlTelInput = function (input) {
|
|
51
|
-
// Keep the initial userAgent
|
|
52
|
-
var initialUserAgent = navigator.userAgent;
|
|
53
|
-
// Set mobile layout in userAgent
|
|
54
|
-
setUserAgent('iPhone');
|
|
55
|
-
// Init plugin
|
|
56
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
57
|
-
(0, intl_tel_input_1.default)(input, {
|
|
58
|
-
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.min.js',
|
|
59
|
-
});
|
|
60
|
-
// Restore the initial userAgent
|
|
61
|
-
setUserAgent(initialUserAgent);
|
|
62
|
-
};
|
|
61
|
+
var makeFormControlStyles_1 = __importDefault(require("../../Atoms/FormControl/makeFormControlStyles"));
|
|
63
62
|
var PhoneNumberTextField = function (_a) {
|
|
64
|
-
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"]);
|
|
63
|
+
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, onBlur = _a.onBlur, onCountryChange = _a.onCountryChange, onValidationChange = _a.onValidationChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName, _b = _a.countryCodeIso2, countryCodeIso2 = _b === void 0 ? 'us' : _b, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "onBlur", "onCountryChange", "onValidationChange", "value", "label", "isSafari", "isAutoFilledActive", "experimentName", "countryCodeIso2"]);
|
|
64
|
+
var inputRef = (0, react_1.useRef)(null);
|
|
65
|
+
var itiRef = (0, react_1.useRef)(null);
|
|
65
66
|
(0, react_1.useEffect)(function () {
|
|
66
|
-
var input =
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
67
|
+
var input = inputRef.current;
|
|
68
|
+
if (!input)
|
|
69
|
+
return;
|
|
70
|
+
var options = {
|
|
71
|
+
allowDropdown: true,
|
|
72
|
+
separateDialCode: false,
|
|
73
|
+
showFlags: true,
|
|
74
|
+
searchInput: true,
|
|
75
|
+
showDialCodeInSelection: true,
|
|
76
|
+
countryOrder: ['us', 'gb'],
|
|
77
|
+
separateDialCodeInDropdown: true,
|
|
78
|
+
nationalMode: false, // ensure placeholder is shown
|
|
79
|
+
customContainer: 'iti iti--container iti--fullscreen-popup hide-search',
|
|
80
|
+
useFullscreenPopup: true,
|
|
81
|
+
initialCountry: countryCodeIso2,
|
|
82
|
+
loadUtils: function () { return Promise.resolve().then(function () { return __importStar(require('intl-tel-input/build/js/utils')); }); },
|
|
83
|
+
};
|
|
84
|
+
itiRef.current = (0, intl_tel_input_1.default)(input, options);
|
|
85
|
+
console.log(9999, itiRef.current);
|
|
86
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
87
|
+
var handleCountryChange = function (e) {
|
|
88
|
+
var _a;
|
|
89
|
+
var countryData = (_a = itiRef.current) === null || _a === void 0 ? void 0 : _a.getSelectedCountryData();
|
|
90
|
+
if (countryData === null || countryData === void 0 ? void 0 : countryData.iso2) {
|
|
91
|
+
onCountryChange({
|
|
92
|
+
id: id,
|
|
93
|
+
value: countryData.iso2,
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
var handleInput = function (e) {
|
|
98
|
+
var target = e.target;
|
|
99
|
+
onChange({ id: id, value: target.value });
|
|
100
|
+
};
|
|
101
|
+
input.addEventListener('countrychange', handleCountryChange);
|
|
102
|
+
input.addEventListener('input', handleInput);
|
|
103
|
+
return function () {
|
|
104
|
+
if (itiRef.current && itiRef.current.destroy) {
|
|
105
|
+
itiRef.current.destroy();
|
|
106
|
+
itiRef.current = null;
|
|
107
|
+
}
|
|
108
|
+
input.removeEventListener('countrychange', handleCountryChange);
|
|
109
|
+
input.removeEventListener('input', handleInput);
|
|
110
|
+
};
|
|
73
111
|
}, []);
|
|
112
|
+
(0, react_1.useEffect)(function () {
|
|
113
|
+
var _a, _b;
|
|
114
|
+
console.log(1111, value, countryCodeIso2, (_a = itiRef.current) === null || _a === void 0 ? void 0 : _a.isValidNumber());
|
|
115
|
+
if (!itiRef.current || !itiRef.current.isValidNumber)
|
|
116
|
+
return;
|
|
117
|
+
var isValid = itiRef.current.isValidNumber();
|
|
118
|
+
if (onValidationChange && isValid !== null) {
|
|
119
|
+
onValidationChange({
|
|
120
|
+
id: id,
|
|
121
|
+
isValid: isValid,
|
|
122
|
+
value: ((_b = itiRef.current) === null || _b === void 0 ? void 0 : _b.getNumber()) || '',
|
|
123
|
+
countryCodeIso2: countryCodeIso2,
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
}, [onValidationChange, value, countryCodeIso2]);
|
|
74
127
|
return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!errorMessage, fullWidth: true, css: [
|
|
75
128
|
(0, makeFormControlPhoneNumberStyling_1.default)({ isAnswered: isAnswered }),
|
|
76
129
|
(0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }),
|
|
77
|
-
], 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 })] }));
|
|
130
|
+
], 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, onBlur: onBlur, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, inputRef: inputRef, experimentName: experimentName }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
|
|
78
131
|
};
|
|
79
132
|
PhoneNumberTextField.defaultProps = defaultProps_1.default;
|
|
80
133
|
exports.default = PhoneNumberTextField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,35 +8,36 @@ var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
|
8
8
|
var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
|
|
9
9
|
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
10
10
|
describe('PhoneNumberTextField', function () {
|
|
11
|
+
var mockOnCountryChange = jest.fn();
|
|
11
12
|
it('should display PhoneNumberTextField Component', function () {
|
|
12
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", experimentName: "default" })).getByText;
|
|
13
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByText;
|
|
13
14
|
expect(getByText('Question')).toBeTruthy();
|
|
14
15
|
});
|
|
15
16
|
it('should be able to input values', function () {
|
|
16
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", experimentName: "default" })).getByRole;
|
|
17
|
-
user_event_1.default.type(getByRole('textbox'), '
|
|
18
|
-
expect(getByRole('textbox')).toHaveValue('
|
|
17
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByRole;
|
|
18
|
+
user_event_1.default.type(getByRole('textbox'), '5555551234');
|
|
19
|
+
expect(getByRole('textbox')).toHaveValue('(555) 555-1234');
|
|
19
20
|
});
|
|
20
21
|
it('should have an input type of tel by default', function () {
|
|
21
22
|
var _a;
|
|
22
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", experimentName: "default" })).container;
|
|
23
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).container;
|
|
23
24
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
|
|
24
25
|
});
|
|
25
26
|
it('should pass text input type through', function () {
|
|
26
27
|
var _a;
|
|
27
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", experimentName: "default" })).container;
|
|
28
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).container;
|
|
28
29
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
29
30
|
});
|
|
30
31
|
it('should display validity icon on error', function () {
|
|
31
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", experimentName: "default" })).getByTestId;
|
|
32
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByTestId;
|
|
32
33
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
33
34
|
});
|
|
34
35
|
it('should display validity icon on validation success', function () {
|
|
35
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, experimentName: "default" })).getByTestId;
|
|
36
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByTestId;
|
|
36
37
|
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
37
38
|
});
|
|
38
39
|
it('should display error icon on validation success and error message', function () {
|
|
39
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
40
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
40
41
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
41
42
|
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
42
43
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,mGAA6E;AAC7E,gFAA0D;AAE1D,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,+CAA+C,EAAE;QAC1C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,IACnB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,aAAa,EAChB,cAAc,EAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ type StoryType = React.FunctionComponent<{
|
|
|
10
10
|
parentContainerMaxWidth: number;
|
|
11
11
|
isSafari: boolean;
|
|
12
12
|
isAutoFilledActive: boolean;
|
|
13
|
+
countryCodeIso2: string;
|
|
13
14
|
}>;
|
|
14
15
|
declare const PhoneNumberTextFieldStory: StoryType;
|
|
15
16
|
export default PhoneNumberTextFieldStory;
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
@@ -6,27 +29,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
29
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
7
30
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
8
31
|
require("intl-tel-input/build/css/intlTelInput.css");
|
|
32
|
+
var React = __importStar(require("react"));
|
|
9
33
|
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
10
|
-
var getInput = function (id) {
|
|
11
|
-
return document.querySelector("#".concat(id));
|
|
12
|
-
};
|
|
13
|
-
var getCountryCode = function (id) {
|
|
14
|
-
var input = getInput(id);
|
|
15
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
16
|
-
var iti = window.intlTelInputGlobals.getInstance(input);
|
|
17
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
18
|
-
var iso2 = iti.getSelectedCountryData().iso2;
|
|
19
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
|
|
20
|
-
return iso2;
|
|
21
|
-
};
|
|
22
|
-
var handleChange = function (_a) {
|
|
23
|
-
var id = _a.id, value = _a.value;
|
|
24
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
25
|
-
(0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
|
|
26
|
-
};
|
|
27
34
|
var PhoneNumberTextFieldStory = function (_a) {
|
|
28
35
|
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, parentContainerMaxWidth = _a.parentContainerMaxWidth, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
29
|
-
|
|
36
|
+
var _b = React.useState('us'), countryCodeIso2 = _b[0], setCountryCodeIso2 = _b[1];
|
|
37
|
+
var _c = React.useState(''), inputValue = _c[0], setInputValue = _c[1];
|
|
38
|
+
var handleCountryChange = function (_a) {
|
|
39
|
+
var id = _a.id, value = _a.value;
|
|
40
|
+
setCountryCodeIso2(value);
|
|
41
|
+
(0, addon_actions_1.action)('Country Change')({ id: id, value: value });
|
|
42
|
+
};
|
|
43
|
+
var handleChange = function (_a) {
|
|
44
|
+
var id = _a.id, value = _a.value;
|
|
45
|
+
setInputValue(value);
|
|
46
|
+
(0, addon_actions_1.action)('Input Change')({ id: id, value: value });
|
|
47
|
+
};
|
|
48
|
+
var handleValidationChange = function (_a) {
|
|
49
|
+
var id = _a.id, isValid = _a.isValid;
|
|
50
|
+
(0, addon_actions_1.action)('Validation Change')({ id: id, isValid: isValid });
|
|
51
|
+
};
|
|
52
|
+
var handleBlur = function () {
|
|
53
|
+
(0, addon_actions_1.action)('Blur')();
|
|
54
|
+
};
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onBlur: handleBlur, onChange: handleChange, onCountryChange: handleCountryChange, onValidationChange: handleValidationChange, value: inputValue, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, countryCodeIso2: countryCodeIso2, experimentName: "default" }) }));
|
|
30
56
|
};
|
|
31
57
|
exports.default = PhoneNumberTextFieldStory;
|
|
32
58
|
//# sourceMappingURL=PhoneNumberTextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AACnD,2CAA+B;AAK/B,gFAA0D;AAe1D,IAAM,yBAAyB,GAAc,UAAC,EAU7C;QATC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAEZ,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA3D,eAAe,QAAA,EAAE,kBAAkB,QAAwB,CAAC;IAC7D,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAC;IAEvD,IAAM,mBAAmB,GAAG,UAAC,EAGS;YAFpC,EAAE,QAAA,EACF,KAAK,WAAA;QAEL,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAA,sBAAM,EAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;YAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,EAAsC;YAApC,EAAE,QAAA,EAAE,OAAO,aAAA;QAC3C,IAAA,sBAAM,EAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAA,sBAAM,EAAC,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,YAC/C,uBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,mBAAmB,EACpC,kBAAkB,EAAE,sBAAsB,EAC1C,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,215 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
18
|
+
/* eslint-disable @typescript-eslint/no-unsafe-return */
|
|
19
|
+
/* eslint-disable @typescript-eslint/no-unsafe-call */
|
|
20
|
+
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
21
|
+
/* eslint-disable @typescript-eslint/no-unsafe-assignment */
|
|
22
|
+
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
23
|
+
var react_1 = require("@testing-library/react");
|
|
24
|
+
var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
|
|
25
|
+
var PhoneNumberTextField_1 = __importDefault(require("../PhoneNumberTextField"));
|
|
26
|
+
// Mock the main package
|
|
27
|
+
jest.mock('intl-tel-input', function () {
|
|
28
|
+
var instances = new Set();
|
|
29
|
+
var mockIti = {
|
|
30
|
+
getNumber: jest.fn(function () { return '+1234567890'; }),
|
|
31
|
+
getNumberType: jest.fn(function () { return 1; }),
|
|
32
|
+
getSelectedCountryData: jest.fn(function () { return ({
|
|
33
|
+
name: 'United States',
|
|
34
|
+
iso2: 'us',
|
|
35
|
+
dialCode: '1',
|
|
36
|
+
}); }),
|
|
37
|
+
isValidNumber: jest.fn(function () { return true; }),
|
|
38
|
+
setCountry: jest.fn(),
|
|
39
|
+
setNumber: jest.fn(),
|
|
40
|
+
destroy: jest.fn(function () {
|
|
41
|
+
instances.delete(this);
|
|
42
|
+
}),
|
|
43
|
+
};
|
|
44
|
+
// This is the constructor function that gets called with 'new'
|
|
45
|
+
var constructor = jest.fn(function (input, options) {
|
|
46
|
+
var _a;
|
|
47
|
+
// Create the flag container structure
|
|
48
|
+
var container = document.createElement('div');
|
|
49
|
+
container.className = 'iti iti--container';
|
|
50
|
+
var flagContainer = document.createElement('div');
|
|
51
|
+
flagContainer.className = 'iti__flag-container';
|
|
52
|
+
var selectedFlag = document.createElement('div');
|
|
53
|
+
// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
|
|
54
|
+
selectedFlag.className = "iti__selected-flag iti__".concat(options.initialCountry);
|
|
55
|
+
selectedFlag.setAttribute('role', 'button');
|
|
56
|
+
selectedFlag.setAttribute('aria-label', 'Select country');
|
|
57
|
+
var flag = document.createElement('div');
|
|
58
|
+
// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
|
|
59
|
+
flag.className = "iti__flag iti__".concat(options.initialCountry);
|
|
60
|
+
selectedFlag.appendChild(flag);
|
|
61
|
+
flagContainer.appendChild(selectedFlag);
|
|
62
|
+
container.appendChild(flagContainer);
|
|
63
|
+
// Insert the container before the input
|
|
64
|
+
(_a = input.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(container, input);
|
|
65
|
+
// Format the input value whenever it changes
|
|
66
|
+
var originalAddEventListener = input.addEventListener.bind(input);
|
|
67
|
+
input.addEventListener = jest.fn(function (event, handler) {
|
|
68
|
+
if (event === 'input' || event === 'change') {
|
|
69
|
+
var originalHandler_1 = handler;
|
|
70
|
+
handler = function (e) {
|
|
71
|
+
var target = e.target;
|
|
72
|
+
var value = target.value;
|
|
73
|
+
if (value.length === 10) {
|
|
74
|
+
target.value = "(".concat(value.slice(0, 3), ") ").concat(value.slice(3, 6), "-").concat(value.slice(6));
|
|
75
|
+
}
|
|
76
|
+
originalHandler_1(e);
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
return originalAddEventListener(event, handler);
|
|
80
|
+
});
|
|
81
|
+
// Add click handler to flag
|
|
82
|
+
selectedFlag.addEventListener('click', function () {
|
|
83
|
+
// Simulate country change
|
|
84
|
+
mockIti.getSelectedCountryData.mockReturnValue({
|
|
85
|
+
name: 'United Kingdom',
|
|
86
|
+
iso2: 'gb',
|
|
87
|
+
dialCode: '44',
|
|
88
|
+
});
|
|
89
|
+
var countryChangeEvent = new Event('countrychange');
|
|
90
|
+
input.dispatchEvent(countryChangeEvent);
|
|
91
|
+
});
|
|
92
|
+
// Create a new instance with its own container reference
|
|
93
|
+
var instance = __assign(__assign({}, mockIti), { container: container, destroy: function () {
|
|
94
|
+
container.remove();
|
|
95
|
+
input.removeEventListener = originalAddEventListener;
|
|
96
|
+
instances.delete(this);
|
|
97
|
+
} });
|
|
98
|
+
instances.add(instance);
|
|
99
|
+
return instance;
|
|
100
|
+
});
|
|
101
|
+
return constructor;
|
|
102
|
+
});
|
|
103
|
+
// Mock utils
|
|
104
|
+
jest.mock('intl-tel-input/build/js/utils', function () { return ({
|
|
105
|
+
__esModule: true,
|
|
106
|
+
default: {
|
|
107
|
+
formatNumber: function (number) {
|
|
108
|
+
if (number.length === 10) {
|
|
109
|
+
return "(".concat(number.slice(0, 3), ") ").concat(number.slice(3, 6), "-").concat(number.slice(6));
|
|
110
|
+
}
|
|
111
|
+
return number;
|
|
112
|
+
},
|
|
113
|
+
numberType: {
|
|
114
|
+
FIXED_LINE: 0,
|
|
115
|
+
MOBILE: 1,
|
|
116
|
+
FIXED_LINE_OR_MOBILE: 2,
|
|
117
|
+
TOLL_FREE: 3,
|
|
118
|
+
PREMIUM_RATE: 4,
|
|
119
|
+
SHARED_COST: 5,
|
|
120
|
+
VOIP: 6,
|
|
121
|
+
PERSONAL_NUMBER: 7,
|
|
122
|
+
PAGER: 8,
|
|
123
|
+
UAN: 9,
|
|
124
|
+
VOICEMAIL: 10,
|
|
125
|
+
UNKNOWN: -1,
|
|
126
|
+
},
|
|
127
|
+
getNumberType: function () { return 1; },
|
|
128
|
+
isValidNumber: function () { return true; },
|
|
129
|
+
getValidationError: function () { return null; },
|
|
130
|
+
getExampleNumber: function () { return '123 1233 1234'; },
|
|
131
|
+
},
|
|
132
|
+
}); });
|
|
133
|
+
describe('PhoneNumberTextField', function () {
|
|
134
|
+
var mockOnCountryChange = jest.fn();
|
|
135
|
+
var mockGetNumber = jest.fn(function () { return '+1234567890'; });
|
|
136
|
+
var mockIsValidNumber = jest.fn(function () { return true; });
|
|
137
|
+
beforeEach(function () {
|
|
138
|
+
mockOnCountryChange.mockClear();
|
|
139
|
+
mockGetNumber.mockClear();
|
|
140
|
+
mockIsValidNumber.mockClear();
|
|
141
|
+
jest.clearAllMocks();
|
|
142
|
+
});
|
|
143
|
+
afterEach(function () {
|
|
144
|
+
jest.resetAllMocks();
|
|
145
|
+
});
|
|
146
|
+
it('should display PhoneNumberTextField Component', function () {
|
|
147
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByText;
|
|
148
|
+
expect(getByText('Question')).toBeTruthy();
|
|
149
|
+
});
|
|
150
|
+
it('should be able to input values', function () {
|
|
151
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByRole;
|
|
152
|
+
user_event_1.default.type(getByRole('textbox'), '90210');
|
|
153
|
+
expect(getByRole('textbox')).toHaveValue('90210');
|
|
154
|
+
});
|
|
155
|
+
it('should have an input type of tel by default', function () {
|
|
156
|
+
var _a;
|
|
157
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).container;
|
|
158
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
|
|
159
|
+
});
|
|
160
|
+
it('should pass text input type through', function () {
|
|
161
|
+
var _a;
|
|
162
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).container;
|
|
163
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
164
|
+
});
|
|
165
|
+
it('should display validity icon on error', function () {
|
|
166
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByTestId;
|
|
167
|
+
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
168
|
+
});
|
|
169
|
+
it('should display validity icon on validation success', function () {
|
|
170
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByTestId;
|
|
171
|
+
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
172
|
+
});
|
|
173
|
+
it('should display error icon on validation success and error message', function () {
|
|
174
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
175
|
+
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
176
|
+
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
177
|
+
});
|
|
178
|
+
it('should call onChange with the input value', function () {
|
|
179
|
+
var mockOnChange = jest.fn();
|
|
180
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", onChange: mockOnChange, experimentName: "default" })).getByRole;
|
|
181
|
+
// Update the mock implementation to capture the formatted value
|
|
182
|
+
var input = getByRole('textbox');
|
|
183
|
+
react_1.fireEvent.change(input, { target: { value: '1234567890' } });
|
|
184
|
+
// The mock intl-tel-input will format the number, so we should expect the formatted value
|
|
185
|
+
expect(mockOnChange).toHaveBeenCalledWith({
|
|
186
|
+
id: 'phone-input',
|
|
187
|
+
value: '1234567890',
|
|
188
|
+
});
|
|
189
|
+
});
|
|
190
|
+
it('should call onCountryChange when country is changed', function () {
|
|
191
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).container;
|
|
192
|
+
// Find and click the country selector
|
|
193
|
+
var countrySelector = container.querySelector('.iti__selected-flag');
|
|
194
|
+
if (countrySelector) {
|
|
195
|
+
react_1.fireEvent.click(countrySelector);
|
|
196
|
+
expect(mockOnCountryChange).toHaveBeenCalledWith({
|
|
197
|
+
id: 'phone-input',
|
|
198
|
+
value: 'gb',
|
|
199
|
+
});
|
|
200
|
+
}
|
|
201
|
+
});
|
|
202
|
+
it('should handle invalid phone numbers', function () {
|
|
203
|
+
var _a;
|
|
204
|
+
// Mock isValidNumber to return false for this test
|
|
205
|
+
var originalIsValidNumber = (_a = jest.requireMock('intl-tel-input').mock.instances[0]) === null || _a === void 0 ? void 0 : _a.isValidNumber;
|
|
206
|
+
if (originalIsValidNumber) {
|
|
207
|
+
originalIsValidNumber.mockImplementationOnce(function () { return false; });
|
|
208
|
+
}
|
|
209
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByRole;
|
|
210
|
+
var input = getByRole('textbox');
|
|
211
|
+
react_1.fireEvent.change(input, { target: { value: 'invalid' } });
|
|
212
|
+
expect(input).toHaveValue('invalid');
|
|
213
|
+
});
|
|
214
|
+
});
|
|
215
|
+
//# sourceMappingURL=PhoneNumberTextField.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,25 +26,25 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
26
26
|
width: 'calc(100% - 71px)',
|
|
27
27
|
paddingLeft: '1.2rem !important',
|
|
28
28
|
},
|
|
29
|
-
'& .
|
|
30
|
-
paddingLeft: theme.mvf.spacing.
|
|
31
|
-
paddingRight: theme.mvf.spacing.
|
|
29
|
+
'& .iti__country-container': __assign({ borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerUnselectedColor), '& .iti__selected-country': {
|
|
30
|
+
paddingLeft: theme.mvf.spacing.petite,
|
|
31
|
+
paddingRight: theme.mvf.spacing.petite,
|
|
32
32
|
} }, (isAnswered && {
|
|
33
33
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerSelectedColor),
|
|
34
34
|
})),
|
|
35
|
-
'& .Mui-error .
|
|
35
|
+
'& .Mui-error .iti__country-container': {
|
|
36
36
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
|
37
37
|
},
|
|
38
|
-
'&:hover .Mui-error .
|
|
38
|
+
'&:hover .Mui-error .iti__country-container': {
|
|
39
39
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
|
40
40
|
},
|
|
41
|
-
'& .Mui-focused .
|
|
41
|
+
'& .Mui-focused .iti__country-container': {
|
|
42
42
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
43
43
|
},
|
|
44
|
-
'&:hover .
|
|
44
|
+
'&:hover .iti__country-container': {
|
|
45
45
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
46
46
|
},
|
|
47
|
-
'& .iti--allow-dropdown .
|
|
47
|
+
'& .iti--allow-dropdown .iti__country-container:hover .iti__selected-country': {
|
|
48
48
|
backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
49
49
|
},
|
|
50
50
|
'& .MuiInputBase-root.MuiInputBase-formControl': {
|
|
@@ -54,6 +54,18 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
54
54
|
width: '100%',
|
|
55
55
|
position: 'unset',
|
|
56
56
|
},
|
|
57
|
+
'& #iti-0__dropdown-content.iti__dropdown-content .iti__search-input': {
|
|
58
|
+
display: 'none',
|
|
59
|
+
},
|
|
60
|
+
'& .iti__dropdown-content.iti--flexible-dropdown-width .iti__search-input': {
|
|
61
|
+
display: 'none',
|
|
62
|
+
},
|
|
63
|
+
'& .iti__search-input': {
|
|
64
|
+
display: 'none !important',
|
|
65
|
+
},
|
|
66
|
+
'.iti--hide-search .iti__search-input': {
|
|
67
|
+
display: 'none !important',
|
|
68
|
+
},
|
|
57
69
|
});
|
|
58
70
|
};
|
|
59
71
|
exports.default = makeFormControlPhoneNumberStyling;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,
|
|
1
|
+
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,2BAA2B,aACzB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC1G,0BAA0B,EAAE;gBAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;gBACrC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;aACvC,IACE,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAE;SACzG,CAAC,CACH;QACD,sCAAsC,EAAE;YACtC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,4CAA4C,EAAE;YAC5C,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,wCAAwC,EAAE;YACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,iCAAiC,EAAE;YACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,6EAA6E,EAC3E;YACE,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;SACF;QACH,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;QACD,qEAAqE,EAAE;YACrE,OAAO,EAAE,MAAM;SAChB;QACD,0EAA0E,EACxE;YACE,OAAO,EAAE,MAAM;SAChB;QACH,sBAAsB,EAAE;YACtB,OAAO,EAAE,iBAAiB;SAC3B;QACD,sCAAsC,EAAE;YACtC,OAAO,EAAE,iBAAiB;SAC3B;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mvf/external-components",
|
|
3
|
-
"version": "3.18.0",
|
|
3
|
+
"version": "3.18.1-dev.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "scripts/up.sh",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"lint:fix": "npm run lint -- --fix"
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
|
-
"@babel/core": "^7.
|
|
15
|
+
"@babel/core": "^7.26.9",
|
|
16
16
|
"@mui/codemod": "^5.14.11",
|
|
17
17
|
"@mvf/eslint-config-mvf-typescript-react": "^1.0.2",
|
|
18
18
|
"@storybook/addon-actions": "^6.5.16",
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
"@testing-library/jest-dom": "^5.14.1",
|
|
26
26
|
"@testing-library/react": "^12.0.0",
|
|
27
27
|
"@testing-library/user-event": "^13.2.1",
|
|
28
|
-
"@types/intl-tel-input": "^17.0.4",
|
|
29
28
|
"@types/jest": "^29.5.11",
|
|
30
29
|
"@types/lodash": "^4.14.171",
|
|
31
30
|
"@types/node": "^16.4.5",
|
|
@@ -33,6 +32,7 @@
|
|
|
33
32
|
"@types/react-dom": "^17.0.9",
|
|
34
33
|
"@typescript-eslint/eslint-plugin": "^5.29.0",
|
|
35
34
|
"@typescript-eslint/parser": "^5.0.0",
|
|
35
|
+
"babel-jest": "^29.7.0",
|
|
36
36
|
"babel-loader": "^8.3.0",
|
|
37
37
|
"eslint": "^8.18.0",
|
|
38
38
|
"eslint-config-airbnb-typescript": "^17.0.0",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@mui/styles": "^5.14.11",
|
|
61
61
|
"@mui/x-date-pickers": "^6.16.2",
|
|
62
62
|
"date-fns": "^2.29.3",
|
|
63
|
-
"intl-tel-input": "
|
|
63
|
+
"intl-tel-input": "25.3.0",
|
|
64
64
|
"lodash": "^4.17.21",
|
|
65
65
|
"react": "^17.0.2",
|
|
66
66
|
"react-dom": "^17.0.2"
|