ouisys-component-library 3.4.5 → 3.4.7
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-f8ab917a.js → Button-2e0f99c1.js} +1 -1
- package/dist/{Button-f8ab917a.js.map → Button-2e0f99c1.js.map} +1 -1
- package/dist/Button.js +1 -1
- package/dist/{ChainRedirect-4bc25e0c.js → ChainRedirect-e20a69e8.js} +1 -1
- package/dist/{ChainRedirect-4bc25e0c.js.map → ChainRedirect-e20a69e8.js.map} +1 -1
- package/dist/ChainRedirect.js +1 -1
- package/dist/{ConsentAcceptanceCheck-83e4ff12.js → ConsentAcceptanceCheck-72ffc0db.js} +2 -2
- package/dist/ConsentAcceptanceCheck-72ffc0db.js.map +1 -0
- package/dist/ConsentAcceptanceCheck.js +1 -1
- package/dist/{CookieConsent-34f9f8c1.js → CookieConsent-83092b46.js} +1 -1
- package/dist/{CookieConsent-34f9f8c1.js.map → CookieConsent-83092b46.js.map} +1 -1
- package/dist/CookieConsent.js +1 -1
- package/dist/{DynamicPricePoint-04a7d106.js → DynamicPricePoint-b2a7f75a.js} +1 -1
- package/dist/{DynamicPricePoint-04a7d106.js.map → DynamicPricePoint-b2a7f75a.js.map} +1 -1
- package/dist/DynamicPricePoint.js +1 -1
- package/dist/Email.js +1 -1
- package/dist/{ExtraDisclaimers-d98c62fb.js → ExtraDisclaimers-393440c4.js} +1 -1
- package/dist/{ExtraDisclaimers-d98c62fb.js.map → ExtraDisclaimers-393440c4.js.map} +1 -1
- package/dist/ExtraDisclaimers.js +1 -1
- package/dist/Features-379e091d.js +2 -0
- package/dist/Features-379e091d.js.map +1 -0
- package/dist/Features.js +1 -1
- package/dist/{Footer-21ca28bd.js → Footer-bdba0d1d.js} +2 -2
- package/dist/{Footer-21ca28bd.js.map → Footer-bdba0d1d.js.map} +1 -1
- package/dist/Footer.js +1 -1
- package/dist/Header.js +1 -1
- package/dist/{Intl-73db5a91.js → Intl-5315f989.js} +1 -1
- package/dist/{Intl-73db5a91.js.map → Intl-5315f989.js.map} +1 -1
- package/dist/IntlProvider.js +1 -1
- package/dist/{LanguageSwitcher-3dc98c4c.js → LanguageSwitcher-8a33a054.js} +1 -1
- package/dist/{LanguageSwitcher-3dc98c4c.js.map → LanguageSwitcher-8a33a054.js.map} +1 -1
- package/dist/LanguageSwitcher.js +1 -1
- package/dist/{Link-cf6b0154.js → Link-30f3ea06.js} +1 -1
- package/dist/{Link-cf6b0154.js.map → Link-30f3ea06.js.map} +1 -1
- package/dist/Link.js +1 -1
- package/dist/LoadingPrelander.js +1 -1
- package/dist/LoadingPrelander.js.map +1 -1
- package/dist/MOForm.js +1 -1
- package/dist/{MOLink-83ea1d68.js → MOLink-548c84af.js} +1 -1
- package/dist/{MOLink-83ea1d68.js.map → MOLink-548c84af.js.map} +1 -1
- package/dist/MOLink.js +1 -1
- package/dist/{Menu-cc49d6a6.js → Menu-10272dae.js} +2 -2
- package/dist/{Menu-cc49d6a6.js.map → Menu-10272dae.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{PageConfig-8cb95907.js → PageConfig-2284b0e2.js} +1 -1
- package/dist/{PageConfig-8cb95907.js.map → PageConfig-2284b0e2.js.map} +1 -1
- package/dist/PageConfig.js +1 -1
- package/dist/PageContent.js +1 -1
- package/dist/PhoneEntryForm.js +1 -1
- package/dist/PhoneEntryForm.js.map +1 -1
- package/dist/{PhoneInput-06c28458.js → PhoneInput-681d6f8b.js} +1 -1
- package/dist/{PhoneInput-06c28458.js.map → PhoneInput-681d6f8b.js.map} +1 -1
- package/dist/PhoneInput.js +1 -1
- package/dist/PinEntryForm.js +1 -1
- package/dist/{PricePoint-7b3e5205.js → PricePoint-5c1db6e8.js} +1 -1
- package/dist/{PricePoint-7b3e5205.js.map → PricePoint-5c1db6e8.js.map} +1 -1
- package/dist/PricePoint.js +1 -1
- package/dist/{PricingPolicy-be86b801.js → PricingPolicy-748a8d59.js} +1 -1
- package/dist/{PricingPolicy-be86b801.js.map → PricingPolicy-748a8d59.js.map} +1 -1
- package/dist/PricingPolicy.js +1 -1
- package/dist/ProductArea.js +1 -1
- package/dist/{RefundPolicy-a05fbe84.js → RefundPolicy-71607540.js} +2 -2
- package/dist/{RefundPolicy-a05fbe84.js.map → RefundPolicy-71607540.js.map} +1 -1
- package/dist/RefundPolicy.js +1 -1
- package/dist/RootWrapper.js +1 -1
- package/dist/Showcase-b0d84afa.js +2 -0
- package/dist/Showcase-b0d84afa.js.map +1 -0
- package/dist/Showcase.js +1 -1
- package/dist/{Testimonials-c698caa3.js → Testimonials-2c39ede5.js} +1 -1
- package/dist/{Testimonials-c698caa3.js.map → Testimonials-2c39ede5.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-0547025a.js → Unsubscription-43334087.js} +2 -2
- package/dist/{Unsubscription-0547025a.js.map → Unsubscription-43334087.js.map} +1 -1
- package/dist/Unsubscription.js +1 -1
- package/dist/VideoPrelander.js +2 -0
- package/dist/VideoPrelander.js.map +1 -0
- package/dist/defineMessages.js +1 -1
- package/dist/{focus-0aeeb39e.js → focus-0ff4007e.js} +1 -1
- package/dist/{focus-0aeeb39e.js.map → focus-0ff4007e.js.map} +1 -1
- package/dist/formatSMSLink.js +1 -1
- package/dist/injectIntl.js +1 -1
- package/dist/{routes-9e9b7a73.js → routes-edab6d52.js} +1 -1
- package/dist/{routes-9e9b7a73.js.map → routes-edab6d52.js.map} +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/types/AcceptanceCheckbox/AcceptanceCheckbox.d.ts +1 -2
- package/dist/types/Button/Button.d.ts +1 -2
- package/dist/types/ChainRedirect/ChainRedirect.d.ts +1 -2
- package/dist/types/CookieConsent/CookieConsent.d.ts +1 -2
- package/dist/types/Disclaimers/Disclaimers.d.ts +1 -2
- package/dist/types/Email/Email.d.ts +1 -3
- package/dist/types/Error/Error.d.ts +1 -2
- package/dist/types/ExtraDisclaimers/ExtraDisclaimers.d.ts +1 -2
- package/dist/types/Features/Features.d.ts +1 -2
- package/dist/types/Features/Features.types.d.ts +1 -1
- package/dist/types/Footer/Footer.d.ts +1 -3
- package/dist/types/Header/Header.d.ts +1 -2
- package/dist/types/Input/Input.d.ts +1 -2
- package/dist/types/Intl/Intl.d.ts +2 -2
- package/dist/types/LanguageSwitcher/LanguageSwitcher.d.ts +1 -2
- package/dist/types/Link/Link.d.ts +1 -2
- package/dist/types/Loader/Loader.d.ts +1 -2
- package/dist/types/MOForm/MOForm.d.ts +1 -2
- package/dist/types/Menu/Menu.d.ts +1 -2
- package/dist/types/PINEntry/PINEntry.d.ts +1 -2
- package/dist/types/PageContent/PageContent.d.ts +1 -2
- package/dist/types/Persuasive/Persuasive.d.ts +1 -2
- package/dist/types/PhoneEntry/PhoneEntry.d.ts +1 -2
- package/dist/types/PhoneEntryForm/PhoneEntryForm.d.ts +1 -2
- package/dist/types/PhoneEntryForm/PhoneEntryForm.types.d.ts +2 -0
- package/dist/types/PinEntryForm/PinEntryForm.d.ts +1 -2
- package/dist/types/Prelanders/LoadingPrelander/LoadingPrelander.d.ts +1 -2
- package/dist/types/Prelanders/LoadingPrelander/LoadingPrelander.type.d.ts +2 -0
- package/dist/types/Prelanders/LovePrelander/LovePrelander.d.ts +1 -2
- package/dist/types/Prelanders/Prelander/Prelander.d.ts +1 -2
- package/dist/types/Prelanders/VideoPrelander/VideoPrelander.d.ts +6 -0
- package/dist/types/Prelanders/VideoPrelander/VideoPrelander.type.d.ts +32 -0
- package/dist/types/PricePoint/PricePoint.d.ts +1 -2
- package/dist/types/PricingPolicy/PricingPolicy.d.ts +1 -2
- package/dist/types/ProductArea/ProductArea.d.ts +1 -2
- package/dist/types/RefundPolicy/RefundPolicy.d.ts +1 -3
- package/dist/types/RootWrapper/RootWrapper.d.ts +1 -2
- package/dist/types/Select/Select.d.ts +1 -2
- package/dist/types/Showcase/Showcase.d.ts +1 -2
- package/dist/types/Showcase/Showcase.types.d.ts +1 -1
- package/dist/types/Steps/Steps.d.ts +1 -2
- package/dist/types/SubscriptionArea/SubscriptionArea.d.ts +1 -2
- package/dist/types/SuspenseLoader/SuspenseLoader.d.ts +1 -2
- package/dist/types/Testimonials/Testimonials.d.ts +1 -2
- package/dist/types/ThankYou/ThankYou.d.ts +1 -2
- package/dist/types/TopLegals/TopLegals.d.ts +1 -2
- package/dist/types/Unsubscription/Unsubscription.d.ts +1 -3
- package/dist/types/component-exports/VideoPrelander/VideoPrelander.d.ts +2 -0
- package/package.json +3 -2
- package/dist/ConsentAcceptanceCheck-83e4ff12.js.map +0 -1
- package/dist/Features-52186787.js +0 -2
- package/dist/Features-52186787.js.map +0 -1
- package/dist/Showcase-ab2061eb.js +0 -2
- package/dist/Showcase-ab2061eb.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-
|
|
1
|
+
{"version":3,"file":"LanguageSwitcher-8a33a054.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-8a33a054.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-30f3ea06.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link-
|
|
1
|
+
{"version":3,"file":"Link-30f3ea06.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-30f3ea06.js";import"tslib";import"classnames";import"react";
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
package/dist/LoadingPrelander.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as a}from"tslib";import e,{useState as l,useEffect as c}from"react";var t=function(t){var n=t.contentLoaded,r=t.title,s=t.className,o=t.loadingText,m=t.dataQaId,i=t.tracker,d=a(l(0),2),u
|
|
1
|
+
import{__read as a}from"tslib";import e,{useState as l,useEffect as c}from"react";var t=function(t){var n=t.contentLoaded,r=t.title,s=t.className,o=t.loadingText,m=t.dataQaId,i=t.tracker,d=t.children,u=a(l(0),2),f=u[0],v=u[1];return c((function(){null==i||i.advancedInPreFlow("advance-auto","step1")}),[i]),c((function(){var a=setInterval((function(){v((function(a){var e=a+1;return e>100?100:e}))}),24);return function(){return clearInterval(a)}}),[]),c((function(){f>=50&&n()}),[f,n]),e.createElement("div",{className:"prelander ".concat(s),"data-qa-id":m},e.createElement("h2",null,r),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2",clipRule:"evenodd",viewBox:"0 0 286 255",className:"cog-loader"},e.createElement("g",{className:"small-cog"},e.createElement("path",{fill:"#ff7b00",d:"M278.717 189.195a57.803 57.803 0 00-6.313 0c.224 4.135-1.151 7.643-4.125 10.525a48.129 48.129 0 00-10.204 2.734c-4.017-1.008-6.962-3.359-8.835-7.053a58.19 58.19 0 00-5.467 3.157c2.262 3.469 2.826 7.194 1.691 11.177a48.147 48.147 0 00-7.47 7.47c-3.983 1.135-7.709.572-11.178-1.691a58.324 58.324 0 00-3.156 5.468c3.693 1.873 6.044 4.818 7.053 8.834a48.124 48.124 0 00-2.735 10.205c-2.881 2.974-6.39 4.349-10.525 4.124a58.327 58.327 0 000 6.314c4.135-.225 7.644 1.15 10.525 4.124a48.131 48.131 0 002.735 10.204c-1.009 4.017-3.36 6.962-7.053 8.835a58.18 58.18 0 003.156 5.467c3.469-2.262 7.195-2.825 11.178-1.691a48.11 48.11 0 007.47 7.471c1.135 3.982.571 7.708-1.691 11.177a58.41 58.41 0 005.467 3.157c1.873-3.694 4.818-6.045 8.835-7.053a48.129 48.129 0 0010.204 2.734c2.974 2.882 4.349 6.39 4.125 10.525 2.103.114 4.21.114 6.313 0-.225-4.135 1.15-7.643 4.124-10.525a48.122 48.122 0 0010.205-2.734c4.016 1.008 6.961 3.359 8.834 7.053a58.426 58.426 0 005.468-3.157c-2.262-3.469-2.826-7.195-1.691-11.177a48.153 48.153 0 007.47-7.471c3.983-1.134 7.709-.571 11.177 1.691a57.97 57.97 0 003.157-5.467c-3.693-1.873-6.044-4.818-7.053-8.835a48.129 48.129 0 002.734-10.204c2.882-2.974 6.39-4.349 10.526-4.124a58.327 58.327 0 000-6.314c-4.136.225-7.644-1.15-10.526-4.124a48.122 48.122 0 00-2.734-10.205c1.009-4.016 3.36-6.961 7.053-8.834a58.112 58.112 0 00-3.157-5.468c-3.468 2.263-7.194 2.826-11.177 1.691a48.19 48.19 0 00-7.47-7.47c-1.135-3.983-.571-7.708 1.691-11.177a58.205 58.205 0 00-5.468-3.157c-1.873 3.694-4.818 6.045-8.834 7.053a48.122 48.122 0 00-10.205-2.734c-2.974-2.882-4.349-6.39-4.124-10.525zm-3.157 33.08c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z",transform:"translate(-347.215 -302.076) scale(1.59736)"})),e.createElement("g",{className:"big-cog"},e.createElement("path",{fill:"#ff7b00",d:"M277.978 189.159a58.177 58.177 0 00-4.835 0l-3.94 9.852a48.718 48.718 0 00-12.282 3.291l-8.339-6.562a58.542 58.542 0 00-4.186 2.417l1.513 10.503a48.691 48.691 0 00-8.991 8.991l-10.502-1.514a57.81 57.81 0 00-2.417 4.187l6.562 8.338a48.687 48.687 0 00-3.291 12.282l-9.852 3.941a58.153 58.153 0 000 4.834l9.852 3.94a48.664 48.664 0 003.291 12.282l-6.562 8.339a58.026 58.026 0 002.417 4.187l10.502-1.514a48.691 48.691 0 008.991 8.991l-1.513 10.502a58.176 58.176 0 004.186 2.418l8.339-6.562a48.716 48.716 0 0012.282 3.29l3.94 9.853c1.611.067 3.224.067 4.835 0l3.94-9.853a48.727 48.727 0 0012.282-3.29l8.338 6.562a57.98 57.98 0 004.187-2.418l-1.514-10.502a48.691 48.691 0 008.991-8.991l10.503 1.514a58.402 58.402 0 002.417-4.187l-6.562-8.339a48.706 48.706 0 003.291-12.282l9.852-3.94a58.153 58.153 0 000-4.834l-9.852-3.941a48.729 48.729 0 00-3.291-12.282l6.562-8.338a58.184 58.184 0 00-2.417-4.187l-10.503 1.514a48.691 48.691 0 00-8.991-8.991l1.514-10.503a58.344 58.344 0 00-4.187-2.417l-8.338 6.562a48.729 48.729 0 00-12.282-3.291l-3.94-9.852zm-2.418 33.116c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z",transform:"translate(-94.71 -94.325) scale(1.14029)"}))),e.createElement("div",{className:"bar"},e.createElement("div",{className:"progress"})),e.createElement("p",null,o," ",e.createElement("strong",null,f,"%")),d)};export{t as LoadingPrelander};
|
|
2
2
|
//# sourceMappingURL=LoadingPrelander.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingPrelander.js","sources":["../src/Prelanders/LoadingPrelander/LoadingPrelander.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport LoadingPrelanderProps from './LoadingPrelander.type';\n\nexport const LoadingPrelander = ({\n contentLoaded,\n title,\n className,\n loadingText,\n dataQaId,\n tracker\n}: LoadingPrelanderProps) => {\n const [progress, setProgress] = useState(0);\n\n useEffect(() => {\n tracker?.advancedInPreFlow('advance-auto', 'step1');\n }, [tracker]);\n\n useEffect(() => {\n const intervalId = setInterval(() => {\n setProgress((prevProgress) => {\n const newProgress = prevProgress + 1;\n return newProgress > 100 ? 100 : newProgress;\n });\n }, 24);\n\n // Cleanup on component unmount\n return () => clearInterval(intervalId);\n }, []);\n\n useEffect(() => {\n if (progress >= 50) {\n contentLoaded();\n }\n }, [progress, contentLoaded]);\n\n return (\n <div className={`prelander ${className}`} data-qa-id={dataQaId}>\n <h2>{title}</h2>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fillRule=\"evenodd\"\n strokeLinejoin=\"round\"\n strokeMiterlimit=\"2\"\n clipRule=\"evenodd\"\n viewBox=\"0 0 286 255\"\n className=\"cog-loader\"\n >\n <g className=\"small-cog\">\n <path\n fill=\"#ff7b00\"\n d=\"M278.717 189.195a57.803 57.803 0 00-6.313 0c.224 4.135-1.151 7.643-4.125 10.525a48.129 48.129 0 00-10.204 2.734c-4.017-1.008-6.962-3.359-8.835-7.053a58.19 58.19 0 00-5.467 3.157c2.262 3.469 2.826 7.194 1.691 11.177a48.147 48.147 0 00-7.47 7.47c-3.983 1.135-7.709.572-11.178-1.691a58.324 58.324 0 00-3.156 5.468c3.693 1.873 6.044 4.818 7.053 8.834a48.124 48.124 0 00-2.735 10.205c-2.881 2.974-6.39 4.349-10.525 4.124a58.327 58.327 0 000 6.314c4.135-.225 7.644 1.15 10.525 4.124a48.131 48.131 0 002.735 10.204c-1.009 4.017-3.36 6.962-7.053 8.835a58.18 58.18 0 003.156 5.467c3.469-2.262 7.195-2.825 11.178-1.691a48.11 48.11 0 007.47 7.471c1.135 3.982.571 7.708-1.691 11.177a58.41 58.41 0 005.467 3.157c1.873-3.694 4.818-6.045 8.835-7.053a48.129 48.129 0 0010.204 2.734c2.974 2.882 4.349 6.39 4.125 10.525 2.103.114 4.21.114 6.313 0-.225-4.135 1.15-7.643 4.124-10.525a48.122 48.122 0 0010.205-2.734c4.016 1.008 6.961 3.359 8.834 7.053a58.426 58.426 0 005.468-3.157c-2.262-3.469-2.826-7.195-1.691-11.177a48.153 48.153 0 007.47-7.471c3.983-1.134 7.709-.571 11.177 1.691a57.97 57.97 0 003.157-5.467c-3.693-1.873-6.044-4.818-7.053-8.835a48.129 48.129 0 002.734-10.204c2.882-2.974 6.39-4.349 10.526-4.124a58.327 58.327 0 000-6.314c-4.136.225-7.644-1.15-10.526-4.124a48.122 48.122 0 00-2.734-10.205c1.009-4.016 3.36-6.961 7.053-8.834a58.112 58.112 0 00-3.157-5.468c-3.468 2.263-7.194 2.826-11.177 1.691a48.19 48.19 0 00-7.47-7.47c-1.135-3.983-.571-7.708 1.691-11.177a58.205 58.205 0 00-5.468-3.157c-1.873 3.694-4.818 6.045-8.834 7.053a48.122 48.122 0 00-10.205-2.734c-2.974-2.882-4.349-6.39-4.124-10.525zm-3.157 33.08c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z\"\n transform=\"translate(-347.215 -302.076) scale(1.59736)\"\n />\n </g>\n <g className=\"big-cog\">\n <path\n fill=\"#ff7b00\"\n d=\"M277.978 189.159a58.177 58.177 0 00-4.835 0l-3.94 9.852a48.718 48.718 0 00-12.282 3.291l-8.339-6.562a58.542 58.542 0 00-4.186 2.417l1.513 10.503a48.691 48.691 0 00-8.991 8.991l-10.502-1.514a57.81 57.81 0 00-2.417 4.187l6.562 8.338a48.687 48.687 0 00-3.291 12.282l-9.852 3.941a58.153 58.153 0 000 4.834l9.852 3.94a48.664 48.664 0 003.291 12.282l-6.562 8.339a58.026 58.026 0 002.417 4.187l10.502-1.514a48.691 48.691 0 008.991 8.991l-1.513 10.502a58.176 58.176 0 004.186 2.418l8.339-6.562a48.716 48.716 0 0012.282 3.29l3.94 9.853c1.611.067 3.224.067 4.835 0l3.94-9.853a48.727 48.727 0 0012.282-3.29l8.338 6.562a57.98 57.98 0 004.187-2.418l-1.514-10.502a48.691 48.691 0 008.991-8.991l10.503 1.514a58.402 58.402 0 002.417-4.187l-6.562-8.339a48.706 48.706 0 003.291-12.282l9.852-3.94a58.153 58.153 0 000-4.834l-9.852-3.941a48.729 48.729 0 00-3.291-12.282l6.562-8.338a58.184 58.184 0 00-2.417-4.187l-10.503 1.514a48.691 48.691 0 00-8.991-8.991l1.514-10.503a58.344 58.344 0 00-4.187-2.417l-8.338 6.562a48.729 48.729 0 00-12.282-3.291l-3.94-9.852zm-2.418 33.116c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z\"\n transform=\"translate(-94.71 -94.325) scale(1.14029)\"\n />\n </g>\n </svg>\n <div className=\"bar\">\n <div className=\"progress\" />\n </div>\n <p>\n {loadingText} <strong>{progress}%</strong>\n </p>\n </div>\n );\n};\n"],"names":["LoadingPrelander","_a","contentLoaded","title","className","loadingText","dataQaId","tracker","_b","__read","useState","progress","setProgress","useEffect","advancedInPreFlow","intervalId","setInterval","prevProgress","newProgress","clearInterval","React","createElement","xmlns","fillRule","strokeLinejoin","strokeMiterlimit","clipRule","viewBox","fill","d","transform"],"mappings":"kFAGO,IAAMA,EAAmB,SAACC,GAC/B,IAAAC,
|
|
1
|
+
{"version":3,"file":"LoadingPrelander.js","sources":["../src/Prelanders/LoadingPrelander/LoadingPrelander.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport LoadingPrelanderProps from './LoadingPrelander.type';\n\nexport const LoadingPrelander = ({\n contentLoaded,\n title,\n className,\n loadingText,\n dataQaId,\n tracker,\n children\n}: LoadingPrelanderProps) => {\n const [progress, setProgress] = useState(0);\n\n useEffect(() => {\n tracker?.advancedInPreFlow('advance-auto', 'step1');\n }, [tracker]);\n\n useEffect(() => {\n const intervalId = setInterval(() => {\n setProgress((prevProgress) => {\n const newProgress = prevProgress + 1;\n return newProgress > 100 ? 100 : newProgress;\n });\n }, 24);\n\n // Cleanup on component unmount\n return () => clearInterval(intervalId);\n }, []);\n\n useEffect(() => {\n if (progress >= 50) {\n contentLoaded();\n }\n }, [progress, contentLoaded]);\n\n return (\n <div className={`prelander ${className}`} data-qa-id={dataQaId}>\n <h2>{title}</h2>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fillRule=\"evenodd\"\n strokeLinejoin=\"round\"\n strokeMiterlimit=\"2\"\n clipRule=\"evenodd\"\n viewBox=\"0 0 286 255\"\n className=\"cog-loader\"\n >\n <g className=\"small-cog\">\n <path\n fill=\"#ff7b00\"\n d=\"M278.717 189.195a57.803 57.803 0 00-6.313 0c.224 4.135-1.151 7.643-4.125 10.525a48.129 48.129 0 00-10.204 2.734c-4.017-1.008-6.962-3.359-8.835-7.053a58.19 58.19 0 00-5.467 3.157c2.262 3.469 2.826 7.194 1.691 11.177a48.147 48.147 0 00-7.47 7.47c-3.983 1.135-7.709.572-11.178-1.691a58.324 58.324 0 00-3.156 5.468c3.693 1.873 6.044 4.818 7.053 8.834a48.124 48.124 0 00-2.735 10.205c-2.881 2.974-6.39 4.349-10.525 4.124a58.327 58.327 0 000 6.314c4.135-.225 7.644 1.15 10.525 4.124a48.131 48.131 0 002.735 10.204c-1.009 4.017-3.36 6.962-7.053 8.835a58.18 58.18 0 003.156 5.467c3.469-2.262 7.195-2.825 11.178-1.691a48.11 48.11 0 007.47 7.471c1.135 3.982.571 7.708-1.691 11.177a58.41 58.41 0 005.467 3.157c1.873-3.694 4.818-6.045 8.835-7.053a48.129 48.129 0 0010.204 2.734c2.974 2.882 4.349 6.39 4.125 10.525 2.103.114 4.21.114 6.313 0-.225-4.135 1.15-7.643 4.124-10.525a48.122 48.122 0 0010.205-2.734c4.016 1.008 6.961 3.359 8.834 7.053a58.426 58.426 0 005.468-3.157c-2.262-3.469-2.826-7.195-1.691-11.177a48.153 48.153 0 007.47-7.471c3.983-1.134 7.709-.571 11.177 1.691a57.97 57.97 0 003.157-5.467c-3.693-1.873-6.044-4.818-7.053-8.835a48.129 48.129 0 002.734-10.204c2.882-2.974 6.39-4.349 10.526-4.124a58.327 58.327 0 000-6.314c-4.136.225-7.644-1.15-10.526-4.124a48.122 48.122 0 00-2.734-10.205c1.009-4.016 3.36-6.961 7.053-8.834a58.112 58.112 0 00-3.157-5.468c-3.468 2.263-7.194 2.826-11.177 1.691a48.19 48.19 0 00-7.47-7.47c-1.135-3.983-.571-7.708 1.691-11.177a58.205 58.205 0 00-5.468-3.157c-1.873 3.694-4.818 6.045-8.834 7.053a48.122 48.122 0 00-10.205-2.734c-2.974-2.882-4.349-6.39-4.124-10.525zm-3.157 33.08c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z\"\n transform=\"translate(-347.215 -302.076) scale(1.59736)\"\n />\n </g>\n <g className=\"big-cog\">\n <path\n fill=\"#ff7b00\"\n d=\"M277.978 189.159a58.177 58.177 0 00-4.835 0l-3.94 9.852a48.718 48.718 0 00-12.282 3.291l-8.339-6.562a58.542 58.542 0 00-4.186 2.417l1.513 10.503a48.691 48.691 0 00-8.991 8.991l-10.502-1.514a57.81 57.81 0 00-2.417 4.187l6.562 8.338a48.687 48.687 0 00-3.291 12.282l-9.852 3.941a58.153 58.153 0 000 4.834l9.852 3.94a48.664 48.664 0 003.291 12.282l-6.562 8.339a58.026 58.026 0 002.417 4.187l10.502-1.514a48.691 48.691 0 008.991 8.991l-1.513 10.502a58.176 58.176 0 004.186 2.418l8.339-6.562a48.716 48.716 0 0012.282 3.29l3.94 9.853c1.611.067 3.224.067 4.835 0l3.94-9.853a48.727 48.727 0 0012.282-3.29l8.338 6.562a57.98 57.98 0 004.187-2.418l-1.514-10.502a48.691 48.691 0 008.991-8.991l10.503 1.514a58.402 58.402 0 002.417-4.187l-6.562-8.339a48.706 48.706 0 003.291-12.282l9.852-3.94a58.153 58.153 0 000-4.834l-9.852-3.941a48.729 48.729 0 00-3.291-12.282l6.562-8.338a58.184 58.184 0 00-2.417-4.187l-10.503 1.514a48.691 48.691 0 00-8.991-8.991l1.514-10.503a58.344 58.344 0 00-4.187-2.417l-8.338 6.562a48.729 48.729 0 00-12.282-3.291l-3.94-9.852zm-2.418 33.116c13.813 0 25.028 11.214 25.028 25.027s-11.215 25.027-25.028 25.027c-13.813 0-25.027-11.214-25.027-25.027s11.214-25.027 25.027-25.027z\"\n transform=\"translate(-94.71 -94.325) scale(1.14029)\"\n />\n </g>\n </svg>\n <div className=\"bar\">\n <div className=\"progress\" />\n </div>\n <p>\n {loadingText} <strong>{progress}%</strong>\n </p>\n {children}\n </div>\n );\n};\n"],"names":["LoadingPrelander","_a","contentLoaded","title","className","loadingText","dataQaId","tracker","children","_b","__read","useState","progress","setProgress","useEffect","advancedInPreFlow","intervalId","setInterval","prevProgress","newProgress","clearInterval","React","createElement","xmlns","fillRule","strokeLinejoin","strokeMiterlimit","clipRule","viewBox","fill","d","transform"],"mappings":"kFAGO,IAAMA,EAAmB,SAACC,GAC/B,IAAAC,kBACAC,UACAC,cACAC,EAAWJ,EAAAI,YACXC,EAAQL,EAAAK,SACRC,EAAON,EAAAM,QACPC,EAAQP,EAAAO,SAEFC,EAAAC,EAA0BC,EAAS,GAAE,GAApCC,EAAQH,EAAA,GAAEI,OAwBjB,OAtBAC,GAAU,WACRP,SAAAA,EAASQ,kBAAkB,eAAgB,QAC7C,GAAG,CAACR,IAEJO,GAAU,WACR,IAAME,EAAaC,aAAY,WAC7BJ,GAAY,SAACK,GACX,IAAMC,EAAcD,EAAe,EACnC,OAAOC,EAAc,IAAM,IAAMA,CACnC,GACD,GAAE,IAGH,OAAO,WAAM,OAAAC,cAAcJ,EAAW,CACvC,GAAE,IAEHF,GAAU,WACJF,GAAY,IACdV,GAEJ,GAAG,CAACU,EAAUV,IAGZmB,uBAAKjB,UAAW,oBAAaA,gBAAyBE,GACpDe,EAAAC,cAAA,KAAA,KAAKnB,GACLkB,EACEC,cAAA,MAAA,CAAAC,MAAM,6BACNC,SAAS,UACTC,eAAe,QACfC,iBAAiB,IACjBC,SAAS,UACTC,QAAQ,cACRxB,UAAU,cAEViB,EAAGC,cAAA,IAAA,CAAAlB,UAAU,aACXiB,EAAAC,cAAA,OAAA,CACEO,KAAK,UACLC,EAAE,+sDACFC,UAAU,iDAGdV,EAAGC,cAAA,IAAA,CAAAlB,UAAU,WACXiB,EAAAC,cAAA,OAAA,CACEO,KAAK,UACLC,EAAE,oqCACFC,UAAU,+CAIhBV,EAAKC,cAAA,MAAA,CAAAlB,UAAU,OACbiB,EAAAC,cAAA,MAAA,CAAKlB,UAAU,cAEjBiB,EAAAC,cAAA,IAAA,KACGjB,MAAagB,EAAAC,cAAA,SAAA,KAASV,QAExBJ,EAGP"}
|
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 n}from"./Button-
|
|
1
|
+
import{__read as e}from"tslib";import t,{useState as l}from"react";import{B as n}from"./Button-2e0f99c1.js";import{M as a}from"./MOLink-548c84af.js";import"classnames";var o=function(o){var i=o.onBack,s=o.keyword,d=o.shortcode,r=o.onSubmit,m=o.formattedMessage,u=o.pageConfigs,c=e(l(!1),2),f=c[0],b=c[1];return t.createElement("div",{className:"mo"},t.createElement("div",{className:"mobile"},f?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(),b(!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."),(null==u?void 0:u.hasMoButton)&&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(a,{onClick:function(){null==r||r()},keywordAndShortcode:{keyword:s||"",shortcode:d||""},className:"btn mo-desktop-btn",style:{display:"none"}},(null==m?void 0:m({id:"moButtonDesktop",defaultMessage:"Send SMS"}))||"Send SMS"),t.createElement("div",{className:"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"))))};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-548c84af.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MOLink-
|
|
1
|
+
{"version":3,"file":"MOLink-548c84af.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\nconst MOLinkComponent = ({ keywordAndShortcode, className, dataQaId = 'mo-link', children, ...props }: MOLinkProps) => (\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\nexport const MOLink = MOLinkComponent as unknown as React.ComponentType<MOLinkProps>;\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,EASaK,EAPW,SAACd,GAAE,IAAAJ,EAAmBI,EAAAJ,oBAAEmB,EAASf,EAAAe,UAAEhB,aAAAiB,aAAW,UAASjB,EAAEkB,EAAQjB,EAAAiB,SAAKC,EAAKC,EAAAnB,EAA1E,2DAA8F,OAErHoB,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-548c84af.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-edab6d52.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-10272dae.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu-
|
|
1
|
+
{"version":3,"file":"Menu-10272dae.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-10272dae.js";import"tslib";import"classnames";import"react";import"./routes-edab6d52.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-2284b0e2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageConfig-
|
|
1
|
+
{"version":3,"file":"PageConfig-2284b0e2.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-2284b0e2.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-83092b46.js";import{F as e}from"./Features-379e091d.js";import{F as i}from"./Footer-bdba0d1d.js";import{P as n}from"./PricingPolicy-748a8d59.js";import{R as a}from"./RefundPolicy-71607540.js";import{S as t}from"./Showcase-b0d84afa.js";import{T as r}from"./Testimonials-2c39ede5.js";import{U as s}from"./Unsubscription-43334087.js";import"tslib";import"classnames";import"./Intl-5315f989.js";import"./routes-edab6d52.js";var d=function(d){var c,v,u,m,p,w,f,g,h,b,C,S=d.pageConfigs,E=d.locale,j=void 0===E?"en":E,k=d.legals,y=d.tracker,U=d.onConsentUpdate,P=(S||{}).scrollToSub,T=void 0===P||P;return o.createElement("div",{className:"page-content",onClick:function(){}},o.createElement("div",{className:"scroll-up",onClick:function(){T&&(window.scrollTo({top:0,behavior:"smooth"}),null==y||y.customEvent("image-cards","click","scroll-to-top"))}},(null==S?void 0:S.isShowWhyChooseUs)&&o.createElement(e,{type:null==S?void 0:S.contentCategory,locale:j,tracker:y,domain:null===(c=null===window||void 0===window?void 0:window.location)||void 0===c?void 0:c.origin,headline:""}),(null==S?void 0:S.isShowShowCase)&&o.createElement(t,{tracker:y,locale:j,type:null==S?void 0:S.contentCategory,domain:null===(v=null===window||void 0===window?void 0:window.location)||void 0===v?void 0:v.origin}),(null==S?void 0:S.isShowPricingTable)&&o.createElement(n,{hideSections:!0,priceUnit:(null==S?void 0:S.isNewLegal)?null===(p=null===(m=null===(u=null==S?void 0:S.legalVariables)||void 0===u?void 0:u.operators)||void 0===m?void 0:m[0])||void 0===p?void 0:p.frequency:null==k?void 0:k.price_point,priceValue:(null==S?void 0:S.isNewLegal)?"".concat(null===(g=null===(f=null===(w=null==S?void 0:S.legalVariables)||void 0===w?void 0:w.operators)||void 0===f?void 0:f[0])||void 0===g?void 0:g.currency," ").concat(null===(C=null===(b=null===(h=null==S?void 0:S.legalVariables)||void 0===h?void 0:h.operators)||void 0===b?void 0:b[0])||void 0===C?void 0:C.amount):"",locale:j}),(null==S?void 0:S.isShowRefundPolicy)&&o.createElement(a,{locale:j,pageConfigs:S}),(null==S?void 0:S.isShowUnsubscription)&&o.createElement(s,{locale:j}),(null==S?void 0:S.isShowTestimonials)&&o.createElement(r,{locale:j})),(null==S?void 0:S.isShowAboutUs)&&o.createElement(i,{tracker:y,locale:j,pageConfigs:S,className:"footer"}),(null==S?void 0:S.isShowConsentCookie)&&o.createElement(l,{tracker:y,hasMoreOptions:!0,onUpdate:function(o){U&&U(o)},locale:j}))};export{d as PageContent};
|
|
2
2
|
//# sourceMappingURL=PageContent.js.map
|
package/dist/PhoneEntryForm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as n,__awaiter as e,__generator as t}from"tslib";import o,{useState as i,useRef as s,useEffect as l}from"react";import{B as a}from"./Button-
|
|
1
|
+
import{__read as n,__awaiter as e,__generator as t}from"tslib";import o,{useState as i,useRef as s,useEffect as l}from"react";import{B as a}from"./Button-2e0f99c1.js";import{C as r}from"./ConsentAcceptanceCheck-72ffc0db.js";import{D as c}from"./DynamicPricePoint-b2a7f75a.js";import{M as u}from"./PhoneInput-681d6f8b.js";import{P as d}from"./PricePoint-5c1db6e8.js";import"classnames";import"./ExtraDisclaimers-393440c4.js";import"awesome-phonenumber";var m=function(m){var f=m.rds,C=m.phoneInputRef,h=m.countryCode,p=m.msisdnPrefix,v=m.msisdn,b=m.locale,g=m.legals,k=m.buttonId,E=m.setMsisdn,w=m.onChange,M=m.tracker,S=m.formattedMessage,N=m.toolTipLabel,B=m.renderTopContent,D=m.msisdnLabel,y=m.placeholder,P=m.buttonLabel,x=m.buttonLabel2,F=m.buttonTopComponent,I=m.buttonBottomComponent,T=m.renderBottomContent,j=m.buttonDisabled,A=m.pageConfigs,L=m.customConsentMessage,R=m.msisdnLengthToValidate,V=void 0===R?5:R,Y=m.onButtonClick,O=m.buttonAreaId,W=void 0===O?"button-area":O,K=m.buttonAreaClassName,q=void 0===K?"dcbp":K,z=m.consentChecked,G=m.onConsentCheckedChange,H=n(i(!1),2),J=H[0],Q=H[1],U=n(o.useState(!1),2),X=U[0],Z=U[1],$=n(i(!1),2),_=$[0],nn=$[1],en=n(i(!0),2),tn=en[0],on=en[1],sn=n(i(!1),2),ln=sn[0],an=sn[1],rn=n(i(v),2);rn[0];var cn=rn[1],un=s(null),dn=n(i(!1),2),mn=dn[0],fn=dn[1],Cn=n(i((null==A?void 0:A.isConsentCheckByDefault)||!1),2),hn=Cn[0],pn=Cn[1],vn=void 0!==z?z:hn,bn=function(n){pn(n),null==G||G(n)},gn=n(i(!1),2),kn=gn[0],En=gn[1];l((function(){v||(null==A?void 0:A.hasCountryCode)||E(p||""),v&&v.length>=V&&(Q(!0),an(!0),nn(!0))}),[p,null==A?void 0:A.hasCountryCode,V]),l((function(){vn&&En(!1)}),[vn]),l((function(){(null==f?void 0:f.RDS)&&(null==f?void 0:f.rds)&&f.RDS.WhenFailure(null,(function(){vn&&bn(!vn)}))(f.rds)}),[f]),l((function(){if(null==A?void 0:A.isMsisdnPx){var n=!1;return setTimeout((function(){return e(void 0,void 0,void 0,(function(){var e,o;return t(this,(function(t){switch(t.label){case 0:return[4,null===(o=null===window||void 0===window?void 0:window.OuisysStorage)||void 0===o?void 0:o.get("msisdn")];case 1:return e=t.sent()||"",n||!e?[2]:(E(e),cn(e),an(!0),Q(!0),null==M||M.customEvent("MSISDN-State","filled","MsisdnAutoFilled",{msisdn:e}),[2])}}))}))}),500),function(){n=!0}}}),[]);var wn=function(n,e){if(!vn&&!e&&(null==A?void 0:A.isShowConsentCheckBox))return n.preventDefault(),fn(!0),void En(!0);(null==A?void 0:A.isShowConsentCheckBox)&&(null==M||M.customEvent("Flow","advance","consentForm-accepted"),En(!1),fn(!1)),Z((function(n){return!n})),Y&&J&&Y(n)};return o.createElement("label",{htmlFor:"phone-input"},B,_&&!J?o.createElement("div",{className:"label-msisdn tooltip"},N):o.createElement(o.Fragment,null),tn?o.createElement("div",{id:"label-msisdn",className:"label-msisdn"},D):null,o.createElement("div",{className:"msisdn-wrapper ".concat(X&&!J?null==A?void 0:A.inputFocusAnimation:""),"data-attr":"has-subscription-box",onClick:function(){window.innerWidth<=640&&(null==A?void 0:A.hasTooltip)&&(nn(!0),on(!1))}},o.createElement(u,{showFlag:!0,showMobileIcon:!0,showError:!1,tracker:M,inputElementRef:C||un,placeholder:y||"",msisdn:v,countryCode:h||"MY",onChange:function(n){E(n.msisdn),Q(n.isValid),cn(n.internationalNumber),null==w||w(n),n.isValid&&(null==A?void 0:A.isCheckConsentCheckBoxOnValid)&&bn(!0)},onKeyPress:function(){!ln&&v&&v.length>=V&&an(!0)},onPaste:function(){ln||an(!0),setTimeout((function(){null==M||M.customEvent("MSISDN-State","copypaste","MsisdnPasted",{msisdn:v})}),0)},onBlur:function(){!ln&&v&&v.length>=V&&(an(!0),null==M||M.customEvent("MSISDN-State","autofill","AutoFill",{msisdn:v}))},onFocus:function(){},onClickCheckMark:function(){},onClickErrorCheckMark:function(){}})),F,o.createElement("div",{id:W,className:q},o.createElement(a,{type:"submit",className:"btn",id:k||"msisdn-submit-button",disabled:j||(null==A?void 0:A.isDisableButtonIfInvalid)&&!J,onClick:function(n){wn(n)}},P,x&&o.createElement("p",{className:"msisdn-secondary-label"},x))),I,(null==A?void 0:A.isNewLegal)?o.createElement(c,{pageConfigs:A,formattedMessage:S}):o.createElement(d,{className:"price-point",legals:g||[],locale:b||"en"}),(null==A?void 0:A.isShowConsentCheckBox)&&o.createElement(r,{tracker:M,checked:vn,locale:b||"en",legals:g,confirmText:"YES",pageConfigs:A,showErrorMessage:kn,customConsentMessage:L,showModal:mn,formattedMessage:S,onCheckedChange:function(){bn(!vn)},onClickYes:function(n){bn(!0),wn(n,!0)}}),T)};export{m as PhoneEntryForm};
|
|
2
2
|
//# sourceMappingURL=PhoneEntryForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneEntryForm.js","sources":["../src/PhoneEntryForm/PhoneEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '../Button/Button';\nimport { ConsentAcceptanceCheck } from '../ConsentAcceptanceCheck/ConsentAcceptanceCheck';\nimport { DynamicPricePoint } from '../DynamicPricePoint/DynamicPricePoint';\nimport PhoneInput from '../PhoneInput';\nimport { PricePoint } from '../PricePoint/PricePoint';\nimport { IPhoneEntryFormProps } from './PhoneEntryForm.types';\n\nexport const PhoneEntryForm = (props: IPhoneEntryFormProps) => {\n const {\n rds,\n phoneInputRef,\n countryCode,\n msisdnPrefix,\n msisdn,\n locale,\n legals,\n buttonId,\n setMsisdn,\n onChange,\n tracker,\n formattedMessage,\n toolTipLabel,\n renderTopContent,\n msisdnLabel,\n placeholder,\n buttonLabel,\n buttonLabel2,\n buttonTopComponent,\n buttonBottomComponent,\n renderBottomContent,\n buttonDisabled,\n pageConfigs,\n customConsentMessage,\n msisdnLengthToValidate = 5,\n onButtonClick,\n buttonAreaId = 'button-area',\n buttonAreaClassName = 'dcbp'\n } = props;\n\n const [isValid, setIsValid] = useState(false);\n const [isFocused, setIsFocused] = React.useState(false);\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isLabelVisible, setIsLabelVisible] = useState(true);\n const [isMsisdnFilled, setIsMsisdnFilled] = useState(false);\n const [internationalNumber, setInternationalNumber] = useState<string>(msisdn);\n const defaultInputRef = useRef<HTMLInputElement>(null);\n const [showModal, setShowModal] = useState<boolean>(false);\n const [checked, setChecked] = useState<boolean>(pageConfigs?.isConsentCheckByDefault || false);\n const [showMessage, setShowMessage] = useState<boolean>(false);\n\n useEffect(() => {\n if (!msisdn && !pageConfigs?.hasCountryCode) {\n setMsisdn(msisdnPrefix || '');\n }\n\n if (msisdn && msisdn.length >= msisdnLengthToValidate) {\n setIsValid(true);\n setIsMsisdnFilled(true);\n setIsTooltipVisible(true);\n }\n }, [msisdnPrefix, pageConfigs?.hasCountryCode, msisdnLengthToValidate]);\n\n useEffect(() => {\n if (checked) {\n setShowMessage(false);\n }\n }, [checked]);\n\n useEffect(() => {\n if (rds?.RDS && rds?.rds) {\n rds.RDS.WhenFailure(null, () => {\n if (checked) {\n setChecked(!checked);\n }\n })(rds.rds);\n }\n }, [rds]);\n\n useEffect(() => {\n if (!pageConfigs?.isMsisdnPx) return;\n\n let cancelled = false;\n setTimeout(async () => {\n const stored = (await window?.OuisysStorage?.get('msisdn')) || '';\n if (cancelled || !stored) return;\n setMsisdn(stored);\n setInternationalNumber(stored);\n setIsMsisdnFilled(true);\n setIsValid(true);\n tracker?.customEvent('MSISDN-State', 'filled', 'MsisdnAutoFilled', { msisdn: stored });\n }, 500);\n return () => {\n cancelled = true;\n };\n }, []);\n\n const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>, isChecked?: boolean) => {\n if (!(checked || isChecked) && pageConfigs?.isShowConsentCheckBox) {\n e.preventDefault();\n setShowModal(true);\n setShowMessage(true);\n return;\n }\n\n if (pageConfigs?.isShowConsentCheckBox) {\n tracker?.customEvent('Flow', 'advance', 'consentForm-accepted');\n setShowMessage(false);\n setShowModal(false);\n }\n\n setIsFocused((prevState) => !prevState);\n if (onButtonClick && isValid) {\n onButtonClick(e);\n }\n };\n\n const handleTooltipVisibility = () => {\n if (window.innerWidth <= 640 && pageConfigs?.hasTooltip) {\n setIsTooltipVisible(true);\n setIsLabelVisible(false);\n }\n };\n\n return (\n <label htmlFor=\"phone-input\">\n {renderTopContent}\n {isTooltipVisible && !isValid ? <div className=\"label-msisdn tooltip\">{toolTipLabel}</div> : <></>}\n {isLabelVisible ? (\n <div id=\"label-msisdn\" className=\"label-msisdn\">\n {msisdnLabel}\n </div>\n ) : null}\n <div\n className={`msisdn-wrapper ${isFocused && !isValid ? pageConfigs?.inputFocusAnimation : ''}`}\n data-attr=\"has-subscription-box\"\n onClick={handleTooltipVisibility}\n >\n <PhoneInput\n showFlag\n showMobileIcon\n showError={false}\n tracker={tracker}\n inputElementRef={phoneInputRef || defaultInputRef}\n placeholder={placeholder || ''}\n msisdn={msisdn}\n countryCode={countryCode || 'MY'} // Assuming default country code is MY, can be made dynamic\n onChange={(ev: any) => {\n setMsisdn(ev.msisdn);\n setIsValid(ev.isValid);\n setInternationalNumber(ev.internationalNumber);\n onChange?.(ev);\n\n if (ev.isValid && pageConfigs?.isCheckConsentCheckBoxOnValid) {\n setChecked(true);\n }\n }}\n onKeyPress={() => {\n if (!isMsisdnFilled && msisdn && msisdn.length >= msisdnLengthToValidate) {\n setIsMsisdnFilled(true);\n }\n }}\n onPaste={() => {\n if (!isMsisdnFilled) {\n setIsMsisdnFilled(true);\n }\n setTimeout(() => {\n tracker?.customEvent('MSISDN-State', 'copypaste', 'MsisdnPasted', {\n msisdn\n });\n }, 0);\n }}\n onBlur={() => {\n if (!isMsisdnFilled && msisdn && msisdn.length >= msisdnLengthToValidate) {\n setIsMsisdnFilled(true);\n tracker?.customEvent('MSISDN-State', 'autofill', 'AutoFill', {\n msisdn\n });\n }\n }}\n onFocus={() => {\n // Handle focus event\n }}\n onClickCheckMark={() => {\n // Handle check mark click\n }}\n onClickErrorCheckMark={() => {\n // Handle error check mark click\n }}\n />\n </div>\n {buttonTopComponent}\n <div id={buttonAreaId} className={buttonAreaClassName}>\n <Button\n type=\"submit\"\n className=\"btn\"\n id={buttonId || 'msisdn-submit-button'}\n disabled={buttonDisabled || (pageConfigs?.isDisableButtonIfInvalid && !isValid)}\n onClick={(ev) => {\n handleButtonClick(ev);\n }}\n >\n {buttonLabel}\n {buttonLabel2 && <p className=\"msisdn-secondary-label\">{buttonLabel2}</p>}\n </Button>\n </div>\n {buttonBottomComponent}\n\n {pageConfigs?.isNewLegal ? (\n <DynamicPricePoint pageConfigs={pageConfigs} formattedMessage={formattedMessage} />\n ) : (\n <PricePoint className=\"price-point\" legals={legals || []} locale={locale || 'en'} />\n )}\n\n {pageConfigs?.isShowConsentCheckBox && (\n <ConsentAcceptanceCheck\n tracker={tracker}\n checked={checked}\n locale={locale || 'en'}\n legals={legals}\n confirmText=\"YES\"\n pageConfigs={pageConfigs}\n showErrorMessage={showMessage}\n customConsentMessage={customConsentMessage}\n showModal={showModal}\n formattedMessage={formattedMessage}\n onCheckedChange={() => {\n setChecked(!checked);\n }}\n onClickYes={(e) => {\n setChecked(true);\n handleButtonClick(e, true);\n }}\n />\n )}\n {renderBottomContent}\n </label>\n );\n};\n"],"names":["PhoneEntryForm","props","rds","phoneInputRef","countryCode","msisdnPrefix","msisdn","locale","legals","buttonId","setMsisdn","onChange","tracker","formattedMessage","toolTipLabel","renderTopContent","msisdnLabel","placeholder","buttonLabel","buttonLabel2","buttonTopComponent","buttonBottomComponent","renderBottomContent","buttonDisabled","pageConfigs","customConsentMessage","_a","msisdnLengthToValidate","onButtonClick","_b","buttonAreaId","_c","buttonAreaClassName","_d","__read","useState","isValid","setIsValid","_e","React","isFocused","setIsFocused","_f","isTooltipVisible","setIsTooltipVisible","_g","isLabelVisible","setIsLabelVisible","_h","isMsisdnFilled","setIsMsisdnFilled","_j","setInternationalNumber","defaultInputRef","useRef","_k","showModal","setShowModal","_l","isConsentCheckByDefault","checked","setChecked","_m","showMessage","setShowMessage","useEffect","hasCountryCode","length","RDS","WhenFailure","isMsisdnPx","cancelled","setTimeout","__awaiter","window","OuisysStorage","get","stored","sent","customEvent","handleButtonClick","e","isChecked","isShowConsentCheckBox","preventDefault","prevState","createElement","htmlFor","className","Fragment","id","concat","inputFocusAnimation","onClick","innerWidth","hasTooltip","PhoneInput","showFlag","showMobileIcon","showError","inputElementRef","ev","internationalNumber","isCheckConsentCheckBoxOnValid","onKeyPress","onPaste","onBlur","onFocus","onClickCheckMark","onClickErrorCheckMark","Button","type","disabled","isDisableButtonIfInvalid","isNewLegal","DynamicPricePoint","PricePoint","ConsentAcceptanceCheck","confirmText","showErrorMessage","onCheckedChange","onClickYes"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PhoneEntryForm.js","sources":["../src/PhoneEntryForm/PhoneEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '../Button/Button';\nimport { ConsentAcceptanceCheck } from '../ConsentAcceptanceCheck/ConsentAcceptanceCheck';\nimport { DynamicPricePoint } from '../DynamicPricePoint/DynamicPricePoint';\nimport PhoneInput from '../PhoneInput';\nimport { PricePoint } from '../PricePoint/PricePoint';\nimport { IPhoneEntryFormProps } from './PhoneEntryForm.types';\n\nexport const PhoneEntryForm = (props: IPhoneEntryFormProps) => {\n const {\n rds,\n phoneInputRef,\n countryCode,\n msisdnPrefix,\n msisdn,\n locale,\n legals,\n buttonId,\n setMsisdn,\n onChange,\n tracker,\n formattedMessage,\n toolTipLabel,\n renderTopContent,\n msisdnLabel,\n placeholder,\n buttonLabel,\n buttonLabel2,\n buttonTopComponent,\n buttonBottomComponent,\n renderBottomContent,\n buttonDisabled,\n pageConfigs,\n customConsentMessage,\n msisdnLengthToValidate = 5,\n onButtonClick,\n buttonAreaId = 'button-area',\n buttonAreaClassName = 'dcbp',\n consentChecked,\n onConsentCheckedChange\n } = props;\n\n const [isValid, setIsValid] = useState(false);\n const [isFocused, setIsFocused] = React.useState(false);\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isLabelVisible, setIsLabelVisible] = useState(true);\n const [isMsisdnFilled, setIsMsisdnFilled] = useState(false);\n const [internationalNumber, setInternationalNumber] = useState<string>(msisdn);\n const defaultInputRef = useRef<HTMLInputElement>(null);\n const [showModal, setShowModal] = useState<boolean>(false);\n const [internalChecked, setInternalChecked] = useState<boolean>(pageConfigs?.isConsentCheckByDefault || false);\n const checked = consentChecked !== undefined ? consentChecked : internalChecked;\n const setChecked = (val: boolean) => { setInternalChecked(val); onConsentCheckedChange?.(val); };\n const [showMessage, setShowMessage] = useState<boolean>(false);\n\n useEffect(() => {\n if (!msisdn && !pageConfigs?.hasCountryCode) {\n setMsisdn(msisdnPrefix || '');\n }\n\n if (msisdn && msisdn.length >= msisdnLengthToValidate) {\n setIsValid(true);\n setIsMsisdnFilled(true);\n setIsTooltipVisible(true);\n }\n }, [msisdnPrefix, pageConfigs?.hasCountryCode, msisdnLengthToValidate]);\n\n useEffect(() => {\n if (checked) {\n setShowMessage(false);\n }\n }, [checked]);\n\n useEffect(() => {\n if (rds?.RDS && rds?.rds) {\n rds.RDS.WhenFailure(null, () => {\n if (checked) {\n setChecked(!checked);\n }\n })(rds.rds);\n }\n }, [rds]);\n\n useEffect(() => {\n if (!pageConfigs?.isMsisdnPx) return;\n\n let cancelled = false;\n setTimeout(async () => {\n const stored = (await window?.OuisysStorage?.get('msisdn')) || '';\n if (cancelled || !stored) return;\n setMsisdn(stored);\n setInternationalNumber(stored);\n setIsMsisdnFilled(true);\n setIsValid(true);\n tracker?.customEvent('MSISDN-State', 'filled', 'MsisdnAutoFilled', { msisdn: stored });\n }, 500);\n return () => {\n cancelled = true;\n };\n }, []);\n\n const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>, isChecked?: boolean) => {\n if (!(checked || isChecked) && pageConfigs?.isShowConsentCheckBox) {\n e.preventDefault();\n setShowModal(true);\n setShowMessage(true);\n return;\n }\n\n if (pageConfigs?.isShowConsentCheckBox) {\n tracker?.customEvent('Flow', 'advance', 'consentForm-accepted');\n setShowMessage(false);\n setShowModal(false);\n }\n\n setIsFocused((prevState) => !prevState);\n if (onButtonClick && isValid) {\n onButtonClick(e);\n }\n };\n\n const handleTooltipVisibility = () => {\n if (window.innerWidth <= 640 && pageConfigs?.hasTooltip) {\n setIsTooltipVisible(true);\n setIsLabelVisible(false);\n }\n };\n\n return (\n <label htmlFor=\"phone-input\">\n {renderTopContent}\n {isTooltipVisible && !isValid ? <div className=\"label-msisdn tooltip\">{toolTipLabel}</div> : <></>}\n {isLabelVisible ? (\n <div id=\"label-msisdn\" className=\"label-msisdn\">\n {msisdnLabel}\n </div>\n ) : null}\n <div\n className={`msisdn-wrapper ${isFocused && !isValid ? pageConfigs?.inputFocusAnimation : ''}`}\n data-attr=\"has-subscription-box\"\n onClick={handleTooltipVisibility}\n >\n <PhoneInput\n showFlag\n showMobileIcon\n showError={false}\n tracker={tracker}\n inputElementRef={phoneInputRef || defaultInputRef}\n placeholder={placeholder || ''}\n msisdn={msisdn}\n countryCode={countryCode || 'MY'} // Assuming default country code is MY, can be made dynamic\n onChange={(ev: any) => {\n setMsisdn(ev.msisdn);\n setIsValid(ev.isValid);\n setInternationalNumber(ev.internationalNumber);\n onChange?.(ev);\n\n if (ev.isValid && pageConfigs?.isCheckConsentCheckBoxOnValid) {\n setChecked(true);\n }\n }}\n onKeyPress={() => {\n if (!isMsisdnFilled && msisdn && msisdn.length >= msisdnLengthToValidate) {\n setIsMsisdnFilled(true);\n }\n }}\n onPaste={() => {\n if (!isMsisdnFilled) {\n setIsMsisdnFilled(true);\n }\n setTimeout(() => {\n tracker?.customEvent('MSISDN-State', 'copypaste', 'MsisdnPasted', {\n msisdn\n });\n }, 0);\n }}\n onBlur={() => {\n if (!isMsisdnFilled && msisdn && msisdn.length >= msisdnLengthToValidate) {\n setIsMsisdnFilled(true);\n tracker?.customEvent('MSISDN-State', 'autofill', 'AutoFill', {\n msisdn\n });\n }\n }}\n onFocus={() => {\n // Handle focus event\n }}\n onClickCheckMark={() => {\n // Handle check mark click\n }}\n onClickErrorCheckMark={() => {\n // Handle error check mark click\n }}\n />\n </div>\n {buttonTopComponent}\n <div id={buttonAreaId} className={buttonAreaClassName}>\n <Button\n type=\"submit\"\n className=\"btn\"\n id={buttonId || 'msisdn-submit-button'}\n disabled={buttonDisabled || (pageConfigs?.isDisableButtonIfInvalid && !isValid)}\n onClick={(ev) => {\n handleButtonClick(ev);\n }}\n >\n {buttonLabel}\n {buttonLabel2 && <p className=\"msisdn-secondary-label\">{buttonLabel2}</p>}\n </Button>\n </div>\n {buttonBottomComponent}\n\n {pageConfigs?.isNewLegal ? (\n <DynamicPricePoint pageConfigs={pageConfigs} formattedMessage={formattedMessage} />\n ) : (\n <PricePoint className=\"price-point\" legals={legals || []} locale={locale || 'en'} />\n )}\n\n {pageConfigs?.isShowConsentCheckBox && (\n <ConsentAcceptanceCheck\n tracker={tracker}\n checked={checked}\n locale={locale || 'en'}\n legals={legals}\n confirmText=\"YES\"\n pageConfigs={pageConfigs}\n showErrorMessage={showMessage}\n customConsentMessage={customConsentMessage}\n showModal={showModal}\n formattedMessage={formattedMessage}\n onCheckedChange={() => {\n setChecked(!checked);\n }}\n onClickYes={(e) => {\n setChecked(true);\n handleButtonClick(e, true);\n }}\n />\n )}\n {renderBottomContent}\n </label>\n );\n};\n"],"names":["PhoneEntryForm","props","rds","phoneInputRef","countryCode","msisdnPrefix","msisdn","locale","legals","buttonId","setMsisdn","onChange","tracker","formattedMessage","toolTipLabel","renderTopContent","msisdnLabel","placeholder","buttonLabel","buttonLabel2","buttonTopComponent","buttonBottomComponent","renderBottomContent","buttonDisabled","pageConfigs","customConsentMessage","_a","msisdnLengthToValidate","onButtonClick","_b","buttonAreaId","_c","buttonAreaClassName","consentChecked","onConsentCheckedChange","_d","__read","useState","isValid","setIsValid","_e","React","isFocused","setIsFocused","_f","isTooltipVisible","setIsTooltipVisible","_g","isLabelVisible","setIsLabelVisible","_h","isMsisdnFilled","setIsMsisdnFilled","_j","setInternationalNumber","defaultInputRef","useRef","_k","showModal","setShowModal","_l","isConsentCheckByDefault","internalChecked","setInternalChecked","checked","undefined","setChecked","val","_m","showMessage","setShowMessage","useEffect","hasCountryCode","length","RDS","WhenFailure","isMsisdnPx","cancelled","setTimeout","__awaiter","window","OuisysStorage","get","stored","sent","customEvent","handleButtonClick","e","isChecked","isShowConsentCheckBox","preventDefault","prevState","createElement","htmlFor","className","Fragment","id","concat","inputFocusAnimation","onClick","innerWidth","hasTooltip","PhoneInput","showFlag","showMobileIcon","showError","inputElementRef","ev","internationalNumber","isCheckConsentCheckBoxOnValid","onKeyPress","onPaste","onBlur","onFocus","onClickCheckMark","onClickErrorCheckMark","Button","type","disabled","isDisableButtonIfInvalid","isNewLegal","DynamicPricePoint","PricePoint","ConsentAcceptanceCheck","confirmText","showErrorMessage","onCheckedChange","onClickYes"],"mappings":"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"}
|
|
@@ -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),lu:C("352","0",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]),m((function(){(null==e?void 0:e.msisdn)&&F(null==e?void 0:e.msisdn)}),[null==e?void 0:e.msisdn]);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,F=function(n){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]}}))}))}};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);F(n)},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-681d6f8b.js.map
|