@mvf/external-components 3.17.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.
Files changed (409) hide show
  1. package/@types/WithExperimentName.d.ts +1 -1
  2. package/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
  3. package/Assets/BrandLogos/ExpertMarketLogo.js +11 -22
  4. package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
  5. package/Assets/BrandLogos/ExpertReviewsLogo.d.ts +1 -1
  6. package/Assets/BrandLogos/ExpertReviewsLogo.js +17 -28
  7. package/Assets/BrandLogos/ExpertReviewsLogo.js.map +1 -1
  8. package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
  9. package/Assets/BrandLogos/GoWizardLogo.js +10 -21
  10. package/Assets/BrandLogos/GoWizardLogo.js.map +1 -1
  11. package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
  12. package/Assets/BrandLogos/HearClearLogo.js +12 -23
  13. package/Assets/BrandLogos/HearClearLogo.js.map +1 -1
  14. package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
  15. package/Assets/BrandLogos/LasikEyesLogo.js +101 -112
  16. package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -1
  17. package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
  18. package/Assets/BrandLogos/StartupsLogo.js +2 -13
  19. package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
  20. package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
  21. package/Assets/BrandLogos/TechcoLogo.js +3 -14
  22. package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
  23. package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
  24. package/Assets/BrandLogos/TheEcoExpertsLogo.js +14 -25
  25. package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -1
  26. package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
  27. package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +26 -37
  28. package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -1
  29. package/Assets/BrandLogos/brandLogos.d.ts +1 -2
  30. package/Assets/CustomIcons/CheckboxIcon.d.ts +1 -2
  31. package/Assets/CustomIcons/CheckboxIcon.js +2 -13
  32. package/Assets/CustomIcons/CheckboxIcon.js.map +1 -1
  33. package/Assets/CustomIcons/RadioIcon.d.ts +1 -2
  34. package/Assets/CustomIcons/RadioIcon.js +2 -13
  35. package/Assets/CustomIcons/RadioIcon.js.map +1 -1
  36. package/Assets/svgs/svgs.d.ts +1 -1
  37. package/Components/Atoms/AnimationWrapper/AnimationWrapper.d.ts +1 -2
  38. package/Components/Atoms/AnimationWrapper/AnimationWrapper.js +2 -13
  39. package/Components/Atoms/AnimationWrapper/AnimationWrapper.js.map +1 -1
  40. package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js +6 -17
  41. package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js.map +1 -1
  42. package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts +1 -1
  43. package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js +1 -12
  44. package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js.map +1 -1
  45. package/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.d.ts +0 -1
  46. package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.js.map +1 -1
  47. package/Components/Atoms/Button/Button.d.ts +1 -1
  48. package/Components/Atoms/Button/Button.js +2 -13
  49. package/Components/Atoms/Button/Button.js.map +1 -1
  50. package/Components/Atoms/Button/ButtonStory.d.ts +1 -1
  51. package/Components/Atoms/Button/ButtonStory.js +1 -12
  52. package/Components/Atoms/Button/ButtonStory.js.map +1 -1
  53. package/Components/Atoms/Button/IButtonProps.d.ts +0 -1
  54. package/Components/Atoms/Button/defaultProps.d.ts +1 -1
  55. package/Components/Atoms/CardButton/CardButton.d.ts +1 -1
  56. package/Components/Atoms/CardButton/CardButton.js +3 -1
  57. package/Components/Atoms/CardButton/CardButton.js.map +1 -1
  58. package/Components/Atoms/CardButton/CardButton.test.js +3 -14
  59. package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
  60. package/Components/Atoms/CardButton/CardButtonStory.d.ts +1 -1
  61. package/Components/Atoms/CardButton/CardButtonStory.js +2 -13
  62. package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
  63. package/Components/Atoms/CardButton/ICardButtonProps.d.ts +2 -2
  64. package/Components/Atoms/CardButton/defaultProps.d.ts +0 -2
  65. package/Components/Atoms/CardButton/defaultProps.js +0 -6
  66. package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
  67. package/Components/Atoms/CardButton/makeCardButtonStyling.d.ts +2 -1
  68. package/Components/Atoms/CardButton/makeCardButtonStyling.js +8 -4
  69. package/Components/Atoms/CardButton/makeCardButtonStyling.js.map +1 -1
  70. package/Components/Atoms/CircularProgress/CircularProgress.d.ts +1 -1
  71. package/Components/Atoms/CircularProgress/CircularProgressStory.js +2 -13
  72. package/Components/Atoms/CircularProgress/CircularProgressStory.js.map +1 -1
  73. package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.d.ts +1 -1
  74. package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js +3 -14
  75. package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map +1 -1
  76. package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts +1 -1
  77. package/Components/Atoms/ErrorMessage/ErrorMessage.js +1 -12
  78. package/Components/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
  79. package/Components/Atoms/ErrorMessage/ErrorMessage.test.js +2 -13
  80. package/Components/Atoms/ErrorMessage/ErrorMessage.test.js.map +1 -1
  81. package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts +1 -1
  82. package/Components/Atoms/ErrorMessage/ErrorMessageStory.js +1 -12
  83. package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
  84. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
  85. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +1 -12
  86. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  87. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +1 -12
  88. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  89. package/Components/Atoms/FormControl/FormControl.d.ts +1 -1
  90. package/Components/Atoms/FormControl/FormControl.test.js +2 -13
  91. package/Components/Atoms/FormControl/FormControl.test.js.map +1 -1
  92. package/Components/Atoms/FormControl/FormControlStory.d.ts +1 -1
  93. package/Components/Atoms/FormControl/FormControlStory.js +1 -12
  94. package/Components/Atoms/FormControl/FormControlStory.js.map +1 -1
  95. package/Components/Atoms/IconButton/IComponentProps.d.ts +0 -1
  96. package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
  97. package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
  98. package/Components/Atoms/IconButton/IconButtonStory.js +1 -12
  99. package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
  100. package/Components/Atoms/IconButton/makeIconButtonStyling.d.ts +1 -1
  101. package/Components/Atoms/InfoPanel/InfoPanel.d.ts +1 -1
  102. package/Components/Atoms/InfoPanel/InfoPanel.js +1 -12
  103. package/Components/Atoms/InfoPanel/InfoPanel.js.map +1 -1
  104. package/Components/Atoms/InfoPanel/InfoPanel.test.js +3 -14
  105. package/Components/Atoms/InfoPanel/InfoPanel.test.js.map +1 -1
  106. package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts +1 -1
  107. package/Components/Atoms/InfoPanel/InfoPanelStory.js +1 -12
  108. package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
  109. package/Components/Atoms/Input/Input.d.ts +1 -1
  110. package/Components/Atoms/Input/Input.js +2 -2
  111. package/Components/Atoms/Input/Input.js.map +1 -1
  112. package/Components/Atoms/Input/Input.test.js +1 -12
  113. package/Components/Atoms/Input/Input.test.js.map +1 -1
  114. package/Components/Atoms/Input/InputStory.d.ts +1 -1
  115. package/Components/Atoms/Input/InputStory.js +1 -12
  116. package/Components/Atoms/Input/InputStory.js.map +1 -1
  117. package/Components/Atoms/Input/icons.js +1 -12
  118. package/Components/Atoms/Input/icons.js.map +1 -1
  119. package/Components/Atoms/InputLabel/InputLabel.d.ts +1 -1
  120. package/Components/Atoms/InputLabel/InputLabel.test.js +1 -12
  121. package/Components/Atoms/InputLabel/InputLabel.test.js.map +1 -1
  122. package/Components/Atoms/InputLabel/InputLabelStory.d.ts +1 -1
  123. package/Components/Atoms/InputLabel/InputLabelStory.js +1 -12
  124. package/Components/Atoms/InputLabel/InputLabelStory.js.map +1 -1
  125. package/Components/Atoms/InsetCheckbox/InsetCheckbox.d.ts +2 -3
  126. package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts +1 -1
  127. package/Components/Atoms/Link/ILinkProps.d.ts +0 -1
  128. package/Components/Atoms/Link/Link.d.ts +1 -1
  129. package/Components/Atoms/Link/Link.js +1 -12
  130. package/Components/Atoms/Link/Link.js.map +1 -1
  131. package/Components/Atoms/Link/Link.test.js +2 -13
  132. package/Components/Atoms/Link/Link.test.js.map +1 -1
  133. package/Components/Atoms/Link/LinkStory.d.ts +1 -1
  134. package/Components/Atoms/Link/LinkStory.js +1 -12
  135. package/Components/Atoms/Link/LinkStory.js.map +1 -1
  136. package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts +1 -1
  137. package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js +1 -12
  138. package/Components/Atoms/LoadingIndicator/LoadingIndicatorStory.js.map +1 -1
  139. package/Components/Atoms/Modal/IModalProps.d.ts +0 -1
  140. package/Components/Atoms/Modal/Modal.d.ts +1 -2
  141. package/Components/Atoms/Modal/Modal.js +1 -12
  142. package/Components/Atoms/Modal/Modal.js.map +1 -1
  143. package/Components/Atoms/Modal/Modal.test.js +2 -13
  144. package/Components/Atoms/Modal/Modal.test.js.map +1 -1
  145. package/Components/Atoms/Modal/ModalStory.d.ts +1 -2
  146. package/Components/Atoms/Modal/ModalStory.js +1 -12
  147. package/Components/Atoms/Modal/ModalStory.js.map +1 -1
  148. package/Components/Atoms/ProgressBar/ProgressBar.d.ts +1 -1
  149. package/Components/Atoms/ProgressBar/ProgressBar.js +1 -12
  150. package/Components/Atoms/ProgressBar/ProgressBar.js.map +1 -1
  151. package/Components/Atoms/ProgressBar/ProgressBarStory.d.ts +1 -1
  152. package/Components/Atoms/Text/Text.d.ts +1 -1
  153. package/Components/Atoms/Text/Text.js +1 -12
  154. package/Components/Atoms/Text/Text.js.map +1 -1
  155. package/Components/Atoms/Text/Text.test.js +1 -12
  156. package/Components/Atoms/Text/Text.test.js.map +1 -1
  157. package/Components/Atoms/Text/TextStory.d.ts +1 -1
  158. package/Components/Atoms/Text/TextStory.js +2 -13
  159. package/Components/Atoms/Text/TextStory.js.map +1 -1
  160. package/Components/Atoms/Text/defaultProps.d.ts +1 -1
  161. package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
  162. package/Components/Molecules/CheckBox/CheckBox.js +16 -24
  163. package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
  164. package/Components/Molecules/CheckBox/CheckBox.test.js +15 -22
  165. package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
  166. package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +2 -1
  167. package/Components/Molecules/CheckBox/CheckBoxStory.js +2 -13
  168. package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
  169. package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -1
  170. package/Components/Molecules/CheckBox/defaultProps.d.ts +1 -0
  171. package/Components/Molecules/CheckBox/defaultProps.js +1 -0
  172. package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
  173. package/Components/Molecules/DatePicker/DatePicker.d.ts +1 -1
  174. package/Components/Molecules/DatePicker/DatePicker.js +4 -4
  175. package/Components/Molecules/DatePicker/DatePicker.js.map +1 -1
  176. package/Components/Molecules/DatePicker/DatePickerStory.d.ts +1 -1
  177. package/Components/Molecules/DatePicker/DatePickerStory.js +1 -12
  178. package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
  179. package/Components/Molecules/DatePicker/DatePickerTextFieldType.d.ts +1 -1
  180. package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +9 -20
  181. package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
  182. package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts +1 -1
  183. package/Components/Molecules/DropDownSelect/DropDownSelect.js +2 -13
  184. package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
  185. package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +2 -13
  186. package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map +1 -1
  187. package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts +1 -1
  188. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +1 -12
  189. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
  190. package/Components/Molecules/DropDownSelect/defaultProps.d.ts +2 -2
  191. package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -1
  192. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +1 -1
  193. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +10 -19
  194. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
  195. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +4 -0
  196. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
  197. package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +2 -1
  198. package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +2 -13
  199. package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
  200. package/Components/Molecules/IconTileCheckBox/defaultProps.d.ts +1 -0
  201. package/Components/Molecules/IconTileCheckBox/defaultProps.js +1 -0
  202. package/Components/Molecules/IconTileCheckBox/defaultProps.js.map +1 -1
  203. package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +0 -1
  204. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
  205. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +10 -19
  206. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
  207. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +12 -23
  208. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
  209. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +1 -1
  210. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +1 -12
  211. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
  212. package/Components/Molecules/NavBar/NavBar.d.ts +1 -1
  213. package/Components/Molecules/NavBar/NavBar.js +1 -12
  214. package/Components/Molecules/NavBar/NavBar.js.map +1 -1
  215. package/Components/Molecules/NavBar/NavBarStory.d.ts +1 -1
  216. package/Components/Molecules/NavBar/NavBarStory.js +1 -12
  217. package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
  218. package/Components/Molecules/NavBar/defaultProps.d.ts +1 -1
  219. package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts +9 -0
  220. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +1 -1
  221. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +90 -37
  222. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
  223. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +10 -9
  224. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -1
  225. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +2 -1
  226. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +43 -28
  227. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
  228. package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.d.ts +1 -0
  229. package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js +215 -0
  230. package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map +1 -0
  231. package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js +20 -8
  232. package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map +1 -1
  233. package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +0 -1
  234. package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
  235. package/Components/Molecules/RadioButton/RadioButton.js +11 -20
  236. package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
  237. package/Components/Molecules/RadioButton/RadioButton.test.js +8 -19
  238. package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
  239. package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +1 -1
  240. package/Components/Molecules/RadioButton/RadioButtonStory.js +1 -12
  241. package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
  242. package/Components/Molecules/ScrollContainer/ScrollContainer.js +1 -12
  243. package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
  244. package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +7 -18
  245. package/Components/Molecules/ScrollContainer/ScrollContainer.test.js.map +1 -1
  246. package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.js.map +1 -1
  247. package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js +2 -2
  248. package/Components/Molecules/ScrollContainer/ScrollContainerHelpers.test.js.map +1 -1
  249. package/Components/Molecules/ScrollContainer/ScrollContainerStory.d.ts +1 -1
  250. package/Components/Molecules/ScrollContainer/ScrollContainerStory.js +3 -14
  251. package/Components/Molecules/ScrollContainer/ScrollContainerStory.js.map +1 -1
  252. package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +2 -3
  253. package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts +0 -1
  254. package/Components/Molecules/SupplierCard/SupplierCard.d.ts +1 -1
  255. package/Components/Molecules/SupplierCard/SupplierCard.js +1 -12
  256. package/Components/Molecules/SupplierCard/SupplierCard.js.map +1 -1
  257. package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts +1 -2
  258. package/Components/Molecules/SupplierCard/SupplierCardStory.js +1 -12
  259. package/Components/Molecules/SupplierCard/SupplierCardStory.js.map +1 -1
  260. package/Components/Molecules/SupplierCard/makeSupplierCardStyling.d.ts +1 -1
  261. package/Components/Molecules/TextField/TextField.d.ts +1 -1
  262. package/Components/Molecules/TextField/TextField.js +1 -1
  263. package/Components/Molecules/TextField/TextField.js.map +1 -1
  264. package/Components/Molecules/TextField/TextFieldStory.d.ts +1 -1
  265. package/Components/Molecules/TextField/TextFieldStory.js +1 -12
  266. package/Components/Molecules/TextField/TextFieldStory.js.map +1 -1
  267. package/Components/Molecules/TextField/defaultProps.d.ts +1 -1
  268. package/Components/Molecules/ThankYouBanner/IThankYouBannerProps.d.ts +0 -1
  269. package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +1 -2
  270. package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +1 -12
  271. package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
  272. package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +4 -15
  273. package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
  274. package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +1 -2
  275. package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js +2 -13
  276. package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.js.map +1 -1
  277. package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js +1 -12
  278. package/Components/Molecules/ThankYouBanner/icons/CelebrationIcon.js.map +1 -1
  279. package/Components/Organisms/ListLayout/ListLayout.d.ts +1 -1
  280. package/Components/Organisms/ListLayout/ListLayout.js +2 -13
  281. package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
  282. package/Components/Organisms/ListLayout/ListLayout.test.js +2 -13
  283. package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -1
  284. package/Components/Organisms/ListLayout/ListLayoutStory.d.ts +1 -1
  285. package/Components/Organisms/ListLayout/ListLayoutStory.js +1 -12
  286. package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
  287. package/Components/Organisms/RadioGroup/RadioGroup.d.ts +1 -1
  288. package/Components/Organisms/RadioGroup/RadioGroup.js +1 -12
  289. package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
  290. package/Components/Organisms/RadioGroup/RadioGroup.test.js +9 -20
  291. package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
  292. package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +1 -2
  293. package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +1 -1
  294. package/Components/Organisms/RadioGroup/RadioGroupStory.js +1 -12
  295. package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
  296. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +1 -1
  297. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +1 -1
  298. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
  299. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +1 -1
  300. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +1 -1
  301. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
  302. package/Components/Organisms/TileLayout/TileLayout.d.ts +1 -1
  303. package/Components/Organisms/TileLayout/TileLayout.js +2 -13
  304. package/Components/Organisms/TileLayout/TileLayout.js.map +1 -1
  305. package/Components/Organisms/TileLayout/TileLayout.test.js +1 -12
  306. package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
  307. package/Components/Organisms/__helpers__/Options.d.ts +3 -3
  308. package/Components/Organisms/__helpers__/Options.js +7 -7
  309. package/Components/Organisms/__helpers__/Options.js.map +1 -1
  310. package/Components/Organisms/__helpers__/generateMenuItems.js.map +1 -1
  311. package/Experiments/Example/Atoms/CardButton/CardButton.d.ts +1 -1
  312. package/Experiments/Example/Atoms/CardButton/CardButton.js +1 -1
  313. package/Experiments/Example/Atoms/CardButton/CardButton.js.map +1 -1
  314. package/Experiments/Example/Atoms/CardButton/CardButton.test.js +3 -14
  315. package/Experiments/Example/Atoms/CardButton/CardButton.test.js.map +1 -1
  316. package/Experiments/Example/Atoms/CardButton/CardButtonStory.d.ts +1 -1
  317. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +2 -13
  318. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
  319. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
  320. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +1 -12
  321. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  322. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +1 -12
  323. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  324. package/Experiments/Example/Atoms/FormControl/FormControl.d.ts +1 -1
  325. package/Experiments/Example/Atoms/FormControl/FormControl.test.js +2 -13
  326. package/Experiments/Example/Atoms/FormControl/FormControl.test.js.map +1 -1
  327. package/Experiments/Example/Atoms/FormControl/FormControlStory.d.ts +1 -1
  328. package/Experiments/Example/Atoms/FormControl/FormControlStory.js +1 -12
  329. package/Experiments/Example/Atoms/FormControl/FormControlStory.js.map +1 -1
  330. package/Experiments/Example/Atoms/Input/Input.d.ts +1 -1
  331. package/Experiments/Example/Atoms/Input/Input.js +2 -2
  332. package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
  333. package/Experiments/Example/Atoms/Input/Input.test.js +1 -12
  334. package/Experiments/Example/Atoms/Input/Input.test.js.map +1 -1
  335. package/Experiments/Example/Atoms/Input/InputStory.d.ts +1 -1
  336. package/Experiments/Example/Atoms/Input/InputStory.js +1 -12
  337. package/Experiments/Example/Atoms/Input/InputStory.js.map +1 -1
  338. package/Experiments/Example/Atoms/Input/icons.js +1 -12
  339. package/Experiments/Example/Atoms/Input/icons.js.map +1 -1
  340. package/Experiments/Example/Atoms/InputLabel/InputLabel.d.ts +1 -1
  341. package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js +1 -12
  342. package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js.map +1 -1
  343. package/Experiments/Example/Atoms/InputLabel/InputLabelStory.d.ts +1 -1
  344. package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js +1 -12
  345. package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js.map +1 -1
  346. package/Experiments/Example/Atoms/Text/Text.d.ts +1 -1
  347. package/Experiments/Example/Atoms/Text/Text.js +1 -12
  348. package/Experiments/Example/Atoms/Text/Text.js.map +1 -1
  349. package/Experiments/Example/Atoms/Text/Text.test.js +1 -12
  350. package/Experiments/Example/Atoms/Text/Text.test.js.map +1 -1
  351. package/Experiments/Example/Atoms/Text/TextStory.d.ts +1 -1
  352. package/Experiments/Example/Atoms/Text/TextStory.js +2 -13
  353. package/Experiments/Example/Atoms/Text/TextStory.js.map +1 -1
  354. package/Experiments/Example/Atoms/Text/defaultProps.d.ts +1 -1
  355. package/Experiments/Example/Molecules/CheckBox/CheckBox.d.ts +1 -1
  356. package/Experiments/Example/Molecules/CheckBox/CheckBox.js +4 -15
  357. package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
  358. package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js +11 -22
  359. package/Experiments/Example/Molecules/CheckBox/CheckBox.test.js.map +1 -1
  360. package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.d.ts +1 -1
  361. package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js +1 -12
  362. package/Experiments/Example/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
  363. package/Experiments/Example/Molecules/CheckBox/ICheckboxProps.d.ts +0 -1
  364. package/Experiments/Example/Molecules/TextField/TextField.d.ts +1 -1
  365. package/Experiments/Example/Molecules/TextField/TextField.js +1 -1
  366. package/Experiments/Example/Molecules/TextField/TextField.js.map +1 -1
  367. package/Experiments/Example/Molecules/TextField/TextFieldStory.d.ts +1 -1
  368. package/Experiments/Example/Molecules/TextField/TextFieldStory.js +1 -12
  369. package/Experiments/Example/Molecules/TextField/TextFieldStory.js.map +1 -1
  370. package/Experiments/Example/Molecules/TextField/defaultProps.d.ts +1 -1
  371. package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +1 -2
  372. package/Helpers/React/css.d.ts +1 -2
  373. package/Helpers/React/renderWithProviders.js +1 -12
  374. package/Helpers/React/renderWithProviders.js.map +1 -1
  375. package/Helpers/deviceSpecificHandlers.js.map +1 -1
  376. package/Helpers/icons.d.ts +1 -1
  377. package/Helpers/useDidUpdate.js.map +1 -1
  378. package/Helpers/useThrottle.d.ts +1 -1
  379. package/Interfaces/Atoms/AnimationWrapper/AnimationWrapper.js.map +1 -1
  380. package/Interfaces/Atoms/Button/Button.js.map +1 -1
  381. package/Interfaces/Atoms/CircularProgress/CircularProgress.js.map +1 -1
  382. package/Interfaces/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
  383. package/Interfaces/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  384. package/Interfaces/Atoms/IconButton/IconButton.js.map +1 -1
  385. package/Interfaces/Atoms/InfoPanel/InfoPanel.js.map +1 -1
  386. package/Interfaces/Atoms/Modal/Modal.js.map +1 -1
  387. package/Interfaces/Atoms/ProgressBar/ProgressBar.js.map +1 -1
  388. package/Interfaces/Atoms/Text/Text.js.map +1 -1
  389. package/Interfaces/Molecules/CheckBox/CheckBox.js.map +1 -1
  390. package/Interfaces/Molecules/DatePicker/DatePicker.js.map +1 -1
  391. package/Interfaces/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
  392. package/Interfaces/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
  393. package/Interfaces/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
  394. package/Interfaces/Molecules/NavBar/NavBar.js.map +1 -1
  395. package/Interfaces/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
  396. package/Interfaces/Molecules/RadioButton/RadioButton.js.map +1 -1
  397. package/Interfaces/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
  398. package/Interfaces/Molecules/SupplierCard/SupplierCard.js.map +1 -1
  399. package/Interfaces/Molecules/TextField/TextField.js.map +1 -1
  400. package/Interfaces/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
  401. package/Interfaces/Organisms/ListLayout/ListLayout.js.map +1 -1
  402. package/Interfaces/Organisms/RadioGroup/RadioGroup.js.map +1 -1
  403. package/Interfaces/Organisms/TileLayout/TileLayout.js.map +1 -1
  404. package/Themes/StoryThemeWrapper.d.ts +1 -1
  405. package/Themes/StoryThemeWrapper.js +1 -12
  406. package/Themes/StoryThemeWrapper.js.map +1 -1
  407. package/Themes/themes.d.ts +2 -2
  408. package/Themes/themes.js.map +1 -1
  409. package/package.json +4 -4
