ouisys-component-library 0.0.32 → 2.0.1

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 (145) hide show
  1. package/README.md +54 -27
  2. package/dist/Button.js +2 -0
  3. package/dist/Button.js.map +1 -0
  4. package/dist/ChainRedirect.js +2 -0
  5. package/dist/ChainRedirect.js.map +1 -0
  6. package/dist/Disclaimers.js +2 -0
  7. package/dist/Disclaimers.js.map +1 -0
  8. package/dist/ExtraDisclaimers.js +2 -0
  9. package/dist/ExtraDisclaimers.js.map +1 -0
  10. package/dist/Features.js +2 -0
  11. package/dist/Features.js.map +1 -0
  12. package/dist/Input.js +2 -0
  13. package/dist/Input.js.map +1 -0
  14. package/dist/Intl-2eab59e1.js +2 -0
  15. package/dist/Intl-2eab59e1.js.map +1 -0
  16. package/dist/IntlProvider.js +2 -0
  17. package/dist/IntlProvider.js.map +1 -0
  18. package/dist/LanguageSwitcher.js +2 -0
  19. package/dist/LanguageSwitcher.js.map +1 -0
  20. package/dist/Link.js +2 -0
  21. package/dist/Link.js.map +1 -0
  22. package/dist/MOLink-5e2f5f82.js +2 -0
  23. package/dist/MOLink-5e2f5f82.js.map +1 -0
  24. package/dist/MOLink.js +2 -0
  25. package/dist/MOLink.js.map +1 -0
  26. package/dist/PINEntry.js +2 -0
  27. package/dist/PINEntry.js.map +1 -0
  28. package/dist/PhoneEntry.js +2 -0
  29. package/dist/PhoneEntry.js.map +1 -0
  30. package/dist/PricePoint.js +2 -0
  31. package/dist/PricePoint.js.map +1 -0
  32. package/dist/Select.js +2 -0
  33. package/dist/Select.js.map +1 -0
  34. package/dist/Showcase.js +2 -0
  35. package/dist/Showcase.js.map +1 -0
  36. package/dist/TopLegals.js +2 -0
  37. package/dist/TopLegals.js.map +1 -0
  38. package/dist/Translate.js +2 -0
  39. package/dist/Translate.js.map +1 -0
  40. package/dist/defineMessages.js +2 -0
  41. package/dist/defineMessages.js.map +1 -0
  42. package/dist/formatSMSLink.js +2 -0
  43. package/dist/formatSMSLink.js.map +1 -0
  44. package/dist/injectIntl.js +2 -0
  45. package/dist/injectIntl.js.map +1 -0
  46. package/dist/style-inject.es-1f59c1d0.js +2 -0
  47. package/dist/style-inject.es-1f59c1d0.js.map +1 -0
  48. package/dist/types/Button/Button.d.ts +5 -0
  49. package/dist/types/Button/Button.types.d.ts +12 -0
  50. package/{build/src → dist/types}/ChainRedirect/ChainRedirect.d.ts +5 -3
  51. package/dist/types/ChainRedirect/ChainRedirect.types.d.ts +10 -0
  52. package/dist/types/Disclaimers/Disclaimers.d.ts +5 -0
  53. package/{build/src → dist/types}/Disclaimers/Disclaimers.types.d.ts +38 -36
  54. package/dist/types/ExtraDisclaimers/ExtraDisclaimers.d.ts +5 -0
  55. package/dist/types/ExtraDisclaimers/ExtraDisclaimers.types.d.ts +11 -0
  56. package/dist/types/Features/Features.d.ts +5 -0
  57. package/dist/types/Features/Features.types.d.ts +16 -0
  58. package/dist/types/Input/Input.d.ts +5 -0
  59. package/{build/src → dist/types}/Input/Input.types.d.ts +46 -45
  60. package/dist/types/Intl/Intl.d.ts +21 -0
  61. package/dist/types/LanguageSwitcher/LanguageSwitcher.d.ts +5 -0
  62. package/{build/src → dist/types}/LanguageSwitcher/LanguageSwitcher.types.d.ts +16 -13
  63. package/dist/types/Link/Link.d.ts +5 -0
  64. package/{build/src → dist/types}/Link/Link.types.d.ts +13 -11
  65. package/dist/types/MOLink/MOLink.d.ts +7 -0
  66. package/{build/src → dist/types}/MOLink/MOLink.types.d.ts +11 -10
  67. package/{build/src → dist/types}/PINEntry/PINEntry.d.ts +5 -3
  68. package/{build/src → dist/types}/PINEntry/PINEntry.types.d.ts +25 -23
  69. package/{build/src → dist/types}/PhoneEntry/PhoneEntry.d.ts +5 -3
  70. package/{build/src → dist/types}/PhoneEntry/PhoneEntry.types.d.ts +39 -38
  71. package/dist/types/PricePoint/PricePoint.d.ts +5 -0
  72. package/{build/src → dist/types}/PricePoint/PricePoint.types.d.ts +12 -9
  73. package/dist/types/Select/Select.d.ts +5 -0
  74. package/{build/src → dist/types}/Select/Select.types.d.ts +31 -30
  75. package/dist/types/Showcase/Showcase.d.ts +5 -0
  76. package/dist/types/Showcase/Showcase.types.d.ts +15 -0
  77. package/dist/types/TopLegals/TopLegals.d.ts +5 -0
  78. package/dist/types/TopLegals/TopLegals.types.d.ts +11 -0
  79. package/dist/types/components/button/Button.d.ts +2 -0
  80. package/dist/types/components/chainredirect/ChainRedirect.d.ts +2 -0
  81. package/dist/types/components/disclaimers/Disclaimers.d.ts +2 -0
  82. package/dist/types/components/extradisclaimers/ExtraDisclaimers.d.ts +2 -0
  83. package/dist/types/components/features/Features.d.ts +2 -0
  84. package/dist/types/components/input/Input.d.ts +2 -0
  85. package/dist/types/components/intlprovider/IntlProvider.d.ts +1 -0
  86. package/dist/types/components/languageswitcher/LanguageSwitcher.d.ts +2 -0
  87. package/dist/types/components/link/Link.d.ts +2 -0
  88. package/dist/types/components/molink/MOLink.d.ts +2 -0
  89. package/dist/types/components/phoneentry/PhoneEntry.d.ts +2 -0
  90. package/dist/types/components/pinentry/PINEntry.d.ts +2 -0
  91. package/dist/types/components/pricepoint/PricePoint.d.ts +2 -0
  92. package/dist/types/components/select/Select.d.ts +2 -0
  93. package/dist/types/components/showcase/Showcase.d.ts +2 -0
  94. package/dist/types/components/toplegals/TopLegals.d.ts +2 -0
  95. package/dist/types/components/translate/Translate.d.ts +1 -0
  96. package/{build/src → dist/types}/custom-types.d.ts +10 -8
  97. package/dist/types/utilities/definemessages/defineMessages.d.ts +1 -0
  98. package/dist/types/utilities/formatsmslink/formatSMSLink.d.ts +1 -0
  99. package/dist/types/utilities/injectintl/injectIntl.d.ts +1 -0
  100. package/package.json +136 -50
  101. package/build/index.d.ts +0 -291
  102. package/build/index.js +0 -2
  103. package/build/index.js.map +0 -1
  104. package/build/index.mjs +0 -2
  105. package/build/index.mjs.map +0 -1
  106. package/build/src/Button/Button.d.ts +0 -2
  107. package/build/src/Button/Button.stories.d.ts +0 -41
  108. package/build/src/Button/Button.test.d.ts +0 -1
  109. package/build/src/Button/Button.types.d.ts +0 -10
  110. package/build/src/ChainRedirect/ChainRedirect.stories.d.ts +0 -32
  111. package/build/src/ChainRedirect/ChainRedirect.types.d.ts +0 -7
  112. package/build/src/Disclaimers/Disclaimers.d.ts +0 -2
  113. package/build/src/Disclaimers/Disclaimers.stories.d.ts +0 -41
  114. package/build/src/Disclaimers/Disclaimers.test.d.ts +0 -1
  115. package/build/src/ExtraDisclaimers/ExtraDisclaimers.d.ts +0 -2
  116. package/build/src/ExtraDisclaimers/ExtraDisclaimers.stories.d.ts +0 -41
  117. package/build/src/ExtraDisclaimers/ExtraDisclaimers.test.d.ts +0 -1
  118. package/build/src/ExtraDisclaimers/ExtraDisclaimers.types.d.ts +0 -8
  119. package/build/src/Input/Input.d.ts +0 -2
  120. package/build/src/Input/Input.stories.d.ts +0 -5
  121. package/build/src/Intl/Intl.d.ts +0 -18
  122. package/build/src/LanguageSwitcher/LanguageSwitcher.d.ts +0 -2
  123. package/build/src/LanguageSwitcher/LanguageSwitcher.stories.d.ts +0 -38
  124. package/build/src/LanguageSwitcher/LanguageSwitcher.test.d.ts +0 -1
  125. package/build/src/Link/Link.d.ts +0 -2
  126. package/build/src/Link/Link.stories.d.ts +0 -51
  127. package/build/src/Link/Link.test.d.ts +0 -1
  128. package/build/src/MOLink/MOLink.d.ts +0 -4
  129. package/build/src/MOLink/MOLink.stories.d.ts +0 -32
  130. package/build/src/MOLink/MOLink.test.d.ts +0 -1
  131. package/build/src/PINEntry/PINEntry.stories.d.ts +0 -54
  132. package/build/src/PhoneEntry/PhoneEntry.stories.d.ts +0 -59
  133. package/build/src/PricePoint/PricePoint.d.ts +0 -2
  134. package/build/src/PricePoint/PricePoint.stories.d.ts +0 -41
  135. package/build/src/PricePoint/PricePoint.test.d.ts +0 -1
  136. package/build/src/Select/Select.d.ts +0 -2
  137. package/build/src/Select/Select.stories.d.ts +0 -5
  138. package/build/src/TopLegals/TopLegals.d.ts +0 -2
  139. package/build/src/TopLegals/TopLegals.stories.d.ts +0 -41
  140. package/build/src/TopLegals/TopLegals.test.d.ts +0 -1
  141. package/build/src/TopLegals/TopLegals.types.d.ts +0 -8
  142. package/build/src/index.d.ts +0 -20
  143. package/build/src/utils/parsePhoneNumber.d.ts +0 -90
  144. package/build/src/utils/searchToObject.d.ts +0 -2
  145. package/build/src/utils/test/index.d.ts +0 -14
package/README.md CHANGED
@@ -1,34 +1,55 @@
1
1
  # Ouisys Component Library
2
2
 
3
- The code contained in this repository is a Component Library.
3
+ The `ouisys-component-library` is a collection of all reusable components used by our OUISys template, either `ouisys-template-strategies` or `ouisys-template-nid`. Previously, the reusable components were included on `ouisys-clients`, but we are now moving them separately from the configurations.
4
4
 
5
- ### Notes to keep in mind:
5
+ ## Development
6
6
 
