@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.
Files changed (99) hide show
  1. package/Components/Atoms/FormControl/FormControl.js +3 -1
  2. package/Components/Atoms/FormControl/FormControl.js.map +1 -1
  3. package/Components/Atoms/FormControl/makeFormControlStyles.d.ts +3 -1
  4. package/Components/Atoms/FormControl/makeFormControlStyles.js +1 -2
  5. package/Components/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
  6. package/Components/Atoms/Input/IInputProps.d.ts +5 -0
  7. package/Components/Atoms/Input/Input.js +3 -2
  8. package/Components/Atoms/Input/Input.js.map +1 -1
  9. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +5 -3
  10. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
  11. package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.d.ts +57 -0
  12. package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js +3 -0
  13. package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js.map +1 -0
  14. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.d.ts +33 -0
  15. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js +3 -0
  16. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js.map +1 -0
  17. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.d.ts +7 -0
  18. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js +216 -0
  19. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js.map +1 -0
  20. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.d.ts +1 -0
  21. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js +596 -0
  22. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js.map +1 -0
  23. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.d.ts +7 -0
  24. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js +28 -0
  25. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js.map +1 -0
  26. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.d.ts +8 -0
  27. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.js +17 -0
  28. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.js.map +1 -0
  29. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.d.ts +22 -0
  30. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js +56 -0
  31. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js.map +1 -0
  32. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.d.ts +1 -0
  33. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js +159 -0
  34. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js.map +1 -0
  35. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.d.ts +12 -0
  36. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js +206 -0
  37. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js.map +1 -0
  38. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.d.ts +1 -0
  39. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.js +187 -0
  40. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.js.map +1 -0
  41. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.d.ts +10 -0
  42. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js +229 -0
  43. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js.map +1 -0
  44. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.test.d.ts +1 -0
  45. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.test.js +281 -0
  46. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.test.js.map +1 -0
  47. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.d.ts +11 -0
  48. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js +34 -0
  49. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js.map +1 -0
  50. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/FlagIcon.d.ts +10 -0
  51. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/FlagIcon.js +114 -0
  52. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/FlagIcon.js.map +1 -0
  53. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts +10 -0
  54. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js +105 -0
  55. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js.map +1 -0
  56. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.d.ts +12 -0
  57. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.js +36 -0
  58. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useCountrySelector.js.map +1 -0
  59. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.d.ts +38 -0
  60. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js +181 -0
  61. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js.map +1 -0
  62. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.d.ts +21 -0
  63. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js +41 -0
  64. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js.map +1 -0
  65. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.d.ts +10 -0
  66. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js +144 -0
  67. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map +1 -0
  68. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.d.ts +12 -0
  69. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js +509 -0
  70. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js.map +1 -0
  71. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.d.ts +21 -0
  72. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js +33 -0
  73. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js.map +1 -0
  74. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.d.ts +15 -0
  75. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js +130 -0
  76. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js.map +1 -0
  77. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.d.ts +1 -0
  78. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js +157 -0
  79. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js.map +1 -0
  80. package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.d.ts +21 -0
  81. package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js +33 -0
  82. package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js.map +1 -0
  83. package/Components/Molecules/PhoneNumberTextFieldCustom/index.d.ts +10 -0
  84. package/Components/Molecules/PhoneNumberTextFieldCustom/index.js +21 -0
  85. package/Components/Molecules/PhoneNumberTextFieldCustom/index.js.map +1 -0
  86. package/Components/Molecules/ScrollContainer/ScrollContainer.js +0 -25
  87. package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
  88. package/Components/Molecules/index.d.ts +1 -0
  89. package/Components/Molecules/index.js +3 -1
  90. package/Components/Molecules/index.js.map +1 -1
  91. package/Components/index.d.ts +1 -1
  92. package/Components/index.js +2 -1
  93. package/Components/index.js.map +1 -1
  94. package/Themes/auroraTheme.js +1 -1
  95. package/Themes/auroraTheme.js.map +1 -1
  96. package/index.d.ts +1 -1
  97. package/index.js +2 -1
  98. package/index.js.map +1 -1
  99. 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
- 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 }) }, otherProps, { children: children })));
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;AAEtD,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,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,CAAC,IACxD,UAAU,cAEb,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
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
- declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, }: {
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,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG,UAAC,EAM9B;QALC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA;IAKR,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,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"}
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 newValue = e.target.value;
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":"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"}
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 react_1 = require("react");
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.useEffect)(function () {
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,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,EAWvD;IAVC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACX,KAAK,cAV8C,sHAWvD,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAC,CAAC;YACxC,6DAA6D;YAC7D,aAAa;YACb,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAgB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE;YACH,IAAA,2CAAiC,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC;YACjD,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;SACxD,aAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,EAAE,EACX,MAAM,QACN,cAAc,EAAE,cAAc,YAE7B,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,IAC1B,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=IPhoneNumberTextFieldProps.js.map
@@ -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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=PhoneNumberCallbacks.js.map
@@ -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":"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"}