ouisys-component-library 3.1.45 → 3.1.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Button-c14a29bd.js → Button-548b3ce9.js} +1 -1
- package/dist/{Button-c14a29bd.js.map → Button-548b3ce9.js.map} +1 -1
- package/dist/Button.js +1 -1
- package/dist/{ChainRedirect-8e60877a.js → ChainRedirect-77894092.js} +1 -1
- package/dist/{ChainRedirect-8e60877a.js.map → ChainRedirect-77894092.js.map} +1 -1
- package/dist/ChainRedirect.js +1 -1
- package/dist/{ConsentAcceptanceCheck-b0bd4364.js → ConsentAcceptanceCheck-566844cf.js} +2 -2
- package/dist/{ConsentAcceptanceCheck-b0bd4364.js.map → ConsentAcceptanceCheck-566844cf.js.map} +1 -1
- package/dist/ConsentAcceptanceCheck.js +1 -1
- package/dist/{CookieConsent-ef0364ab.js → CookieConsent-c36ef4bf.js} +1 -1
- package/dist/{CookieConsent-ef0364ab.js.map → CookieConsent-c36ef4bf.js.map} +1 -1
- package/dist/CookieConsent.js +1 -1
- package/dist/{DynamicPricePoint-bf28ac5a.js → DynamicPricePoint-c68a7025.js} +1 -1
- package/dist/{DynamicPricePoint-bf28ac5a.js.map → DynamicPricePoint-c68a7025.js.map} +1 -1
- package/dist/DynamicPricePoint.js +1 -1
- package/dist/{Email-37baa4a6.js → Email-4645ce81.js} +2 -2
- package/dist/{Email-37baa4a6.js.map → Email-4645ce81.js.map} +1 -1
- package/dist/Email.js +1 -1
- package/dist/{ExtraDisclaimers-8b47011e.js → ExtraDisclaimers-357d7fc6.js} +1 -1
- package/dist/{ExtraDisclaimers-8b47011e.js.map → ExtraDisclaimers-357d7fc6.js.map} +1 -1
- package/dist/ExtraDisclaimers.js +1 -1
- package/dist/{Features-703dd895.js → Features-e90b0a19.js} +1 -1
- package/dist/{Features-703dd895.js.map → Features-e90b0a19.js.map} +1 -1
- package/dist/Features.js +1 -1
- package/dist/{Footer-a0d11d67.js → Footer-087902fa.js} +2 -2
- package/dist/{Footer-a0d11d67.js.map → Footer-087902fa.js.map} +1 -1
- package/dist/Footer.js +1 -1
- package/dist/Header.js +1 -1
- package/dist/{Intl-e5b1e796.js → Intl-75d2ba72.js} +1 -1
- package/dist/{Intl-e5b1e796.js.map → Intl-75d2ba72.js.map} +1 -1
- package/dist/IntlProvider.js +1 -1
- package/dist/{LanguageSwitcher-0838a569.js → LanguageSwitcher-d5f58f8f.js} +1 -1
- package/dist/{LanguageSwitcher-0838a569.js.map → LanguageSwitcher-d5f58f8f.js.map} +1 -1
- package/dist/LanguageSwitcher.js +1 -1
- package/dist/{Link-d268d8de.js → Link-3de7401b.js} +1 -1
- package/dist/{Link-d268d8de.js.map → Link-3de7401b.js.map} +1 -1
- package/dist/Link.js +1 -1
- package/dist/MOForm.js +1 -1
- package/dist/{MOLink-c749774f.js → MOLink-00b7f89c.js} +1 -1
- package/dist/{MOLink-c749774f.js.map → MOLink-00b7f89c.js.map} +1 -1
- package/dist/MOLink.js +1 -1
- package/dist/{Menu-42d20176.js → Menu-f394935e.js} +2 -2
- package/dist/{Menu-42d20176.js.map → Menu-f394935e.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{PageConfig-f80e8dbc.js → PageConfig-720d168b.js} +1 -1
- package/dist/{PageConfig-f80e8dbc.js.map → PageConfig-720d168b.js.map} +1 -1
- package/dist/PageConfig.js +1 -1
- package/dist/PageContent.js +1 -1
- package/dist/PageContent.js.map +1 -1
- package/dist/PhoneEntryForm.js +1 -1
- package/dist/{PhoneInput-4ec7bb6f.js → PhoneInput-980ed552.js} +1 -1
- package/dist/{PhoneInput-4ec7bb6f.js.map → PhoneInput-980ed552.js.map} +1 -1
- package/dist/PhoneInput.js +1 -1
- package/dist/PinEntryForm.js +1 -1
- package/dist/PinEntryForm.js.map +1 -1
- package/dist/{PricePoint-7c3c42bb.js → PricePoint-675a98f0.js} +1 -1
- package/dist/{PricePoint-7c3c42bb.js.map → PricePoint-675a98f0.js.map} +1 -1
- package/dist/PricePoint.js +1 -1
- package/dist/{PricingPolicy-a753d93c.js → PricingPolicy-cd98eb44.js} +2 -2
- package/dist/{PricingPolicy-a753d93c.js.map → PricingPolicy-cd98eb44.js.map} +1 -1
- package/dist/PricingPolicy.js +1 -1
- package/dist/ProductArea.js +1 -1
- package/dist/{RefundPolicy-e8430e08.js → RefundPolicy-bd3f7284.js} +2 -2
- package/dist/{RefundPolicy-e8430e08.js.map → RefundPolicy-bd3f7284.js.map} +1 -1
- package/dist/RefundPolicy.js +1 -1
- package/dist/RootWrapper.js +1 -1
- package/dist/{Showcase-678b039b.js → Showcase-06c2010b.js} +1 -1
- package/dist/{Showcase-678b039b.js.map → Showcase-06c2010b.js.map} +1 -1
- package/dist/Showcase.js +1 -1
- package/dist/SubscriptionArea.js +1 -1
- package/dist/{Testimonials-ba8dc96b.js → Testimonials-884427ea.js} +1 -1
- package/dist/{Testimonials-ba8dc96b.js.map → Testimonials-884427ea.js.map} +1 -1
- package/dist/Testimonials.js +1 -1
- package/dist/ThankYou.js +1 -1
- package/dist/Translate.js +1 -1
- package/dist/{Unsubscription-6977491a.js → Unsubscription-0f4cafdb.js} +2 -2
- package/dist/{Unsubscription-6977491a.js.map → Unsubscription-0f4cafdb.js.map} +1 -1
- package/dist/Unsubscription.js +1 -1
- package/dist/defineMessages.js +1 -1
- package/dist/{focus-baf404c8.js → focus-b405d187.js} +1 -1
- package/dist/{focus-baf404c8.js.map → focus-b405d187.js.map} +1 -1
- package/dist/formatSMSLink.js +1 -1
- package/dist/injectIntl.js +1 -1
- package/dist/{routes-63b7c4eb.js → routes-6b1071d0.js} +1 -1
- package/dist/{routes-63b7c4eb.js.map → routes-6b1071d0.js.map} +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{__read as e}from"tslib";import n from"classnames";import a,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],g=function(g){var _,i,r=g.locale,o=g.switchLang,c=g.options,m=void 0===c?u:c,L=g.className,s=void 0===L?"":L,d=g.dataQaId,v=void 0===d?"language-switcher":d,M=g.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var n=e.currentTarget.value;M&&M.customEvent("language","change","change language",{locale:n}),o(n)},p=function(){S(!w)};return(null==m?void 0:m.length)&&1===(null==m?void 0:m.length)?null:a.createElement(a.Fragment,null,2===m.length?a.createElement(a.Fragment,null,a.createElement("div",{className:n(l.langRadio,"langRadio",s)},m.map((function(e){var n=e.value,t=e.label;return a.createElement("li",{key:n},a.createElement("input",{type:"radio",id:"radio-".concat(n),name:"radios",value:n,checked:r===n,onChange:function(e){return E(e)}}),a.createElement("label",{htmlFor:"radio-".concat(n)},t))})))):a.createElement(a.Fragment,null,a.createElement("div",{className:n(l.LangMenuOverlay,"LangMenuOverlay",(_={},_[l.open]=w,_[l.closed]=!w,_),s),"data-qa-id":v,onClick:p}),a.createElement("div",{className:n(l.LangMenu,"LangMenu",s),"data-qa-id":v},a.createElement("button",{className:n(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},r,a.createElement("i",{className:n(l.Chevron,"Chevron")})),a.createElement("ul",{className:n(l.LangMenu__list,"LangMenu__list",(i={},i[l.LangMenu__list_open]=w,i[l.LangMenu__list_closed]=!w,i),s)},a.createElement("i",{className:n(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,a.createElement("li",{key:u,className:n(l.LangMenu__item,"LangMenu__item")},a.createElement("button",{value:u,type:"button",onClick:E,className:n(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===r,t),s)},u))}))))))};export{g as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-
|
|
2
|
+
//# sourceMappingURL=LanguageSwitcher-d5f58f8f.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-
|
|
1
|
+
{"version":3,"file":"LanguageSwitcher-d5f58f8f.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n if (!!options?.length && options?.length === 1) {\n return null;\n }\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li key={value}>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li key={value} className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","length","React","createElement","Fragment","cn","styles","langRadio","map","key","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/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,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAEA,OAAMT,aAAO,EAAPA,EAASgB,SAA8B,KAApBhB,aAAO,EAAPA,EAASgB,QACzB,KAIPC,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBnB,EAAQgB,OACPC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DuB,EAAAC,cAAA,KAAA,CAAIM,IAAK/B,GACPwB,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAlC,GACbmC,KAAK,SACLnC,MAAOA,EACPoC,QAAShC,IAAWJ,EACpBqC,SAAU,SAACC,GAAM,OAAApB,EAAwBoB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAlC,IAAUC,GAVyB,MAgBpEuB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEhB,UAAWkB,EACTC,EAAOY,gBACP,mBACEC,EAAA,GAAAA,EAACb,EAAOc,MAAO1B,EAAYyB,EAACb,EAAOe,SAAU3B,EAAUyB,GACzDhC,gBAEUE,EACZiC,QAAStB,IAGXE,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOiB,SAAU,WAAYpC,gBAAwBE,GACtEa,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAGC,EAAOkB,iBAAkB,mBAAoB,mBAAoBrC,GAC/EuB,KAAK,SACLY,QAAStB,GAERlB,EACDoB,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOmB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAhB,UAAWkB,EACTC,EAAOoB,eACP,kBACEC,EAAA,GAAAA,EAACrB,EAAOsB,qBAAsBlC,EAAYiC,EAACrB,EAAOuB,wBAAyBnC,EAC7EiC,GAAAxC,IAGFe,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOwB,OAAQ,SAAU3C,GAAYmC,QAAStB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BuB,EAAAC,cAAA,KAAA,CAAIM,IAAK/B,EAAOS,UAAWkB,EAAGC,EAAOyB,eAAgB,mBACnD7B,EAAAC,cAAA,SAAA,CACEzB,MAAOA,EACPgC,KAAK,SACLY,QAAS1B,EACTT,UAAWkB,EACTC,EAAO0B,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACb,EAAO2B,QAASvD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
package/dist/LanguageSwitcher.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{L as LanguageSwitcher}from"./LanguageSwitcher-
|
|
1
|
+
export{L as LanguageSwitcher}from"./LanguageSwitcher-d5f58f8f.js";import"tslib";import"classnames";import"react";
|
|
2
2
|
//# sourceMappingURL=LanguageSwitcher.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
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,s=void 0===o?"link":o,t=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":s,href:t,hrefLang:v,onClick:function(a){C&&C.customEvent("link","click","click link",{link:t}),h&&h(a)}},p),e)};export{r as L};
|
|
2
|
-
//# sourceMappingURL=Link-
|
|
2
|
+
//# sourceMappingURL=Link-3de7401b.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link-
|
|
1
|
+
{"version":3,"file":"Link-3de7401b.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"}
|
package/dist/Link.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{L as Link}from"./Link-
|
|
1
|
+
export{L as Link}from"./Link-3de7401b.js";import"tslib";import"classnames";import"react";
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
package/dist/MOForm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import t,{useState as l}from"react";import{B as
|
|
1
|
+
import{__read as e}from"tslib";import t,{useState as l}from"react";import{B as n}from"./Button-548b3ce9.js";import{M as a}from"./MOLink-00b7f89c.js";import"classnames";var o=function(o){var i=o.onBack,s=o.keyword,d=o.shortcode,r=o.onSubmit,m=o.formattedMessage,u=e(l(!1),2),c=u[0],f=u[1];return t.createElement("div",{className:"mo"},t.createElement("div",{className:"mobile"},c?t.createElement(a,{onClick:function(){null==r||r()},keywordAndShortcode:{keyword:s||"",shortcode:d||""},className:"mo-link-request-again"},t.createElement("h3",{className:"waiting"},(null==m?void 0:m({id:"moRequestWaiting",defaultMessage:"Waiting for your response..."}))||"Waiting for your response..."),t.createElement("div",{className:"label"},(null==m?void 0:m({id:"moRequestMessage",defaultMessage:"If you did not receive the download link via SMS, please click the button below:"}))||"If you did not receive the download link via SMS, please click the button below:"),t.createElement(n,{className:"btn",id:"retryMoButton"},(null==m?void 0:m({id:"moRequestButton",defaultMessage:"Request again!"}))||"Request again!"),t.createElement("div",{className:"mo__instruction"},t.createElement("span",null,(null==m?void 0:m({id:"moLabelSend",defaultMessage:"Send"}))||"Send"),t.createElement("b",null,s),t.createElement("span",null,(null==m?void 0:m({id:"moLabelTo",defaultMessage:"to"}))||"to"),t.createElement("b",null,d))):t.createElement(a,{onClick:function(){null==r||r(),f(!0)},keywordAndShortcode:{keyword:s||"",shortcode:d||""},className:"mo-link-verify-sms"},t.createElement("div",{className:"label"},(null==m?void 0:m({id:"moTitle",defaultMessage:"Please verify your mobile number by pressing the button below to continue downloading your file."}))||"Please verify your mobile number by pressing the button below to continue downloading your file."),t.createElement("button",{type:"button",className:"btn"},(null==m?void 0:m({id:"moButton",defaultMessage:"Verify via SMS"}))||"Verify via SMS"),t.createElement("div",{className:"mo__instruction"},t.createElement("span",null,(null==m?void 0:m({id:"moLabelSend",defaultMessage:"Send"}))||"Send"),t.createElement("b",null,s),t.createElement("span",null,(null==m?void 0:m({id:"moLabelTo",defaultMessage:"to"}))||"to"),t.createElement("b",null,d))),t.createElement("div",{className:"mo__additional-text"},(null==m?void 0:m({id:"moAdditionalText",defaultMessage:"(FREE SMS) for confirmation"}))||"(FREE SMS) for confirmation"),t.createElement("a",{onClick:i},t.createElement("div",{className:"mo__try-again-link"},(null==m?void 0:m({id:"tryAgainLabel",defaultMessage:"Try again"}))||"Try again"))),t.createElement("div",{className:"desktop"},t.createElement("div",{className:"label"},(null==m?void 0:m({id:"moTitleDesktop",defaultMessage:"Please follow the instruction below to continue downloading your file."}))||"Please follow the instruction below to continue downloading your file."),t.createElement("div",{className:"mo__instruction"},t.createElement("span",null,(null==m?void 0:m({id:"moLabelSend",defaultMessage:"Send"}))||"Send"),t.createElement("b",null,s),t.createElement("span",null,(null==m?void 0:m({id:"moLabelTo",defaultMessage:"to"}))||"to"),t.createElement("b",null,d)),t.createElement("div",{className:"additional-text"},(null==m?void 0:m({id:"moAdditionalText",defaultMessage:"(FREE SMS) for confirmation"}))||"(FREE SMS) for confirmation")))};export{o as MOForm};
|
|
2
2
|
//# sourceMappingURL=MOForm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{__rest as o,__assign as a}from"tslib";import*as e from"react";var t=function(o,a){var e,t,c=null===(t=null===(e=null===window||void 0===window?void 0:window.pac_analytics)||void 0===e?void 0:e.visitor)||void 0===t?void 0:t["x-requested-with"];return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?a?"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(c)}))?"/mo-redirect-util/".concat(o.shortcode,"/").concat(o.keyword):c&&null!==c&&-1!==c.indexOf("com.facebook")?"sms://".concat(o.shortcode,"?body=").concat(o.keyword):"sms:".concat(o.shortcode,"?body=").concat(o.keyword)},c=function(c){var d=c.keywordAndShortcode,n=c.className,r=c.dataQaId,i=void 0===r?"mo-link":r,s=c.children,m=o(c,["keywordAndShortcode","className","dataQaId","children"]);return e.createElement("a",a({href:t(d),className:n,"data-qa-id":i},m),s)};export{c as M,t as f};
|
|
2
|
-
//# sourceMappingURL=MOLink-
|
|
2
|
+
//# sourceMappingURL=MOLink-00b7f89c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MOLink-
|
|
1
|
+
{"version":3,"file":"MOLink-00b7f89c.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 const xRequestedWith = (window?.pac_analytics?.visitor as any)?.['x-requested-with'];\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(xRequestedWith)\n )\n ) {\n // FB Browser (requested by Berkay in GR)\n return `/mo-redirect-util/${keywordAndShortcode.shortcode}/${keywordAndShortcode.keyword}`;\n }\n if (!!xRequestedWith && xRequestedWith !== null && xRequestedWith.indexOf('com.facebook') !== -1) {\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","xRequestedWith","_b","_a","window","pac_analytics","visitor","navigator","test","userAgent","shortcode","concat","keyword","some","x","RegExp","indexOf","MOLink","className","dataQaId","children","props","__rest","React","createElement","__assign","href"],"mappings":"qEAGa,IAAAA,EAAgB,SAACC,EAAwCC,WAC9DC,EAA2D,QAA1CC,EAAwB,QAAvBC,SAAAC,aAAM,IAANA,YAAM,EAANA,OAAQC,qBAAe,IAAAF,OAAA,EAAAA,EAAAG,eAAkB,IAAAJ,OAAA,EAAAA,EAAA,oBACjE,MACuB,oBAAdK,YACN,UAAUC,KAAKD,UAAUE,YAAc,UAAUD,KAAKD,UAAUE,YAG1DT,EACH,8BAAuBD,EAAoBW,UAAkB,UAAAC,OAAAZ,EAAoBa,SACjF,OAAOD,OAAAZ,EAAoBW,2BAAkBX,EAAoBa,SAGrE,CAAC,oBAAqB,sBAAuB,yBAAyBC,MAAK,SAACC,GAC1E,OAAA,IAAIC,OAAOD,EAAG,MAAMN,KAAKP,EAAzB,IAIK,qBAAAU,OAAqBZ,EAAoBW,sBAAaX,EAAoBa,SAE7EX,GAAqC,OAAnBA,IAAuE,IAA5CA,EAAee,QAAQ,gBAEjE,SAAAL,OAASZ,EAAoBW,2BAAkBX,EAAoBa,SAGrE,OAAAD,OAAOZ,EAAoBW,2BAAkBX,EAAoBa,QAC1E,EAEaK,EAA2C,SAACd,GACvD,IAAAJ,EAAmBI,EAAAJ,oBACnBmB,EAASf,EAAAe,UACThB,aAAAiB,aAAW,UAASjB,EACpBkB,EAAQjB,EAAAiB,SACLC,EAAKC,EAAAnB,EAL+C,2DAMnD,OAEJoB,EAAAC,cAAA,IAAAC,EAAA,CAAGC,KAAM5B,EAAcC,GAAsBmB,UAAWA,EAAS,aAAcC,GAAcE,GAC1FD"}
|
package/dist/MOLink.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{M as MOLink}from"./MOLink-
|
|
1
|
+
export{M as MOLink}from"./MOLink-00b7f89c.js";import"tslib";import"react";
|
|
2
2
|
//# sourceMappingURL=MOLink.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import n from"classnames";import l,{useState as _}from"react";import{l as u,r as m}from"./routes-
|
|
2
|
-
//# sourceMappingURL=Menu-
|
|
1
|
+
import{__read as e}from"tslib";import n from"classnames";import l,{useState as _}from"react";import{l as u,r as m}from"./routes-6b1071d0.js";var t="Menu-module_menu__-1EdZ",a="Menu-module_menu__button__81SFo",o="Menu-module_menu__item__HiaJ9",c="Menu-module_menu__icon__5eQF7",i="Menu-module_menu__icon_hamburger__TcIuU",r="Menu-module_menu__icon_active__Nt5aS",d="Menu-module_menu__list__2RJNB",s="Menu-module_menu__list_open__ylNek",v="Menu-module_menu__list_closed__6SpmJ",M="Menu-module_menu__logo__cYLVU",E="Menu-module_menuOverlay__tS5Ft",p="Menu-module_menuOverlay_open__TcdJR",N="Menu-module_menuOverlay_closed__ABmM3",b=function(b){var f,g,y,O,k,F=b.locale,J=b.className,S=void 0===J?"":J;b.labels,b.isOpen,b.setIsOpen;var h=b.dataQaId,q=void 0===h?"qa-menu":h,C=b.logoUrl,I=e(_(!1),2),U=I[0],j=I[1],B=null==u?void 0:u[F],Q=function(){j(!U)};return l.createElement(l.Fragment,null,l.createElement("div",{className:n(E,"menuOverlay",(f={},f[p]=U,f[N]=!U,f),S),"data-qa-id":q,onClick:Q}),l.createElement("div",{className:n(t,"menu",S),"data-qa-id":q},l.createElement("button",{className:n(a,"menu__button","menu__button_".concat(U?"active":"inactive")),type:"button",onClick:Q},l.createElement("div",{className:n(c,"menu__icon",(g={},g["".concat(r," menu__icon_active")]=U,g))},l.createElement("div",{className:n(i,"menu__icon_hamburger")}))),l.createElement("div",{className:n(d,"menu__list",(y={},y[s]=U,y[v]=!U,y)),onClick:Q},l.createElement("div",{className:n(M,"menu__logo")},l.createElement("img",{src:C,alt:"logo"})),l.createElement("ul",null,(null==B?void 0:B.Menu)?null===(k=null===(O=Object.keys(null==B?void 0:B.Menu))||void 0===O?void 0:O.filter((function(e){var n;return null===(n=null==u?void 0:u[F])||void 0===n?void 0:n.Menu[e]})))||void 0===k?void 0:k.map((function(e,_){return l.createElement("li",{key:_,className:n(o,"menu__item")},l.createElement("a",{href:"/".concat(F).concat(m[e])},B.Menu[e]))})):null))))};export{b as M};
|
|
2
|
+
//# sourceMappingURL=Menu-f394935e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu-
|
|
1
|
+
{"version":3,"file":"Menu-f394935e.js","sources":["../src/Menu/Menu.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport lng from '../utilities/navigation/locale';\nimport { routes } from '../utilities/navigation/routes';\nimport styles from './Menu.module.scss';\nimport { InterfaceFeatures } from './Menu.types';\n\nexport const Menu = ({\n locale,\n className = '',\n labels,\n isOpen,\n setIsOpen,\n dataQaId = 'qa-menu',\n logoUrl\n}: InterfaceFeatures) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const localeData = lng?.[locale as keyof typeof lng];\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n return (\n <>\n <div\n className={cn(\n styles.menuOverlay,\n 'menuOverlay',\n { [styles.menuOverlay_open]: isMenuOpen, [styles.menuOverlay_closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n <div className={cn(styles.menu, 'menu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.menu__button, 'menu__button', `menu__button_${isMenuOpen ? 'active' : 'inactive'}`)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n <div\n className={cn(styles.menu__icon, 'menu__icon', {\n [`${styles.menu__icon_active} menu__icon_active`]: isMenuOpen\n })}\n >\n <div className={cn(styles.menu__icon_hamburger, 'menu__icon_hamburger')} />\n </div>\n </button>\n <div\n className={cn(styles.menu__list, 'menu__list', {\n [styles.menu__list_open]: isMenuOpen,\n [styles.menu__list_closed]: !isMenuOpen\n })}\n onClick={handleMenuClick}\n >\n <div className={cn(styles.menu__logo, 'menu__logo')}>\n <img src={logoUrl} alt=\"logo\" />\n </div>\n\n <ul>\n {localeData?.Menu\n ? Object.keys(localeData?.Menu)\n ?.filter((key) => lng?.[locale as keyof typeof lng]?.Menu[key as keyof typeof localeData.Menu])\n ?.map((key, index) => (\n <li key={index} className={cn(styles.menu__item, 'menu__item')}>\n <a href={`/${locale}${routes[key as keyof typeof routes]}`}>\n {localeData.Menu[key as keyof typeof localeData.Menu]}\n </a>\n </li>\n ))\n : null}\n </ul>\n </div>\n </div>\n </>\n );\n};\n"],"names":["Menu","_a","locale","_g","className","labels","setIsOpen","_h","dataQaId","logoUrl","_j","__read","useState","isMenuOpen","setIsMenuOpen","localeData","lng","handleMenuClick","React","createElement","Fragment","cn","styles","_b","onClick","concat","type","_c","_d","src","alt","_f","_e","Object","keys","filter","key","map","index","href","routes"],"mappings":"mnBAOaA,EAAO,SAACC,iBACnBC,EAAMD,EAAAC,OACNC,EAAAF,EAAAG,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACRF,EAAAI,gBAEGJ,EAAAK,UAAA,IACTC,EAAoBN,EAAAO,SAApBA,OAAQ,IAAAD,EAAG,UAASA,EACpBE,EAAOR,EAAAQ,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAAaC,eAAAA,EAAMd,GACnBe,EAAkB,WACtBH,GAAeD,EACjB,EAEA,OACEK,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWiB,EACTC,EACA,eACEC,EAAA,GAAAA,EAACD,GAA0BT,EAAYU,EAACD,IAA6BT,EAAUU,GACjFnB,gBAEUI,EACZgB,QAASP,IAEXC,EAAAC,cAAA,MAAA,CAAKf,UAAWiB,EAAGC,EAAa,OAAQlB,gBAAwBI,GAC9DU,EAAAC,cAAA,SAAA,CACEf,UAAWiB,EAAGC,EAAqB,eAAgB,gBAAgBG,OAAAZ,EAAa,SAAW,aAC3Fa,KAAK,SACLF,QAASP,GAETC,EACEC,cAAA,MAAA,CAAAf,UAAWiB,EAAGC,EAAmB,cAAYK,EAAA,CAAA,EAC3CA,EAAC,UAAGL,EAAwB,uBAAuBT,EACnDc,KAEFT,EAAAC,cAAA,MAAA,CAAKf,UAAWiB,EAAGC,EAA6B,4BAGpDJ,EACEC,cAAA,MAAA,CAAAf,UAAWiB,EAAGC,EAAmB,cAAYM,EAAA,CAAA,EAC3CA,EAACN,GAAyBT,EAC1Be,EAACN,IAA4BT,MAE/BW,QAASP,GAETC,EAAKC,cAAA,MAAA,CAAAf,UAAWiB,EAAGC,EAAmB,eACpCJ,EAAKC,cAAA,MAAA,CAAAU,IAAKpB,EAASqB,IAAI,UAGzBZ,EAAAC,cAAA,KAAA,MACGJ,aAAA,EAAAA,EAAYf,MAGL,QAFJ+B,EAA6B,QAA7BC,EAAAC,OAAOC,KAAKnB,aAAA,EAAAA,EAAYf,aAAK,IAAAgC,OAAA,EAAAA,EACzBG,QAAO,SAACC,GAAQ,IAAAnC,EAAA,OAAmC,QAAnCA,EAAAe,aAAA,EAAAA,EAAMd,UAA6B,IAAAD,OAAA,EAAAA,EAAAD,KAAKoC,EAAoC,WAC5F,IAAAL,OAAA,EAAAA,EAAAM,KAAI,SAACD,EAAKE,GAAU,OACpBpB,EAAAC,cAAA,KAAA,CAAIiB,IAAKE,EAAOlC,UAAWiB,EAAGC,EAAmB,eAC/CJ,EAAGC,cAAA,IAAA,CAAAoB,KAAM,IAAId,OAAAvB,UAASsC,EAAOJ,KAC1BrB,EAAWf,KAAKoC,QAIzB,QAMhB"}
|
package/dist/Menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{M as Menu}from"./Menu-
|
|
1
|
+
export{M as Menu}from"./Menu-f394935e.js";import"tslib";import"classnames";import"react";import"./routes-6b1071d0.js";
|
|
2
2
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{__read as e,__assign as t}from"tslib";import n from"react";var o=function(o){var r=o.pageConfigs,a=o.setPageConfigs;return n.createElement("div",{style:{backgroundColor:"rgba(240, 240, 240, 0.8)",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"sticky",right:0,top:0,display:window.innerWidth>=1024?"block":"none"}},Object.entries(r).map((function(o){var i=e(o,2),l=i[0],c=i[1];return"boolean"==typeof c||"string"==typeof c||"number"==typeof c?n.createElement("div",{key:l,style:{marginBottom:"10px",display:"flex",flexDirection:"row",justifyContent:"space-between"}},n.createElement("span",null,null==l?void 0:l.toUpperCase()),function(e){var o=e.key,i=e.value,l="boolean"==typeof i;return n.createElement("input",{checked:l?!0===i:void 0,type:l?"checkbox":"text",value:l?i?"true":"false":i,onChange:function(e){var n,i=l?e.target.checked:e.target.value;a(t(t({},r),((n={})[o]=i,n)))}})}({key:l,value:c})):null})))};export{o as P};
|
|
2
|
-
//# sourceMappingURL=PageConfig-
|
|
2
|
+
//# sourceMappingURL=PageConfig-720d168b.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageConfig-
|
|
1
|
+
{"version":3,"file":"PageConfig-720d168b.js","sources":["../src/PageConfig/PageConfig.tsx"],"sourcesContent":["import React from 'react';\nimport { IPageConfigProps } from './PageConfig.types';\n\nexport const PageConfig: React.FC<IPageConfigProps> = ({ pageConfigs, setPageConfigs }) => {\n const renderInput = ({ key, value }: { key: string; value: any }) => {\n const isBoolean = typeof value === 'boolean';\n const isString = typeof value === 'string';\n switch (typeof value) {\n default:\n return (\n <input\n checked={isBoolean ? value === true : undefined}\n type={isBoolean ? 'checkbox' : isString ? 'text' : 'text'}\n value={(isBoolean ? (value ? 'true' : 'false') : value) as any}\n onChange={(e) => {\n const newValue = isBoolean ? e.target.checked : e.target.value;\n setPageConfigs({ ...pageConfigs, [key]: newValue });\n }}\n />\n );\n }\n };\n\n return (\n <div\n style={{\n backgroundColor: 'rgba(240, 240, 240, 0.8)',\n width: '20%',\n padding: '10px',\n overflowY: 'scroll',\n height: 'fit-content',\n position: 'sticky',\n right: 0,\n top: 0,\n display: window.innerWidth >= 1024 ? 'block' : 'none'\n }}\n >\n {Object.entries(pageConfigs).map(([key, value]) => {\n const isboolean = typeof value === 'boolean';\n const isString = typeof value === 'string';\n\n if (!isboolean && !isString && typeof value !== 'number') {\n return null; // Skip non-boolean and non-string values\n }\n\n return (\n <div\n key={key}\n style={{ marginBottom: '10px', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}\n >\n <span>{key?.toUpperCase()}</span>\n {renderInput({ key, value })}\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["PageConfig","_a","pageConfigs","setPageConfigs","React","createElement","style","backgroundColor","width","padding","overflowY","height","position","right","top","display","window","innerWidth","Object","entries","map","_b","__read","key","value","marginBottom","flexDirection","justifyContent","toUpperCase","isBoolean","checked","undefined","type","onChange","e","newValue","target","renderInput"],"mappings":"kEAGO,IAAMA,EAAyC,SAACC,OAAEC,EAAWD,EAAAC,YAAEC,EAAcF,EAAAE,eAoBlF,OACEC,EACEC,cAAA,MAAA,CAAAC,MAAO,CACLC,gBAAiB,2BACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,SACVC,MAAO,EACPC,IAAK,EACLC,QAASC,OAAOC,YAAc,KAAO,QAAU,SAGhDC,OAAOC,QAAQjB,GAAakB,KAAI,SAACnB,GAAA,IAAAoB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCpB,EACEC,cAAA,MAAA,CAAAkB,IAAKA,EACLjB,MAAO,CAAEmB,aAAc,OAAQV,QAAS,OAAQW,cAAe,MAAOC,eAAgB,kBAEtFvB,EAAOC,cAAA,OAAA,KAAAkB,aAAG,EAAHA,EAAKK,eA9CF,SAAC3B,OAAEsB,EAAGtB,EAAAsB,IAAEC,EAAKvB,EAAAuB,MACzBK,EAA6B,kBAAVL,EAIrB,OACEpB,EAAAC,cAAA,QAAA,CACEyB,QAASD,GAAsB,IAAVL,OAAiBO,EACtCC,KAAMH,EAAY,WAAwB,OAC1CL,MAAQK,EAAaL,EAAQ,OAAS,QAAWA,EACjDS,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOZ,MACzDrB,SAAoBD,KAAWD,EAAA,CAAA,GAAGsB,GAAMY,MACzC,GAIX,CA8BWE,CAAY,CAAEd,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}
|
package/dist/PageConfig.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{P as PageConfig}from"./PageConfig-
|
|
1
|
+
export{P as PageConfig}from"./PageConfig-720d168b.js";import"tslib";import"react";
|
|
2
2
|
//# sourceMappingURL=PageConfig.js.map
|
package/dist/PageContent.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"react";import{C as l}from"./CookieConsent-
|
|
1
|
+
import o from"react";import{C as l}from"./CookieConsent-c36ef4bf.js";import{F as i}from"./Features-e90b0a19.js";import{F as e}from"./Footer-087902fa.js";import{P as n}from"./PricingPolicy-cd98eb44.js";import{R as a}from"./RefundPolicy-bd3f7284.js";import{S as r}from"./Showcase-06c2010b.js";import{T as t}from"./Testimonials-884427ea.js";import{U as c}from"./Unsubscription-0f4cafdb.js";import"tslib";import"classnames";import"./Intl-75d2ba72.js";import"./routes-6b1071d0.js";var d=function(d){var s,v,m,u,p,f,w,h,b,g,C,S,E,j,k,y=d.email,N=d.pageConfigs,U=d.locale,P=void 0===U?"en":U,T=d.legals,F=d.tracker,I=d.onConsentUpdate,V=(null===(s=null==N?void 0:N.logo)||void 0===s?void 0:s.url)||"";return o.createElement("div",{className:"page-content",onClick:function(){}},o.createElement("div",{className:"scroll-up",onClick:function(){window.scrollTo({top:0,behavior:"smooth"}),null==F||F.customEvent("image-cards","click","scroll-to-top")}},(null==N?void 0:N.isShowWhyChooseUs)&&o.createElement(i,{type:null==N?void 0:N.contentCategory,locale:P,tracker:F,domain:null===(v=null===window||void 0===window?void 0:window.location)||void 0===v?void 0:v.origin,headline:""}),(null==N?void 0:N.isShowShowCase)&&o.createElement(r,{tracker:F,locale:P,type:null==N?void 0:N.contentCategory,domain:null===(m=null===window||void 0===window?void 0:window.location)||void 0===m?void 0:m.origin}),(null==N?void 0:N.isShowPricingTable)&&o.createElement(n,{hideSections:!0,priceUnit:(null==N?void 0:N.isNewLegal)?null===(f=null===(p=null===(u=null==N?void 0:N.legalVariables)||void 0===u?void 0:u.operators)||void 0===p?void 0:p[0])||void 0===f?void 0:f.frequency:null==T?void 0:T.price_point,priceValue:(null==N?void 0:N.isNewLegal)?"".concat(null===(b=null===(h=null===(w=null==N?void 0:N.legalVariables)||void 0===w?void 0:w.operators)||void 0===h?void 0:h[0])||void 0===b?void 0:b.currency," ").concat(null===(S=null===(C=null===(g=null==N?void 0:N.legalVariables)||void 0===g?void 0:g.operators)||void 0===C?void 0:C[0])||void 0===S?void 0:S.amount):"",locale:P}),(null==N?void 0:N.isShowRefundPolicy)&&o.createElement(a,{locale:P,serviceName:null==N?void 0:N.serviceName}),(null==N?void 0:N.isShowUnsubscription)&&o.createElement(c,{locale:P}),(null==N?void 0:N.isShowTestimonials)&&o.createElement(t,{locale:P})),(null==N?void 0:N.isShowAboutUs)&&o.createElement(e,{tracker:F,locale:P,mccName:null===(E=null==N?void 0:N.mccInformation)||void 0===E?void 0:E.mcc,address:null===(j=null==N?void 0:N.mccInformation)||void 0===j?void 0:j.address,email:y,phone:null===(k=null==N?void 0:N.mccInformation)||void 0===k?void 0:k.mcc_phone_number,logoUrl:V,serviceName:null==N?void 0:N.serviceName,className:"footer"}),(null==N?void 0:N.isShowConsentCookie)&&o.createElement(l,{tracker:F,hasMoreOptions:!0,onUpdate:function(o){I&&I(o)},locale:P}))};export{d as PageContent};
|
|
2
2
|
//# sourceMappingURL=PageContent.js.map
|
package/dist/PageContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sources":["../src/PageContent/PageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CookieConsent } from '../CookieConsent/CookieConsent';\nimport { Features } from '../Features/Features';\nimport { Footer } from '../Footer/Footer';\nimport { PricingPolicy } from '../PricingPolicy/PricingPolicy';\nimport { RefundPolicy } from '../RefundPolicy/RefundPolicy';\nimport { Showcase } from '../Showcase/Showcase';\nimport { Testimonials } from '../Testimonials/Testimonials';\nimport { Unsubscription } from '../Unsubscription/Unsubscription';\nimport { InterfaceFeatures } from './PageContent.types';\n\nexport const PageContent = ({\n email,\n pageConfigs,\n locale = 'en',\n legals,\n tracker,\n onConsentUpdate\n}: InterfaceFeatures) => {\n const logoUrl = pageConfigs?.logo?.url || '';\n\n const scrollToTop = () => {\n // window.scrollTo({ top: 0, behavior: \"smooth\" });\n };\n\n return (\n <div className=\"page-content\" onClick={() => scrollToTop()}>\n <div\n className=\"scroll-up\"\n onClick={() => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n tracker?.customEvent('image-cards', 'click', 'scroll-to-top');\n }}\n >\n {pageConfigs?.isShowWhyChooseUs && (\n <Features\n type={pageConfigs?.contentCategory}\n locale={locale}\n tracker={tracker}\n domain={window?.location?.origin}\n headline=\"\"\n />\n )}\n\n {pageConfigs?.isShowShowCase && (\n <Showcase\n tracker={tracker}\n locale={locale}\n type={pageConfigs?.contentCategory}\n domain={window?.location?.origin}\n />\n )}\n\n {pageConfigs?.isShowPricingTable && (\n <PricingPolicy\n hideSections\n priceUnit={pageConfigs?.legalVariables?.operators?.[0]?.frequency}\n priceValue={`${pageConfigs?.legalVariables?.operators?.[0]?.currency} ${pageConfigs?.legalVariables?.operators?.[0]?.amount}
|
|
1
|
+
{"version":3,"file":"PageContent.js","sources":["../src/PageContent/PageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CookieConsent } from '../CookieConsent/CookieConsent';\nimport { Features } from '../Features/Features';\nimport { Footer } from '../Footer/Footer';\nimport { PricingPolicy } from '../PricingPolicy/PricingPolicy';\nimport { RefundPolicy } from '../RefundPolicy/RefundPolicy';\nimport { Showcase } from '../Showcase/Showcase';\nimport { Testimonials } from '../Testimonials/Testimonials';\nimport { Unsubscription } from '../Unsubscription/Unsubscription';\nimport { InterfaceFeatures } from './PageContent.types';\n\nexport const PageContent = ({\n email,\n pageConfigs,\n locale = 'en',\n legals,\n tracker,\n onConsentUpdate\n}: InterfaceFeatures) => {\n const logoUrl = pageConfigs?.logo?.url || '';\n\n const scrollToTop = () => {\n // window.scrollTo({ top: 0, behavior: \"smooth\" });\n };\n\n return (\n <div className=\"page-content\" onClick={() => scrollToTop()}>\n <div\n className=\"scroll-up\"\n onClick={() => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n tracker?.customEvent('image-cards', 'click', 'scroll-to-top');\n }}\n >\n {pageConfigs?.isShowWhyChooseUs && (\n <Features\n type={pageConfigs?.contentCategory}\n locale={locale}\n tracker={tracker}\n domain={window?.location?.origin}\n headline=\"\"\n />\n )}\n\n {pageConfigs?.isShowShowCase && (\n <Showcase\n tracker={tracker}\n locale={locale}\n type={pageConfigs?.contentCategory}\n domain={window?.location?.origin}\n />\n )}\n\n {pageConfigs?.isShowPricingTable && (\n <PricingPolicy\n hideSections\n priceUnit={\n pageConfigs?.isNewLegal\n ? pageConfigs?.legalVariables?.operators?.[0]?.frequency\n : (legals as any)?.price_point\n }\n priceValue={\n pageConfigs?.isNewLegal\n ? `${pageConfigs?.legalVariables?.operators?.[0]?.currency} ${pageConfigs?.legalVariables?.operators?.[0]?.amount}`\n : ''\n }\n locale={locale}\n />\n )}\n\n {pageConfigs?.isShowRefundPolicy && <RefundPolicy locale={locale} serviceName={pageConfigs?.serviceName} />}\n\n {pageConfigs?.isShowUnsubscription && <Unsubscription locale={locale} />}\n\n {pageConfigs?.isShowTestimonials && <Testimonials locale={locale} />}\n </div>\n\n {pageConfigs?.isShowAboutUs && (\n <Footer\n tracker={tracker}\n locale={locale}\n mccName={pageConfigs?.mccInformation?.mcc}\n address={pageConfigs?.mccInformation?.address}\n email={email}\n phone={pageConfigs?.mccInformation?.mcc_phone_number}\n logoUrl={logoUrl}\n serviceName={pageConfigs?.serviceName}\n className=\"footer\"\n />\n )}\n\n {pageConfigs?.isShowConsentCookie && (\n <CookieConsent\n tracker={tracker}\n hasMoreOptions\n onUpdate={(consent) => {\n if (onConsentUpdate) {\n onConsentUpdate(consent);\n }\n }}\n locale={locale}\n />\n )}\n </div>\n );\n};\n"],"names":["PageContent","_a","email","pageConfigs","_s","locale","legals","tracker","onConsentUpdate","logoUrl","_b","logo","url","React","createElement","className","onClick","window","scrollTo","top","behavior","customEvent","isShowWhyChooseUs","Features","type","contentCategory","domain","_c","location","origin","headline","isShowShowCase","Showcase","_d","isShowPricingTable","PricingPolicy","hideSections","priceUnit","isNewLegal","_g","_f","_e","legalVariables","operators","frequency","price_point","priceValue","concat","_k","_j","_h","currency","_m","_l","_o","amount","isShowRefundPolicy","RefundPolicy","serviceName","isShowUnsubscription","Unsubscription","isShowTestimonials","Testimonials","isShowAboutUs","Footer","mccName","_p","mccInformation","mcc","address","_q","phone","_r","mcc_phone_number","isShowConsentCookie","CookieConsent","hasMoreOptions","onUpdate","consent"],"mappings":"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"}
|
package/dist/PhoneEntryForm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import n,{useState as t,useRef as o,useEffect as s}from"react";import{B as a}from"./Button-
|
|
1
|
+
import{__read as e}from"tslib";import n,{useState as t,useRef as o,useEffect as s}from"react";import{B as a}from"./Button-548b3ce9.js";import{C as i}from"./ConsentAcceptanceCheck-566844cf.js";import{D as l}from"./DynamicPricePoint-c68a7025.js";import{M as c}from"./PhoneInput-980ed552.js";import{P as r}from"./PricePoint-675a98f0.js";import"classnames";import"./ExtraDisclaimers-357d7fc6.js";import"awesome-phonenumber";var m=function(m){var u=m.phoneInputRef,d=m.countryCode,p=m.msisdnPrefix,f=m.msisdn,C=m.locale,h=m.legals,b=m.buttonId,v=m.setMsisdn,g=m.onChange,k=m.tracker,E=m.formattedMessage,M=m.toolTipLabel,w=m.renderTopContent,B=m.msisdnLabel,N=m.placeholder,S=m.buttonLabel,P=m.buttonLabel2,x=m.buttonTopComponent,D=m.buttonBottomComponent,I=m.renderBottomContent,y=m.buttonDisabled,F=m.pageConfigs,T=m.customConsentMessage,j=m.msisdnLengthToValidate,L=void 0===j?5:j,A=m.onButtonClick,V=m.buttonAreaId,Y=void 0===V?"button-area":V,R=m.buttonAreaClassName,K=void 0===R?"dcbp":R,O=e(t(!1),2),W=O[0],q=O[1],z=e(n.useState(!1),2),G=z[0],H=z[1],J=e(t(!1),2),Q=J[0],U=J[1],X=e(t(!0),2),Z=X[0],$=X[1],_=e(t(!1),2),ee=_[0],ne=_[1],te=e(t(f),2);te[0];var oe=te[1],se=o(null),ae=e(t(!1),2),ie=ae[0],le=ae[1],ce=e(t((null==F?void 0:F.isConsentCheckByDefault)||!1),2),re=ce[0],me=ce[1],ue=e(t(!1),2),de=ue[0],pe=ue[1];s((function(){f||v(p||""),f&&f.length>=L&&(q(!0),ne(!0),U(!Q))}),[p]),s((function(){re&&pe(!1)}),[re]);var fe=function(e,n){if(!re&&!n&&(null==F?void 0:F.isShowConsentCheckBox))return e.preventDefault(),le(!0),void pe(!0);(null==F?void 0:F.isShowConsentCheckBox)&&(null==k||k.customEvent("Flow","advance","consentForm-accepted"),pe(!1),le(!1)),H((function(e){return!e})),A&&W&&A(e)};return n.createElement("label",{htmlFor:"phone-input"},w,Q&&!W?n.createElement("div",{className:"label-msisdn tooltip"},M):n.createElement(n.Fragment,null),Z?n.createElement("div",{id:"label-msisdn",className:"label-msisdn"},B):null,n.createElement("div",{className:"msisdn-wrapper ".concat(G&&!W?null==F?void 0:F.inputFocusAnimation:""),"data-attr":"has-subscription-box",onClick:function(){window.innerWidth<=640&&(null==F?void 0:F.hasTooltip)&&(U(!0),$(!1))}},n.createElement(c,{showFlag:!0,showMobileIcon:!0,showError:!1,tracker:k,inputElementRef:u||se,placeholder:N||"",msisdn:f,countryCode:d||"MY",onChange:function(e){v(e.msisdn),q(e.isValid),oe(e.internationalNumber),null==g||g(e),e.isValid&&(null==F?void 0:F.isCheckConsentCheckBoxOnValid)&&me(!0)},onKeyPress:function(){!ee&&f.length>=L&&ne(!0)},onPaste:function(){ee||ne(!0),setTimeout((function(){null==k||k.customEvent("MSISDN-State","copypaste","MsisdnPasted",{msisdn:f})}),0)},onBlur:function(){!ee&&f.length>=L&&(ne(!0),null==k||k.customEvent("MSISDN-State","autofill","AutoFill",{msisdn:f}))},onFocus:function(){},onClickCheckMark:function(){},onClickErrorCheckMark:function(){}})),x,n.createElement("div",{id:Y,className:K},n.createElement(a,{type:"submit",className:"btn",id:b||'"msisdn-submit-button"',disabled:y||(null==F?void 0:F.isDisableButtonIfInvalid)&&!W,onClick:function(e){fe(e)}},S,P&&n.createElement("p",{className:"msisdn-secondary-label"},P))),D,(null==F?void 0:F.isNewLegal)?n.createElement(l,{pageConfigs:F,formattedMessage:E}):n.createElement(r,{className:"price-point",legals:h||[],locale:C||"en"}),(null==F?void 0:F.isShowConsentCheckBox)&&n.createElement(i,{tracker:k,checked:re,locale:C||"en",legals:h,confirmText:"YES",pageConfigs:F,showErrorMessage:de,customConsentMessage:T,showModal:ie,formattedMessage:E,onCheckedChange:function(){me(!re)},onClickYes:function(e){me(!0),fe(e,!0)}}),I)};export{m as PhoneEntryForm};
|
|
2
2
|
//# sourceMappingURL=PhoneEntryForm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{__rest as e,__read as n,__assign as o,__awaiter as t,__generator as r}from"tslib";import{getAsYouType as a,parsePhoneNumber as i}from"awesome-phonenumber";import*as l from"react";import u,{memo as c,useState as s,useRef as d,useEffect as m,useCallback as v}from"react";var f={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"};function p(e){return e.split("").reduce((function(e,n){var o=function(e,n){if("+"===e){if(n)return;return"+"}return function(e){return f[e]}(e)}(n,e);return o?e+o:e}),"")}var h=c((function(t){var r=t.value,i=t.onChange,l=t.onFocus,c=t.onBlur,f=t.country,h=t.inputComponent,g=void 0===h?"input":h,k=e(t,["value","onChange","onFocus","onBlur","country","inputComponent"]),b=n(s(r),2),w=b[0],C=b[1],y=d(null);m((function(){C(r)}),[r]);var N=v((function(e){var n=a(f);return n.addChar(e),n.number()}),[f]),E=v((function(e){var n=p(e.target.value);n===w&&N(n).startsWith(e.target.value)&&(n=n.slice(0,-1)),C(n),i(n)}),[w,N,i]),x=v((function(e){if(c){var n=o(o({},e),{target:o(o({},e.target),{value:w}),stopPropagation:e.stopPropagation,preventDefault:e.preventDefault});c(n)}}),[c,w]);return v((function(){var e;null===(e=y.current)||void 0===e||e.focus()}),[]),u.createElement(g,o({type:"tel",autoComplete:"tel"},k,{ref:y,value:N(w),onChange:E,onFocus:l,onBlur:x}))}));h.displayName="InputBasic";var g="checkmark-module_checkmarkCircle__eLYXC",k="checkmark-module_checkmarkIcon__MB66m",b="checkmark-module_checkmarkCheck__PU1bl";function w(e){var n=e.onClickCheckMark;return l.createElement("svg",{id:"success-check-mark",onClick:function(){return n()},className:k,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 52 52"},l.createElement("circle",{className:g,cx:"26",cy:"26",r:"25",fill:"none"}),l.createElement("path",{className:b,fill:"none",d:"M14.1 27.2l7.1 7.2 16.7-16.8"}))}function C(e,n,o){return{countryCode:e,commonPrefix:n,maxLength:o}}var y={mx:C("52","01",10),my:C("60","01",9),za:C("27","0",9),ae:C("971","05",10),a2:C("971","05",10),gr:C("30","69",9),g2:C("30","69",9),ee:C("372","",10),lt:C("370","6",9),ps:C("972","0",10),xx:C("","",10)};function N(e){var n=e.onClickErrorCheckMark;return l.createElement("svg",{id:"error-check-mark",onClick:function(){return n()},xmlns:"http://www.w3.org/2000/svg",className:"errormark__icon",viewBox:"0 0 90.27 90.27"},l.createElement("defs",null,l.createElement("style",{dangerouslySetInnerHTML:{__html:"\n svg {\n fill: red;\n }\n .circle-2 {\n fill: #bcbec4;\n }\n .x {\n opacity: 0.5;\n }\n .x-single {\n fill: #fff;\n }\n "}})),l.createElement("title",null,"icon-error"),l.createElement("circle",{className:"circle-2",cx:"45.14",cy:"45.14",r:"45.14"}),l.createElement("g",{className:"x"},l.createElement("rect",{className:"x-single",x:"21.77",y:"43.49",width:"46.74",height:"3.36",transform:"translate(-18.72 45.15) rotate(-45)"}),l.createElement("rect",{className:"x-single",x:"43.47",y:"21.81",width:"3.36",height:"46.74",transform:"translate(-18.72 45.16) rotate(-45)"})))}function E(e,n){var o,t,r=n.startsWith("0")?parseInt(n,10).toString():n;try{var a=i(r,{regionCode:e.toUpperCase()}),l=(null===(o=a.number)||void 0===o?void 0:o.national)||"",u=(null===(t=a.number)||void 0===t?void 0:t.international)||"",c=function(e){if(!e)return e;var n=e.match(/\d+/g);return n?n.join(""):e}(l),s=a.valid;return"ci"===e.toLowerCase()&&(s=a.possible||a.typeIsMobile||8===l.length||9===l.length),{nationalNumber:l,internationalNumber:u,bupperNumber:c,isValid:s,internationalPrefix:a.countryCode}}catch(e){return console.warn(e),{nationalNumber:"",internationalNumber:"",bupperNumber:"",isValid:!1}}}function x(e){return/\d/.test(e)}var _={s2:"sa",o2:"om",a2:"ae",k2:"kw",c2:"ch",r2:"rs",l2:"lv",s3:"se",b2:"bh",g2:"gr",a3:"at"};var M=function(e){var o,a,i,l,c=n(s(!1),2),d=c[0],v=c[1],f=n(s(!1),2),p=f[0],g=f[1],k=function(){var n=e.id,o=e.inputElementRef,t="#".concat(n||"phone-input"),r=document.querySelector(t);"undefined"!=typeof window&&r&&!r.hasAttribute("autofocus")&&r.setAttribute("autofocus",""),o.current&&setTimeout((function(){var e;null===(e=o.current)||void 0===e||e.focus()}),123)};m((function(){k();t(void 0,void 0,void 0,(function(){var n,o,t,a,i,l,u,c,s,d,m,f,p,h,g,k,b,w;return r(this,(function(r){switch(r.label){case 0:if("undefined"==typeof window||!(null==e?void 0:e.useNumberFromCookie)||!window.msisdnCookieUrl)return[3,6];C="_uuid",y=document.cookie.match("(^|;)\\s*".concat(C,"\\s*=\\s*([^;]+)")),n=y?decodeURIComponent(y.pop()||""):"",o=localStorage.getItem("_uuid"),t="",r.label=1;case 1:return r.trys.push([1,4,,5]),[4,fetch(window.msisdnCookieUrl,{mode:"cors",method:"GET",credentials:"include"})];case 2:return[4,r.sent().json()];case 3:return a=r.sent(),(null===(g=null==a?void 0:a.data)||void 0===g?void 0:g.success)&&(null===(k=null==a?void 0:a.data)||void 0===k?void 0:k._uuid)&&(t=null===(b=null==a?void 0:a.data)||void 0===b?void 0:b._uuid),[3,5];case 4:return i=r.sent(),console.error(null==i?void 0:i.message),[3,5];case 5:l=t||o||n||"",u=window.atob(l),(null==e?void 0:e.tracker)&&(c=t?"msisdnCookieUrl":o?"localStorage":n?"cookie":"none",null===(w=null==e?void 0:e.tracker)||void 0===w||w.customEvent("Flow","advance-auto","msisdn-retrieve-".concat(c),{source:c,msisdn:u})),u&&(s=x(null==e?void 0:e.countryCode)?_[null==e?void 0:e.countryCode]:null==e?void 0:e.countryCode,d=E(s,u),m=d.nationalNumber,f=d.internationalNumber,p=d.bupperNumber,h=d.isValid,null==e||e.onChange({msisdn:u,isValid:h,nationalNumber:m,internationalNumber:f,bupperNumber:p}),v(h),window.msisdn=u),r.label=6;case 6:return[2]}var C,y}))}))}),[]),m((function(){g(null==e?void 0:e.showError)}),[null==e?void 0:e.showError]);var b=h,C=x(null==e?void 0:e.countryCode)?_[null==e?void 0:e.countryCode]:null==e?void 0:e.countryCode,M=function(e){return y[e]||y.xx}(C),S=M.countryCode;M.commonPrefix,M.maxLength;var I=null!==(o=null==e?void 0:e.showCountryCode)&&void 0!==o&&o,P=null===(a=null==e?void 0:e.showFlag)||void 0===a||a,U=null===(i=null==e?void 0:e.showMobileIcon)||void 0===i||i,B=null!==(l=null==e?void 0:e.saveValidNumber)&&void 0!==l&&l;return u.createElement("div",{className:"phone-input"},U&&u.createElement("div",{className:"phone",onMouseDown:k,onTouchStart:k}),P&&u.createElement("div",{className:"flag",onMouseDown:k,onTouchStart:k,style:{backgroundImage:"url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.1/flags/4x3/".concat(C,".svg')")}}),I&&u.createElement("div",{className:"country-code",onMouseDown:k},"(",S,")"),u.createElement(b,{id:(null==e?void 0:e.id)||"phone-input",name:(null==e?void 0:e.name)||"phone-input-name",smartcaret:"undefined"==typeof navigator?"true":/SamsungBrowser/gi.test(navigator.userAgent)?"false":"true",ref:null==e?void 0:e.inputElementRef,placeholder:(null==e?void 0:e.placeholder)||"Enter phone number",country:C.toUpperCase(),className:"text-input",value:(null==e?void 0:e.msisdn)||"",onChange:function(n){if(g(!1),n.includes("3522100000012340"))return null==e||e.onChange({msisdn:n,isValid:!0,nationalNumber:n,internationalNumber:n,bupperNumber:n}),void v(!0);var o=E(C,n),a=o.nationalNumber,i=o.internationalNumber,l=o.bupperNumber,u=o.isValid;if(null==e||e.onChange({msisdn:n,isValid:u,nationalNumber:a,internationalNumber:i,bupperNumber:l}),v(u),"undefined"!=typeof window&&(window.msisdn=n,B&&u&&window.msisdnCookieUrl)){var c=window.btoa(n);!function(e,n,o,t){void 0===t&&(t="/");var r="".concat(e,"=").concat(encodeURIComponent(n));if(o){var a=new Date;a.setTime(a.getTime()+24*o*60*60*1e3),r+="; expires=".concat(a.toUTCString())}r+="; path=".concat(t),document.cookie=r}("_uuid",c,30,"/"),localStorage.setItem("_uuid",c),t(void 0,void 0,void 0,(function(){var n,o,t,a;return r(this,(function(r){switch(r.label){case 0:return r.trys.push([0,3,,4]),[4,fetch(window.msisdnCookieUrl,{mode:"cors",method:"POST",credentials:"include",headers:{"Content-Type":"application/json"},body:JSON.stringify({_uuid:c})})];case 1:return[4,r.sent().json()];case 2:return n=r.sent(),(null==e?void 0:e.tracker)&&(o=(null===(a=null==n?void 0:n.data)||void 0===a?void 0:a.success)?"msisdn-stored-success":"msisdn-stored-failed",null==e||e.tracker.customEvent("Flow","advance-auto",o)),[3,4];case 3:return t=r.sent(),null==e||e.tracker.customEvent("Flow","advance-auto","msisdn-stored-error",t),[3,4];case 4:return[2]}}))}))}},onPaste:null==e?void 0:e.onPaste,onBlur:null==e?void 0:e.onBlur,onFocus:null==e?void 0:e.onFocus,onKeyPress:null==e?void 0:e.onKeyPress,maxLength:null==e?void 0:e.maxLength}),u.createElement("div",{className:"checkmark-container","data-checkmark-container":"true"},p?u.createElement(N,{onClickErrorCheckMark:null==e?void 0:e.onClickErrorCheckMark}):d?u.createElement(w,{onClickCheckMark:null==e?void 0:e.onClickCheckMark}):null))};export{M};
|
|
2
|
-
//# sourceMappingURL=PhoneInput-
|
|
2
|
+
//# sourceMappingURL=PhoneInput-980ed552.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput-4ec7bb6f.js","sources":["../src/PhoneInput/BasicInput/parseDigits.ts","../src/PhoneInput/BasicInput/parseIncompletePhoneNumber.ts","../src/PhoneInput/BasicInput/index.tsx","../src/PhoneInput/Checkmark.tsx","../src/PhoneInput/config.ts","../src/PhoneInput/Errormark.tsx","../src/PhoneInput/PhoneInput.tsx"],"sourcesContent":["// 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//\nexport const DIGITS: { [key: string]: string } = {\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 function parseDigit(character: string): string | undefined {\n return DIGITS[character];\n}\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 * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n *\n * ```\n * parseDigits('8 (800) 555')\n * // Outputs '8800555'.\n * ```\n */\nexport default function parseDigits(string: string): string {\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 return string.split('').reduce((result, character) => {\n const digit = parseDigit(character);\n return digit ? result + digit : result;\n }, '');\n}\n","import { parseDigit } from './parseDigits';\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 * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n *\n * ```\n * // Outputs '8800555'.\n * parseIncompletePhoneNumber('8 (800) 555')\n * // Outputs '+7800555'.\n * parseIncompletePhoneNumber('+7 800 555')\n * ```\n */\n\nexport default function parseIncompletePhoneNumber(string: string): string {\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 return string.split('').reduce((result, character) => {\n const parsedChar = parsePhoneNumberCharacter(character, result);\n return parsedChar ? result + parsedChar : 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 */\nexport function parsePhoneNumberCharacter(character: string, prevParsedCharacters: string): string | undefined {\n // Only allow a leading `+`.\n if (character === '+') {\n // If this `+` is not the first parsed character\n // then discard it.\n if (prevParsedCharacters) {\n return;\n }\n\n return '+';\n }\n // Allow digits.\n return parseDigit(character);\n}\n","import { getAsYouType } from 'awesome-phonenumber';\nimport React, { ChangeEvent, ComponentType, FocusEvent, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport parseIncompletePhoneNumber from './parseIncompletePhoneNumber';\n\n// Define props interface (removed state interface as it's not needed for functional component)\ninterface InputBasicProps {\n id?: string;\n name?: string;\n value: string;\n onChange: (value: string) => void;\n onFocus?: () => void;\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n country?: string;\n metadata?: Record<string, unknown>; // Specify the type if metadata structure is known\n inputComponent?: ComponentType<any>;\n smartcaret?: string;\n}\n\nconst InputBasic = memo<InputBasicProps>(\n ({ value: propValue, onChange, onFocus, onBlur, country, inputComponent: Input = 'input', ...rest }) => {\n // State to manage internal value\n const [value, setValue] = useState<string>(propValue);\n\n // Create a ref for the input element\n const inputRef = useRef<HTMLInputElement>(null);\n\n // Update internal value when prop value changes (replaces getDerivedStateFromProps)\n useEffect(() => {\n setValue(propValue);\n }, [propValue]);\n\n // Format function\n const format = useCallback(\n (inputValue: string): string => {\n const ayt = getAsYouType(country as string);\n ayt.addChar(inputValue);\n return ayt.number();\n },\n [country]\n );\n\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n let newValue = parseIncompletePhoneNumber(event.target.value);\n\n // Workaround for handling the Samsung Galaxy smart caret positioning bug\n if (newValue === value) {\n if (format(newValue).startsWith(event.target.value)) {\n newValue = newValue.slice(0, -1); // Trim the last digit (or plus sign)\n }\n }\n\n setValue(newValue);\n onChange(newValue);\n },\n [value, format, onChange]\n );\n\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (onBlur) {\n // Clone the event to prevent React's SyntheticEvent from being read-only\n const clonedEvent = {\n ...event,\n target: {\n ...event.target,\n value\n },\n stopPropagation: event.stopPropagation,\n preventDefault: event.preventDefault\n };\n onBlur(clonedEvent as FocusEvent<HTMLInputElement>);\n }\n },\n [onBlur, value]\n );\n\n // Focus function (can be called via ref)\n const focus = useCallback(() => {\n inputRef.current?.focus();\n }, []);\n\n // Expose focus method via useImperativeHandle if needed\n // React.useImperativeHandle(ref, () => ({ focus }), [focus]);\n\n return (\n <Input\n type=\"tel\"\n autoComplete=\"tel\"\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...rest}\n ref={inputRef}\n value={format(value)}\n onChange={handleChange}\n onFocus={onFocus}\n onBlur={handleBlur}\n />\n );\n }\n);\n\n// Set display name for debugging\nInputBasic.displayName = 'InputBasic';\n\nexport function createInput() {\n return InputBasic;\n}\n","import * as React from 'react';\nimport styles from './checkmark.module.scss';\n\nexport default function Checkmark({ onClickCheckMark }: { onClickCheckMark: () => void }): JSX.Element {\n return (\n <svg\n id=\"success-check-mark\"\n onClick={() => onClickCheckMark()}\n className={styles.checkmarkIcon}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 52 52\"\n >\n <circle className={styles.checkmarkCircle} cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path className={styles.checkmarkCheck} fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n </svg>\n );\n}\n","function mkConfig(countryCode: string, commonPrefix: string, maxLength: number) {\n return { countryCode, commonPrefix, maxLength };\n}\n\nconst configs: { [key: string]: ReturnType<typeof mkConfig> } = {\n mx: mkConfig('52', '01', 10),\n my: mkConfig('60', '01', 9),\n za: mkConfig('27', '0', 9),\n ae: mkConfig('971', '05', 10),\n a2: mkConfig('971', '05', 10),\n gr: mkConfig('30', '69', 9),\n g2: mkConfig('30', '69', 9),\n ee: mkConfig('372', '', 10),\n lt: mkConfig('370', '6', 9),\n ps: mkConfig('972', '0', 10),\n xx: mkConfig('', '', 10)\n};\n\nexport default (countryCode: string) => configs[countryCode] || configs.xx;\n","import * as React from 'react';\n\nexport default function Checkmark({\n onClickErrorCheckMark\n}: {\n onClickErrorCheckMark: () => void;\n}): React.ReactElement {\n return (\n <svg\n id=\"error-check-mark\"\n onClick={() => onClickErrorCheckMark()}\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"errormark__icon\"\n viewBox=\"0 0 90.27 90.27\"\n >\n <defs>\n <style\n dangerouslySetInnerHTML={{\n __html: `\n svg {\n fill: red;\n }\n .circle-2 {\n fill: #bcbec4;\n }\n .x {\n opacity: 0.5;\n }\n .x-single {\n fill: #fff;\n }\n `\n }}\n />\n </defs>\n <title>icon-error</title>\n <circle className=\"circle-2\" cx=\"45.14\" cy=\"45.14\" r=\"45.14\" />\n <g className=\"x\">\n <rect\n className=\"x-single\"\n x=\"21.77\"\n y=\"43.49\"\n width=\"46.74\"\n height=\"3.36\"\n transform=\"translate(-18.72 45.15) rotate(-45)\"\n />\n <rect\n className=\"x-single\"\n x=\"43.47\"\n y=\"21.81\"\n width=\"3.36\"\n height=\"46.74\"\n transform=\"translate(-18.72 45.16) rotate(-45)\"\n />\n </g>\n </svg>\n );\n}\n","/* eslint-disable no-underscore-dangle */\nimport { parsePhoneNumber } from 'awesome-phonenumber';\nimport React, { RefObject, useEffect, useState } from 'react';\nimport { createInput } from './BasicInput';\nimport Checkmark from './Checkmark';\nimport getConfig from './config';\nimport Errormark from './Errormark';\n// import styles from './PhoneInput.module.scss';\n\ninterface IPropsChange {\n msisdn: string;\n isValid: boolean;\n nationalNumber: string;\n internationalNumber: string;\n bupperNumber: string;\n}\n\ninterface IProps {\n countryCode: string;\n msisdn?: string;\n placeholder: string;\n onChange: (args: IPropsChange) => void;\n showCountryCode?: boolean;\n showFlag?: boolean;\n showMobileIcon?: boolean;\n showError: boolean;\n inputElementRef: RefObject<HTMLInputElement>;\n onClickCheckMark: () => void;\n onClickErrorCheckMark: () => void;\n onBlur: () => void;\n onFocus: () => void;\n onPaste: () => void;\n onKeyPress: () => void;\n id?: string;\n name?: string;\n maxLength?: string | number;\n saveValidNumber?: boolean;\n useNumberFromCookie?: boolean;\n tracker?: any;\n}\n\nfunction parseMSISDN(country: string, msisdnOriginal: string) {\n const msisdn = msisdnOriginal.startsWith('0') ? parseInt(msisdnOriginal, 10).toString() : msisdnOriginal;\n try {\n const parsedPhoneNumber = parsePhoneNumber(msisdn, { regionCode: country.toUpperCase() });\n const nationalNumber = parsedPhoneNumber.number?.national || '';\n const internationalNumber = parsedPhoneNumber.number?.international || '';\n const bupperNumber = getBupperNumber(nationalNumber);\n let isValid = parsedPhoneNumber.valid;\n if (country.toLowerCase() === 'ci') {\n isValid =\n parsedPhoneNumber.possible ||\n parsedPhoneNumber.typeIsMobile ||\n nationalNumber.length === 8 ||\n nationalNumber.length === 9;\n }\n\n return {\n nationalNumber,\n internationalNumber,\n bupperNumber,\n isValid,\n internationalPrefix: parsedPhoneNumber.countryCode\n };\n } catch (ex) {\n console.warn(ex);\n return {\n nationalNumber: '',\n internationalNumber: '',\n bupperNumber: '',\n isValid: false\n };\n }\n}\n\nfunction getBupperNumber(nationalNumber: string) {\n if (!nationalNumber) {\n return nationalNumber;\n }\n const match = nationalNumber.match(/\\d+/g);\n return match ? match.join('') : nationalNumber;\n}\n\nfunction hasNumber(myString: string) {\n return /\\d/.test(myString);\n}\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\nfunction setCookie(name: string, value: string, daysToExpire?: number, path = '/') {\n let cookieString = `${name}=${encodeURIComponent(value)}`;\n if (daysToExpire) {\n const date = new Date();\n date.setTime(date.getTime() + daysToExpire * 24 * 60 * 60 * 1000);\n cookieString += `; expires=${date.toUTCString()}`;\n }\n cookieString += `; path=${path}`;\n document.cookie = cookieString;\n}\n\nfunction getCookie(name: string) {\n const cookieValue = document.cookie.match(`(^|;)\\\\s*${name}\\\\s*=\\\\s*([^;]+)`);\n return cookieValue ? decodeURIComponent(cookieValue.pop() || '') : '';\n}\n\nconst MsisdnComponent: React.FC<IProps> = (props) => {\n const [isValid, setIsValid] = useState(false);\n const [showError, setShowError] = useState(false);\n\n const focusOnInputElement = () => {\n const { id, inputElementRef } = props;\n const phoneInputId = `#${id || 'phone-input'}`;\n const phoneInput = document.querySelector<HTMLInputElement>(phoneInputId);\n if (typeof window !== 'undefined' && phoneInput && !phoneInput.hasAttribute('autofocus')) {\n phoneInput.setAttribute('autofocus', '');\n }\n\n if (inputElementRef.current) {\n setTimeout(() => {\n inputElementRef.current?.focus();\n }, 123);\n }\n };\n\n useEffect(() => {\n focusOnInputElement();\n\n const fetchMsisdnFromStorage = async () => {\n if (typeof window !== 'undefined' && props?.useNumberFromCookie && (window as any).msisdnCookieUrl) {\n const msisdnFromCookie = getCookie('_uuid');\n const msisdnFromLocalStorage = localStorage.getItem('_uuid');\n let msisdnFromZurch = '';\n try {\n const response = await fetch((window as any).msisdnCookieUrl, {\n mode: 'cors',\n method: 'GET',\n credentials: 'include'\n });\n const data: any = await response.json();\n if (data?.data?.success && data?.data?._uuid) {\n msisdnFromZurch = data?.data?._uuid;\n }\n } catch (error: any) {\n console.error(error?.message);\n }\n\n const msisdnFromAnyStorage = msisdnFromZurch || msisdnFromLocalStorage || msisdnFromCookie || '';\n const decryptedMsisdn = window.atob(msisdnFromAnyStorage);\n\n if (props?.tracker) {\n const source = msisdnFromZurch\n ? 'msisdnCookieUrl'\n : msisdnFromLocalStorage\n ? 'localStorage'\n : msisdnFromCookie\n ? 'cookie'\n : 'none';\n props?.tracker?.customEvent('Flow', 'advance-auto', `msisdn-retrieve-${source}`, {\n source,\n msisdn: decryptedMsisdn\n });\n }\n\n if (decryptedMsisdn) {\n const country = hasNumber(props?.countryCode) ? specialCountryCodes[props?.countryCode] : props?.countryCode;\n const {\n nationalNumber,\n internationalNumber,\n bupperNumber,\n isValid: validNumber\n } = parseMSISDN(country, decryptedMsisdn);\n props?.onChange({\n msisdn: decryptedMsisdn,\n isValid: validNumber,\n nationalNumber,\n internationalNumber,\n bupperNumber\n });\n setIsValid(validNumber);\n (window as any).msisdn = decryptedMsisdn;\n }\n }\n };\n\n fetchMsisdnFromStorage();\n }, []);\n\n useEffect(() => {\n setShowError(props?.showError);\n }, [props?.showError]);\n\n const BasicInput = createInput();\n\n const country = hasNumber(props?.countryCode) ? specialCountryCodes[props?.countryCode] : props?.countryCode;\n const { countryCode, commonPrefix, maxLength } = getConfig(country);\n const showCountryCode = props?.showCountryCode ?? false;\n const showFlag = props?.showFlag ?? true;\n const showMobileIcon = props?.showMobileIcon ?? true;\n const saveValidNumber = props?.saveValidNumber ?? false;\n\n return (\n <div className=\"phone-input\">\n {showMobileIcon && <div className=\"phone\" onMouseDown={focusOnInputElement} onTouchStart={focusOnInputElement} />}\n\n {showFlag && (\n <div\n className=\"flag\"\n onMouseDown={focusOnInputElement}\n onTouchStart={focusOnInputElement}\n style={{\n backgroundImage: `url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.1/flags/4x3/${country}.svg')`\n }}\n />\n )}\n\n {showCountryCode && (\n <div className=\"country-code\" onMouseDown={focusOnInputElement}>\n ({countryCode})\n </div>\n )}\n\n <BasicInput\n id={props?.id || 'phone-input'}\n name={props?.name || 'phone-input-name'}\n smartcaret={\n typeof navigator === 'undefined' ? 'true' : /SamsungBrowser/gi.test(navigator.userAgent) ? 'false' : 'true'\n }\n // @ts-ignore\n ref={props?.inputElementRef}\n placeholder={props?.placeholder || 'Enter phone number'}\n country={country.toUpperCase()}\n className=\"text-input\"\n value={props?.msisdn || ''}\n onChange={(msisdn: string) => {\n setShowError(false);\n if (msisdn.includes('3522100000012340')) {\n props?.onChange({\n msisdn,\n isValid: true,\n nationalNumber: msisdn,\n internationalNumber: msisdn,\n bupperNumber: msisdn\n });\n setIsValid(true);\n return;\n }\n const {\n nationalNumber,\n internationalNumber,\n bupperNumber,\n isValid: validNumber\n } = parseMSISDN(country, msisdn);\n props?.onChange({ msisdn, isValid: validNumber, nationalNumber, internationalNumber, bupperNumber });\n setIsValid(validNumber);\n\n if (typeof window !== 'undefined') {\n (window as any).msisdn = msisdn;\n if (saveValidNumber && validNumber && (window as any).msisdnCookieUrl) {\n const encryptedMsisdn = window.btoa(msisdn);\n setCookie('_uuid', encryptedMsisdn, 30, '/');\n localStorage.setItem('_uuid', encryptedMsisdn);\n\n (async () => {\n try {\n const response = await fetch((window as any).msisdnCookieUrl, {\n mode: 'cors',\n method: 'POST',\n credentials: 'include',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ _uuid: encryptedMsisdn })\n });\n const responseData: any = await response.json();\n\n if (props?.tracker) {\n const eventType = responseData?.data?.success ? 'msisdn-stored-success' : 'msisdn-stored-failed';\n props?.tracker.customEvent('Flow', 'advance-auto', eventType);\n }\n } catch (error) {\n props?.tracker.customEvent('Flow', 'advance-auto', 'msisdn-stored-error', error);\n }\n })();\n }\n }\n }}\n onPaste={props?.onPaste}\n onBlur={props?.onBlur}\n onFocus={props?.onFocus}\n onKeyPress={props?.onKeyPress}\n maxLength={props?.maxLength}\n />\n\n <div className=\"checkmark-container\" data-checkmark-container=\"true\">\n {showError ? (\n <Errormark onClickErrorCheckMark={props?.onClickErrorCheckMark} />\n ) : isValid ? (\n <Checkmark onClickCheckMark={props?.onClickCheckMark} />\n ) : null}\n </div>\n </div>\n );\n};\n\nexport default MsisdnComponent;\n"],"names":["DIGITS","parseIncompletePhoneNumber","string","split","reduce","result","character","parsedChar","prevParsedCharacters","parseDigit","parsePhoneNumberCharacter","InputBasic","memo","_a","propValue","value","onChange","onFocus","onBlur","country","_b","inputComponent","Input","rest","__rest","_c","__read","useState","setValue","inputRef","useRef","useEffect","format","useCallback","inputValue","ayt","getAsYouType","addChar","number","handleChange","event","newValue","target","startsWith","slice","handleBlur","clonedEvent","__assign","stopPropagation","preventDefault","current","focus","React","createElement","type","autoComplete","ref","displayName","Checkmark","onClickCheckMark","id","onClick","className","styles","xmlns","viewBox","cx","cy","r","fill","d","mkConfig","countryCode","commonPrefix","maxLength","configs","mx","my","za","ae","a2","gr","g2","ee","lt","ps","xx","onClickErrorCheckMark","dangerouslySetInnerHTML","__html","x","y","width","height","transform","parseMSISDN","msisdnOriginal","msisdn","parseInt","toString","parsedPhoneNumber","parsePhoneNumber","regionCode","toUpperCase","nationalNumber","national","internationalNumber","international","bupperNumber","match","join","getBupperNumber","isValid","valid","toLowerCase","possible","typeIsMobile","length","internationalPrefix","ex","console","warn","hasNumber","myString","test","specialCountryCodes","s2","o2","k2","c2","r2","l2","s3","b2","a3","MsisdnComponent","props","_e","setIsValid","_f","showError","setShowError","focusOnInputElement","inputElementRef","phoneInputId","concat","phoneInput","document","querySelector","window","hasAttribute","setAttribute","setTimeout","__awaiter","useNumberFromCookie","msisdnCookieUrl","name","cookieValue","cookie","msisdnFromCookie","decodeURIComponent","pop","msisdnFromLocalStorage","localStorage","getItem","msisdnFromZurch","fetch","mode","method","credentials","sent","json","data","success","_uuid","_d","error","error_1","message","msisdnFromAnyStorage","decryptedMsisdn","atob","tracker","source","customEvent","country_1","validNumber","BasicInput","_g","getConfig","showCountryCode","showFlag","showMobileIcon","saveValidNumber","onMouseDown","onTouchStart","style","backgroundImage","smartcaret","navigator","userAgent","placeholder","includes","encryptedMsisdn_1","btoa","daysToExpire","path","cookieString","encodeURIComponent","date","Date","setTime","getTime","toUTCString","setCookie","setItem","headers","body","JSON","stringify","responseData","eventType","error_2","onPaste","onKeyPress","Errormark"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PhoneInput-980ed552.js","sources":["../src/PhoneInput/BasicInput/parseDigits.ts","../src/PhoneInput/BasicInput/parseIncompletePhoneNumber.ts","../src/PhoneInput/BasicInput/index.tsx","../src/PhoneInput/Checkmark.tsx","../src/PhoneInput/config.ts","../src/PhoneInput/Errormark.tsx","../src/PhoneInput/PhoneInput.tsx"],"sourcesContent":["// 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//\nexport const DIGITS: { [key: string]: string } = {\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 function parseDigit(character: string): string | undefined {\n return DIGITS[character];\n}\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 * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n *\n * ```\n * parseDigits('8 (800) 555')\n * // Outputs '8800555'.\n * ```\n */\nexport default function parseDigits(string: string): string {\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 return string.split('').reduce((result, character) => {\n const digit = parseDigit(character);\n return digit ? result + digit : result;\n }, '');\n}\n","import { parseDigit } from './parseDigits';\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 * E.g. in Iraq they don't write `+442323234` but rather `+٤٤٢٣٢٣٢٣٤`.\n *\n * ```\n * // Outputs '8800555'.\n * parseIncompletePhoneNumber('8 (800) 555')\n * // Outputs '+7800555'.\n * parseIncompletePhoneNumber('+7 800 555')\n * ```\n */\n\nexport default function parseIncompletePhoneNumber(string: string): string {\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 return string.split('').reduce((result, character) => {\n const parsedChar = parsePhoneNumberCharacter(character, result);\n return parsedChar ? result + parsedChar : 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 */\nexport function parsePhoneNumberCharacter(character: string, prevParsedCharacters: string): string | undefined {\n // Only allow a leading `+`.\n if (character === '+') {\n // If this `+` is not the first parsed character\n // then discard it.\n if (prevParsedCharacters) {\n return;\n }\n\n return '+';\n }\n // Allow digits.\n return parseDigit(character);\n}\n","import { getAsYouType } from 'awesome-phonenumber';\nimport React, { ChangeEvent, ComponentType, FocusEvent, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport parseIncompletePhoneNumber from './parseIncompletePhoneNumber';\n\n// Define props interface (removed state interface as it's not needed for functional component)\ninterface InputBasicProps {\n id?: string;\n name?: string;\n value: string;\n onChange: (value: string) => void;\n onFocus?: () => void;\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n country?: string;\n metadata?: Record<string, unknown>; // Specify the type if metadata structure is known\n inputComponent?: ComponentType<any>;\n smartcaret?: string;\n}\n\nconst InputBasic = memo<InputBasicProps>(\n ({ value: propValue, onChange, onFocus, onBlur, country, inputComponent: Input = 'input', ...rest }) => {\n // State to manage internal value\n const [value, setValue] = useState<string>(propValue);\n\n // Create a ref for the input element\n const inputRef = useRef<HTMLInputElement>(null);\n\n // Update internal value when prop value changes (replaces getDerivedStateFromProps)\n useEffect(() => {\n setValue(propValue);\n }, [propValue]);\n\n // Format function\n const format = useCallback(\n (inputValue: string): string => {\n const ayt = getAsYouType(country as string);\n ayt.addChar(inputValue);\n return ayt.number();\n },\n [country]\n );\n\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n let newValue = parseIncompletePhoneNumber(event.target.value);\n\n // Workaround for handling the Samsung Galaxy smart caret positioning bug\n if (newValue === value) {\n if (format(newValue).startsWith(event.target.value)) {\n newValue = newValue.slice(0, -1); // Trim the last digit (or plus sign)\n }\n }\n\n setValue(newValue);\n onChange(newValue);\n },\n [value, format, onChange]\n );\n\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (onBlur) {\n // Clone the event to prevent React's SyntheticEvent from being read-only\n const clonedEvent = {\n ...event,\n target: {\n ...event.target,\n value\n },\n stopPropagation: event.stopPropagation,\n preventDefault: event.preventDefault\n };\n onBlur(clonedEvent as FocusEvent<HTMLInputElement>);\n }\n },\n [onBlur, value]\n );\n\n // Focus function (can be called via ref)\n const focus = useCallback(() => {\n inputRef.current?.focus();\n }, []);\n\n // Expose focus method via useImperativeHandle if needed\n // React.useImperativeHandle(ref, () => ({ focus }), [focus]);\n\n return (\n <Input\n type=\"tel\"\n autoComplete=\"tel\"\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...rest}\n ref={inputRef}\n value={format(value)}\n onChange={handleChange}\n onFocus={onFocus}\n onBlur={handleBlur}\n />\n );\n }\n);\n\n// Set display name for debugging\nInputBasic.displayName = 'InputBasic';\n\nexport function createInput() {\n return InputBasic;\n}\n","import * as React from 'react';\nimport styles from './checkmark.module.scss';\n\nexport default function Checkmark({ onClickCheckMark }: { onClickCheckMark: () => void }): JSX.Element {\n return (\n <svg\n id=\"success-check-mark\"\n onClick={() => onClickCheckMark()}\n className={styles.checkmarkIcon}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 52 52\"\n >\n <circle className={styles.checkmarkCircle} cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n <path className={styles.checkmarkCheck} fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n </svg>\n );\n}\n","function mkConfig(countryCode: string, commonPrefix: string, maxLength: number) {\n return { countryCode, commonPrefix, maxLength };\n}\n\nconst configs: { [key: string]: ReturnType<typeof mkConfig> } = {\n mx: mkConfig('52', '01', 10),\n my: mkConfig('60', '01', 9),\n za: mkConfig('27', '0', 9),\n ae: mkConfig('971', '05', 10),\n a2: mkConfig('971', '05', 10),\n gr: mkConfig('30', '69', 9),\n g2: mkConfig('30', '69', 9),\n ee: mkConfig('372', '', 10),\n lt: mkConfig('370', '6', 9),\n ps: mkConfig('972', '0', 10),\n xx: mkConfig('', '', 10)\n};\n\nexport default (countryCode: string) => configs[countryCode] || configs.xx;\n","import * as React from 'react';\n\nexport default function Checkmark({\n onClickErrorCheckMark\n}: {\n onClickErrorCheckMark: () => void;\n}): React.ReactElement {\n return (\n <svg\n id=\"error-check-mark\"\n onClick={() => onClickErrorCheckMark()}\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"errormark__icon\"\n viewBox=\"0 0 90.27 90.27\"\n >\n <defs>\n <style\n dangerouslySetInnerHTML={{\n __html: `\n svg {\n fill: red;\n }\n .circle-2 {\n fill: #bcbec4;\n }\n .x {\n opacity: 0.5;\n }\n .x-single {\n fill: #fff;\n }\n `\n }}\n />\n </defs>\n <title>icon-error</title>\n <circle className=\"circle-2\" cx=\"45.14\" cy=\"45.14\" r=\"45.14\" />\n <g className=\"x\">\n <rect\n className=\"x-single\"\n x=\"21.77\"\n y=\"43.49\"\n width=\"46.74\"\n height=\"3.36\"\n transform=\"translate(-18.72 45.15) rotate(-45)\"\n />\n <rect\n className=\"x-single\"\n x=\"43.47\"\n y=\"21.81\"\n width=\"3.36\"\n height=\"46.74\"\n transform=\"translate(-18.72 45.16) rotate(-45)\"\n />\n </g>\n </svg>\n );\n}\n","/* eslint-disable no-underscore-dangle */\nimport { parsePhoneNumber } from 'awesome-phonenumber';\nimport React, { RefObject, useEffect, useState } from 'react';\nimport { createInput } from './BasicInput';\nimport Checkmark from './Checkmark';\nimport getConfig from './config';\nimport Errormark from './Errormark';\n// import styles from './PhoneInput.module.scss';\n\ninterface IPropsChange {\n msisdn: string;\n isValid: boolean;\n nationalNumber: string;\n internationalNumber: string;\n bupperNumber: string;\n}\n\ninterface IProps {\n countryCode: string;\n msisdn?: string;\n placeholder: string;\n onChange: (args: IPropsChange) => void;\n showCountryCode?: boolean;\n showFlag?: boolean;\n showMobileIcon?: boolean;\n showError: boolean;\n inputElementRef: RefObject<HTMLInputElement>;\n onClickCheckMark: () => void;\n onClickErrorCheckMark: () => void;\n onBlur: () => void;\n onFocus: () => void;\n onPaste: () => void;\n onKeyPress: () => void;\n id?: string;\n name?: string;\n maxLength?: string | number;\n saveValidNumber?: boolean;\n useNumberFromCookie?: boolean;\n tracker?: any;\n}\n\nfunction parseMSISDN(country: string, msisdnOriginal: string) {\n const msisdn = msisdnOriginal.startsWith('0') ? parseInt(msisdnOriginal, 10).toString() : msisdnOriginal;\n try {\n const parsedPhoneNumber = parsePhoneNumber(msisdn, { regionCode: country.toUpperCase() });\n const nationalNumber = parsedPhoneNumber.number?.national || '';\n const internationalNumber = parsedPhoneNumber.number?.international || '';\n const bupperNumber = getBupperNumber(nationalNumber);\n let isValid = parsedPhoneNumber.valid;\n if (country.toLowerCase() === 'ci') {\n isValid =\n parsedPhoneNumber.possible ||\n parsedPhoneNumber.typeIsMobile ||\n nationalNumber.length === 8 ||\n nationalNumber.length === 9;\n }\n\n return {\n nationalNumber,\n internationalNumber,\n bupperNumber,\n isValid,\n internationalPrefix: parsedPhoneNumber.countryCode\n };\n } catch (ex) {\n console.warn(ex);\n return {\n nationalNumber: '',\n internationalNumber: '',\n bupperNumber: '',\n isValid: false\n };\n }\n}\n\nfunction getBupperNumber(nationalNumber: string) {\n if (!nationalNumber) {\n return nationalNumber;\n }\n const match = nationalNumber.match(/\\d+/g);\n return match ? match.join('') : nationalNumber;\n}\n\nfunction hasNumber(myString: string) {\n return /\\d/.test(myString);\n}\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\nfunction setCookie(name: string, value: string, daysToExpire?: number, path = '/') {\n let cookieString = `${name}=${encodeURIComponent(value)}`;\n if (daysToExpire) {\n const date = new Date();\n date.setTime(date.getTime() + daysToExpire * 24 * 60 * 60 * 1000);\n cookieString += `; expires=${date.toUTCString()}`;\n }\n cookieString += `; path=${path}`;\n document.cookie = cookieString;\n}\n\nfunction getCookie(name: string) {\n const cookieValue = document.cookie.match(`(^|;)\\\\s*${name}\\\\s*=\\\\s*([^;]+)`);\n return cookieValue ? decodeURIComponent(cookieValue.pop() || '') : '';\n}\n\nconst MsisdnComponent: React.FC<IProps> = (props) => {\n const [isValid, setIsValid] = useState(false);\n const [showError, setShowError] = useState(false);\n\n const focusOnInputElement = () => {\n const { id, inputElementRef } = props;\n const phoneInputId = `#${id || 'phone-input'}`;\n const phoneInput = document.querySelector<HTMLInputElement>(phoneInputId);\n if (typeof window !== 'undefined' && phoneInput && !phoneInput.hasAttribute('autofocus')) {\n phoneInput.setAttribute('autofocus', '');\n }\n\n if (inputElementRef.current) {\n setTimeout(() => {\n inputElementRef.current?.focus();\n }, 123);\n }\n };\n\n useEffect(() => {\n focusOnInputElement();\n\n const fetchMsisdnFromStorage = async () => {\n if (typeof window !== 'undefined' && props?.useNumberFromCookie && (window as any).msisdnCookieUrl) {\n const msisdnFromCookie = getCookie('_uuid');\n const msisdnFromLocalStorage = localStorage.getItem('_uuid');\n let msisdnFromZurch = '';\n try {\n const response = await fetch((window as any).msisdnCookieUrl, {\n mode: 'cors',\n method: 'GET',\n credentials: 'include'\n });\n const data: any = await response.json();\n if (data?.data?.success && data?.data?._uuid) {\n msisdnFromZurch = data?.data?._uuid;\n }\n } catch (error: any) {\n console.error(error?.message);\n }\n\n const msisdnFromAnyStorage = msisdnFromZurch || msisdnFromLocalStorage || msisdnFromCookie || '';\n const decryptedMsisdn = window.atob(msisdnFromAnyStorage);\n\n if (props?.tracker) {\n const source = msisdnFromZurch\n ? 'msisdnCookieUrl'\n : msisdnFromLocalStorage\n ? 'localStorage'\n : msisdnFromCookie\n ? 'cookie'\n : 'none';\n props?.tracker?.customEvent('Flow', 'advance-auto', `msisdn-retrieve-${source}`, {\n source,\n msisdn: decryptedMsisdn\n });\n }\n\n if (decryptedMsisdn) {\n const country = hasNumber(props?.countryCode) ? specialCountryCodes[props?.countryCode] : props?.countryCode;\n const {\n nationalNumber,\n internationalNumber,\n bupperNumber,\n isValid: validNumber\n } = parseMSISDN(country, decryptedMsisdn);\n props?.onChange({\n msisdn: decryptedMsisdn,\n isValid: validNumber,\n nationalNumber,\n internationalNumber,\n bupperNumber\n });\n setIsValid(validNumber);\n (window as any).msisdn = decryptedMsisdn;\n }\n }\n };\n\n fetchMsisdnFromStorage();\n }, []);\n\n useEffect(() => {\n setShowError(props?.showError);\n }, [props?.showError]);\n\n const BasicInput = createInput();\n\n const country = hasNumber(props?.countryCode) ? specialCountryCodes[props?.countryCode] : props?.countryCode;\n const { countryCode, commonPrefix, maxLength } = getConfig(country);\n const showCountryCode = props?.showCountryCode ?? false;\n const showFlag = props?.showFlag ?? true;\n const showMobileIcon = props?.showMobileIcon ?? true;\n const saveValidNumber = props?.saveValidNumber ?? false;\n\n return (\n <div className=\"phone-input\">\n {showMobileIcon && <div className=\"phone\" onMouseDown={focusOnInputElement} onTouchStart={focusOnInputElement} />}\n\n {showFlag && (\n <div\n className=\"flag\"\n onMouseDown={focusOnInputElement}\n onTouchStart={focusOnInputElement}\n style={{\n backgroundImage: `url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.1/flags/4x3/${country}.svg')`\n }}\n />\n )}\n\n {showCountryCode && (\n <div className=\"country-code\" onMouseDown={focusOnInputElement}>\n ({countryCode})\n </div>\n )}\n\n <BasicInput\n id={props?.id || 'phone-input'}\n name={props?.name || 'phone-input-name'}\n smartcaret={\n typeof navigator === 'undefined' ? 'true' : /SamsungBrowser/gi.test(navigator.userAgent) ? 'false' : 'true'\n }\n // @ts-ignore\n ref={props?.inputElementRef}\n placeholder={props?.placeholder || 'Enter phone number'}\n country={country.toUpperCase()}\n className=\"text-input\"\n value={props?.msisdn || ''}\n onChange={(msisdn: string) => {\n setShowError(false);\n if (msisdn.includes('3522100000012340')) {\n props?.onChange({\n msisdn,\n isValid: true,\n nationalNumber: msisdn,\n internationalNumber: msisdn,\n bupperNumber: msisdn\n });\n setIsValid(true);\n return;\n }\n const {\n nationalNumber,\n internationalNumber,\n bupperNumber,\n isValid: validNumber\n } = parseMSISDN(country, msisdn);\n props?.onChange({ msisdn, isValid: validNumber, nationalNumber, internationalNumber, bupperNumber });\n setIsValid(validNumber);\n\n if (typeof window !== 'undefined') {\n (window as any).msisdn = msisdn;\n if (saveValidNumber && validNumber && (window as any).msisdnCookieUrl) {\n const encryptedMsisdn = window.btoa(msisdn);\n setCookie('_uuid', encryptedMsisdn, 30, '/');\n localStorage.setItem('_uuid', encryptedMsisdn);\n\n (async () => {\n try {\n const response = await fetch((window as any).msisdnCookieUrl, {\n mode: 'cors',\n method: 'POST',\n credentials: 'include',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ _uuid: encryptedMsisdn })\n });\n const responseData: any = await response.json();\n\n if (props?.tracker) {\n const eventType = responseData?.data?.success ? 'msisdn-stored-success' : 'msisdn-stored-failed';\n props?.tracker.customEvent('Flow', 'advance-auto', eventType);\n }\n } catch (error) {\n props?.tracker.customEvent('Flow', 'advance-auto', 'msisdn-stored-error', error);\n }\n })();\n }\n }\n }}\n onPaste={props?.onPaste}\n onBlur={props?.onBlur}\n onFocus={props?.onFocus}\n onKeyPress={props?.onKeyPress}\n maxLength={props?.maxLength}\n />\n\n <div className=\"checkmark-container\" data-checkmark-container=\"true\">\n {showError ? (\n <Errormark onClickErrorCheckMark={props?.onClickErrorCheckMark} />\n ) : isValid ? (\n <Checkmark onClickCheckMark={props?.onClickCheckMark} />\n ) : null}\n </div>\n </div>\n );\n};\n\nexport default MsisdnComponent;\n"],"names":["DIGITS","parseIncompletePhoneNumber","string","split","reduce","result","character","parsedChar","prevParsedCharacters","parseDigit","parsePhoneNumberCharacter","InputBasic","memo","_a","propValue","value","onChange","onFocus","onBlur","country","_b","inputComponent","Input","rest","__rest","_c","__read","useState","setValue","inputRef","useRef","useEffect","format","useCallback","inputValue","ayt","getAsYouType","addChar","number","handleChange","event","newValue","target","startsWith","slice","handleBlur","clonedEvent","__assign","stopPropagation","preventDefault","current","focus","React","createElement","type","autoComplete","ref","displayName","Checkmark","onClickCheckMark","id","onClick","className","styles","xmlns","viewBox","cx","cy","r","fill","d","mkConfig","countryCode","commonPrefix","maxLength","configs","mx","my","za","ae","a2","gr","g2","ee","lt","ps","xx","onClickErrorCheckMark","dangerouslySetInnerHTML","__html","x","y","width","height","transform","parseMSISDN","msisdnOriginal","msisdn","parseInt","toString","parsedPhoneNumber","parsePhoneNumber","regionCode","toUpperCase","nationalNumber","national","internationalNumber","international","bupperNumber","match","join","getBupperNumber","isValid","valid","toLowerCase","possible","typeIsMobile","length","internationalPrefix","ex","console","warn","hasNumber","myString","test","specialCountryCodes","s2","o2","k2","c2","r2","l2","s3","b2","a3","MsisdnComponent","props","_e","setIsValid","_f","showError","setShowError","focusOnInputElement","inputElementRef","phoneInputId","concat","phoneInput","document","querySelector","window","hasAttribute","setAttribute","setTimeout","__awaiter","useNumberFromCookie","msisdnCookieUrl","name","cookieValue","cookie","msisdnFromCookie","decodeURIComponent","pop","msisdnFromLocalStorage","localStorage","getItem","msisdnFromZurch","fetch","mode","method","credentials","sent","json","data","success","_uuid","_d","error","error_1","message","msisdnFromAnyStorage","decryptedMsisdn","atob","tracker","source","customEvent","country_1","validNumber","BasicInput","_g","getConfig","showCountryCode","showFlag","showMobileIcon","saveValidNumber","onMouseDown","onTouchStart","style","backgroundImage","smartcaret","navigator","userAgent","placeholder","includes","encryptedMsisdn_1","btoa","daysToExpire","path","cookieString","encodeURIComponent","date","Date","setTime","getTime","toUTCString","setCookie","setItem","headers","body","JSON","stringify","responseData","eventType","error_2","onPaste","onKeyPress","Errormark"],"mappings":"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"}
|
package/dist/PhoneInput.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{M as PhoneInput}from"./PhoneInput-
|
|
1
|
+
export{M as PhoneInput}from"./PhoneInput-980ed552.js";import"tslib";import"awesome-phonenumber";import"react";
|
|
2
2
|
//# sourceMappingURL=PhoneInput.js.map
|
package/dist/PinEntryForm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import t,{useEffect as n}from"react";import{B as o}from"./Button-
|
|
1
|
+
import{__read as e}from"tslib";import t,{useEffect as n}from"react";import{B as o}from"./Button-548b3ce9.js";import{D as i}from"./DynamicPricePoint-c68a7025.js";import{P as l}from"./PricePoint-675a98f0.js";import{F as a}from"./focus-b405d187.js";import"classnames";var r=new(function(){function e(){if(this.storage=null,"undefined"!=typeof window)try{window.localStorage.setItem("test","test"),window.localStorage.removeItem("test"),this.storage=window.localStorage}catch(t){console.warn("localStorage is not available, falling back to in-memory storage:",t),this.storage=e.createFallbackStorage()}}return e.createFallbackStorage=function(){var e={};return{setItem:function(t,n){e[t]=n},getItem:function(t){return e[t]||null},removeItem:function(t){delete e[t]},clear:function(){Object.keys(e).forEach((function(t){return delete e[t]}))}}},e.prototype.setItem=function(e,t){var n;null===(n=this.storage)||void 0===n||n.setItem(e,t)},e.prototype.getItem=function(e){var t;return(null===(t=this.storage)||void 0===t?void 0:t.getItem(e))||null},e.prototype.removeItem=function(e){var t;null===(t=this.storage)||void 0===t||t.removeItem(e)},e.prototype.updatePinList=function(e){var t=this.getItem("pinList")?JSON.parse(this.getItem("pinList")||"[]"):[];t.includes(e)||(t.push(e),this.setItem("pinList",JSON.stringify(t)))},e.prototype.pinExists=function(e){return(this.getItem("pinList")?JSON.parse(this.getItem("pinList")||"[]"):[]).includes(e)},e.prototype.clearPinList=function(){this.removeItem("pinList")},e.prototype.clear=function(){var e;null===(e=this.storage)||void 0===e||e.clear()},e}()),s=function(s){var c,u,m=s.rds,v=s.tracker,p=s.locale,g=s.legals,f=s.buttonClassName,h=s.formattedMessage,b=s.onChange,E=s.pinMaxLength,C=void 0===E?6:E,I=s.pinMinLength,y=void 0===I?4:I,N=s.renderTopContent,k=s.pinEntryLabel,S=s.wrongPinMessage,L=s.placeholder,M=s.buttonLabel,P=s.renderBottomContent,w=s.buttonDisabled,T=s.pageConfigs,x=s.onButtonClick,F=e(t.useState(""),2),B=F[0],j=F[1],D=e(t.useState(""),2),O=D[0],A=D[1],J=e(t.useState(!1),2),U=J[0],R=J[1],_=e(t.useState(!1),2),V=_[0],W=_[1],Y=function(){var e,t,n,o,i,l,a,r;return(null===(t=null===(e=null==T?void 0:T.pin)||void 0===e?void 0:e.shortCodes)||void 0===t?void 0:t.length)?(null===(o=null===(n=null==T?void 0:T.pin)||void 0===n?void 0:n.blockedPin)||void 0===o?void 0:o.includes(O))||(null===(l=null===(i=null==T?void 0:T.pin)||void 0===i?void 0:i.shortCodes)||void 0===l?void 0:l.includes(O)):null===(r=null===(a=null==T?void 0:T.pin)||void 0===a?void 0:a.blockedPin)||void 0===r?void 0:r.includes(O)}(),q=O.length>=y&&O.length<=C&&!Y;n((function(){b&&b(O)}),[O,b]),n((function(){var e;"InvalidPIN"===(null===(e=null==m?void 0:m.error)||void 0===e?void 0:e.errorType)&&r.updatePinList(O)}),[m]),n((function(){var e,t,n,o;(null===(t=null===(e=null==T?void 0:T.pin)||void 0===e?void 0:e.shortCodes)||void 0===t?void 0:t.length)&&(null===(o=null===(n=null==T?void 0:T.pin)||void 0===n?void 0:n.shortCodes)||void 0===o?void 0:o.includes(O))&&W(!0)}),[O]);return t.createElement("label",{htmlFor:"pin-input"},N,t.createElement("p",{className:"pinEntryLabel"},k),B&&t.createElement("p",{className:"wrongPinMessage"},"".concat(B," ")," ",S),t.createElement("div",{className:"pin-wrapper"},t.createElement("div",{className:"pin-input ".concat(U&&!q?null==T?void 0:T.inputFocusAnimation:"")},t.createElement("div",{className:"pin"}),t.createElement("input",{id:"pin-input",className:"text-input",type:"text",placeholder:L,value:O,pattern:"[0-9]*",inputMode:"numeric",maxLength:C,minLength:y,autoComplete:"one-time-code",onChange:function(e){A(e.target.value.replace(/[^0-9]/g,""))}})),(null===(u=null===(c=null==T?void 0:T.pin)||void 0===c?void 0:c.blockedPin)||void 0===u?void 0:u.includes(O))&&t.createElement("p",{className:"blocked-pin-message"},null==h?void 0:h({id:"blockedPinMessage",defaultMessage:"This is not a pin code, check your SMS"}),null==v?void 0:v.recedeInFlow("tallyman.v1-pin","INVALID_PIN_ENTRY",O)),t.createElement(o,{id:"pin-submit-button",type:"submit",className:"btn ".concat(f||""),disabled:w||(null==T?void 0:T.isDisableButtonIfInvalid)&&!q,onClick:function(e){R((function(e){return!e})),(null==T?void 0:T.isCheckWrongPinReEntry)&&r.pinExists(O)&&(j(O),setTimeout((function(){a.triggerFocusArea()}),100),A(""),1)||x&&q&&x(e)}},M)),(null==T?void 0:T.isNewLegal)?t.createElement(i,{pageConfigs:T,formattedMessage:h}):t.createElement(l,{className:"price-point",legals:g||[],locale:p||"en"}),P,V&&t.createElement(d,{pageConfigs:T,formattedMessage:h,onConfirm:function(){W(!1)}}))},d=function(e){var n,o,i=e.pageConfigs,l=e.formattedMessage,a=e.onConfirm;return t.createElement("div",{className:"alert-dialog"},t.createElement("div",{className:"alert-dialog-body"},t.createElement("div",{className:"alert-dialog-close",onClick:a},"✕"),t.createElement("div",null,(null===(n=null==i?void 0:i.pin)||void 0===n?void 0:n.shortCodeInstructionUrl)&&t.createElement("img",{src:null===(o=null==i?void 0:i.pin)||void 0===o?void 0:o.shortCodeInstructionUrl,alt:"shortCodeInstructionUrl",className:"alert-dialog-image"}),t.createElement("div",{className:"alert-dialog-title"},null==l?void 0:l({id:"smsCodeErrorTitle",defaultMessage:"This is not a pin code, check your SMS"})),t.createElement("div",{className:"alert-dialog-content"},null==l?void 0:l({id:"smsCodeErrorContent",defaultMessage:"This is not a pin code, check your SMS"})),t.createElement("button",{type:"button",onClick:a,className:"alert-dialog-button"},null==l?void 0:l({id:"smsCodeErrorConfirmButtonText",defaultMessage:"Ok!"})))))};export{s as PinEntryForm};
|
|
2
2
|
//# sourceMappingURL=PinEntryForm.js.map
|