7
- - **You don't have to clone this repo** in order to use the library, and this Component Library.
7
+ - Make sure that you are using node `v20.12.2` and run `yarn` to install dependencies
8
+ - All components are located inside `./src` folder
9
+ - When creating a new component, we follow the “PascalCase” naming convention, for example, ChainRedirect, ExtraDisclaimer, or LanguageSwitcher
10
+ - When developing a new component, make sure that you have a test for it, to make sure all possibilities are considered. Also, having a [**Storybook**](https://storybook.js.org/) is a way for us to understand what are the expected properties of the new component and to test it in isolation
11
+ - If you need to have CSS for the component, we do use a modular approach. Styles defined within a module are scoped to that module, preventing unintended style overrides. Please note that having styles or CSS on your component is optional
12
+ - In case you need to have test data when testing your component, especially on Storybook, you can add your mocked data to `./mockData` folder
13
+ - You can link this library to your OUISys template to test any changes. You can achieve this by running `yarn link` and on your OUISys template, run `yarn link "ouisys-component-library"`
14
+ - For every change you make on this library, you must run `yarn build` and restart your OUISys template
15
+ - Before pushing or committing your changes, make sure that you unlink this library by doing `yarn unlink`, and on your OUISys template, run `yarn unlink "ouisys-component-library"`
16
+ - Build your changes through `yarn build` before committing and pushing your changes
17
+ - After pushing your changes, update the `npm` current version by doing `npm version patch`
18
+ - Once the version is updated, run `npm publish` to publish the updated library
19
+ - Remember to push these NPM changes to the repo again by going `git push`
20
+ - You can verify the updated library by running this command on your OUISys template `yarn add ouisys-component-library@latest`
8
21
 
9
- ## Install CLI
22
+ ## Notes
10
23
 
11
- ```bash
12
- yarn
13
- ```
24
+ When creating new components, you need to follow the following:
25
+
26
+ - Create new component or utilities inside `./src/{MyComponent}/{MyComponent}.tsx`
27
+ - Styles, Storybook, Types, and Jest file should be on the same location as your component or utilities
28
+ - Once your component is ready, create the following `./src/components/{mycomponent}/index.ts` if component, and `./src/utilities/{myutilities}/index.ts` if utilities
29
+ - Add your component or utilities on `rollup.config.mjs` inside the **bundle** constant
30
+ - Finaly, you need to inform **npm** that you have a new component by adding the build component on `package.json` then **exports** property
14
31
 
15
- ### Storybook local env.
32
+ ## Commands
16
33
 
17
- To start your local dev. server:
34
+ ### Installation
35
+
36
+ Install all dependecies of the application.
18
37
 
19
38
  ```bash
20
- yarn storybook
39
+ yarn
21
40
  ```
22
41
 
23
- To build Storybook static files:
42
+ ### Storybook
43
+
44
+ To test and see component documentation.
24
45
 
25
46
  ```bash
26
- yarn storybook:export
47
+ yarn storybook
27
48
  ```
28
49
 
29
50
  ### Testing
30
51
 
31
- To run tests on your local code:
52
+ To run local test and make sure that everything has been considered.
32
53
 
33
54
  ```bash
34
55
  yarn test
@@ -36,28 +57,34 @@ yarn test
36
57
 
37
58
  Alternatively you can add the `--watch` flag for continued refresh and testing, as well as the `-u` flag to update your snapshots, when relevant and needed.
38
59
 
60
+ ### Build
61
+
62
+ Building the package and ready to publish on npm
63
+
64
+ ```bash
65
+ yarn build
66
+ ```
67
+
39
68
  ## Usage
40
69
 
70
+ To use this package to your project or application.
71
+
41
72
  ```bash
42
73
  yarn add ouisys-component-library@latest
43
74
  ```
44
75
 
45
76
  ```typescript
46
77
  import React from 'react';
47
- import { Button, ButtonProps } from 'ouisys-component-library/Button';
48
-
49
- export const Component = ({
50
- children
51
- }: ButtonProps) => {
52
-
53
- const renderComponent = () => (
54
- <Component>
55
- {childen}
56
- </Component>
57
- )
58
- };
78
+ import { Button } from 'ouisys-component-library/Button';
79
+ import { ButtonProps } from 'ouisys-component-library/types/Button/Button.types';
80
+
81
+ export const CustomComponent = ({ children }: ButtonProps) => (
82
+ <Button type="submit" className="custom-component-button">
83
+ Custom Component Buttom
84
+ </Button>
85
+ );
59
86
  ```
60
87
 
61
- ## Governance and contribution
88
+ ## Contribution
62
89
 
63
- To read on this topic, please do so [here](https://www.notion.so/sammedia/Contribute-8584924aec804effbd87d81184831fb4)
90
+ To read on this topic, please do so [here](https://www.notion.so/sammedia/OUISYS-a6cac5cab33a4059ac83782acd5488b6).
package/dist/Button.js ADDED
@@ -0,0 +1,2 @@
1
+ import{__rest as t,__assign as a}from"tslib";import o from"classnames";import c from"react";var i=function(i){var n=i.children,e=i.className,l=i.dataQaId,r=void 0===l?"button":l,s=i.allowEvinaClass,d=void 0!==s&&s,m=i.isMCP,u=void 0!==m&&m,p=i.tracker,v=i.type,b=void 0===v?"button":v,k=i.onClick,C=t(i,["children","className","dataQaId","allowEvinaClass","isMCP","tracker","type","onClick"]);return c.createElement("button",a({type:b,className:o("button",e,{dcbp:d,mcp:u}),"data-qa-id":r,onClick:function(t){p&&p.customEvent("button","click","click button"),k&&k(t)}},C),n)};export{i as Button};
2
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sources":["../src/Button/Button.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport { interfaceButton } from './Button.types';\n\nexport const Button = ({\n children,\n className,\n dataQaId = 'button',\n allowEvinaClass = false,\n isMCP = false,\n tracker,\n type = 'button',\n onClick,\n ...props\n}: interfaceButton) => (\n <button\n type={type} // eslint-disable-line react/button-has-type\n className={cn('button', className, { dcbp: allowEvinaClass, mcp: isMCP })}\n data-qa-id={dataQaId}\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n if (tracker) tracker.customEvent('button', 'click', 'click button');\n if (onClick) onClick(event);\n }}\n {...props} // eslint-disable-line react/jsx-props-no-spreading\n >\n {children}\n </button>\n);\n"],"names":["Button","_a","children","className","_b","dataQaId","_c","allowEvinaClass","_d","isMCP","tracker","_e","type","onClick","props","__rest","React","createElement","__assign","cn","dcbp","mcp","event","customEvent"],"mappings":"4FAIO,IAAMA,EAAS,SAACC,GACrB,IAAAC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,aAAAC,aAAW,SAAQD,EACnBE,EAAuBL,EAAAM,gBAAvBA,OAAkB,IAAAD,KAClBE,EAAAP,EAAAQ,MAAAA,OAAK,IAAAD,GAAQA,EACbE,EAAOT,EAAAS,QACPC,SAAAC,aAAO,SAAQD,EACfE,EAAOZ,EAAAY,QACJC,EAAKC,EAAAd,EATa,0FAUA,OACrBe,EAAAC,cAAA,SAAAC,EAAA,CACEN,KAAMA,EACNT,UAAWgB,EAAG,SAAUhB,EAAW,CAAEiB,KAAMb,EAAiBc,IAAKZ,IAAQ,aAC7DJ,EACZQ,QAAS,SAACS,GACJZ,GAASA,EAAQa,YAAY,SAAU,QAAS,gBAChDV,GAASA,EAAQS,EACvB,GACIR,GAEHZ"}
@@ -0,0 +1,2 @@
1
+ import e,{useEffect as i}from"react";var t=function(t){var a=t.chainRedirectUrl,n=t.tracker,r=t.className,c=t.dataQaId,d=void 0===c?"chain-redirect-":c;return i((function(){"undefined"!=typeof window&&window.pac_analytics&&window.pac_analytics.visitor&&setTimeout((function(){n.customEvent("Chain-Redirect","redirect","ChainFlow",{redirectUrl:a}),window.location.href=a}),2e3)}),[]),e.createElement("div",{"data-qa-id":d,className:r},e.createElement("h3",null,"Redirecting..."))};export{t as ChainRedirect};
2
+ //# sourceMappingURL=ChainRedirect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChainRedirect.js","sources":["../src/ChainRedirect/ChainRedirect.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { IChainRedirectProps } from './ChainRedirect.types';\n\nexport const ChainRedirect = ({\n chainRedirectUrl,\n tracker,\n className,\n dataQaId = 'chain-redirect-'\n}: IChainRedirectProps) => {\n useEffect(() => {\n if (typeof window !== 'undefined' && !!window.pac_analytics && !!window.pac_analytics.visitor) {\n setTimeout(() => {\n tracker.customEvent('Chain-Redirect', 'redirect', 'ChainFlow', { redirectUrl: chainRedirectUrl });\n window.location.href = chainRedirectUrl;\n }, 2000);\n }\n }, []);\n\n return (\n <div data-qa-id={dataQaId} className={className}>\n <h3>Redirecting...</h3>\n </div>\n );\n};\n"],"names":["ChainRedirect","_a","chainRedirectUrl","tracker","className","_b","dataQaId","useEffect","window","pac_analytics","visitor","setTimeout","customEvent","redirectUrl","location","href","React","createElement"],"mappings":"qCAGO,IAAMA,EAAgB,SAACC,GAC5B,IAAAC,EAAgBD,EAAAC,iBAChBC,EAAOF,EAAAE,QACPC,EAASH,EAAAG,UACTC,EAA4BJ,EAAAK,SAA5BA,OAAQ,IAAAD,EAAG,kBAAiBA,EAW5B,OATAE,GAAU,WACc,oBAAXC,QAA4BA,OAAOC,eAAmBD,OAAOC,cAAcC,SACpFC,YAAW,WACTR,EAAQS,YAAY,iBAAkB,WAAY,YAAa,CAAEC,YAAaX,IAC9EM,OAAOM,SAASC,KAAOb,CACxB,GAAE,IAEN,GAAE,IAGDc,EAAiBC,cAAA,MAAA,CAAA,aAAAX,EAAUF,UAAWA,GACpCY,EAAuBC,cAAA,KAAA,KAAA,kBAG7B"}
@@ -0,0 +1,2 @@
1
+ import e from"classnames";import a from"react";var r,t=function(r){var t=r.locale,i=r.className,n=void 0===i?"":i,c=r.legals,l=r.flow,o=r.dataQaId,m=void 0===o?"disclaimers":o,s=r.mcc,d=void 0===s?"":s,u=c.filter((function(e){return e.flow===l})),f=(l?u:c).reduce((function(e,a){return e[a.language]=a,e}),{}),_=(f[t]||"").disclaimer,v=(f[t]||"").mcc_disclaimer;return a.createElement("div",{"data-qa-id":m,className:e(n)},v&&d&&a.createElement("div",{dangerouslySetInnerHTML:{__html:v[d.toLowerCase()]}})||a.createElement("div",{dangerouslySetInnerHTML:{__html:_||""}})," ")};!function(e){e.PIN="pin",e.MO="mo",e.ONE_CLICK="oneClick",e.CLICK_2SMS="click2sms",e.MO_REDIR="moRedir",e.USSD="ussd",e.TPAY_HE="tpayHe"}(r||(r={}));export{t as Disclaimers,r as ILegalFlows};
2
+ //# sourceMappingURL=Disclaimers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Disclaimers.js","sources":["../src/Disclaimers/Disclaimers.tsx","../src/Disclaimers/Disclaimers.types.ts"],"sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\n/* eslint-disable no-param-reassign */\n/* eslint-disable import/no-extraneous-dependencies */\nimport cn from 'classnames';\nimport React from 'react';\nimport { DisclaimersProps, ILegals } from './Disclaimers.types';\n\nexport const Disclaimers = ({\n locale,\n className = '',\n legals,\n flow,\n dataQaId = 'disclaimers',\n mcc = ''\n}: DisclaimersProps) => {\n const filteredLegals = legals.filter((obj) => obj.flow === flow);\n\n const legalsArr = flow ? filteredLegals : legals;\n const arrayToObject = (array: ILegals[]) =>\n array.reduce((obj: { [key: string]: ILegals }, item) => {\n obj[item.language] = item;\n return obj;\n }, {});\n\n const legalsObject = arrayToObject(legalsArr);\n\n const { disclaimer } = legalsObject[locale] || '';\n // eslint-disable-next-line camelcase\n const { mcc_disclaimer } = legalsObject[locale] || '';\n\n return (\n <div data-qa-id={dataQaId} className={cn(className)}>\n {(mcc_disclaimer && mcc && <div dangerouslySetInnerHTML={{ __html: mcc_disclaimer[mcc.toLowerCase()] }} />) || (\n <div dangerouslySetInnerHTML={{ __html: disclaimer || '' }} />\n )}{' '}\n </div>\n );\n};\n","/* eslint-disable camelcase */\nexport enum ILegalFlows {\n PIN = 'pin',\n MO = 'mo',\n ONE_CLICK = 'oneClick',\n CLICK_2SMS = 'click2sms',\n MO_REDIR = 'moRedir',\n USSD = 'ussd',\n TPAY_HE = 'tpayHe'\n}\n\nexport interface ILegals {\n id: number;\n country: string;\n service: string;\n scenario: string;\n language: string;\n top_legal: string | null;\n price_point: string | null;\n disclaimer: string | null;\n date_created: string;\n extra_disclaimer: string | null;\n mcc_disclaimer: { [key: string]: string } | null;\n operator_price_point: { [key: string]: string } | null;\n flow?: ILegalFlows;\n}\n\nexport interface DisclaimersProps {\n locale: string;\n legals: Array<ILegals>;\n className?: string;\n flow?: ILegalFlows;\n mcc?: string;\n dataQaId?: string;\n}\n"],"names":["ILegalFlows","Disclaimers","_a","locale","_b","className","legals","flow","_c","dataQaId","_d","mcc","filteredLegals","filter","obj","legalsObject","reduce","item","language","disclaimer","mcc_disclaimer","React","cn","dangerouslySetInnerHTML","__html","toLowerCase"],"mappings":"+CAQO,ICPKA,EDOCC,EAAc,SAACC,OAC1BC,EAAMD,EAAAC,OACNC,EAAAF,EAAAG,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAMJ,EAAAI,OACNC,EAAIL,EAAAK,KACJC,EAAwBN,EAAAO,SAAxBA,OAAQ,IAAAD,EAAG,cAAaA,EACxBE,EAAAR,EAAAS,IAAAA,OAAM,IAAAD,EAAA,GAAEA,EAEFE,EAAiBN,EAAOO,QAAO,SAACC,GAAQ,OAAAA,EAAIP,OAASA,CAAb,IASxCQ,GAPYR,EAAOK,EAAiBN,GAElCU,QAAO,SAACF,EAAiCG,GAE7C,OADAH,EAAIG,EAAKC,UAAYD,EACdH,CACR,GAAE,CAAE,GAICK,GAAeJ,EAAaZ,IAAW,IAAEgB,WAEzCC,GAAmBL,EAAaZ,IAAW,IAAEiB,eAErD,OACEC,oCAAiBZ,EAAUJ,UAAWiB,EAAGjB,IACrCe,GAAkBT,GAAOU,uBAAKE,wBAAyB,CAAEC,OAAQJ,EAAeT,EAAIc,mBACpFJ,uBAAKE,wBAAyB,CAAEC,OAAQL,GAAc,MACrD,IAGT,GCrCA,SAAYnB,GACVA,EAAA,IAAA,MACAA,EAAA,GAAA,KACAA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,SAAA,UACAA,EAAA,KAAA,OACAA,EAAA,QAAA,QACD,CARD,CAAYA,IAAAA,EAQX,CAAA"}
@@ -0,0 +1,2 @@
1
+ import*as e from"react";var a=function(a){var r=a.locale,t=a.className,n=a.legals,l=a.flow,c=a.dataQaId,i=void 0===c?"extra-disclaimers-":c,o=n.filter((function(e){return e.flow===l})),s=l&&!process.env.scenario?o:n,d=(s.reduce((function(e,a){return e[a.language]=a,e}),{})[r]||"").extra_disclaimer;return e.createElement("div",{"data-qa-id":i,className:t},e.createElement("div",{dangerouslySetInnerHTML:{__html:d||""}}))};export{a as ExtraDisclaimers};
2
+ //# sourceMappingURL=ExtraDisclaimers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExtraDisclaimers.js","sources":["../src/ExtraDisclaimers/ExtraDisclaimers.tsx"],"sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\n/* eslint-disable no-param-reassign */\nimport * as React from 'react';\nimport { ILegals } from '../Disclaimers/Disclaimers.types';\nimport { ExtraDisclaimersProps } from './ExtraDisclaimers.types';\n\nexport const ExtraDisclaimers = ({\n locale,\n className,\n legals,\n flow,\n dataQaId = 'extra-disclaimers-'\n}: ExtraDisclaimersProps) => {\n const filteredLegals = legals.filter((obj) => obj.flow === flow);\n\n const legalsArr = flow && !process.env.scenario ? filteredLegals : legals;\n const arrayToObject = (array: ILegals[]) =>\n array.reduce((obj: { [key: string]: ILegals }, item) => {\n obj[item.language] = item;\n return obj;\n }, {});\n const legalsObject = arrayToObject(legalsArr);\n\n const { extra_disclaimer } = legalsObject[locale] || '';\n return (\n <div data-qa-id={dataQaId} className={className}>\n <div dangerouslySetInnerHTML={{ __html: extra_disclaimer || '' }} />\n </div>\n );\n};\n"],"names":["ExtraDisclaimers","_a","locale","className","legals","flow","_b","dataQaId","filteredLegals","filter","obj","legalsArr","process","env","scenario","extra_disclaimer","reduce","item","language","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":"wBAOO,IAAMA,EAAmB,SAACC,GAC/B,IAAAC,WACAC,EAASF,EAAAE,UACTC,EAAMH,EAAAG,OACNC,EAAIJ,EAAAI,KACJC,EAA+BL,EAAAM,SAA/BA,OAAQ,IAAAD,EAAG,qBAAoBA,EAEzBE,EAAiBJ,EAAOK,QAAO,SAACC,GAAQ,OAAAA,EAAIL,OAASA,CAAb,IAExCM,EAAYN,IAASO,QAAQC,IAAIC,SAAWN,EAAiBJ,EAQ3DW,GAF2BJ,EAJ3BK,QAAO,SAACN,EAAiCO,GAE7C,OADAP,EAAIO,EAAKC,UAAYD,EACdP,CACR,GAAE,CAAE,GAGmCR,IAAW,IAAEa,iBACvD,OACEI,EAAiBC,cAAA,MAAA,CAAA,aAAAb,EAAUJ,UAAWA,GACpCgB,EAAAC,cAAA,MAAA,CAAKC,wBAAyB,CAAEC,OAAQP,GAAoB,MAGlE"}
@@ -0,0 +1,2 @@
1
+ import e from"classnames";import t from"react";import{s as a}from"./style-inject.es-1f59c1d0.js";var i="Features-module_features__Wy5H2",r="Features-module_featuresTitle__BXZM7",s="Features-module_featuresGrid__dgJVS",m="Features-module_featuresGridItem__4WUqr",l="Features-module_featuresGridItemImage__1NzoV",u="Features-module_featuresGridItemContent__YCT-m",d="Features-module_featuresGridItemName__y-PB6",c="Features-module_featuresGridItemDescription__SZU9j";a(".Features-module_features__Wy5H2{margin-inline:auto;padding:1rem}.Features-module_featuresTitle__BXZM7{font-size:1.5rem;font-weight:600;margin-block-end:1rem;text-transform:capitalize}.Features-module_featuresGrid__dgJVS{display:flex;flex-wrap:wrap;gap:1rem}.Features-module_featuresGridItem__4WUqr{align-items:start;background-color:#f6f6f6;border-radius:1rem;display:flex;flex:1 1 100%;gap:1rem;justify-content:start;padding:1rem}.Features-module_featuresGridItemImage__1NzoV{aspect-ratio:1/1;border-radius:.5rem;font-size:.75rem;font-style:italic;height:5rem;-o-object-fit:cover;object-fit:cover;width:5rem}.Features-module_featuresGridItemContent__YCT-m{line-height:1.25;text-align:start}.Features-module_featuresGridItemName__y-PB6{font-size:1.25rem;font-weight:600;margin-block-end:.25rem;text-transform:capitalize}.Features-module_featuresGridItemDescription__SZU9j{font-size:1rem;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZlYXR1cmVzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUNFLGtCQUFtQixDQUNuQixZQUNGLENBRUEsc0NBQ0UsZ0JBQWlCLENBQ2pCLGVBQWdCLENBQ2hCLHFCQUFzQixDQUN0Qix5QkFDRixDQUVBLHFDQUNFLFlBQWEsQ0FDYixjQUFlLENBQ2YsUUFDRixDQUVBLHlDQUNFLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsa0JBQW1CLENBQ25CLFlBQWEsQ0FDYixhQUFjLENBQ2QsUUFBUyxDQUNULHFCQUFzQixDQUN0QixZQUNGLENBRUEsOENBQ0UsZ0JBQWlCLENBQ2pCLG1CQUFxQixDQUNyQixnQkFBa0IsQ0FDbEIsaUJBQWtCLENBQ2xCLFdBQVksQ0FDWixtQkFBaUIsQ0FBakIsZ0JBQWlCLENBQ2pCLFVBQ0YsQ0FFQSxnREFDRSxnQkFBaUIsQ0FDakIsZ0JBQ0YsQ0FFQSw2Q0FDRSxpQkFBa0IsQ0FDbEIsZUFBZ0IsQ0FDaEIsdUJBQXlCLENBQ3pCLHlCQUNGLENBRUEsb0RBQ0UsY0FBZSxDQUNmLGVBQ0YiLCJmaWxlIjoiRmVhdHVyZXMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmVhdHVyZXMge1xuICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xufVxuXG4uZmVhdHVyZXNUaXRsZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYmxvY2stZW5kOiAxcmVtO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmZlYXR1cmVzR3JpZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAxcmVtO1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjZmNjtcbiAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMSAxIDEwMCU7XG4gIGdhcDogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgcGFkZGluZzogMXJlbTtcbn1cblxuLmZlYXR1cmVzR3JpZEl0ZW1JbWFnZSB7XG4gIGFzcGVjdC1yYXRpbzogMS8xO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBoZWlnaHQ6IDVyZW07XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogNXJlbTtcbn1cblxuLmZlYXR1cmVzR3JpZEl0ZW1Db250ZW50IHtcbiAgbGluZS1oZWlnaHQ6IDEuMjU7XG4gIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbU5hbWUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IDAuMjVyZW07XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbURlc2NyaXB0aW9uIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNTAwO1xufSJdfQ== */");var o=Array(3).fill(null).map((function(e,t){return{image:"https://picsum.photos/id/".concat(Math.floor(99*Math.random()+1),"/320"),name:"features ".concat(t),description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nisl orci, ullamcorper nec faucibus nec, maximus sit amet leo. Suspendisse sit amet quam ut diam eleifend viverra id vel nunc."}})),n=function(a){var n=a.headline,Q=void 0===n?"Features":n,Z=a.items,F=void 0===Z?o:Z,g=a.className,I=void 0===g?"":g,b=a.dataQaId,x=void 0===b?"qa-features":b,G=a.tracker;return t.createElement("div",{className:e(i,"features",I),"data-qa-id":x},t.createElement("div",{className:e(r,"features-title")},Q),t.createElement("div",{className:e(s,"features-grid")},F.length&&F.map((function(a,i){var r=a.image,s=a.name,o=a.description;return t.createElement("div",{key:i,className:e(m,"features-grid-item"),onClick:function(){G&&G.customEvent("Features","click","FeaturesGrid".concat(i))}},t.createElement("img",{src:r,alt:s,className:e(l,"features-grid-item-image")}),t.createElement("div",{className:e(u,"features-grid-item-content")},t.createElement("div",{className:e(d,"features-grid-item-name")},s),t.createElement("div",{className:e(c,"features-grid-item-description")},o)))}))))};export{n as Features};
2
+ //# sourceMappingURL=Features.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Features.js","sources":["../src/Features/Features.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport styles from './Features.module.scss';\nimport { interfaceFeatures, typeItems } from './Features.types';\n\nconst defaultItems = Array(3)\n .fill(null)\n .map((_, index) => ({\n image: `https://picsum.photos/id/${Math.floor(Math.random() * (99 - 1 + 1) + 1)}/320`,\n name: `features ${index}`,\n description:\n 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nisl orci, ullamcorper nec faucibus nec, maximus sit amet leo. Suspendisse sit amet quam ut diam eleifend viverra id vel nunc.'\n }));\n\nexport const Features = ({\n headline = 'Features',\n items = defaultItems,\n className = '',\n dataQaId = 'qa-features',\n tracker\n}: interfaceFeatures) => (\n <div className={cn(styles.features, 'features', className)} data-qa-id={dataQaId}>\n <div className={cn(styles.featuresTitle, 'features-title')}>{headline}</div>\n\n <div className={cn(styles.featuresGrid, 'features-grid')}>\n {items.length &&\n items.map(({ image, name, description }: typeItems, index: number) => (\n <div\n key={index}\n className={cn(styles.featuresGridItem, 'features-grid-item')}\n onClick={() => {\n if (tracker) {\n tracker.customEvent('Features', 'click', `FeaturesGrid${index}`);\n }\n }}\n >\n <img src={image} alt={name} className={cn(styles.featuresGridItemImage, 'features-grid-item-image')} />\n <div className={cn(styles.featuresGridItemContent, 'features-grid-item-content')}>\n <div className={cn(styles.featuresGridItemName, 'features-grid-item-name')}>{name}</div>\n <div className={cn(styles.featuresGridItemDescription, 'features-grid-item-description')}>\n {description}\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n);\n"],"names":["defaultItems","Array","fill","map","_","index","image","Math","floor","random","name","concat","description","Features","_a","_b","headline","_c","items","_d","className","_e","dataQaId","tracker","React","createElement","cn","styles","length","key","onClick","customEvent","src","alt"],"mappings":"80GAKA,IAAMA,EAAeC,MAAM,GACxBC,KAAK,MACLC,KAAI,SAACC,EAAGC,GAAU,MAAC,CAClBC,MAAO,mCAA4BC,KAAKC,MAAuB,GAAjBD,KAAKE,SAA0B,GAAQ,QACrFC,KAAM,YAAYC,OAAAN,GAClBO,YACE,oMACF,IAESC,EAAW,SAACC,GACvB,IAAAC,EAAAD,EAAAE,SAAAA,OAAW,IAAAD,EAAA,WAAUA,EACrBE,EAAoBH,EAAAI,MAApBA,OAAK,IAAAD,EAAGjB,EAAYiB,EACpBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAwBP,EAAAQ,SAAxBA,OAAQ,IAAAD,EAAG,cAAaA,EACxBE,EAAOT,EAAAS,QACgB,OACvBC,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAiB,WAAYP,gBAAwBE,GACtEE,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAsB,mBAAoBX,GAE7DQ,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAqB,kBACrCT,EAAMU,QACLV,EAAMf,KAAI,SAACW,EAAyCT,GAAvC,IAAAC,UAAOI,EAAII,EAAAJ,KAAEE,EAAWE,EAAAF,YAAiC,OACpEY,EACEC,cAAA,MAAA,CAAAI,IAAKxB,EACLe,UAAWM,EAAGC,EAAyB,sBACvCG,QAAS,WACHP,GACFA,EAAQQ,YAAY,WAAY,QAAS,eAAepB,OAAAN,MAI5DmB,EAAAC,cAAA,MAAA,CAAKO,IAAK1B,EAAO2B,IAAKvB,EAAMU,UAAWM,EAAGC,EAA8B,8BACxEH,EAAKC,cAAA,MAAA,CAAAL,UAAWM,EAAGC,EAAgC,+BACjDH,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAA6B,4BAA6BjB,GAC7Ec,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAoC,mCACpDf,IAIR,KAxBgB"}
package/dist/Input.js ADDED
@@ -0,0 +1,2 @@
1
+ import{__rest as e,__assign as a}from"tslib";import r from"classnames";import*as i from"react";import{s as t}from"./style-inject.es-1f59c1d0.js";var d="Input-module_wrapper__bzo7K",o="Input-module_error__rkwNz";t(".Input-module_wrapper__bzo7K input,.Input-module_wrapper__bzo7K select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]:hover{background-color:#45a049}.Input-module_wrapper__bzo7K .Input-module_error__rkwNz{color:red}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVFQU1FLHFCQUFzQixDQUN0QixpQkFBa0IsQ0FDbEIscUJBQXNCLENBSHRCLG9CQUFxQixDQURyQixZQUFhLENBRGIsaUJBQWtCLENBRGxCLFVBT0YsQ0FDQSxnREFFRSx3QkFBeUIsQ0FJekIsV0FBWSxDQUNaLGlCQUFrQixDQUpsQixVQUFZLENBS1osY0FBZSxDQUhmLFlBQWEsQ0FEYixpQkFBa0IsQ0FIbEIsVUFRRixDQUNBLHNEQUNFLHdCQUNGLENBQ0Esd0RBQ0UsU0FDRiIsImZpbGUiOiJJbnB1dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIGlucHV0LFxuLndyYXBwZXIgc2VsZWN0IHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDEycHggMjBweDtcbiAgbWFyZ2luOiA4cHggMDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG4ud3JhcHBlciBpbnB1dFt0eXBlPXN1Ym1pdF0ge1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRjYWY1MDtcbiAgY29sb3I6IHdoaXRlO1xuICBwYWRkaW5nOiAxNHB4IDIwcHg7XG4gIG1hcmdpbjogOHB4IDA7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ud3JhcHBlciBpbnB1dFt0eXBlPXN1Ym1pdF06aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDVhMDQ5O1xufVxuLndyYXBwZXIgLmVycm9yIHtcbiAgY29sb3I6IHJlZDtcbn0iXX0= */");var l,p,c,n,b=function(t){var l=t.wrapperClassName,p=void 0===l?"":l,c=t.dataQaId,n=void 0===c?"input-":c,b=t.id,s=t.name,I=t.value,u=t.placeholder,m=t.disabled,g=t.readOnly,B=t.error,x=t.type;t.size;var F=t.onChange,Q=e(t,["wrapperClassName","dataQaId","id","name","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return i.createElement("div",{className:r(d,p)},Q.label&&""!==Q.label&&i.createElement("label",{"data-testid":"".concat(n,"-label"),htmlFor:b},Q.label),i.createElement("input",a({"data-testid":n,name:s,id:b,value:I,placeholder:u,disabled:m,readOnly:g,onChange:F,type:x},Q)),B&&i.createElement("div",{className:o},B))};!function(e){e.Text="text",e.Number="number",e.Email="email",e.Password="password",e.Search="search",e.Telephone="tel",e.URL="url"}(l||(l={})),function(e){e.Medium="Medium",e.Large="Large"}(p||(p={})),function(e){e.Left="Left",e.Right="Right"}(c||(c={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(n||(n={}));export{b as Input,c as InputIconPosition,n as InputMaskTypes,p as InputSize,l as InputType};
2
+ //# sourceMappingURL=Input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.js","sources":["../src/Input/Input.tsx","../src/Input/Input.types.ts"],"sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\n/* eslint-disable no-param-reassign */\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport cn from 'classnames';\nimport * as React from 'react';\nimport styles from './Input.module.scss';\nimport { InputProps } from './Input.types';\n\nexport const Input = ({\n wrapperClassName = '',\n dataQaId = 'input-',\n id,\n name,\n value,\n placeholder,\n disabled,\n readOnly,\n error,\n type,\n size,\n onChange,\n ...props\n}: InputProps) => (\n <div className={cn(styles.wrapper, wrapperClassName)}>\n {props.label && props.label !== '' && (\n <label data-testid={`${dataQaId}-label`} htmlFor={id}>\n {props.label}\n </label>\n )}\n <input\n data-testid={dataQaId}\n name={name}\n id={id}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onChange}\n type={type}\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n />\n {error && <div className={styles.error}>{error}</div>}\n </div>\n);\n","export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n name: string;\n value: string;\n label?: string;\n onChange: React.FocusEventHandler<HTMLInputElement> | undefined;\n type: InputType;\n placeholder?: string;\n error?: string;\n iconPosition?: InputIconPosition;\n size?: InputSize;\n clearable?: boolean;\n mask?: InputMaskTypes;\n children?: React.Component;\n hint?: string;\n dataQaId?: string;\n disabled?: boolean;\n readOnly?: boolean;\n required?: boolean;\n maxLength?: number;\n minLength?: number;\n wrapperClassName?: string;\n onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;\n};\n\nexport enum InputType {\n Text = 'text',\n Number = 'number',\n Email = 'email',\n Password = 'password',\n Search = 'search',\n Telephone = 'tel',\n URL = 'url'\n}\n\nexport enum InputSize {\n Medium = 'Medium',\n Large = 'Large'\n}\n\nexport enum InputIconPosition {\n Left = 'Left',\n Right = 'Right'\n}\n\nexport enum InputMaskTypes {\n Telephone = 'telephone',\n CreditCard = 'credit_card'\n}\n"],"names":["InputType","InputSize","InputIconPosition","InputMaskTypes","Input","_a","_b","wrapperClassName","_c","dataQaId","id","name","value","placeholder","disabled","readOnly","error","type","onChange","props","__rest","React","createElement","className","cn","styles","label","htmlFor","__assign"],"mappings":"g3DASO,ICeKA,EAUAC,EAKAC,EAKAC,EDnCCC,EAAQ,SAACC,GACpB,IAAAC,EAAAD,EAAAE,iBAAAA,OAAgB,IAAAD,EAAG,GAAEA,EACrBE,aAAAC,aAAW,SAAQD,EACnBE,EAAEL,EAAAK,GACFC,EAAIN,EAAAM,KACJC,EAAKP,EAAAO,MACLC,EAAWR,EAAAQ,YACXC,EAAQT,EAAAS,SACRC,EAAQV,EAAAU,SACRC,EAAKX,EAAAW,MACLC,gBAEA,IAAAC,aACGC,EAbiBC,EAAAf,EAAA,CAAA,mBAAA,WAAA,KAAA,OAAA,QAAA,cAAA,WAAA,WAAA,QAAA,OAAA,OAAA,aAcJ,OAChBgB,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAgBlB,IAChCY,EAAMO,OAAyB,KAAhBP,EAAMO,OACpBL,EAAAC,cAAA,QAAA,CAAA,cAAoB,UAAGb,EAAQ,UAAUkB,QAASjB,GAC/CS,EAAMO,OAGXL,EAAAC,cAAA,QAAAM,EAAA,CAAA,cACenB,EACbE,KAAMA,EACND,GAAIA,EACJE,MAAOA,EACPC,YAAaA,EACbC,SAAUA,EACVC,SAAUA,EACVG,SAAUA,EACVD,KAAMA,GAIFE,IAELH,GAASK,EAAAC,cAAA,MAAA,CAAKC,UAAWE,GAAeT,MCrB7C,SAAYhB,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,OAAA,SACAA,EAAA,UAAA,MACAA,EAAA,IAAA,KACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAED,SAAYC,GACVA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,UAAA,YACAA,EAAA,WAAA,aACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
2
+ //# sourceMappingURL=Intl-2eab59e1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Intl-2eab59e1.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
@@ -0,0 +1,2 @@
1
+ export{I as IntlProvider}from"./Intl-2eab59e1.js";import"tslib";import"react";
2
+ //# sourceMappingURL=IntlProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IntlProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{__read as a}from"tslib";import e from"classnames";import l from"react";var t=[{value:"en",label:"English"},{value:"ar",label:"عربى"}],n=function(n){var r=n.locale,u=n.switchLang,c=n.options,g=void 0===c?t:c,i=n.className,o=void 0===i?"":i,v=n.dataQaId,s=void 0===v?"language-switcher":v,m=n.tracker;if(g.length>2)return l.createElement("select",{id:"languageSwitcher",className:e("languageSwitcher",o),"data-qa-id":s,value:r,onChange:function(a){var e=a.target.value;m&&m.customEvent("language","change","change language",{locale:e}),u(e)}},g.map((function(a){var e=a.value,t=a.label;return l.createElement("option",{key:e,value:e},t)})));if(2===g.length){var h=a(g,2),d=h[0],f=h[1],b=r===f.value;return l.createElement("button",{type:"button",id:"languageSwitcher",className:e("languageSwitcher",o),"data-qa-id":s,onClick:function(){var e=a(g,2),l=e[0],t=e[1],n=r===t.value?l.value:t.value;m&&m.customEvent("language","change","change language",{locale:n}),u(n)}},b?d.label:f.label)}return null};export{n as LanguageSwitcher};
2
+ //# sourceMappingURL=LanguageSwitcher.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LanguageSwitcher.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'English' },\n { value: 'ar', label: 'عربى' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const handleSwitchLangOnChange = ({ target: { value } }: React.ChangeEvent<HTMLSelectElement>) => {\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n const handleSwitchLangOnClick = () => {\n const [primary, secondary] = options;\n const isSecondary = locale === secondary.value;\n const value = isSecondary ? primary.value : secondary.value;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n if (options.length > 2) {\n return (\n <select\n id=\"languageSwitcher\"\n className={cn('languageSwitcher', className)}\n data-qa-id={dataQaId}\n value={locale}\n onChange={handleSwitchLangOnChange}\n >\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <option key={value} value={value}>\n {label}\n </option>\n ))}\n </select>\n );\n }\n if (options.length === 2) {\n const [primary, secondary] = options;\n const isSecondary = locale === secondary.value;\n\n return (\n <button\n type=\"button\"\n id=\"languageSwitcher\"\n className={cn('languageSwitcher', className)}\n data-qa-id={dataQaId}\n onClick={handleSwitchLangOnClick}\n >\n {isSecondary ? primary.label : secondary.label}\n </button>\n );\n }\n return null;\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_b","options","_c","className","_d","dataQaId","tracker","length","React","createElement","id","cn","onChange","target","customEvent","map","key","_e","__read","primary","secondary","isSecondary","type","onClick"],"mappings":"8EAIA,IAAMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,WACtB,CAAED,MAAO,KAAMC,MAAO,SAGXC,EAAmB,SAACC,OAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAkBP,GAAIL,EAAQM,OAAS,EACnB,OACEC,EAAAC,cAAA,SAAA,CACEC,GAAG,mBACHP,UAAWQ,EAAG,mBAAoBR,GAAU,aAChCE,EACZX,MAAOI,EACPc,SAvB2B,SAACf,GAAY,IAAAH,EAAKG,EAAAgB,OAAAnB,MAC7CY,GACFA,EAAQQ,YAAY,WAAY,SAAU,kBAAmB,CAAEhB,OAAQJ,IAEzEK,EAAWL,EACb,GAoBOO,EAAQc,KAAI,SAAClB,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9Da,EAAAC,cAAA,SAAA,CAAQO,IAAKtB,EAAOA,MAAOA,GACxBC,EAEJ,KAIP,GAAuB,IAAnBM,EAAQM,OAAc,CAClB,IAAAU,EAAAC,EAAuBjB,EAAO,GAA7BkB,EAAOF,EAAA,GAAEG,EAASH,EAAA,GACnBI,EAAcvB,IAAWsB,EAAU1B,MAEzC,OACEc,EACEC,cAAA,SAAA,CAAAa,KAAK,SACLZ,GAAG,mBACHP,UAAWQ,EAAG,mBAAoBR,GACtB,aAAAE,EACZkB,QArC0B,WACxB,IAAA1B,EAAAqB,EAAuBjB,EAAO,GAA7BkB,EAAOtB,EAAA,GAAEuB,EAASvB,EAAA,GAEnBH,EADcI,IAAWsB,EAAU1B,MACbyB,EAAQzB,MAAQ0B,EAAU1B,MAClDY,GACFA,EAAQQ,YAAY,WAAY,SAAU,kBAAmB,CAAEhB,OAAQJ,IAEzEK,EAAWL,EACb,GA+BO2B,EAAcF,EAAQxB,MAAQyB,EAAUzB,MAG9C,CACD,OAAO,IACT"}
package/dist/Link.js ADDED
@@ -0,0 +1,2 @@
1
+ import{__rest as a,__assign as l}from"tslib";import i from"classnames";import c from"react";var r=function(r){var e=r.children,n=r.className,o=r.dataQaId,t=void 0===o?"link":o,s=r.href,m=r.allowEvinaClass,d=void 0===m||m,k=r.isMCP,f=void 0!==k&&k,v=r.locale,C=r.tracker,h=r.onClick,p=a(r,["children","className","dataQaId","href","allowEvinaClass","isMCP","locale","tracker","onClick"]);return c.createElement("a",l({className:i("link",n,{dcbp:d,mcp:f}),"data-qa-id":t,href:s,hrefLang:v,onClick:function(a){C&&C.customEvent("link","click","click link",{link:s}),h&&h(a)}},p),e)};export{r as Link};
2
+ //# sourceMappingURL=Link.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.js","sources":["../src/Link/Link.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport { interfaceLink } from './Link.types';\n\nexport const Link = ({\n children,\n className,\n dataQaId = 'link',\n href,\n allowEvinaClass = true,\n isMCP = false,\n locale,\n tracker,\n onClick,\n ...props\n}: interfaceLink) => (\n <a\n className={cn('link', className, { dcbp: allowEvinaClass, mcp: isMCP })}\n data-qa-id={dataQaId}\n href={href}\n hrefLang={locale}\n onClick={(event: React.MouseEvent<HTMLAnchorElement>) => {\n if (tracker) tracker.customEvent('link', 'click', 'click link', { link: href });\n if (onClick) onClick(event);\n }}\n {...props} // eslint-disable-line react/jsx-props-no-spreading\n >\n {children}\n </a>\n);\n"],"names":["Link","_a","children","className","_b","dataQaId","href","_c","allowEvinaClass","_d","isMCP","locale","tracker","onClick","props","__rest","React","createElement","__assign","cn","dcbp","mcp","hrefLang","event","customEvent","link"],"mappings":"4FAIO,IAAMA,EAAO,SAACC,GACnB,IAAAC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,aAAAC,aAAW,OAAMD,EACjBE,EAAIL,EAAAK,KACJC,EAAsBN,EAAAO,gBAAtBA,OAAkB,IAAAD,GAAIA,EACtBE,UAAAC,cAAaD,EACbE,EAAMV,EAAAU,OACNC,EAAOX,EAAAW,QACPC,EAAOZ,EAAAY,QACJC,EAAKC,EAAAd,EAVW,mGAWA,OACnBe,EAAAC,cAAA,IAAAC,EAAA,CACEf,UAAWgB,EAAG,OAAQhB,EAAW,CAAEiB,KAAMZ,EAAiBa,IAAKX,IAAQ,aAC3DL,EACZC,KAAMA,EACNgB,SAAUX,EACVE,QAAS,SAACU,GACJX,GAASA,EAAQY,YAAY,OAAQ,QAAS,aAAc,CAAEC,KAAMnB,IACpEO,GAASA,EAAQU,EACvB,GACIT,GAEHZ"}
@@ -0,0 +1,2 @@
1
+ import{__rest as o,__assign as t}from"tslib";import*as e from"react";var a=function(o,t){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?t?"sms:/open?addresses=".concat(o.shortcode,"&body=").concat(o.keyword):"sms:".concat(o.shortcode,"&body=").concat(o.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(o){return new RegExp(o,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(o.shortcode,"/").concat(o.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(o.shortcode,"?body=").concat(o.keyword):"sms:".concat(o.shortcode,"?body=").concat(o.keyword)},c=function(c){var r=c.keywordAndShortcode,n=c.className,d=c.dataQaId,s=void 0===d?"mo-link":d,i=c.children,m=o(c,["keywordAndShortcode","className","dataQaId","children"]);return e.createElement("a",t({href:a(r),className:n,"data-qa-id":s},m),i)};export{c as M,a as f};
2
+ //# sourceMappingURL=MOLink-5e2f5f82.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MOLink-5e2f5f82.js","sources":["../src/MOLink/MOLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IKeywordShortcode, MOLinkProps } from './MOLink.types';\n\nexport const formatSMSLink = (keywordAndShortcode: IKeywordShortcode, useOpenAddresses?: boolean): string => {\n if (\n typeof navigator !== 'undefined' &&\n (/iPhone/i.test(navigator.userAgent) || /Mac OS/i.test(navigator.userAgent))\n ) {\n // iOS\n return useOpenAddresses\n ? `sms:/open?addresses=${keywordAndShortcode.shortcode}&body=${keywordAndShortcode.keyword}`\n : `sms:${keywordAndShortcode.shortcode}&body=${keywordAndShortcode.keyword}`;\n }\n if (\n ['com.facebook.orca', 'com.facebook.katana', 'com.instagram.android'].some((x) =>\n new RegExp(x, 'ig').test(window.pac_analytics.visitor['x-requested-with'])\n )\n ) {\n // FB Browser (requested by Berkay in GR)\n return `/mo-redirect-util/${keywordAndShortcode.shortcode}/${keywordAndShortcode.keyword}`;\n }\n if (\n !!window.pac_analytics.visitor['x-requested-with'] &&\n window.pac_analytics.visitor['x-requested-with'] !== null &&\n window.pac_analytics.visitor['x-requested-with'].indexOf('com.facebook') !== -1\n ) {\n // Old FB\n return `sms://${keywordAndShortcode.shortcode}?body=${keywordAndShortcode.keyword}`;\n }\n // Everything else\n return `sms:${keywordAndShortcode.shortcode}?body=${keywordAndShortcode.keyword}`;\n};\n\nexport const MOLink: React.ComponentType<MOLinkProps> = ({\n keywordAndShortcode,\n className,\n dataQaId = 'mo-link',\n children,\n ...props\n}) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <a href={formatSMSLink(keywordAndShortcode)} className={className} data-qa-id={dataQaId} {...props}>\n {children}\n </a>\n);\n"],"names":["formatSMSLink","keywordAndShortcode","useOpenAddresses","navigator","test","userAgent","shortcode","concat","keyword","some","x","RegExp","window","pac_analytics","visitor","indexOf","MOLink","_a","className","_b","dataQaId","children","props","__rest","React","createElement","__assign","href"],"mappings":"qEAGa,IAAAA,EAAgB,SAACC,EAAwCC,GACpE,MACuB,oBAAdC,YACN,UAAUC,KAAKD,UAAUE,YAAc,UAAUD,KAAKD,UAAUE,YAG1DH,EACH,8BAAuBD,EAAoBK,UAAkB,UAAAC,OAAAN,EAAoBO,SACjF,OAAOD,OAAAN,EAAoBK,2BAAkBL,EAAoBO,SAGrE,CAAC,oBAAqB,sBAAuB,yBAAyBC,MAAK,SAACC,GAC1E,OAAA,IAAIC,OAAOD,EAAG,MAAMN,KAAKQ,OAAOC,cAAcC,QAAQ,oBAAtD,IAIK,qBAAAP,OAAqBN,EAAoBK,sBAAaL,EAAoBO,SAG/EI,OAAOC,cAAcC,QAAQ,qBACsB,OAArDF,OAAOC,cAAcC,QAAQ,sBACiD,IAA9EF,OAAOC,cAAcC,QAAQ,oBAAoBC,QAAQ,gBAGlD,SAAAR,OAASN,EAAoBK,2BAAkBL,EAAoBO,SAGrE,OAAAD,OAAON,EAAoBK,2BAAkBL,EAAoBO,QAC1E,EAEaQ,EAA2C,SAACC,GACvD,IAAAhB,EAAmBgB,EAAAhB,oBACnBiB,EAASD,EAAAC,UACTC,aAAAC,aAAW,UAASD,EACpBE,EAAQJ,EAAAI,SACLC,EAAKC,EAAAN,EAL+C,2DAMnD,OAEJO,EAAAC,cAAA,IAAAC,EAAA,CAAGC,KAAM3B,EAAcC,GAAsBiB,UAAWA,EAAS,aAAcE,GAAcE,GAC1FD"}
package/dist/MOLink.js ADDED
@@ -0,0 +1,2 @@
1
+ export{M as MOLink}from"./MOLink-5e2f5f82.js";import"tslib";import"react";
2
+ //# sourceMappingURL=MOLink.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MOLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import t from"classnames";import T from"react";import{s as e}from"./style-inject.es-1f59c1d0.js";var N="PINEntry-module_pinInputWrap__AqJGH",M="PINEntry-module_pinInputWrapIconInput__t69lH",n="PINEntry-module_pinInput__TnMk7";e('.PINEntry-module_pinInputWrap__AqJGH{direction:ltr;margin:auto;max-width:176px;position:relative}.PINEntry-module_pinInputWrapIconInput__t69lH:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDMyIDMyN0g4MGMtNDQuMTEyIDAtODAgMzUuODg4LTgwIDgwczM1Ljg4OCA4MCA4MCA4MGgzNTJjNDQuMTEyIDAgODAtMzUuODg4IDgwLTgwcy0zNS44ODgtODAtODAtODB6TTEwNiA0MzJjLTEzLjgwNyAwLTI1LTExLjE5My0yNS0yNXMxMS4xOTMtMjUgMjUtMjUgMjUgMTEuMTkzIDI1IDI1LTExLjE5MyAyNS0yNSAyNXptMTAwIDBjLTEzLjgwNyAwLTI1LTExLjE5My0yNS0yNXMxMS4xOTMtMjUgMjUtMjUgMjUgMTEuMTkzIDI1IDI1LTExLjE5MyAyNS0yNSAyNXptMTAwIDBjLTEzLjgwNyAwLTI1LTExLjE5My0yNS0yNXMxMS4xOTMtMjUgMjUtMjUgMjUgMTEuMTkzIDI1IDI1LTExLjE5MyAyNS0yNSAyNXptMTAwIDBjLTEzLjgwNyAwLTI1LTExLjE5My0yNS0yNXMxMS4xOTMtMjUgMjUtMjUgMjUgMTEuMTkzIDI1IDI1LTExLjE5MyAyNS0yNSAyNXptLTU1LTMwNWgtMjB2LTI3YzAtNDEuMzU1LTMzLjY0NS03NS03NS03NXMtNzUgMzMuNjQ1LTc1IDc1djI3aC0yMGMtOC4yODQgMC0xNSA2LjcxNi0xNSAxNXYxMTljMCA4LjI4NCA2LjcxNiAxNSAxNSAxNWgxOTBjOC4yODQgMCAxNS02LjcxNiAxNS0xNVYxNDJjMC04LjI4NC02LjcxNi0xNS0xNS0xNXptLTgwIDc5LjEyOFYyMTJjMCA4LjI4NC02LjcxNiAxNS0xNSAxNXMtMTUtNi43MTYtMTUtMTV2LTUuODcyYy01LjgyMi0yLjA2MS0xMC03LjYtMTAtMTQuMTI4IDAtOC4yODQgNi43MTYtMTUgMTUtMTVoMjBjOC4yODQgMCAxNSA2LjcxNiAxNSAxNSAwIDYuNTI4LTQuMTc4IDEyLjA2Ny0xMCAxNC4xMjh6TTMwMSAxMjdoLTkwdi0yN2MwLTI0LjgxMyAyMC4xODctNDUgNDUtNDVzNDUgMjAuMTg3IDQ1IDQ1djI3eiIvPjwvc3ZnPg==");background-position:50%;background-repeat:no-repeat;background-size:90%;bottom:0;content:"";display:block;height:40px;left:8px;margin:auto 0;position:absolute;top:0;width:40px}.PINEntry-module_pinInputWrapIconInput__t69lH>input{padding-inline-start:56px}.PINEntry-module_pinInput__TnMk7{align-items:center;background-color:hsla(0,0%,93%,.8);border:2px solid #0172e5;border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px 0 #fff;box-sizing:border-box;display:flex;font-size:22px;height:55px;justify-content:center;margin:auto;outline:none;padding-block:8px;padding-left:16px;padding-right:16px;text-align:center;width:100%}.PINEntry-module_pinInput__TnMk7::-moz-placeholder{font-size:20px}.PINEntry-module_pinInput__TnMk7::placeholder{font-size:20px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBJTkVudHJ5Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFDQUlFLGFBQWMsQ0FEZCxXQUFZLENBRFosZUFBZ0IsQ0FEaEIsaUJBSUYsQ0FFQSxxREFVRSxrdkNBQW12QyxDQUNudkMsdUJBQTJCLENBQzNCLDJCQUE0QixDQUM1QixtQkFBb0IsQ0FQcEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxhQUFjLENBTWQsV0FBWSxDQUpaLFFBQVMsQ0FFVCxhQUFjLENBTGQsaUJBQWtCLENBRWxCLEtBQU0sQ0FJTixVQU1GLENBQ0Esb0RBQ0UseUJBQ0YsQ0FFQSxpQ0FRRSxrQkFBbUIsQ0FDbkIsa0NBQTBDLENBQzFDLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsdURBQStELENBQy9ELHFCQUFzQixDQVp0QixZQUFhLENBYWIsY0FBZSxDQVBmLFdBQVksQ0FRWixzQkFBdUIsQ0FidkIsV0FBWSxDQWNaLFlBQWEsQ0FiYixpQkFBa0IsQ0FDbEIsaUJBQWtCLENBQ2xCLGtCQUFtQixDQVluQixpQkFBa0IsQ0FYbEIsVUFZRixDQUNBLG1EQUNFLGNBQ0YsQ0FGQSw4Q0FDRSxjQUNGIiwiZmlsZSI6IlBJTkVudHJ5Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBpbklucHV0V3JhcCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWF4LXdpZHRoOiAxNzZweDtcbiAgbWFyZ2luOiBhdXRvO1xuICBkaXJlY3Rpb246IGx0cjtcbn1cblxuLnBpbklucHV0V3JhcEljb25JbnB1dDo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiAwO1xuICBsZWZ0OiA4cHg7XG4gIGJvdHRvbTogMDtcbiAgbWFyZ2luOiBhdXRvIDA7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0ExTVRJZ05URXlJajQ4Y0dGMGFDQmtQU0pOTkRNeUlETXlOMGc0TUdNdE5EUXVNVEV5SURBdE9EQWdNelV1T0RnNExUZ3dJRGd3Y3pNMUxqZzRPQ0E0TUNBNE1DQTRNR2d6TlRKak5EUXVNVEV5SURBZ09EQXRNelV1T0RnNElEZ3dMVGd3Y3kwek5TNDRPRGd0T0RBdE9EQXRPREI2VFRFd05pQTBNekpqTFRFekxqZ3dOeUF3TFRJMUxURXhMakU1TXkweU5TMHlOWE14TVM0eE9UTXRNalVnTWpVdE1qVWdNalVnTVRFdU1Ua3pJREkxSURJMUxURXhMakU1TXlBeU5TMHlOU0F5TlhwdE1UQXdJREJqTFRFekxqZ3dOeUF3TFRJMUxURXhMakU1TXkweU5TMHlOWE14TVM0eE9UTXRNalVnTWpVdE1qVWdNalVnTVRFdU1Ua3pJREkxSURJMUxURXhMakU1TXlBeU5TMHlOU0F5TlhwdE1UQXdJREJqTFRFekxqZ3dOeUF3TFRJMUxURXhMakU1TXkweU5TMHlOWE14TVM0eE9UTXRNalVnTWpVdE1qVWdNalVnTVRFdU1Ua3pJREkxSURJMUxURXhMakU1TXlBeU5TMHlOU0F5TlhwdE1UQXdJREJqTFRFekxqZ3dOeUF3TFRJMUxURXhMakU1TXkweU5TMHlOWE14TVM0eE9UTXRNalVnTWpVdE1qVWdNalVnTVRFdU1Ua3pJREkxSURJMUxURXhMakU1TXlBeU5TMHlOU0F5TlhwdExUVTFMVE13TldndE1qQjJMVEkzWXpBdE5ERXVNelUxTFRNekxqWTBOUzAzTlMwM05TMDNOWE10TnpVZ016TXVOalExTFRjMUlEYzFkakkzYUMweU1HTXRPQzR5T0RRZ01DMHhOU0EyTGpjeE5pMHhOU0F4TlhZeE1UbGpNQ0E0TGpJNE5DQTJMamN4TmlBeE5TQXhOU0F4TldneE9UQmpPQzR5T0RRZ01DQXhOUzAyTGpjeE5pQXhOUzB4TlZZeE5ESmpNQzA0TGpJNE5DMDJMamN4TmkweE5TMHhOUzB4TlhwdExUZ3dJRGM1TGpFeU9GWXlNVEpqTUNBNExqSTROQzAyTGpjeE5pQXhOUzB4TlNBeE5YTXRNVFV0Tmk0M01UWXRNVFV0TVRWMkxUVXVPRGN5WXkwMUxqZ3lNaTB5TGpBMk1TMHhNQzAzTGpZdE1UQXRNVFF1TVRJNElEQXRPQzR5T0RRZ05pNDNNVFl0TVRVZ01UVXRNVFZvTWpCak9DNHlPRFFnTUNBeE5TQTJMamN4TmlBeE5TQXhOU0F3SURZdU5USTRMVFF1TVRjNElERXlMakEyTnkweE1DQXhOQzR4TWpoNlRUTXdNU0F4TWpkb0xUa3dkaTB5TjJNd0xUSTBMamd4TXlBeU1DNHhPRGN0TkRVZ05EVXRORFZ6TkRVZ01qQXVNVGczSURRMUlEUTFkakkzZWlJdlBqd3ZjM1puUGc9PVwiKTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IDkwJTtcbn1cbi5waW5JbnB1dFdyYXBJY29uSW5wdXQgPiBpbnB1dCB7XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiA1NnB4O1xufVxuXG4ucGluSW5wdXQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IGF1dG87XG4gIHBhZGRpbmctYmxvY2s6IDhweDtcbiAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICBwYWRkaW5nLXJpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA1NXB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIzOCwgMjM4LCAyMzgsIDAuOCk7XG4gIGJvcmRlcjogMnB4IHNvbGlkICMwMTcyZTU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMHB4IDFweCAycHggcmdiYSgwLCAwLCAwLCAwLjI1KSwgMCAxcHggMCAjZmZmO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBmb250LXNpemU6IDIycHg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBvdXRsaW5lOiBub25lO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ucGluSW5wdXQ6OnBsYWNlaG9sZGVyIHtcbiAgZm9udC1zaXplOiAyMHB4O1xufSJdfQ== */');var i=function(e){var i,U=e.tracker,a=e.pin,l=e.setPin,d=e.isPinFilled,x=e.setIsPinFilled,p=e.inputElementRef,I=e.id,E=e.className,u=void 0===E?"":E,Q=e.dataQaId,c=void 0===Q?"qa-pin-entry":Q,R=e.maxLength,o=void 0===R?4:R,g=e.minLength,B=void 0===g?1:g,F=e.placeholder,V=e.isAlphanumeric,X=e.showIconInput,s=void 0===X||X,y=e.onChange,L=e.onKeyPress,j=e.onPaste,D=e.onBlur,r=e.onFocus;return T.createElement("div",{className:t(N,"pin-input-wrap",(i={},i[M]=s,i))},T.createElement("input",{autoFocus:!0,required:!0,ref:p,id:I||"single-factor-code-text-field",className:t(n,u,"pin-input"),"data-qa-id":c,type:V?"text":"tel",placeholder:F||"PIN",value:a,pattern:"[0-9]*",inputMode:"numeric",maxLength:o,minLength:B,autoComplete:"one-time-code",onChange:function(t){U.customEvent("PIN-State","valid","PinValid",{pin:a}),l(t.currentTarget.value),y&&y(t)},onKeyPress:function(t){var T;T=t,V||/[0-9]/.test(T.key)||T.preventDefault(),!d&&t.currentTarget.value.length>=B&&(U.customEvent("PIN-State","type","PinType"),x(!0)),L&&L(t)},onPaste:function(t){!d&&t.currentTarget.value.length>=B&&(U.customEvent("PIN-State","copypaste","PinPasted"),x(!0)),j&&j(t)},onBlur:function(t){!d&&t.currentTarget.value.length>=B&&(U.customEvent("PIN-State","autofill","AutoFill",{pin:t.target.value}),x(!0)),D&&D(t)},onFocus:function(t){r&&r(t)}}))};export{i as PINEntry};
2
+ //# sourceMappingURL=PINEntry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PINEntry.js","sources":["../src/PINEntry/PINEntry.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport styles from './PINEntry.module.scss';\nimport { interfacePINEntry } from './PINEntry.types';\n\nexport const PINEntry = ({\n tracker,\n pin,\n setPin,\n isPinFilled,\n setIsPinFilled,\n inputElementRef,\n id,\n className = '',\n dataQaId = 'qa-pin-entry',\n maxLength = 4,\n minLength = 1,\n placeholder,\n isAlphanumeric,\n showIconInput = true,\n onChange,\n onKeyPress,\n onPaste,\n onBlur,\n onFocus\n}: interfacePINEntry) => {\n function handleKeyPress(whichKey: React.KeyboardEvent<HTMLInputElement>) {\n const regex = /[0-9]/;\n if (!isAlphanumeric && !regex.test(whichKey.key)) {\n whichKey.preventDefault();\n }\n }\n\n return (\n <div\n className={cn(styles.pinInputWrap, 'pin-input-wrap', {\n [styles.pinInputWrapIconInput]: showIconInput\n })}\n >\n <input\n autoFocus\n required\n ref={inputElementRef}\n id={id || 'single-factor-code-text-field'}\n className={cn(styles.pinInput, className, 'pin-input')}\n data-qa-id={dataQaId}\n type={!isAlphanumeric ? 'tel' : 'text'}\n placeholder={placeholder || 'PIN'}\n value={pin}\n pattern=\"[0-9]*\"\n inputMode=\"numeric\"\n maxLength={maxLength}\n minLength={minLength}\n autoComplete=\"one-time-code\"\n onChange={(_ev: React.ChangeEvent<HTMLInputElement>) => {\n tracker.customEvent('PIN-State', 'valid', 'PinValid', { pin });\n setPin(_ev.currentTarget.value);\n\n if (onChange) {\n onChange(_ev);\n }\n }}\n onKeyPress={(_ev: React.KeyboardEvent<HTMLInputElement>) => {\n handleKeyPress(_ev);\n\n if (!isPinFilled && _ev.currentTarget.value.length >= minLength) {\n tracker.customEvent('PIN-State', 'type', 'PinType');\n setIsPinFilled(true);\n }\n\n if (onKeyPress) {\n onKeyPress(_ev);\n }\n }}\n onPaste={(_ev: React.ClipboardEvent<HTMLInputElement>) => {\n if (!isPinFilled && _ev.currentTarget.value.length >= minLength) {\n tracker.customEvent('PIN-State', 'copypaste', 'PinPasted');\n setIsPinFilled(true);\n }\n\n if (onPaste) {\n onPaste(_ev);\n }\n }}\n onBlur={(_ev: React.FocusEvent<HTMLInputElement>) => {\n if (!isPinFilled && _ev.currentTarget.value.length >= minLength) {\n tracker.customEvent('PIN-State', 'autofill', 'AutoFill', { pin: _ev.target.value });\n setIsPinFilled(true);\n }\n\n if (onBlur) {\n onBlur(_ev);\n }\n }}\n onFocus={(_ev: React.FocusEvent<HTMLInputElement>) => {\n if (onFocus) {\n onFocus(_ev);\n }\n }}\n />\n </div>\n );\n};\n"],"names":["PINEntry","_a","tracker","pin","setPin","isPinFilled","setIsPinFilled","inputElementRef","id","_c","className","_d","dataQaId","_e","maxLength","_f","minLength","placeholder","isAlphanumeric","_g","showIconInput","onChange","onKeyPress","onPaste","onBlur","onFocus","React","createElement","cn","styles","_b","autoFocus","required","ref","type","value","pattern","inputMode","autoComplete","_ev","customEvent","currentTarget","whichKey","test","key","preventDefault","length","target"],"mappings":"ilMAKO,IAAMA,EAAW,SAACC,SACvBC,EAAOD,EAAAC,QACPC,EAAGF,EAAAE,IACHC,EAAMH,EAAAG,OACNC,gBACAC,EAAcL,EAAAK,eACdC,EAAeN,EAAAM,gBACfC,EAAEP,EAAAO,GACFC,EAAcR,EAAAS,UAAdA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAyBV,EAAAW,SAAzBA,OAAW,IAAAD,EAAA,eAAcA,EACzBE,cAAAC,OAAY,IAAAD,EAAA,EAACA,EACbE,EAAad,EAAAe,UAAbA,OAAY,IAAAD,EAAA,EAACA,EACbE,EAAWhB,EAAAgB,YACXC,EAAcjB,EAAAiB,eACdC,EAAoBlB,EAAAmB,cAApBA,OAAa,IAAAD,GAAOA,EACpBE,EAAQpB,EAAAoB,SACRC,EAAUrB,EAAAqB,WACVC,YACAC,EAAMvB,EAAAuB,OACNC,EAAOxB,EAAAwB,QASP,OACEC,EACEC,cAAA,MAAA,CAAAjB,UAAWkB,EAAGC,EAAqB,kBAAgBC,EAAA,CAAA,EACjDA,EAACD,GAA+BT,EAChCU,KAEFJ,EAAAC,cAAA,QAAA,CACEI,WAAS,EACTC,UAAQ,EACRC,IAAK1B,EACLC,GAAIA,GAAM,gCACVE,UAAWkB,EAAGC,EAAiBnB,EAAW,aAAY,aAC1CE,EACZsB,KAAOhB,EAAyB,OAAR,MACxBD,YAAaA,GAAe,MAC5BkB,MAAOhC,EACPiC,QAAQ,SACRC,UAAU,UACVvB,UAAWA,EACXE,UAAWA,EACXsB,aAAa,gBACbjB,SAAU,SAACkB,GACTrC,EAAQsC,YAAY,YAAa,QAAS,WAAY,CAAErC,IAAGA,IAC3DC,EAAOmC,EAAIE,cAAcN,OAErBd,GACFA,EAASkB,EAEb,EACAjB,WAAY,SAACiB,GApCnB,IAAwBG,IAqCDH,EAnChBrB,GADS,QACgByB,KAAKD,EAASE,MAC1CF,EAASG,kBAoCAxC,GAAekC,EAAIE,cAAcN,MAAMW,QAAU9B,IACpDd,EAAQsC,YAAY,YAAa,OAAQ,WACzClC,GAAe,IAGbgB,GACFA,EAAWiB,EAEf,EACAhB,QAAS,SAACgB,IACHlC,GAAekC,EAAIE,cAAcN,MAAMW,QAAU9B,IACpDd,EAAQsC,YAAY,YAAa,YAAa,aAC9ClC,GAAe,IAGbiB,GACFA,EAAQgB,EAEZ,EACAf,OAAQ,SAACe,IACFlC,GAAekC,EAAIE,cAAcN,MAAMW,QAAU9B,IACpDd,EAAQsC,YAAY,YAAa,WAAY,WAAY,CAAErC,IAAKoC,EAAIQ,OAAOZ,QAC3E7B,GAAe,IAGbkB,GACFA,EAAOe,EAEX,EACAd,QAAS,SAACc,GACJd,GACFA,EAAQc,EAEX,IAIT"}
@@ -0,0 +1,2 @@
1
+ import{getAsYouType as l,parsePhoneNumber as n}from"awesome-phonenumber";import d from"classnames";import N from"react";import"tslib";import{s as Q}from"./style-inject.es-1f59c1d0.js";var a={0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9","0":"0","1":"1","2":"2","3":"3","4":"4","5":"5","6":"6","7":"7","8":"8","9":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9"},t=function(l,n){return"+"===l?n?"":"+":function(l){return l in a?a[l]:void 0}(l)},e="PhoneEntry-module_phoneInputWrap__gXIes",Z="PhoneEntry-module_phoneInputWrapIconInput__r-e2v",W="PhoneEntry-module_phoneInputWrapIconValid__ip2-n",U="PhoneEntry-module_phoneInputWrapIconInvalid__w3Ul8",i="PhoneEntry-module_phoneInput__neKXb";Q('.PhoneEntry-module_phoneInputWrap__gXIes{direction:ltr;margin:auto;max-width:320px;position:relative}.PhoneEntry-module_phoneInputWrapIconInput__r-e2v:before{background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI3LjQ0MiAyNy40NDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3LjQ0MiAyNy40NDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxwYXRoIGQ9Ik0xOS40OTQsMEg3Ljk0OEM2Ljg0MywwLDUuOTUxLDAuODk2LDUuOTUxLDEuOTk5djIzLjQ0NmMwLDEuMTAyLDAuODkyLDEuOTk3LDEuOTk3LDEuOTk3aDExLjU0NiAgIGMxLjEwMywwLDEuOTk3LTAuODk1LDEuOTk3LTEuOTk3VjEuOTk5QzIxLjQ5MSwwLjg5NiwyMC41OTcsMCwxOS40OTQsMHogTTEwLjg3MiwxLjIxNGg1LjdjMC4xNDQsMCwwLjI2MSwwLjIxNSwwLjI2MSwwLjQ4MSAgIHMtMC4xMTcsMC40ODItMC4yNjEsMC40ODJoLTUuN2MtMC4xNDUsMC0wLjI2LTAuMjE2LTAuMjYtMC40ODJDMTAuNjEyLDEuNDI5LDEwLjcyNywxLjIxNCwxMC44NzIsMS4yMTR6IE0xMy43MjIsMjUuNDY5ICAgYy0wLjcwMywwLTEuMjc1LTAuNTcyLTEuMjc1LTEuMjc2czAuNTcyLTEuMjc0LDEuMjc1LTEuMjc0YzAuNzAxLDAsMS4yNzMsMC41NywxLjI3MywxLjI3NFMxNC40MjMsMjUuNDY5LDEzLjcyMiwyNS40Njl6ICAgIE0xOS45OTUsMjEuMUg3LjQ0OFYzLjM3M2gxMi41NDdWMjEuMXoiIGZpbGw9IiMwMDAwMDAiLz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");background-position:50%;background-repeat:no-repeat;background-size:90%;bottom:0;content:"";display:block;height:40px;left:8px;margin:auto 0;position:absolute;top:0;width:40px}.PhoneEntry-module_phoneInputWrapIconInput__r-e2v>input{padding-inline-start:56px}.PhoneEntry-module_phoneInputWrapIconValid__ip2-n:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiIgc3R5bGU9IndpZHRoOjU2cHg7aGVpZ2h0OjU2cHg7Ym9yZGVyLXJhZGl1czo1MCU7ZGlzcGxheTpibG9jaztzdHJva2Utd2lkdGg6MjtzdHJva2U6I2ZmZjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtib3gtc2hhZG93Omluc2V0IDAgMCAwICM3YWMxNDI7YW5pbWF0aW9uOmZpbGwtZ3JlZW4gLjRzIGVhc2UtaW4tb3V0IC40cyBmb3J3YXJkcyxzY2FsZSAuM3MgY3ViaWMtYmV6aWVyKC42NCwuNTcsLjY3LDEuNTMpIC45cyBib3RoIj48ZGVmcz48c3R5bGU+QGtleWZyYW1lcyBzdHJva2V7dG97c3Ryb2tlLWRhc2hvZmZzZXQ6MH19QGtleWZyYW1lcyBzY2FsZXswJSx0b3t0cmFuc2Zvcm06bm9uZX01MCV7dHJhbnNmb3JtOnNjYWxlM2QoLjksLjksMSl9fUBrZXlmcmFtZXMgZmlsbC1ncmVlbnt0b3tib3gtc2hhZG93Omluc2V0IDAgMCAwIDMwcHggIzdhYzE0Mn19PC9zdHlsZT48L2RlZnM+PGNpcmNsZSBjeD0iMjYiIGN5PSIyNiIgcj0iMjUiIGZpbGw9Im5vbmUiIHN0eWxlPSJzdHJva2UtZGFzaGFycmF5OjE2NjtzdHJva2UtZGFzaG9mZnNldDoxNjY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlOiM3YWMxNDI7ZmlsbDpub25lO2FuaW1hdGlvbjpzdHJva2UgLjZzIGN1YmljLWJlemllciguNjUsMCwuNDUsMSkgZm9yd2FyZHMiLz48cGF0aCBmaWxsPSJub25lIiBkPSJtMTQuMSAyNy4yIDcuMSA3LjIgMTYuNy0xNi44IiBzdHlsZT0idHJhbnNmb3JtLW9yaWdpbjo1MCUgNTAlO3N0cm9rZS1kYXNoYXJyYXk6NDg7c3Ryb2tlLWRhc2hvZmZzZXQ6NDg7YW5pbWF0aW9uOnN0cm9rZSAuM3MgY3ViaWMtYmV6aWVyKC42NSwwLC40NSwxKSAuOHMgZm9yd2FyZHMiLz48L3N2Zz4=");background-position:50%;background-repeat:no-repeat;background-size:90%;bottom:0;content:"";display:block;height:40px;margin:auto 0;position:absolute;right:8px;top:0;width:40px}.PhoneEntry-module_phoneInputWrapIconValid__ip2-n>input{padding-inline-end:56px}.PhoneEntry-module_phoneInputWrapIconInvalid__w3Ul8:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiIgc3R5bGU9IndpZHRoOjU2cHg7aGVpZ2h0OjU2cHg7Ym9yZGVyLXJhZGl1czo1MCU7ZGlzcGxheTpibG9jaztzdHJva2Utd2lkdGg6MjtzdHJva2U6I2ZmZjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtib3gtc2hhZG93Omluc2V0IDAgMCAwICNmOTAwMDA7YW5pbWF0aW9uOmZpbGwtcmVkIC40cyBlYXNlLWluLW91dCAuNHMgZm9yd2FyZHMsc2NhbGUgLjNzIGN1YmljLWJlemllciguNjQsLjU3LC42NywxLjUzKSAuOXMgYm90aCI+PGRlZnM+PHN0eWxlPkBrZXlmcmFtZXMgc3Ryb2tle3Rve3N0cm9rZS1kYXNob2Zmc2V0OjB9fUBrZXlmcmFtZXMgc2NhbGV7MCUsdG97dHJhbnNmb3JtOm5vbmV9NTAle3RyYW5zZm9ybTpzY2FsZTNkKC45LC45LDEpfX1Aa2V5ZnJhbWVzIGZpbGwtcmVke3Rve2JveC1zaGFkb3c6aW5zZXQgMCAwIDAgMzBweCAjZjkwMDAwfX08L3N0eWxlPjwvZGVmcz48Y2lyY2xlIGN4PSIyNiIgY3k9IjI2IiByPSIyNSIgZmlsbD0ibm9uZSIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6MTY2O3N0cm9rZS1kYXNob2Zmc2V0OjE2NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2U6I2Y5MDAwMDtmaWxsOm5vbmU7YW5pbWF0aW9uOnN0cm9rZSAuNnMgY3ViaWMtYmV6aWVyKC42NSwwLC40NSwxKSBmb3J3YXJkcyIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Im0xNiAxNiAyMCAyMG0wLTIwTDE2IDM2IiBzdHlsZT0idHJhbnNmb3JtLW9yaWdpbjo1MCUgNTAlO3N0cm9rZS1kYXNoYXJyYXk6NDg7c3Ryb2tlLWRhc2hvZmZzZXQ6NDg7YW5pbWF0aW9uOnN0cm9rZSAuM3MgY3ViaWMtYmV6aWVyKC42NSwwLC40NSwxKSAuOHMgZm9yd2FyZHMiLz48L3N2Zz4=");background-position:50%;background-repeat:no-repeat;background-size:90%;bottom:0;content:"";display:block;height:40px;margin:auto 0;position:absolute;right:8px;top:0;width:40px}.PhoneEntry-module_phoneInputWrapIconInvalid__w3Ul8>input{padding-inline-end:56px}.PhoneEntry-module_phoneInput__neKXb{align-items:center;background-color:hsla(0,0%,93%,.8);border:2px solid #0172e5;border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px 0 #fff;box-sizing:border-box;display:flex;font-size:22px;height:55px;justify-content:center;margin:auto;outline:none;padding-block:8px;padding-inline-end:16px;padding-inline-start:16px;width:100%}.PhoneEntry-module_phoneInput__neKXb::-moz-placeholder{font-size:20px}.PhoneEntry-module_phoneInput__neKXb::placeholder{font-size:20px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBob25lRW50cnkubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseUNBSUUsYUFBYyxDQURkLFdBQVksQ0FEWixlQUFnQixDQURoQixpQkFJRixDQUVBLHlEQVVFLG1xREFBb3FELENBQ3BxRCx1QkFBMkIsQ0FDM0IsMkJBQTRCLENBQzVCLG1CQUFvQixDQVBwQixRQUFTLENBTFQsVUFBVyxDQUVYLGFBQWMsQ0FNZCxXQUFZLENBSlosUUFBUyxDQUVULGFBQWMsQ0FMZCxpQkFBa0IsQ0FFbEIsS0FBTSxDQUlOLFVBTUYsQ0FDQSx3REFDRSx5QkFDRixDQUVBLHdEQVVFLDh1Q0FBMi9ELENBQzMvRCx1QkFBMkIsQ0FDM0IsMkJBQTRCLENBQzVCLG1CQUFvQixDQVBwQixRQUFTLENBTFQsVUFBVyxDQUVYLGFBQWMsQ0FNZCxXQUFZLENBRlosYUFBYyxDQUxkLGlCQUFrQixDQUdsQixTQUFVLENBRFYsS0FBTSxDQUlOLFVBTUYsQ0FDQSx3REFDRSx1QkFDRixDQUVBLDBEQVVFLGt1Q0FBdS9ELENBQ3YvRCx1QkFBMkIsQ0FDM0IsMkJBQTRCLENBQzVCLG1CQUFvQixDQVBwQixRQUFTLENBTFQsVUFBVyxDQUVYLGFBQWMsQ0FNZCxXQUFZLENBRlosYUFBYyxDQUxkLGlCQUFrQixDQUdsQixTQUFVLENBRFYsS0FBTSxDQUlOLFVBTUYsQ0FDQSwwREFDRSx1QkFDRixDQUVBLHFDQVFFLGtCQUFtQixDQUNuQixrQ0FBMEMsQ0FDMUMsd0JBQXlCLENBQ3pCLGlCQUFrQixDQUNsQix1REFBK0QsQ0FDL0QscUJBQXNCLENBWnRCLFlBQWEsQ0FhYixjQUFlLENBUGYsV0FBWSxDQVFaLHNCQUF1QixDQWJ2QixXQUFZLENBY1osWUFBYSxDQWJiLGlCQUFrQixDQUVsQix1QkFBd0IsQ0FEeEIseUJBQTBCLENBRTFCLFVBV0YsQ0FDQSx1REFDRSxjQUNGLENBRkEsa0RBQ0UsY0FDRiIsImZpbGUiOiJQaG9uZUVudHJ5Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnBob25lSW5wdXRXcmFwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDMyMHB4O1xuICBtYXJnaW46IGF1dG87XG4gIGRpcmVjdGlvbjogbHRyO1xufVxuXG4ucGhvbmVJbnB1dFdyYXBJY29uSW5wdXQ6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRvcDogMDtcbiAgbGVmdDogOHB4O1xuICBib3R0b206IDA7XG4gIG1hcmdpbjogYXV0byAwO1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7dXRmODtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCbGJtTnZaR2x1WnowaWFYTnZMVGc0TlRrdE1TSS9QZ284SVMwdElFZGxibVZ5WVhSdmNqb2dRV1J2WW1VZ1NXeHNkWE4wY21GMGIzSWdNVGd1TVM0eExDQlRWa2NnUlhod2IzSjBJRkJzZFdjdFNXNGdMaUJUVmtjZ1ZtVnljMmx2YmpvZ05pNHdNQ0JDZFdsc1pDQXdLU0FnTFMwK0NqeHpkbWNnZUcxc2JuTTlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5Mekl3TURBdmMzWm5JaUI0Yld4dWN6cDRiR2x1YXowaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1UazVPUzk0YkdsdWF5SWdkbVZ5YzJsdmJqMGlNUzR4SWlCcFpEMGlRMkZ3WVY4eElpQjRQU0l3Y0hnaUlIazlJakJ3ZUNJZ2RtbGxkMEp2ZUQwaU1DQXdJREkzTGpRME1pQXlOeTQwTkRJaUlITjBlV3hsUFNKbGJtRmliR1V0WW1GamEyZHliM1Z1WkRwdVpYY2dNQ0F3SURJM0xqUTBNaUF5Tnk0ME5ESTdJaUI0Yld3NmMzQmhZMlU5SW5CeVpYTmxjblpsSWlCM2FXUjBhRDBpTlRFeWNIZ2lJR2hsYVdkb2REMGlOVEV5Y0hnaVBnbzhaejRLQ1R4d1lYUm9JR1E5SWsweE9TNDBPVFFzTUVnM0xqazBPRU0yTGpnME15d3dMRFV1T1RVeExEQXVPRGsyTERVdU9UVXhMREV1T1RrNWRqSXpMalEwTm1Nd0xERXVNVEF5TERBdU9Ea3lMREV1T1RrM0xERXVPVGszTERFdU9UazNhREV4TGpVME5pQWdJR014TGpFd015d3dMREV1T1RrM0xUQXVPRGsxTERFdU9UazNMVEV1T1RrM1ZqRXVPVGs1UXpJeExqUTVNU3d3TGpnNU5pd3lNQzQxT1Rjc01Dd3hPUzQwT1RRc01Ib2dUVEV3TGpnM01pd3hMakl4TkdnMUxqZGpNQzR4TkRRc01Dd3dMakkyTVN3d0xqSXhOU3d3TGpJMk1Td3dMalE0TVNBZ0lITXRNQzR4TVRjc01DNDBPREl0TUM0eU5qRXNNQzQwT0RKb0xUVXVOMk10TUM0eE5EVXNNQzB3TGpJMkxUQXVNakUyTFRBdU1qWXRNQzQwT0RKRE1UQXVOakV5TERFdU5ESTVMREV3TGpjeU55d3hMakl4TkN3eE1DNDROeklzTVM0eU1UUjZJRTB4TXk0M01qSXNNalV1TkRZNUlDQWdZeTB3TGpjd015d3dMVEV1TWpjMUxUQXVOVGN5TFRFdU1qYzFMVEV1TWpjMmN6QXVOVGN5TFRFdU1qYzBMREV1TWpjMUxURXVNamMwWXpBdU56QXhMREFzTVM0eU56TXNNQzQxTnl3eExqSTNNeXd4TGpJM05GTXhOQzQwTWpNc01qVXVORFk1TERFekxqY3lNaXd5TlM0ME5qbDZJQ0FnSUUweE9TNDVPVFVzTWpFdU1VZzNMalEwT0ZZekxqTTNNMmd4TWk0MU5EZFdNakV1TVhvaUlHWnBiR3c5SWlNd01EQXdNREFpTHo0S0NUeG5QZ29KUEM5blBnb0pQR2MrQ2drOEwyYytDZ2s4Wno0S0NUd3ZaejRLQ1R4blBnb0pQQzluUGdvSlBHYytDZ2s4TDJjK0NnazhaejRLQ1R3dlp6NEtDVHhuUGdvSlBDOW5QZ29KUEdjK0NnazhMMmMrQ2drOFp6NEtDVHd2Wno0S0NUeG5QZ29KUEM5blBnb0pQR2MrQ2drOEwyYytDZ2s4Wno0S0NUd3ZaejRLQ1R4blBnb0pQQzluUGdvSlBHYytDZ2s4TDJjK0NnazhaejRLQ1R3dlp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOFp6NEtQQzluUGdvOEwzTjJaejRLXCIpO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtc2l6ZTogOTAlO1xufVxuLnBob25lSW5wdXRXcmFwSWNvbklucHV0ID4gaW5wdXQge1xuICBwYWRkaW5nLWlubGluZS1zdGFydDogNTZweDtcbn1cblxuLnBob25lSW5wdXRXcmFwSWNvblZhbGlkOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDhweDtcbiAgYm90dG9tOiAwO1xuICBtYXJnaW46IGF1dG8gMDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCamJHRnpjejBpWTJobFkydHRZWEpySWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhacFpYZENiM2c5SWpBZ01DQTFNaUExTWlJK0NpQWdQR1JsWm5NK0NpQWdJQ0E4YzNSNWJHVStDaUFnSUNBZ0lDNWphR1ZqYTIxaGNtc2dld29nSUNBZ0lDQWdJSGRwWkhSb09pQTFObkI0T3dvZ0lDQWdJQ0FnSUdobGFXZG9kRG9nTlRad2VEc0tJQ0FnSUNBZ0lDQmliM0prWlhJdGNtRmthWFZ6T2lBMU1DVTdDaUFnSUNBZ0lDQWdaR2x6Y0d4aGVUb2dZbXh2WTJzN0NpQWdJQ0FnSUNBZ2MzUnliMnRsTFhkcFpIUm9PaUF5T3dvZ0lDQWdJQ0FnSUhOMGNtOXJaVG9nSTJabVpqc0tJQ0FnSUNBZ0lDQnpkSEp2YTJVdGJXbDBaWEpzYVcxcGREb2dNVEE3Q2lBZ0lDQWdJQ0FnWW05NExYTm9ZV1J2ZHpvZ2FXNXpaWFFnTUhCNElEQndlQ0F3Y0hnZ0l6ZGhZekUwTWpzS0lDQWdJQ0FnSUNCaGJtbHRZWFJwYjI0NklHWnBiR3d0WjNKbFpXNGdNQzQwY3lCbFlYTmxMV2x1TFc5MWRDQXdMalJ6SUdadmNuZGhjbVJ6TENCelkyRnNaU0F3TGpOeklHTjFZbWxqTFdKbGVtbGxjaWd3TGpZMExDQXdMalUzTENBd0xqWTNMQ0F4TGpVektTQXdMamx6SUdKdmRHZzdDaUFnSUNBZ0lIMEtJQ0FnSUNBZ0xtTm9aV05yYldGeWExOWZZMmx5WTJ4bElIc0tJQ0FnSUNBZ0lDQnpkSEp2YTJVdFpHRnphR0Z5Y21GNU9pQXhOalk3Q2lBZ0lDQWdJQ0FnYzNSeWIydGxMV1JoYzJodlptWnpaWFE2SURFMk5qc0tJQ0FnSUNBZ0lDQnpkSEp2YTJVdGQybGtkR2c2SURJN0NpQWdJQ0FnSUNBZ2MzUnliMnRsTFcxcGRHVnliR2x0YVhRNklERXdPd29nSUNBZ0lDQWdJSE4wY205clpUb2dJemRoWXpFME1qc0tJQ0FnSUNBZ0lDQm1hV3hzT2lCdWIyNWxPd29nSUNBZ0lDQWdJR0Z1YVcxaGRHbHZiam9nYzNSeWIydGxJREF1Tm5NZ1kzVmlhV010WW1WNmFXVnlLREF1TmpVc0lEQXNJREF1TkRVc0lERXBJR1p2Y25kaGNtUnpPd29nSUNBZ0lDQjlDaUFnSUNBZ0lDNWphR1ZqYTIxaGNtdGZYMk5vWldOcklIc0tJQ0FnSUNBZ0lDQjBjbUZ1YzJadmNtMHRiM0pwWjJsdU9pQTFNQ1VnTlRBbE93b2dJQ0FnSUNBZ0lITjBjbTlyWlMxa1lYTm9ZWEp5WVhrNklEUTRPd29nSUNBZ0lDQWdJSE4wY205clpTMWtZWE5vYjJabWMyVjBPaUEwT0RzS0lDQWdJQ0FnSUNCaGJtbHRZWFJwYjI0NklITjBjbTlyWlNBd0xqTnpJR04xWW1sakxXSmxlbWxsY2lnd0xqWTFMQ0F3TENBd0xqUTFMQ0F4S1NBd0xqaHpJR1p2Y25kaGNtUnpPd29nSUNBZ0lDQjlDaUFnSUNBZ0lFQnJaWGxtY21GdFpYTWdjM1J5YjJ0bElIc0tJQ0FnSUNBZ0lDQXhNREFsSUhzS0lDQWdJQ0FnSUNBZ0lITjBjbTlyWlMxa1lYTm9iMlptYzJWME9pQXdPd29nSUNBZ0lDQWdJSDBLSUNBZ0lDQWdmUW9nSUNBZ0lDQkFhMlY1Wm5KaGJXVnpJSE5qWVd4bElIc0tJQ0FnSUNBZ0lDQXdKU3dnTVRBd0pTQjdDaUFnSUNBZ0lDQWdJQ0IwY21GdWMyWnZjbTA2SUc1dmJtVTdDaUFnSUNBZ0lDQWdmUW9nSUNBZ0lDQWdJRFV3SlNCN0NpQWdJQ0FnSUNBZ0lDQjBjbUZ1YzJadmNtMDZJSE5qWVd4bE0yUW9NQzQ1TENBd0xqa3NJREVwT3dvZ0lDQWdJQ0FnSUgwS0lDQWdJQ0FnZlFvZ0lDQWdJQ0JBYTJWNVpuSmhiV1Z6SUdacGJHd3RaM0psWlc0Z2V3b2dJQ0FnSUNBZ0lERXdNQ1VnZXdvZ0lDQWdJQ0FnSUNBZ1ltOTRMWE5vWVdSdmR6b2dhVzV6WlhRZ01IQjRJREJ3ZUNBd2NIZ2dNekJ3ZUNBak4yRmpNVFF5T3dvZ0lDQWdJQ0FnSUgwS0lDQWdJQ0FnZlFvZ0lDQWdQQzl6ZEhsc1pUNEtJQ0E4TDJSbFpuTStDaUFnUEdOcGNtTnNaU0JqYkdGemN6MGlZMmhsWTJ0dFlYSnJYMTlqYVhKamJHVWlJR040UFNJeU5pSWdZM2s5SWpJMklpQnlQU0l5TlNJZ1ptbHNiRDBpYm05dVpTSWdMejRLSUNBOGNHRjBhQ0JqYkdGemN6MGlZMmhsWTJ0dFlYSnJYMTlqYUdWamF5SWdabWxzYkQwaWJtOXVaU0lnWkQwaVRURTBMakVnTWpjdU1tdzNMakVnTnk0eUlERTJMamN0TVRZdU9DSWdMejRLUEM5emRtYytcIik7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiA5MCU7XG59XG4ucGhvbmVJbnB1dFdyYXBJY29uVmFsaWQgPiBpbnB1dCB7XG4gIHBhZGRpbmctaW5saW5lLWVuZDogNTZweDtcbn1cblxuLnBob25lSW5wdXRXcmFwSWNvbkludmFsaWQ6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiAwO1xuICByaWdodDogOHB4O1xuICBib3R0b206IDA7XG4gIG1hcmdpbjogYXV0byAwO1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUJqYkdGemN6MGlZM0p2YzNOdFlYSnJJaUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSFpwWlhkQ2IzZzlJakFnTUNBMU1pQTFNaUkrQ2lBZ1BHUmxabk0rQ2lBZ0lDQThjM1I1YkdVK0NpQWdJQ0FnSUM1amNtOXpjMjFoY21zZ2V3b2dJQ0FnSUNBZ0lIZHBaSFJvT2lBMU5uQjRPd29nSUNBZ0lDQWdJR2hsYVdkb2REb2dOVFp3ZURzS0lDQWdJQ0FnSUNCaWIzSmtaWEl0Y21Ga2FYVnpPaUExTUNVN0NpQWdJQ0FnSUNBZ1pHbHpjR3hoZVRvZ1lteHZZMnM3Q2lBZ0lDQWdJQ0FnYzNSeWIydGxMWGRwWkhSb09pQXlPd29nSUNBZ0lDQWdJSE4wY205clpUb2dJMlptWmpzS0lDQWdJQ0FnSUNCemRISnZhMlV0YldsMFpYSnNhVzFwZERvZ01UQTdDaUFnSUNBZ0lDQWdZbTk0TFhOb1lXUnZkem9nYVc1elpYUWdNSEI0SURCd2VDQXdjSGdnSTJZNU1EQXdNRHNLSUNBZ0lDQWdJQ0JoYm1sdFlYUnBiMjQ2SUdacGJHd3RjbVZrSURBdU5ITWdaV0Z6WlMxcGJpMXZkWFFnTUM0MGN5Qm1iM0ozWVhKa2N5d2djMk5oYkdVZ01DNHpjeUJqZFdKcFl5MWlaWHBwWlhJb01DNDJOQ3dnTUM0MU55d2dNQzQyTnl3Z01TNDFNeWtnTUM0NWN5QmliM1JvT3dvZ0lDQWdJQ0I5Q2lBZ0lDQWdJQzVqY205emMyMWhjbXRmWDJOcGNtTnNaU0I3Q2lBZ0lDQWdJQ0FnYzNSeWIydGxMV1JoYzJoaGNuSmhlVG9nTVRZMk93b2dJQ0FnSUNBZ0lITjBjbTlyWlMxa1lYTm9iMlptYzJWME9pQXhOalk3Q2lBZ0lDQWdJQ0FnYzNSeWIydGxMWGRwWkhSb09pQXlPd29nSUNBZ0lDQWdJSE4wY205clpTMXRhWFJsY214cGJXbDBPaUF4TURzS0lDQWdJQ0FnSUNCemRISnZhMlU2SUNObU9UQXdNREE3Q2lBZ0lDQWdJQ0FnWm1sc2JEb2dibTl1WlRzS0lDQWdJQ0FnSUNCaGJtbHRZWFJwYjI0NklITjBjbTlyWlNBd0xqWnpJR04xWW1sakxXSmxlbWxsY2lnd0xqWTFMQ0F3TENBd0xqUTFMQ0F4S1NCbWIzSjNZWEprY3pzS0lDQWdJQ0FnZlFvZ0lDQWdJQ0F1WTNKdmMzTnRZWEpyWDE5amNtOXpjeUI3Q2lBZ0lDQWdJQ0FnZEhKaGJuTm1iM0p0TFc5eWFXZHBiam9nTlRBbElEVXdKVHNLSUNBZ0lDQWdJQ0J6ZEhKdmEyVXRaR0Z6YUdGeWNtRjVPaUEwT0RzS0lDQWdJQ0FnSUNCemRISnZhMlV0WkdGemFHOW1abk5sZERvZ05EZzdDaUFnSUNBZ0lDQWdZVzVwYldGMGFXOXVPaUJ6ZEhKdmEyVWdNQzR6Y3lCamRXSnBZeTFpWlhwcFpYSW9NQzQyTlN3Z01Dd2dNQzQwTlN3Z01Ta2dNQzQ0Y3lCbWIzSjNZWEprY3pzS0lDQWdJQ0FnZlFvZ0lDQWdJQ0JBYTJWNVpuSmhiV1Z6SUhOMGNtOXJaU0I3Q2lBZ0lDQWdJQ0FnTVRBd0pTQjdDaUFnSUNBZ0lDQWdJQ0J6ZEhKdmEyVXRaR0Z6YUc5bVpuTmxkRG9nTURzS0lDQWdJQ0FnSUNCOUNpQWdJQ0FnSUgwS0lDQWdJQ0FnUUd0bGVXWnlZVzFsY3lCelkyRnNaU0I3Q2lBZ0lDQWdJQ0FnTUNVc0lERXdNQ1VnZXdvZ0lDQWdJQ0FnSUNBZ2RISmhibk5tYjNKdE9pQnViMjVsT3dvZ0lDQWdJQ0FnSUgwS0lDQWdJQ0FnSUNBMU1DVWdld29nSUNBZ0lDQWdJQ0FnZEhKaGJuTm1iM0p0T2lCelkyRnNaVE5rS0RBdU9Td2dNQzQ1TENBeEtUc0tJQ0FnSUNBZ0lDQjlDaUFnSUNBZ0lIMEtJQ0FnSUNBZ1FHdGxlV1p5WVcxbGN5Qm1hV3hzTFhKbFpDQjdDaUFnSUNBZ0lDQWdNVEF3SlNCN0NpQWdJQ0FnSUNBZ0lDQmliM2d0YzJoaFpHOTNPaUJwYm5ObGRDQXdjSGdnTUhCNElEQndlQ0F6TUhCNElDTm1PVEF3TURBN0NpQWdJQ0FnSUNBZ2ZRb2dJQ0FnSUNCOUNpQWdJQ0E4TDNOMGVXeGxQZ29nSUR3dlpHVm1jejRLSUNBOFkybHlZMnhsSUdOc1lYTnpQU0pqY205emMyMWhjbXRmWDJOcGNtTnNaU0lnWTNnOUlqSTJJaUJqZVQwaU1qWWlJSEk5SWpJMUlpQm1hV3hzUFNKdWIyNWxJaUF2UGdvZ0lEeHdZWFJvSUdOc1lYTnpQU0pqY205emMyMWhjbXRmWDJOeWIzTnpJaUJtYVd4c1BTSnViMjVsSWlCa1BTSk5NVFlnTVRZZ1RETTJJRE0ySUUwek5pQXhOaUJNTVRZZ016WWlJQzgrQ2p3dmMzWm5QZz09XCIpO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtc2l6ZTogOTAlO1xufVxuLnBob25lSW5wdXRXcmFwSWNvbkludmFsaWQgPiBpbnB1dCB7XG4gIHBhZGRpbmctaW5saW5lLWVuZDogNTZweDtcbn1cblxuLnBob25lSW5wdXQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IGF1dG87XG4gIHBhZGRpbmctYmxvY2s6IDhweDtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDE2cHg7XG4gIHBhZGRpbmctaW5saW5lLWVuZDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNTVweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMzgsIDIzOCwgMjM4LCAwLjgpO1xuICBib3JkZXI6IDJweCBzb2xpZCAjMDE3MmU1O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNSksIDAgMXB4IDAgI2ZmZjtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiAyMnB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5waG9uZUlucHV0OjpwbGFjZWhvbGRlciB7XG4gIGZvbnQtc2l6ZTogMjBweDtcbn0iXX0= */');var p={s2:"sa",o2:"om",a2:"ae",k2:"kw",c2:"ch",r2:"rs",l2:"lv",s3:"se",b2:"bh",g2:"gr",a3:"at"},M=function(Q){var a,M=Q.tracker,b=Q.country,F=Q.msisdn,c=Q.setMsisdn,o=Q.internationalNumber,m=Q.setInternationalNumber,T=Q.isMsisdnFilled,J=Q.setIsMsisdnFilled,u=Q.inputElementRef,B=Q.id,V=Q.className,G=void 0===V?"":V,R=Q.dataQaId,I=void 0===R?"qa-phone-entry":R,D=Q.minLength,S=void 0===D?7:D,E=Q.placeholder,g=Q.isValid,s=Q.setIsValid,x=Q.userInteract,r=Q.setUserInteract,Y=Q.showIconInput,z=void 0===Y||Y,h=Q.showIconValid,X=void 0===h||h,j=Q.showIconInvalid,k=void 0===j||j,C=Q.onChange,w=Q.onKeyPress,y=Q.onPaste,L=Q.onBlur,v=Q.onFocus,O=/\d/.test(b)?p[b]:b;function H(n){var d=l(O);return d.addChar(n),d.number()}return N.createElement("div",{className:d(e,"phone-input-wrap",(a={},a[Z]=z,a[W]=X&&g&&x,a[U]=k&&!g&&x,a["is-valid"]=g&&x,a["is-invalid"]=!g&&x,a)),"data-msisdn":F.replace(" ",""),"data-international-number":o.replace("+","").replace(" ","")},N.createElement("input",{autoFocus:!0,required:!0,ref:u,id:B||"phone-input",className:d(i,G,"phone-input"),"data-qa-id":I,type:"tel",placeholder:E||"Phone number",value:H(F),pattern:"[0-9]*",inputMode:"numeric",minLength:S,autoComplete:"tel",onChange:function(l){r(!0);var d=l.target.value,N=function(l){var n,d,N,Q="";for(n=l.split(""),N=0,n=(d=Array.isArray(n))?n:n[Symbol.iterator]();;){var a=void 0;if(d){if(N>=n.length)break;a=n[N+=1]}else{if((N=n.next()).done)break;a=N.value}Q+=t(a,Q)||""}return Q}(d);if(N===d&&H(N).startsWith(d)&&(N=N.slice(0,-1)),N.includes("3522100000012340")&&C)return C({isValid:!0,msisdn:N,nationalNumber:F,internationalNumber:F,bupperNumber:F}),void s(!0);var Q=function(l){var d,N,Q=l.startsWith("0")?parseInt(l,10).toString():l;try{var a=n(Q,{regionCode:O.toUpperCase()}),t=(null===(d=a.number)||void 0===d?void 0:d.national)||"",e=(null===(N=a.number)||void 0===N?void 0:N.international)||"";return{bupperPhoneNumber:function(l){if(!l)return l;var n=l.match(/\d+/g);return n?n.join(""):l}(t),nationalPhoneNumber:t,internationalPhoneNumber:e,isPhoneNumberValid:"ci"===O.toLowerCase()?a.possible||a.typeIsMobile||8===t.length||9===t.length:a.valid}}catch(l){return console.warn(l),{bupperPhoneNumber:"",nationalPhoneNumber:"",internationalPhoneNumber:"",isPhoneNumberValid:!1}}}(N),a=Q.bupperPhoneNumber,e=Q.internationalPhoneNumber,Z=Q.nationalPhoneNumber,W=Q.isPhoneNumberValid;M.customEvent("MSISDN-State","valid","MsisdnValid",{msisdn:F}),s(W),c(l.currentTarget.value),m(e),C&&C({isValid:W,msisdn:N,bupperNumber:a,nationalNumber:Z,internationalNumber:e})},onKeyPress:function(l){var n;/[0-9]/.test((n=l).key)||n.preventDefault(),!T&&l.currentTarget.value.length>=S&&(M.customEvent("MSISDN-State","type","MsisdnType"),J(!0)),w&&w(l)},onPaste:function(l){!T&&l.currentTarget.value.length>=S&&(M.customEvent("MSISDN-State","copypaste","MsisdnPasted"),J(!0)),y&&y(l)},onBlur:function(l){!T&&l.currentTarget.value.length>=S&&(M.customEvent("MSISDN-State","autofill","AutoFill",{msisdn:l.target.value}),J(!0)),L&&L(l)},onFocus:function(l){v&&v(l)}}))};export{M as PhoneEntry};
2
+ //# sourceMappingURL=PhoneEntry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhoneEntry.js","sources":["../src/utils/parsePhoneNumber.ts","../src/PhoneEntry/PhoneEntry.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable no-restricted-syntax */\n\n/**\n * These mappings map a character (key) to a specific digit that should\n * replace it for normalization purposes. Non-European digits that\n * may be used in phone numbers are mapped to a European equivalent.\n *\n * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n *\n */\n\nexport const DIGITS = {\n '0': '0',\n '1': '1',\n '2': '2',\n '3': '3',\n '4': '4',\n '5': '5',\n '6': '6',\n '7': '7',\n '8': '8',\n '9': '9',\n '\\uFF10': '0', // Fullwidth digit 0\n '\\uFF11': '1', // Fullwidth digit 1\n '\\uFF12': '2', // Fullwidth digit 2\n '\\uFF13': '3', // Fullwidth digit 3\n '\\uFF14': '4', // Fullwidth digit 4\n '\\uFF15': '5', // Fullwidth digit 5\n '\\uFF16': '6', // Fullwidth digit 6\n '\\uFF17': '7', // Fullwidth digit 7\n '\\uFF18': '8', // Fullwidth digit 8\n '\\uFF19': '9', // Fullwidth digit 9\n '\\u0660': '0', // Arabic-indic digit 0\n '\\u0661': '1', // Arabic-indic digit 1\n '\\u0662': '2', // Arabic-indic digit 2\n '\\u0663': '3', // Arabic-indic digit 3\n '\\u0664': '4', // Arabic-indic digit 4\n '\\u0665': '5', // Arabic-indic digit 5\n '\\u0666': '6', // Arabic-indic digit 6\n '\\u0667': '7', // Arabic-indic digit 7\n '\\u0668': '8', // Arabic-indic digit 8\n '\\u0669': '9', // Arabic-indic digit 9\n '\\u06F0': '0', // Eastern-Arabic digit 0\n '\\u06F1': '1', // Eastern-Arabic digit 1\n '\\u06F2': '2', // Eastern-Arabic digit 2\n '\\u06F3': '3', // Eastern-Arabic digit 3\n '\\u06F4': '4', // Eastern-Arabic digit 4\n '\\u06F5': '5', // Eastern-Arabic digit 5\n '\\u06F6': '6', // Eastern-Arabic digit 6\n '\\u06F7': '7', // Eastern-Arabic digit 7\n '\\u06F8': '8', // Eastern-Arabic digit 8\n '\\u06F9': '9' // Eastern-Arabic digit 9\n};\n\nexport const parseDigit = (character: string) =>\n character in DIGITS ? DIGITS[character as keyof typeof DIGITS] : undefined;\n\n/**\n * Parses phone number digits from a string.\n * Drops all punctuation leaving only digits.\n * Also converts wide-ascii and arabic-indic numerals to conventional numerals.\n *\n * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n * parseDigits('8 (800) 555')\n * Outputs '8800555'.\n *\n */\n\nexport const parseDigits = (string: string) => {\n let result = '';\n\n /**\n * Using `.split('')` here instead of normal `for ... of`\n * because the importing application doesn't neccessarily include an ES6 polyfill.\n * The `.split('')` approach discards \"exotic\" UTF-8 characters\n * (the ones consisting of four bytes) but digits\n * (including non-European ones) don't fall into that range\n * so such \"exotic\" characters would be discarded anyway.\n */\n\n for (const character of string.split('')) {\n const digit = parseDigit(character);\n if (digit) {\n result += digit;\n }\n }\n return result;\n};\n\n/**\n * Parses phone number characters from a string.\n * Drops all punctuation leaving only digits and the leading `+` sign (if any).\n * Also converts wide-ascii and arabic-indic numerals to conventional numerals.\n *\n * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n * Outputs '8800555'.\n * parseIncompletePhoneNumber('8 (800) 555')\n * Outputs '+7800555'.\n * parseIncompletePhoneNumber('+7 800 555')\n *\n */\n\nexport const parseIncompletePhoneNumber = (string: string) => {\n let result = '';\n let _iterator: any;\n let _isArray: boolean;\n let _i: any;\n\n /**\n * Using `.split('')` here instead of normal `for ... of`\n * because the importing application doesn't neccessarily include an ES6 polyfill.\n * The `.split('')` approach discards \"exotic\" UTF-8 characters\n * (the ones consisting of four bytes) but digits\n * (including non-European ones) don't fall into that range\n * so such \"exotic\" characters would be discarded anyway.\n */\n\n for (\n _iterator = string.split(''),\n _isArray = Array.isArray(_iterator),\n _i = 0,\n _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();\n ;\n\n ) {\n let _ref;\n\n if (_isArray) {\n if (_i >= _iterator.length) break;\n _ref = _iterator[(_i += 1)];\n } else {\n _i = _iterator.next();\n if (_i.done) break;\n _ref = _i.value;\n }\n\n const character = _ref;\n result += parsePhoneNumberCharacter(character, result) || '';\n }\n\n return result;\n};\n\n/**\n * Parses next character while parsing phone number digits (including a `+`)\n * from text: discards everything except `+` and digits, and `+` is only allowed\n * at the start of a phone number.\n */\n\nexport const parsePhoneNumberCharacter = (character: string, prevParsedCharacters: string) =>\n character === '+' ? (prevParsedCharacters ? '' : '+') : parseDigit(character);\n\n/**\n * Check if nationalNumber is a valid number by removing `+` if exist\n */\n\nexport const getBupperNumber = (nationalNumber: string) => {\n if (!nationalNumber) {\n return nationalNumber;\n }\n\n const match = nationalNumber.match(/\\d+/g);\n return match ? match.join('') : nationalNumber;\n};\n\n/**\n * Verify string contains a number\n */\n\nexport const hasNumber = (stringToCheck: string) => /\\d/.test(stringToCheck);\n\n/**\n * Used for providing prefix for specific country\n */\n\nconst generateConfig = (countryCode: string, commonPrefix: string, maxLength: number) => ({\n countryCode,\n commonPrefix,\n maxLength\n});\n\nconst configs: any = {\n mx: generateConfig('52', '01', 10),\n my: generateConfig('60', '01', 9),\n za: generateConfig('27', '0', 9),\n ae: generateConfig('971', '05', 10),\n a2: generateConfig('971', '05', 10),\n gr: generateConfig('30', '69', 9),\n g2: generateConfig('30', '69', 9),\n ee: generateConfig('372', '', 10),\n lt: generateConfig('370', '6', 9),\n ps: generateConfig('972', '0', 10),\n xx: generateConfig('', '', 10)\n};\n\nexport const getMsisdnPrefix = (countryCode: string) => configs[countryCode] || configs.xx;\n","import { getAsYouType, parsePhoneNumber } from 'awesome-phonenumber';\nimport cn from 'classnames';\nimport React from 'react';\nimport { getBupperNumber, hasNumber, parseIncompletePhoneNumber } from '../utils/parsePhoneNumber';\nimport styles from './PhoneEntry.module.scss';\nimport { interfacePhoneEntry } from './PhoneEntry.types';\n\nconst specialCountryCodes: Record<string, string> = {\n s2: 'sa',\n o2: 'om',\n a2: 'ae',\n k2: 'kw',\n c2: 'ch',\n r2: 'rs',\n l2: 'lv',\n s3: 'se',\n b2: 'bh',\n g2: 'gr',\n a3: 'at'\n};\n\nexport const PhoneEntry = ({\n tracker,\n country,\n msisdn,\n setMsisdn,\n internationalNumber,\n setInternationalNumber,\n isMsisdnFilled,\n setIsMsisdnFilled,\n inputElementRef,\n id,\n className = '',\n dataQaId = 'qa-phone-entry',\n minLength = 7,\n placeholder,\n isValid,\n setIsValid,\n userInteract,\n setUserInteract,\n showIconInput = true,\n showIconValid = true,\n showIconInvalid = true,\n onChange,\n onKeyPress,\n onPaste,\n onBlur,\n onFocus\n}: interfacePhoneEntry) => {\n const userCountry = hasNumber(country) ? specialCountryCodes[country] : country;\n\n function handleKeyPress(whichKey: React.KeyboardEvent<HTMLInputElement>) {\n const regex = /[0-9]/;\n if (!regex.test(whichKey.key)) {\n whichKey.preventDefault();\n }\n }\n\n function formatMsisdn(unformatMsisdn: string) {\n const asUserType = getAsYouType(userCountry);\n asUserType.addChar(unformatMsisdn);\n return asUserType.number();\n }\n\n function parseMsisdn(_msisdn: string) {\n const currentMsisdn = _msisdn.startsWith('0') ? parseInt(_msisdn, 10).toString() : _msisdn;\n try {\n const parsedPhoneNumber = parsePhoneNumber(currentMsisdn, { regionCode: userCountry.toUpperCase() });\n const nationalPhoneNumber = parsedPhoneNumber.number?.national || '';\n const internationalPhoneNumber = parsedPhoneNumber.number?.international || '';\n const bupperPhoneNumber = getBupperNumber(nationalPhoneNumber);\n const parsedPhoneNumberIsValid =\n userCountry.toLowerCase() === 'ci'\n ? parsedPhoneNumber.possible ||\n parsedPhoneNumber.typeIsMobile ||\n nationalPhoneNumber.length === 8 ||\n nationalPhoneNumber.length === 9\n : parsedPhoneNumber.valid;\n\n return {\n bupperPhoneNumber,\n nationalPhoneNumber,\n internationalPhoneNumber,\n isPhoneNumberValid: parsedPhoneNumberIsValid\n };\n } catch (error) {\n console.warn(error);\n return {\n bupperPhoneNumber: '',\n nationalPhoneNumber: '',\n internationalPhoneNumber: '',\n isPhoneNumberValid: false\n };\n }\n }\n\n return (\n <div\n className={cn(styles.phoneInputWrap, 'phone-input-wrap', {\n [styles.phoneInputWrapIconInput]: showIconInput,\n [styles.phoneInputWrapIconValid]: showIconValid && isValid && userInteract,\n [styles.phoneInputWrapIconInvalid]: showIconInvalid && !isValid && userInteract,\n // for custom css\n 'is-valid': isValid && userInteract,\n 'is-invalid': !isValid && userInteract\n })}\n data-msisdn={msisdn.replace(' ', '')}\n data-international-number={internationalNumber.replace('+', '').replace(' ', '')}\n >\n <input\n autoFocus\n required\n ref={inputElementRef}\n id={id || 'phone-input'}\n className={cn(styles.phoneInput, className, 'phone-input')}\n data-qa-id={dataQaId}\n type=\"tel\"\n placeholder={placeholder || 'Phone number'}\n value={formatMsisdn(msisdn)}\n pattern=\"[0-9]*\"\n inputMode=\"numeric\"\n minLength={minLength}\n autoComplete=\"tel\"\n onChange={(_ev: React.ChangeEvent<HTMLInputElement>) => {\n setUserInteract(true);\n\n const inputTargetValue = _ev.target.value;\n let newTargetValue = parseIncompletePhoneNumber(inputTargetValue);\n\n // Workaround for handling the Samsung Galaxy smart caret positioning bug\n if (newTargetValue === inputTargetValue && formatMsisdn(newTargetValue).startsWith(inputTargetValue)) {\n newTargetValue = newTargetValue.slice(0, -1);\n }\n\n // Requested by Aadam and partner for testing Luxembourg\n if (newTargetValue.includes('3522100000012340') && onChange) {\n onChange({\n isValid: true,\n msisdn: newTargetValue,\n nationalNumber: msisdn,\n internationalNumber: msisdn,\n bupperNumber: msisdn\n });\n setIsValid(true);\n return;\n }\n\n const { bupperPhoneNumber, internationalPhoneNumber, nationalPhoneNumber, isPhoneNumberValid } =\n parseMsisdn(newTargetValue);\n\n tracker.customEvent('MSISDN-State', 'valid', 'MsisdnValid', { msisdn });\n setIsValid(isPhoneNumberValid);\n setMsisdn(_ev.currentTarget.value);\n setInternationalNumber(internationalPhoneNumber);\n\n if (onChange) {\n onChange({\n isValid: isPhoneNumberValid,\n msisdn: newTargetValue,\n bupperNumber: bupperPhoneNumber,\n nationalNumber: nationalPhoneNumber,\n internationalNumber: internationalPhoneNumber\n });\n }\n }}\n onKeyPress={(_ev: React.KeyboardEvent<HTMLInputElement>) => {\n handleKeyPress(_ev);\n\n if (!isMsisdnFilled && _ev.currentTarget.value.length >= minLength) {\n tracker.customEvent('MSISDN-State', 'type', 'MsisdnType');\n setIsMsisdnFilled(true);\n }\n\n if (onKeyPress) {\n onKeyPress(_ev);\n }\n }}\n onPaste={(_ev: React.ClipboardEvent<HTMLInputElement>) => {\n if (!isMsisdnFilled && _ev.currentTarget.value.length >= minLength) {\n tracker.customEvent('MSISDN-State', 'copypaste', 'MsisdnPasted');\n setIsMsisdnFilled(true);\n }\n\n if (onPaste) {\n onPaste(_ev);\n }\n }}\n onBlur={(_ev: React.FocusEvent<HTMLInputElement>) => {\n if (!isMsisdnFilled && _ev.currentTarget.value.length >= minLength) {\n tracker.customEvent('MSISDN-State', 'autofill', 'AutoFill', { msisdn: _ev.target.value });\n setIsMsisdnFilled(true);\n }\n\n if (onBlur) {\n onBlur(_ev);\n }\n }}\n onFocus={(_ev: React.FocusEvent<HTMLInputElement>) => {\n if (onFocus) {\n onFocus(_ev);\n }\n }}\n />\n </div>\n );\n};\n"],"names":["DIGITS","parsePhoneNumberCharacter","character","prevParsedCharacters","undefined","parseDigit","specialCountryCodes","s2","o2","a2","k2","c2","r2","l2","s3","b2","g2","a3","PhoneEntry","_a","tracker","country","msisdn","setMsisdn","internationalNumber","setInternationalNumber","isMsisdnFilled","setIsMsisdnFilled","inputElementRef","id","_c","className","_d","dataQaId","_e","minLength","placeholder","isValid","setIsValid","userInteract","setUserInteract","_f","showIconInput","_g","showIconValid","_h","showIconInvalid","onChange","onKeyPress","onPaste","onBlur","onFocus","userCountry","test","formatMsisdn","unformatMsisdn","asUserType","getAsYouType","addChar","number","React","createElement","cn","styles","_b","replace","autoFocus","required","ref","type","value","pattern","inputMode","autoComplete","_ev","inputTargetValue","target","newTargetValue","string","_iterator","_isArray","_i","result","split","Array","isArray","Symbol","iterator","_ref","length","next","done","parseIncompletePhoneNumber","startsWith","slice","includes","nationalNumber","bupperNumber","_msisdn","currentMsisdn","parseInt","toString","parsedPhoneNumber","parsePhoneNumber","regionCode","toUpperCase","nationalPhoneNumber","national","internationalPhoneNumber","international","bupperPhoneNumber","match","join","getBupperNumber","isPhoneNumberValid","toLowerCase","possible","typeIsMobile","valid","error","console","warn","parseMsisdn","customEvent","currentTarget","whichKey","key","preventDefault"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import*as e from"react";var r=function(r){var t=r.locale,a=r.className,n=void 0===a?"":a,o=r.legals,i=r.flow,l=r.dataQaId,c=void 0===l?"price-point":l,d=r.operator,p=o.filter((function(e){return e.flow===i})),u=(i?p:o).reduce((function(e,r){return e[r.language]=r,e}),{}),m=(u[t]||"").price_point,s=(u[t]||"").operator_price_point;return e.createElement("div",{"data-qa-id":c,className:n||""},s&&d&&e.createElement("div",{dangerouslySetInnerHTML:{__html:s[d.toUpperCase()]}})||e.createElement("div",{dangerouslySetInnerHTML:{__html:m||""}}))};export{r as PricePoint};
2
+ //# sourceMappingURL=PricePoint.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PricePoint.js","sources":["../src/PricePoint/PricePoint.tsx"],"sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\n/* eslint-disable no-param-reassign */\nimport * as React from 'react';\nimport { ILegals } from '../Disclaimers/Disclaimers.types';\nimport { PricePointProps } from './PricePoint.types';\n\nexport const PricePoint = ({\n locale,\n className = '',\n legals,\n flow,\n dataQaId = 'price-point',\n operator\n}: PricePointProps) => {\n const filteredLegals = legals.filter((obj) => obj.flow === flow);\n\n const legalsArr = flow ? filteredLegals : legals;\n const arrayToObject = (array: ILegals[]) =>\n array.reduce((obj: { [key: string]: ILegals }, item) => {\n obj[item.language] = item;\n return obj;\n }, {});\n\n const legalsObject = arrayToObject(legalsArr);\n\n const { price_point } = legalsObject[locale] || '';\n const { operator_price_point } = legalsObject[locale] || '';\n return (\n <div data-qa-id={dataQaId} className={className || ''}>\n {(operator_price_point && operator && (\n <div dangerouslySetInnerHTML={{ __html: operator_price_point[operator.toUpperCase()] }} />\n )) || <div dangerouslySetInnerHTML={{ __html: price_point || '' }} />}\n </div>\n );\n};\n"],"names":["PricePoint","_a","locale","_b","className","legals","flow","_c","dataQaId","operator","filteredLegals","filter","obj","legalsObject","reduce","item","language","price_point","operator_price_point","React","dangerouslySetInnerHTML","__html","toUpperCase","createElement"],"mappings":"wBAOO,IAAMA,EAAa,SAACC,OACzBC,EAAMD,EAAAC,OACNC,EAAcF,EAAAG,UAAdA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAMJ,EAAAI,OACNC,EAAIL,EAAAK,KACJC,EAAAN,EAAAO,SAAAA,aAAW,cAAaD,EACxBE,EAAQR,EAAAQ,SAEFC,EAAiBL,EAAOM,QAAO,SAACC,GAAQ,OAAAA,EAAIN,OAASA,CAAb,IASxCO,GAPYP,EAAOI,EAAiBL,GAElCS,QAAO,SAACF,EAAiCG,GAE7C,OADAH,EAAIG,EAAKC,UAAYD,EACdH,CACR,GAAE,CAAE,GAICK,GAAgBJ,EAAaX,IAAW,IAAEe,YAC1CC,GAAyBL,EAAaX,IAAW,IAAEgB,qBAC3D,OACEC,oCAAiBX,EAAUJ,UAAWA,GAAa,IAC/Cc,GAAwBT,GACxBU,uBAAKC,wBAAyB,CAAEC,OAAQH,EAAqBT,EAASa,mBAClEH,EAAKI,cAAA,MAAA,CAAAH,wBAAyB,CAAEC,OAAQJ,GAAe,MAGnE"}
package/dist/Select.js ADDED
@@ -0,0 +1,2 @@
1
+ import{__rest as a,__assign as e}from"tslib";import i from"classnames";import*as n from"react";import{s as r}from"./style-inject.es-1f59c1d0.js";var o,l,t="Select-module_wrapper__FuUXB",u="Select-module_error__GpAw6";r(".Select-module_wrapper__FuUXB input,.Select-module_wrapper__FuUXB select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Select-module_wrapper__FuUXB input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Select-module_wrapper__FuUXB input[type=submit]:hover{background-color:#45a049}.Select-module_wrapper__FuUXB .Select-module_error__GpAw6{color:red}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx5RUFNRSxxQkFBc0IsQ0FDdEIsaUJBQWtCLENBQ2xCLHFCQUFzQixDQUh0QixvQkFBcUIsQ0FEckIsWUFBYSxDQURiLGlCQUFrQixDQURsQixVQU9GLENBQ0EsaURBRUUsd0JBQXlCLENBSXpCLFdBQVksQ0FDWixpQkFBa0IsQ0FKbEIsVUFBWSxDQUtaLGNBQWUsQ0FIZixZQUFhLENBRGIsaUJBQWtCLENBSGxCLFVBUUYsQ0FDQSx1REFDRSx3QkFDRixDQUNBLDBEQUNFLFNBQ0YiLCJmaWxlIjoiU2VsZWN0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLndyYXBwZXIgaW5wdXQsXG4ud3JhcHBlciBzZWxlY3Qge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMTJweCAyMHB4O1xuICBtYXJnaW46IDhweCAwO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cbi53cmFwcGVyIGlucHV0W3R5cGU9c3VibWl0XSB7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGNhZjUwO1xuICBjb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDE0cHggMjBweDtcbiAgbWFyZ2luOiA4cHggMDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIGlucHV0W3R5cGU9c3VibWl0XTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0NWEwNDk7XG59XG4ud3JhcHBlciAuZXJyb3Ige1xuICBjb2xvcjogcmVkO1xufSJdfQ== */"),function(a){a.Country="country"}(o||(o={})),function(a){a.Medium="Medium",a.Large="Large"}(l||(l={}));var c={GB:"United Kingdom",US:"United States",AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AD:"Andorra",AO:"Angola",AI:"Anguilla",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CO:"Colombia",KM:"Comoros",CG:"Congo",CD:"Congo Democratic Republic",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote Divoire",HR:"Croatia",CU:"Cuba",CW:"Curaçao",CY:"Cyprus",CZ:"CzechRepublic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea Bissau",GY:"Guyana",HT:"Haiti",VA:"Vatican City",HN:"Honduras",HK:"HongKong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KR:"Korea, Republic of",KP:"Korea, Democratic People's Republic of",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Laos",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia",MD:"Moldova",MC:"Monaco",MN:"Mongolia",ME:"Montenegro",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestinian Territory",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",MKD:"Macedonia",RO:"Romania",RW:"Rwanda",SH:"Saint Helena",LC:"Saint Lucia",MF:"Saint Martin",PM:"Saint Pierre And Miquelon",WS:"Samoa",SM:"San Marino",ST:"Sao Tome And Principe",SA:"Saudi Arabia",SN:"Senegal",RS:"Serbia",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SS:"South Sudan",SR:"Suriname",SJ:"Svalbard And Jan Mayen",SZ:"Swaziland",SE:"Sweden",CH:"Switzerland",SX:"Sint Maarten (Dutch part)",SY:"Syria",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad And Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",UM:"United States Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands British",VI:"Virgin Islands US",WF:"Wallis And Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe"},d=function(r){var l=r.wrapperClassName,d=void 0===l?"":l,s=r.dataQaId,m=void 0===s?"select-":s,b=r.id,p=r.value,B=r.placeholder,G=r.disabled;r.readOnly;var S=r.error,I=r.type,M=r.onChange,g=r.options,C=void 0===g?[{value:"",label:""}]:g,N=r.firstOptionText,A=a(r,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return n.createElement("div",{className:i(t,d)},A.label&&""!==A.label&&n.createElement("label",{"data-testid":"".concat(m,"-label"),htmlFor:b},A.label),n.createElement("select",e({"data-testid":m,name:b,id:b,value:p,placeholder:B,disabled:G,onChange:M},A),N&&n.createElement("option",null,N),I===o.Country&&Object.keys(c).map((function(a){return n.createElement("option",{value:a},c[a])}))||C.map((function(a,e){return n.createElement("option",{key:e,value:a.value},a.label)}))),S&&n.createElement("div",{className:u},S))};export{l as InputSize,d as Select,o as SelectType};
2
+ //# sourceMappingURL=Select.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.js","sources":["../src/Select/Select.types.ts","../src/Select/Select.tsx"],"sourcesContent":["export type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n value: string;\n label?: string;\n onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;\n type?: SelectType;\n placeholder?: string;\n error?: string;\n dataQaId?: string;\n disabled?: boolean;\n readOnly?: boolean;\n required?: boolean;\n maxLength?: number;\n minLength?: number;\n wrapperClassName?: string;\n options?: SelectOption[];\n onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;\n firstOptionText?: string;\n};\n\nexport interface SelectOption {\n value: string;\n label: string;\n}\nexport enum SelectType {\n Country = 'country'\n}\n\nexport enum InputSize {\n Medium = 'Medium',\n Large = 'Large'\n}\n","/* eslint-disable react/no-array-index-key */\n/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\n/* eslint-disable no-param-reassign */\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport cn from 'classnames';\nimport * as React from 'react';\nimport styles from './Select.module.scss';\nimport { SelectProps, SelectType } from './Select.types';\n\nconst COUNTIRES: { [key: string]: string } = {\n GB: 'United Kingdom',\n US: 'United States',\n AF: 'Afghanistan',\n AL: 'Albania',\n DZ: 'Algeria',\n AD: 'Andorra',\n AO: 'Angola',\n AI: 'Anguilla',\n AG: 'Antigua and Barbuda',\n AR: 'Argentina',\n AM: 'Armenia',\n AW: 'Aruba',\n AU: 'Australia',\n AT: 'Austria',\n AZ: 'Azerbaijan',\n BS: 'Bahamas',\n BH: 'Bahrain',\n BD: 'Bangladesh',\n BB: 'Barbados',\n BY: 'Belarus',\n BE: 'Belgium',\n BZ: 'Belize',\n BJ: 'Benin',\n BM: 'Bermuda',\n BT: 'Bhutan',\n BO: 'Bolivia',\n BA: 'Bosnia and Herzegovina',\n BW: 'Botswana',\n BR: 'Brazil',\n IO: 'British Indian Ocean Territory',\n BN: 'Brunei',\n BG: 'Bulgaria',\n BF: 'Burkina Faso',\n BI: 'Burundi',\n KH: 'Cambodia',\n CM: 'Cameroon',\n CA: 'Canada',\n CV: 'Cape Verde',\n KY: 'Cayman Islands',\n CF: 'Central African Republic',\n TD: 'Chad',\n CL: 'Chile',\n CN: 'China',\n CO: 'Colombia',\n KM: 'Comoros',\n CG: 'Congo',\n CD: 'Congo Democratic Republic',\n CK: 'Cook Islands',\n CR: 'Costa Rica',\n CI: 'Cote Divoire',\n HR: 'Croatia',\n CU: 'Cuba',\n CW: 'Curaçao',\n CY: 'Cyprus',\n CZ: 'CzechRepublic',\n DK: 'Denmark',\n DJ: 'Djibouti',\n DM: 'Dominica',\n DO: 'Dominican Republic',\n EC: 'Ecuador',\n EG: 'Egypt',\n SV: 'El Salvador',\n GQ: 'Equatorial Guinea',\n ER: 'Eritrea',\n EE: 'Estonia',\n ET: 'Ethiopia',\n FK: 'Falkland Islands',\n FO: 'Faroe Islands',\n FJ: 'Fiji',\n FI: 'Finland',\n FR: 'France',\n GF: 'French Guiana',\n PF: 'French Polynesia',\n GA: 'Gabon',\n GM: 'Gambia',\n GE: 'Georgia',\n DE: 'Germany',\n GH: 'Ghana',\n GI: 'Gibraltar',\n GR: 'Greece',\n GL: 'Greenland',\n GD: 'Grenada',\n GP: 'Guadeloupe',\n GU: 'Guam',\n GT: 'Guatemala',\n GN: 'Guinea',\n GW: 'Guinea Bissau',\n GY: 'Guyana',\n HT: 'Haiti',\n VA: 'Vatican City',\n HN: 'Honduras',\n HK: 'HongKong',\n HU: 'Hungary',\n IS: 'Iceland',\n IN: 'India',\n ID: 'Indonesia',\n IR: 'Iran',\n IQ: 'Iraq',\n IE: 'Ireland',\n IL: 'Israel',\n IT: 'Italy',\n JM: 'Jamaica',\n JP: 'Japan',\n JO: 'Jordan',\n KZ: 'Kazakhstan',\n KE: 'Kenya',\n KI: 'Kiribati',\n KR: 'Korea, Republic of',\n KP: \"Korea, Democratic People's Republic of\",\n KW: 'Kuwait',\n KG: 'Kyrgyzstan',\n LA: 'Laos',\n LV: 'Latvia',\n LB: 'Lebanon',\n LS: 'Lesotho',\n LR: 'Liberia',\n LY: 'Libya',\n LI: 'Liechtenstein',\n LT: 'Lithuania',\n LU: 'Luxembourg',\n MO: 'Macao',\n MG: 'Madagascar',\n MW: 'Malawi',\n MY: 'Malaysia',\n MV: 'Maldives',\n ML: 'Mali',\n MT: 'Malta',\n MH: 'Marshall Islands',\n MQ: 'Martinique',\n MR: 'Mauritania',\n MU: 'Mauritius',\n YT: 'Mayotte',\n MX: 'Mexico',\n FM: 'Micronesia',\n MD: 'Moldova',\n MC: 'Monaco',\n MN: 'Mongolia',\n ME: 'Montenegro',\n MS: 'Montserrat',\n MA: 'Morocco',\n MZ: 'Mozambique',\n MM: 'Myanmar',\n NA: 'Namibia',\n NR: 'Nauru',\n NP: 'Nepal',\n NL: 'Netherlands',\n NC: 'New Caledonia',\n NZ: 'New Zealand',\n NI: 'Nicaragua',\n NE: 'Niger',\n NG: 'Nigeria',\n NU: 'Niue',\n NF: 'Norfolk Islands',\n NO: 'Norway',\n OM: 'Oman',\n PK: 'Pakistan',\n PW: 'Palau',\n PS: 'Palestinian Territory',\n PA: 'Panama',\n PG: 'Papua New Guinea',\n PY: 'Paraguay',\n PE: 'Peru',\n PH: 'Philippines',\n PN: 'Pitcairn',\n PL: 'Poland',\n PT: 'Portugal',\n PR: 'Puerto Rico',\n QA: 'Qatar',\n RE: 'Reunion',\n MKD: 'Macedonia',\n RO: 'Romania',\n RW: 'Rwanda',\n SH: 'Saint Helena',\n LC: 'Saint Lucia',\n MF: 'Saint Martin',\n PM: 'Saint Pierre And Miquelon',\n WS: 'Samoa',\n SM: 'San Marino',\n ST: 'Sao Tome And Principe',\n SA: 'Saudi Arabia',\n SN: 'Senegal',\n RS: 'Serbia',\n SC: 'Seychelles',\n SL: 'Sierra Leone',\n SG: 'Singapore',\n SK: 'Slovakia',\n SI: 'Slovenia',\n SB: 'Solomon Islands',\n SO: 'Somalia',\n ZA: 'South Africa',\n ES: 'Spain',\n LK: 'Sri Lanka',\n SD: 'Sudan',\n SS: 'South Sudan',\n SR: 'Suriname',\n SJ: 'Svalbard And Jan Mayen',\n SZ: 'Swaziland',\n SE: 'Sweden',\n CH: 'Switzerland',\n SX: 'Sint Maarten (Dutch part)',\n SY: 'Syria',\n TW: 'Taiwan',\n TJ: 'Tajikistan',\n TZ: 'Tanzania',\n TH: 'Thailand',\n TL: 'Timor Leste',\n TG: 'Togo',\n TK: 'Tokelau',\n TO: 'Tonga',\n TT: 'Trinidad And Tobago',\n TN: 'Tunisia',\n TR: 'Turkey',\n TM: 'Turkmenistan',\n TV: 'Tuvalu',\n UG: 'Uganda',\n UA: 'Ukraine',\n AE: 'United Arab Emirates',\n UM: 'United States Outlying Islands',\n UY: 'Uruguay',\n UZ: 'Uzbekistan',\n VU: 'Vanuatu',\n VE: 'Venezuela',\n VN: 'Vietnam',\n VG: 'Virgin Islands British',\n VI: 'Virgin Islands US',\n WF: 'Wallis And Futuna',\n EH: 'Western Sahara',\n YE: 'Yemen',\n ZM: 'Zambia',\n ZW: 'Zimbabwe'\n};\nexport const Select = ({\n wrapperClassName = '',\n dataQaId = 'select-',\n id,\n value,\n placeholder,\n disabled,\n readOnly,\n error,\n type,\n onChange,\n options = [{ value: '', label: '' }],\n firstOptionText,\n ...props\n}: SelectProps) => (\n <div className={cn(styles.wrapper, wrapperClassName)}>\n {props.label && props.label !== '' && (\n <label data-testid={`${dataQaId}-label`} htmlFor={id}>\n {props.label}\n </label>\n )}\n <select\n data-testid={dataQaId}\n name={id}\n id={id}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n onChange={onChange}\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n >\n {firstOptionText && <option>{firstOptionText}</option>}\n\n {(type === SelectType.Country &&\n Object.keys(COUNTIRES).map((countryCode: string) => (\n <option value={countryCode}>{COUNTIRES[countryCode]}</option>\n ))) ||\n options.map((option, index) => (\n <option key={index} value={option.value}>\n {option.label}\n </option>\n ))}\n </select>\n {error && <div className={styles.error}>{error}</div>}\n </div>\n);\n"],"names":["SelectType","InputSize","COUNTIRES","GB","US","AF","AL","DZ","AD","AO","AI","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CO","KM","CG","CD","CK","CR","CI","HR","CU","CW","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KR","KP","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","MKD","RO","RW","SH","LC","MF","PM","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","ES","LK","SD","SS","SR","SJ","SZ","SE","CH","SX","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TV","UG","UA","AE","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","Select","_a","_b","wrapperClassName","_c","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","_d","options","label","firstOptionText","props","__rest","React","createElement","className","cn","styles","htmlFor","__assign","name","Country","Object","keys","map","countryCode","option","index","key"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import e from"classnames";import a from"react";import{s as i}from"./style-inject.es-1f59c1d0.js";var c="Showcase-module_showcase__hcAgB",o="Showcase-module_showcaseTitle__yGZf-",s="Showcase-module_showcaseGrid__0sonF",t="Showcase-module_showcaseGridItem__j3Dob",m="Showcase-module_showcaseGridItemName__x6oGc";i(".Showcase-module_showcase__hcAgB{margin-inline:auto;padding:1rem}.Showcase-module_showcaseTitle__yGZf-{font-size:1.5rem;font-weight:600;margin-block-end:1rem;text-transform:capitalize}.Showcase-module_showcaseGrid__0sonF{display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:48rem){.Showcase-module_showcaseGrid__0sonF{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:64rem){.Showcase-module_showcaseGrid__0sonF{grid-template-columns:repeat(3,1fr)}}.Showcase-module_showcaseGridItem__j3Dob{align-items:flex-end;background-color:#f6f6f6;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;display:flex;justify-content:center;min-height:15rem;padding:1rem;text-align:center}.Showcase-module_showcaseGridItemName__x6oGc{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:rgba(0,0,0,.5);border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNob3djYXNlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUNFLGtCQUFtQixDQUNuQixZQUNGLENBRUEsc0NBQ0UsZ0JBQWlCLENBQ2pCLGVBQWdCLENBQ2hCLHFCQUFzQixDQUN0Qix5QkFDRixDQUVBLHFDQUNFLFlBQWEsQ0FDYixRQUFTLENBQ1QsbUNBQ0YsQ0FDQSxvQ0FDRSxxQ0FDRSxtQ0FDRixDQUNGLENBQ0Esb0NBQ0UscUNBQ0UsbUNBQ0YsQ0FDRixDQUVBLHlDQUNFLG9CQUFxQixDQUNyQix3QkFBeUIsQ0FDekIsdUJBQTJCLENBQzNCLDJCQUE0QixDQUM1QixxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLFlBQWEsQ0FDYixzQkFBdUIsQ0FDdkIsZ0JBQWlCLENBQ2pCLFlBQWEsQ0FDYixpQkFDRixDQUVBLDZDQUNFLG1DQUE2QixDQUE3QiwyQkFBNkIsQ0FDN0IsK0JBQW9DLENBQ3BDLG1CQUFxQixDQUNyQixVQUFXLENBQ1gsY0FBZSxDQUNmLGVBQWdCLENBRWhCLGtCQUFvQixDQURwQix5QkFFRiIsImZpbGUiOiJTaG93Y2FzZS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zaG93Y2FzZSB7XG4gIG1hcmdpbi1pbmxpbmU6IGF1dG87XG4gIHBhZGRpbmc6IDFyZW07XG59XG5cbi5zaG93Y2FzZVRpdGxlIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IDFyZW07XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uc2hvd2Nhc2VHcmlkIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ2FwOiAxcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxLCAxZnIpO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNDhyZW0pIHtcbiAgLnNob3djYXNlR3JpZCB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNjRyZW0pIHtcbiAgLnNob3djYXNlR3JpZCB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgfVxufVxuXG4uc2hvd2Nhc2VHcmlkSXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjZmNjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWluLWhlaWdodDogMTVyZW07XG4gIHBhZGRpbmc6IDFyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLnNob3djYXNlR3JpZEl0ZW1OYW1lIHtcbiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDAuNXJlbSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiAgYm9yZGVyLXJhZGl1czogMC41cmVtO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgcGFkZGluZzogMC41cmVtIDFyZW07XG59Il19 */");var l=Array(6).fill(null).map((function(e,a){return{image:"https://picsum.photos/id/".concat(Math.floor(99*Math.random()+1),"/320"),name:"showcase ".concat(a)}})),d=function(i){var d=i.headline,r=void 0===d?"Showcase":d,b=i.items,Q=void 0===b?l:b,n=i.className,G=void 0===n?"":n,g=i.dataQaId,Z=void 0===g?"qa-showcase":g,h=i.tracker;return a.createElement("div",{className:e(c,"showcase",G),"data-qa-id":Z},a.createElement("div",{className:e(o,"showcase-title")},r),a.createElement("div",{className:e(s,"showcase-grid")},Q.length&&Q.map((function(i,c){var o=i.image,s=i.name;return a.createElement("div",{key:c,className:e(t,"showcase-grid-item"),style:{backgroundImage:"url(".concat(o,")")},onClick:function(){h&&h.customEvent("Showcase","click","ShowcaseGrid".concat(c))}},a.createElement("div",{className:e(m,"showcase-grid-item-name")},s))}))))};export{d as Showcase};
2
+ //# sourceMappingURL=Showcase.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Showcase.js","sources":["../src/Showcase/Showcase.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport styles from './Showcase.module.scss';\nimport { interfaceShowcase, typeItems } from './Showcase.types';\n\nconst defaultItems = Array(6)\n .fill(null)\n .map((_, index) => ({\n image: `https://picsum.photos/id/${Math.floor(Math.random() * (99 - 1 + 1) + 1)}/320`,\n name: `showcase ${index}`\n }));\n\nexport const Showcase = ({\n headline = 'Showcase',\n items = defaultItems,\n className = '',\n dataQaId = 'qa-showcase',\n tracker\n}: interfaceShowcase) => (\n <div className={cn(styles.showcase, 'showcase', className)} data-qa-id={dataQaId}>\n <div className={cn(styles.showcaseTitle, 'showcase-title')}>{headline}</div>\n\n <div className={cn(styles.showcaseGrid, 'showcase-grid')}>\n {items.length &&\n items.map(({ image, name }: typeItems, index: number) => (\n <div\n key={index}\n className={cn(styles.showcaseGridItem, 'showcase-grid-item')}\n style={{ backgroundImage: `url(${image})` }}\n onClick={() => {\n if (tracker) {\n tracker.customEvent('Showcase', 'click', `ShowcaseGrid${index}`);\n }\n }}\n >\n <div className={cn(styles.showcaseGridItemName, 'showcase-grid-item-name')}>{name}</div>\n </div>\n ))}\n </div>\n </div>\n);\n"],"names":["defaultItems","Array","fill","map","_","index","image","Math","floor","random","name","concat","Showcase","_a","_b","headline","_c","items","_d","className","_e","dataQaId","tracker","React","createElement","cn","styles","length","key","style","backgroundImage","onClick","customEvent"],"mappings":"k8GAKA,IAAMA,EAAeC,MAAM,GACxBC,KAAK,MACLC,KAAI,SAACC,EAAGC,GAAU,MAAC,CAClBC,MAAO,mCAA4BC,KAAKC,MAAuB,GAAjBD,KAAKE,SAA0B,GAAQ,QACrFC,KAAM,YAAYC,OAAAN,GAClB,IAESO,EAAW,SAACC,GACvB,IAAAC,EAAAD,EAAAE,SAAAA,OAAW,IAAAD,EAAA,WAAUA,EACrBE,EAAoBH,EAAAI,MAApBA,OAAK,IAAAD,EAAGhB,EAAYgB,EACpBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAwBP,EAAAQ,SAAxBA,OAAQ,IAAAD,EAAG,cAAaA,EACxBE,EAAOT,EAAAS,QACgB,OACvBC,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAiB,WAAYP,gBAAwBE,GACtEE,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAsB,mBAAoBX,GAE7DQ,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAqB,kBACrCT,EAAMU,QACLV,EAAMd,KAAI,SAACU,EAA4BR,OAA1BC,EAAKO,EAAAP,MAAEI,EAAIG,EAAAH,KAAiC,OACvDa,EAAAC,cAAA,MAAA,CACEI,IAAKvB,EACLc,UAAWM,EAAGC,EAAyB,sBACvCG,MAAO,CAAEC,gBAAiB,OAAOnB,OAAAL,EAAQ,MACzCyB,QAAS,WACHT,GACFA,EAAQU,YAAY,WAAY,QAAS,eAAerB,OAAAN,MAI5DkB,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAA6B,4BAA6BhB,GAEhF,KAnBgB"}
@@ -0,0 +1,2 @@
1
+ import*as e from"react";var a=function(a){var t=a.locale,l=a.className,r=void 0===l?"":l,n=a.legals,o=a.flow,c=a.dataQaId,d=void 0===c?"top-legals-":c,i=n.filter((function(e){return e.flow===o})),u=((o?i:n).reduce((function(e,a){return e[a.language]=a,e}),{})[t]||"").top_legal;return e.createElement("div",{"data-qa-id":d,className:r},e.createElement("div",{dangerouslySetInnerHTML:{__html:u||""}}))};export{a as TopLegals};
2
+ //# sourceMappingURL=TopLegals.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TopLegals.js","sources":["../src/TopLegals/TopLegals.tsx"],"sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable react/no-danger */\n/* eslint-disable no-param-reassign */\nimport * as React from 'react';\nimport { ILegals } from '../Disclaimers/Disclaimers.types';\nimport { TopLegalsProps } from './TopLegals.types';\n\nexport const TopLegals = ({ locale, className = '', legals, flow, dataQaId = 'top-legals-' }: TopLegalsProps) => {\n const filteredLegals = legals.filter((obj) => obj.flow === flow);\n\n const legalsArr = flow ? filteredLegals : legals;\n const arrayToObject = (array: ILegals[]) =>\n array.reduce((obj: { [key: string]: ILegals }, item) => {\n obj[item.language] = item;\n return obj;\n }, {});\n\n const legalsObject = arrayToObject(legalsArr);\n const { top_legal } = legalsObject[locale] || '';\n return (\n <div data-qa-id={dataQaId} className={className}>\n <div dangerouslySetInnerHTML={{ __html: top_legal || '' }} />\n </div>\n );\n};\n"],"names":["TopLegals","_a","locale","_b","className","legals","flow","_c","dataQaId","filteredLegals","filter","obj","top_legal","reduce","item","language","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":"wBAOO,IAAMA,EAAY,SAACC,OAAEC,EAAMD,EAAAC,OAAEC,EAAcF,EAAAG,UAAdA,OAAY,IAAAD,EAAA,KAAIE,WAAQC,SAAMC,EAAAN,EAAAO,SAAAA,OAAQ,IAAAD,EAAG,cAAaA,EAClFE,EAAiBJ,EAAOK,QAAO,SAACC,GAAQ,OAAAA,EAAIL,OAASA,CAAb,IAUtCM,IARUN,EAAOG,EAAiBJ,GAElCQ,QAAO,SAACF,EAAiCG,GAE7C,OADAH,EAAIG,EAAKC,UAAYD,EACdH,CACR,GAAE,CAAE,GAG4BT,IAAW,IAAEU,UAChD,OACEI,EAAiBC,cAAA,MAAA,CAAA,aAAAT,EAAUJ,UAAWA,GACpCY,EAAAC,cAAA,MAAA,CAAKC,wBAAyB,CAAEC,OAAQP,GAAa,MAG3D"}
@@ -0,0 +1,2 @@
1
+ export{T as Translate}from"./Intl-2eab59e1.js";import"tslib";import"react";
2
+ //# sourceMappingURL=Translate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Translate.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}