@@ -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("../../../Components/Atoms/Input"));
35
- var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
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("../../../Components/Atoms/FormControl/makeFormControlStyles"));
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 = getInput(id);
67
- initIntlTelInput(input);
68
- input.addEventListener('countrychange', function (e) {
69
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
70
- // @ts-ignore
71
- onChange({ id: id, value: e.target.value });
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
  }, []);
74
- return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ variant: "standard", error: !!errorMessage, fullWidth: true, css: [
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]);
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, __assign({ 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;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,aACV,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,iBAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,aACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,EAAE,EACX,MAAM,QACN,cAAc,EAAE,cAAc,gBAE7B,KAAK,IACK,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,KACpD,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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"}
@@ -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'), '90210');
18
- expect(getByRole('textbox')).toHaveValue('90210');
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":"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"}
1
+ {"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import 'intl-tel-input/build/css/intlTelInput.css';
2
2
  import * as React from 'react';
3
- declare type StoryType = React.FunctionComponent<{
3
+ type StoryType = React.FunctionComponent<{
4
4
  disabled: boolean;
5
5
  errorMessage: string;
6
6
  isAnswered: boolean;
@@ -10,6 +10,7 @@ declare 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,14 +1,26 @@
1
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);
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;
12
24
  };
13
25
  var __importDefault = (this && this.__importDefault) || function (mod) {
14
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -17,27 +29,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
29
  var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
18
30
  var addon_actions_1 = require("@storybook/addon-actions");
19
31
  require("intl-tel-input/build/css/intlTelInput.css");
32
+ var React = __importStar(require("react"));
20
33
  var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
21
- var getInput = function (id) {
22
- return document.querySelector("#".concat(id));
23
- };
24
- var getCountryCode = function (id) {
25
- var input = getInput(id);
26
- // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
27
- var iti = window.intlTelInputGlobals.getInstance(input);
28
- // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
29
- var iso2 = iti.getSelectedCountryData().iso2;
30
- // eslint-disable-next-line @typescript-eslint/no-unsafe-return
31
- return iso2;
32
- };
33
- var handleChange = function (_a) {
34
- var id = _a.id, value = _a.value;
35
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
36
- (0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
37
- };
38
34
  var PhoneNumberTextFieldStory = function (_a) {
39
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;
40
- return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: parentContainerMaxWidth } }, { children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: "default" }) })));
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" }) }));
41
56
  };
42
57
  exports.default = PhoneNumberTextFieldStory;
43
58
  //# sourceMappingURL=PhoneNumberTextFieldStory.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AAGnD,gFAA0D;AAc1D,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAU;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,gJAAgJ;IAChJ,IAAM,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1D,gJAAgJ;IACxI,IAAA,IAAI,GAAK,GAAG,CAAC,sBAAsB,EAAE,KAAjC,CAAkC;IAC9C,+DAA+D;IAC/D,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;IAC/B,mEAAmE;IACnE,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,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;IAElB,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,gBAC/C,uBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,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,cAAc,EAAC,SAAS,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
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,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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"}