ouisys-component-library 3.0.73 → 3.0.75

package/dist/{Menu-61798040.js.map → Menu-60db2251.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Menu-61798040.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"}
+{"version":3,"file":"Menu-60db2251.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-3ee6728b.js → Menu-650c47f4.js}

@@ -1,2 +1,2 @@
-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-a1d4f459.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",f=function(f){var b,g,y,O,k,F=f.locale,J=f.className,S=void 0===J?"":J;f.labels,f.isOpen,f.setIsOpen;var h=f.dataQaId,q=void 0===h?"qa-menu":h,C=f.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",(b={},b[p]=U,b[N]=!U,b),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{f as M};
-//# sourceMappingURL=Menu-3ee6728b.js.map
+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-23f32544.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",f=function(f){var b,g,y,O,k,F=f.locale,J=f.className,S=void 0===J?"":J;f.labels,f.isOpen,f.setIsOpen;var h=f.dataQaId,q=void 0===h?"qa-menu":h,C=f.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",(b={},b[p]=U,b[N]=!U,b),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{f as M};
+//# sourceMappingURL=Menu-650c47f4.js.map

package/dist/{Menu-3ee6728b.js.map → Menu-650c47f4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Menu-3ee6728b.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"}
+{"version":3,"file":"Menu-650c47f4.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-ea34cef1.js → Menu-8b8da289.js}

@@ -1,2 +1,2 @@
-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-390153cd.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};
-//# sourceMappingURL=Menu-ea34cef1.js.map
+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-89a1ed11.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};
+//# sourceMappingURL=Menu-8b8da289.js.map

package/dist/Menu-8b8da289.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-8b8da289.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-ada9c346.js

@@ -0,0 +1,2 @@
+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-c08310c3.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};
+//# sourceMappingURL=Menu-ada9c346.js.map

package/dist/Menu-ada9c346.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-ada9c346.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-e6fd50b5.js

@@ -0,0 +1,2 @@
+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-f169612b.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};
+//# sourceMappingURL=Menu-e6fd50b5.js.map

package/dist/Menu-e6fd50b5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-e6fd50b5.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

@@ -1,2 +1,2 @@
-export{M as Menu}from"./Menu-ea34cef1.js";import"tslib";import"classnames";import"react";import"./routes-390153cd.js";
+export{M as Menu}from"./Menu-e6fd50b5.js";import"tslib";import"classnames";import"react";import"./routes-f169612b.js";
 //# sourceMappingURL=Menu.js.map

package/dist/PageConfig-32c02b64.js

@@ -0,0 +1,2 @@
+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:"#f0f0f0",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"sticky",top:0}},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};
+//# sourceMappingURL=PageConfig-32c02b64.js.map

package/dist/PageConfig-32c02b64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-32c02b64.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: '#f0f0f0',\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        top: 0\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","top","Object","entries","map","_b","__read","key","value","marginBottom","display","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,UACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,SACVC,IAAK,IAGNC,OAAOC,QAAQb,GAAac,KAAI,SAACf,GAAA,IAAAgB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpChB,EACEC,cAAA,MAAA,CAAAc,IAAKA,EACLb,MAAO,CAAEe,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFpB,EAAOC,cAAA,OAAA,KAAAc,aAAG,EAAHA,EAAKM,eA5CF,SAACxB,OAAEkB,EAAGlB,EAAAkB,IAAEC,EAAKnB,EAAAmB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEhB,EAAAC,cAAA,QAAA,CACEsB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDjB,SAAoBD,KAAWD,EAAA,CAAA,GAAGkB,GAAMa,MACzC,GAIX,CA4BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-4007d438.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=PageConfig-4007d438.js.map

package/dist/PageConfig-4007d438.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-4007d438.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-47c62094.js

@@ -0,0 +1,2 @@
+import{__read as e,__assign as t}from"tslib";import o from"react";var n=function(n){var r=n.pageConfigs,a=n.setPageConfigs;return o.createElement("div",{style:{backgroundColor:"rgba(240, 240, 240, 0.8)",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"absolute",right:0,top:0}},Object.entries(r).map((function(n){var i=e(n,2),l=i[0],c=i[1];return"boolean"==typeof c||"string"==typeof c||"number"==typeof c?o.createElement("div",{key:l,style:{marginBottom:"10px",display:"flex",flexDirection:"row",justifyContent:"space-between"}},o.createElement("span",null,null==l?void 0:l.toUpperCase()),function(e){var n=e.key,i=e.value,l="boolean"==typeof i;return o.createElement("input",{checked:l?!0===i:void 0,type:l?"checkbox":"text",value:l?i?"true":"false":i,onChange:function(e){var o,i=l?e.target.checked:e.target.value;a(t(t({},r),((o={})[n]=i,o)))}})}({key:l,value:c})):null})))};export{n as P};
+//# sourceMappingURL=PageConfig-47c62094.js.map

package/dist/PageConfig-47c62094.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-47c62094.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)', // transparent color with overlay\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'absolute',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,WACVC,MAAO,EACPC,IAAK,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-537a116b.js

@@ -0,0 +1,2 @@
+import{__read as e,__assign as t}from"tslib";import n from"react";var o=function(o){var r=o.pageConfigs,i=o.isVisible,a=o.setPageConfigs;if(!i)return null;return n.createElement("div",{style:{backgroundColor:"#f0f0f0",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"sticky",top:0}},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};
+//# sourceMappingURL=PageConfig-537a116b.js.map

package/dist/PageConfig-537a116b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-537a116b.js","sources":["../src/PageConfig/PageConfig.tsx"],"sourcesContent":["import React from 'react';\nimport { IPageConfigProps } from './PageConfig.types';\n\nexport const PageConfig: React.FC<IPageConfigProps> = ({ pageConfigs, isVisible, setPageConfigs }) => {\n  if (!isVisible) {\n    return null;\n  }\n\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: '#f0f0f0',\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        top: 0\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","isVisible","setPageConfigs","React","createElement","style","backgroundColor","width","padding","overflowY","height","position","top","Object","entries","map","_b","__read","key","value","marginBottom","display","flexDirection","justifyContent","toUpperCase","isBoolean","checked","undefined","type","onChange","e","newValue","target","renderInput"],"mappings":"kEAGO,IAAMA,EAAyC,SAACC,GAAE,IAAAC,gBAAaC,EAASF,EAAAE,UAAEC,EAAcH,EAAAG,eAC7F,IAAKD,EACH,OAAO,KAsBT,OACEE,EACEC,cAAA,MAAA,CAAAC,MAAO,CACLC,gBAAiB,UACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,SACVC,IAAK,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpChB,EACEC,cAAA,MAAA,CAAAc,IAAKA,EACLb,MAAO,CAAEe,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFpB,EAAOC,cAAA,OAAA,KAAAc,aAAG,EAAHA,EAAKM,eA5CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEhB,EAAAC,cAAA,QAAA,CACEsB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDjB,SAAoBF,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA4BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-5512c272.js

@@ -0,0 +1,2 @@
+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}},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};
+//# sourceMappingURL=PageConfig-5512c272.js.map

package/dist/PageConfig-5512c272.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-5512c272.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)', // transparent color with overlay\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-780c3448.js

@@ -0,0 +1,2 @@
+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}},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};
+//# sourceMappingURL=PageConfig-780c3448.js.map

package/dist/PageConfig-780c3448.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-780c3448.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)', // transparent color with overlay\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-78596753.js

@@ -0,0 +1,2 @@
+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}},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};
+//# sourceMappingURL=PageConfig-78596753.js.map

package/dist/PageConfig-78596753.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-78596753.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)', // transparent color with overlay\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-7e1413a3.js

@@ -0,0 +1,2 @@
+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:"transparent",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"absolute",right:0,top:0}},Object.entries(r).map((function(o){var i=e(o,2),l=i[0],p=i[1];return"boolean"==typeof p||"string"==typeof p||"number"==typeof p?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:p})):null})))};export{o as P};
+//# sourceMappingURL=PageConfig-7e1413a3.js.map

package/dist/PageConfig-7e1413a3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-7e1413a3.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: 'transparent',\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'absolute',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,cACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,WACVC,MAAO,EACPC,IAAK,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-b292b2eb.js

@@ -0,0 +1,2 @@
+import{__read as e}from"tslib";import t from"react";var n=function(n){var o=n.pageConfigs,r=n.isVisible;if(n.setPageConfigs,!r)return null;return t.createElement("div",{style:{backgroundColor:"#f0f0f0",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"sticky",top:0}},Object.entries(o).map((function(n){var o=e(n,2),r=o[0],i=o[1];return"boolean"==typeof i||"string"==typeof i||"number"==typeof i?t.createElement("div",{key:r,style:{marginBottom:"10px",display:"flex",flexDirection:"row",justifyContent:"space-between"}},t.createElement("span",null,null==r?void 0:r.toUpperCase()),function(e){e.key;var n=e.value,o="boolean"==typeof n;return t.createElement("input",{checked:o?!0===n:void 0,type:o?"checkbox":"text",value:o?n?"true":"false":n,onChange:function(e){o?e.target.checked:e.target.value}})}({key:r,value:i})):null})))};export{n as P};
+//# sourceMappingURL=PageConfig-b292b2eb.js.map

package/dist/PageConfig-b292b2eb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-b292b2eb.js","sources":["../src/PageConfig/PageConfig.tsx"],"sourcesContent":["import React from 'react';\nimport { IPageConfigProps } from './PageConfig.types';\n\nexport const PageConfig: React.FC<IPageConfigProps> = ({ pageConfigs, isVisible, setPageConfigs }) => {\n  if (!isVisible) {\n    return null;\n  }\n\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: '#f0f0f0',\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        top: 0\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","isVisible","setPageConfigs","React","createElement","style","backgroundColor","width","padding","overflowY","height","position","top","Object","entries","map","_b","__read","key","value","marginBottom","display","flexDirection","justifyContent","toUpperCase","isBoolean","checked","undefined","type","onChange","e","target","renderInput"],"mappings":"oDAGO,IAAMA,EAAyC,SAACC,GAAE,IAAAC,gBAAaC,EAASF,EAAAE,UAC7E,GAD6FF,EAAAG,gBACxFD,EACH,OAAO,KAsBT,OACEE,EACEC,cAAA,MAAA,CAAAC,MAAO,CACLC,gBAAiB,UACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,SACVC,IAAK,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpChB,EACEC,cAAA,MAAA,CAAAc,IAAKA,EACLb,MAAO,CAAEe,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFpB,EAAOC,cAAA,OAAA,KAAAc,aAAG,EAAHA,EAAKM,eA5CF,SAACzB,GAAKA,EAAAmB,QAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEhB,EAAAC,cAAA,QAAA,CACEsB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,GACQL,EAAYK,EAAEC,OAAOL,QAAUI,EAAEC,OAAOZ,KAE1D,GAIX,CA4BWa,CAAY,CAAEd,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-c5dabc49.js

@@ -0,0 +1,2 @@
+import{__read as e,__assign as t}from"tslib";import n from"react";var o=function(o){var r=o.pageConfigs,i=o.isVisible,a=o.setPageConfigs;if(!i)return null;return n.createElement("div",{style:{backgroundColor:"#f0f0f0",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"sticky",top:0}},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?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};
+//# sourceMappingURL=PageConfig-c5dabc49.js.map

package/dist/PageConfig-c5dabc49.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-c5dabc49.js","sources":["../src/PageConfig/PageConfig.tsx"],"sourcesContent":["import React from 'react';\nimport { IPageConfigProps } from './PageConfig.types';\n\nexport const PageConfig: React.FC<IPageConfigProps> = ({ pageConfigs, isVisible, setPageConfigs }) => {\n  if (!isVisible) {\n    return null;\n  }\n\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 : 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: '#f0f0f0',\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        top: 0\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","isVisible","setPageConfigs","React","createElement","style","backgroundColor","width","padding","overflowY","height","position","top","Object","entries","map","_b","__read","key","value","marginBottom","display","flexDirection","justifyContent","toUpperCase","isBoolean","checked","undefined","type","onChange","e","newValue","target","renderInput"],"mappings":"kEAGO,IAAMA,EAAyC,SAACC,GAAE,IAAAC,gBAAaC,EAASF,EAAAE,UAAEC,EAAcH,EAAAG,eAC7F,IAAKD,EACH,OAAO,KAsBT,OACEE,EACEC,cAAA,MAAA,CAAAC,MAAO,CACLC,gBAAiB,UACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,SACVC,IAAK,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpChB,EACEC,cAAA,MAAA,CAAAc,IAAKA,EACLb,MAAO,CAAEe,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFpB,EAAOC,cAAA,OAAA,KAAAc,aAAG,EAAHA,EAAKM,eA5CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEhB,EAAAC,cAAA,QAAA,CACEsB,QAASD,EAAYN,OAAQQ,EAC7BC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDjB,SAAoBF,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA4BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-dfb541a6.js

@@ -0,0 +1,2 @@
+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}},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};
+//# sourceMappingURL=PageConfig-dfb541a6.js.map

package/dist/PageConfig-dfb541a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-dfb541a6.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)', // transparent color with overlay\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'sticky',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig-e2dd91fa.js

@@ -0,0 +1,2 @@
+import{__read as e,__assign as t}from"tslib";import o from"react";var n=function(n){var r=n.pageConfigs,a=n.setPageConfigs;return o.createElement("div",{style:{backgroundColor:"#f0f0f0",width:"20%",padding:"10px",overflowY:"scroll",height:"fit-content",position:"absolute",right:0,top:0}},Object.entries(r).map((function(n){var i=e(n,2),l=i[0],c=i[1];return"boolean"==typeof c||"string"==typeof c||"number"==typeof c?o.createElement("div",{key:l,style:{marginBottom:"10px",display:"flex",flexDirection:"row",justifyContent:"space-between"}},o.createElement("span",null,null==l?void 0:l.toUpperCase()),function(e){var n=e.key,i=e.value,l="boolean"==typeof i;return o.createElement("input",{checked:l?!0===i:void 0,type:l?"checkbox":"text",value:l?i?"true":"false":i,onChange:function(e){var o,i=l?e.target.checked:e.target.value;a(t(t({},r),((o={})[n]=i,o)))}})}({key:l,value:c})):null})))};export{n as P};
+//# sourceMappingURL=PageConfig-e2dd91fa.js.map

package/dist/PageConfig-e2dd91fa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig-e2dd91fa.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: '#f0f0f0',\n        width: '20%',\n        padding: '10px',\n        overflowY: 'scroll',\n        height: 'fit-content',\n        position: 'absolute',\n        right: 0,\n        top: 0\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","Object","entries","map","_b","__read","key","value","marginBottom","display","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,UACjBC,MAAO,MACPC,QAAS,OACTC,UAAW,SACXC,OAAQ,cACRC,SAAU,WACVC,MAAO,EACPC,IAAK,IAGNC,OAAOC,QAAQd,GAAae,KAAI,SAAChB,GAAA,IAAAiB,EAAAC,OAACC,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAI3C,MAHmC,kBAAVG,GACS,iBAAVA,GAEwB,iBAAVA,EAKpCjB,EACEC,cAAA,MAAA,CAAAe,IAAKA,EACLd,MAAO,CAAEgB,aAAc,OAAQC,QAAS,OAAQC,cAAe,MAAOC,eAAgB,kBAEtFrB,EAAOC,cAAA,OAAA,KAAAe,aAAG,EAAHA,EAAKM,eA7CF,SAACzB,OAAEmB,EAAGnB,EAAAmB,IAAEC,EAAKpB,EAAAoB,MACzBM,EAA6B,kBAAVN,EAIrB,OACEjB,EAAAC,cAAA,QAAA,CACEuB,QAASD,GAAsB,IAAVN,OAAiBQ,EACtCC,KAAMH,EAAY,WAAwB,OAC1CN,MAAQM,EAAaN,EAAQ,OAAS,QAAWA,EACjDU,SAAU,SAACC,SACHC,EAAWN,EAAYK,EAAEE,OAAON,QAAUI,EAAEE,OAAOb,MACzDlB,SAAoBD,KAAWD,EAAA,CAAA,GAAGmB,GAAMa,MACzC,GAIX,CA6BWE,CAAY,CAAEf,IAAGA,EAAEC,MAAKA,KATpB,IAYV,IAGP"}

package/dist/PageConfig.js

@@ -0,0 +1,2 @@
+export{P as PageConfig}from"./PageConfig-4007d438.js";import"tslib";import"react";
+//# sourceMappingURL=PageConfig.js.map

package/dist/PageConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageConfig.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/PageContent.js

@@ -1,2 +1,2 @@
-import o from"react";import{C as e}from"./CookieConsent-2f080cc6.js";import{F as i}from"./Features-a62b1c31.js";import{F as l}from"./Footer-d97c3762.js";import{P as n}from"./PricingPolicy-b9b3a1cd.js";import{R as t}from"./RefundPolicy-b1d851ef.js";import{S as a}from"./Showcase-eeab283c.js";import{T as c}from"./Testimonials-df688d1b.js";import{U as r}from"./Unsubscription-67dbeb7a.js";import"tslib";import"classnames";import"./Intl-a0eb8ab5.js";import"./routes-390153cd.js";var s=function(s){var d,m,u,v,p,w,f=s.email,h=s.pageConfigs,b=s.locale,g=s.legals,C=s.tracker,S=s.onConsentUpdate,E=(null===(d=null==h?void 0:h.logo)||void 0===d?void 0:d.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==C||C.customEvent("image-cards","click","scroll-to-top")}},(null==h?void 0:h.isShowWhyChooseUs)&&o.createElement(i,{type:null==h?void 0:h.contentCategory,locale:b,tracker:C,domain:(null===(m=null===window||void 0===window?void 0:window.location)||void 0===m?void 0:m.origin)||"",headline:""}),(null==h?void 0:h.isShowShowCase)&&o.createElement(a,{tracker:C,locale:b,type:null==h?void 0:h.contentCategory,domain:(null===(u=null===window||void 0===window?void 0:window.location)||void 0===u?void 0:u.origin)||""}),(null==h?void 0:h.isShowPricingTable)&&o.createElement(n,{hideSections:!0,priceUnit:null==g?void 0:g.price_unit,priceValue:null==g?void 0:g.price_point,locale:b}),(null==h?void 0:h.isShowRefundPolicy)&&o.createElement(t,{locale:b,serviceName:null==h?void 0:h.serviceName}),(null==h?void 0:h.isShowUnsubscription)&&o.createElement(r,{locale:b}),(null==h?void 0:h.isShowTestimonials)&&o.createElement(c,{locale:b})),(null==h?void 0:h.isShowAboutUs)&&o.createElement(l,{locale:b,mccName:null===(v=null==h?void 0:h.mccInformation)||void 0===v?void 0:v.mcc,address:null===(p=null==h?void 0:h.mccInformation)||void 0===p?void 0:p.address,email:f,phone:null===(w=null==h?void 0:h.mccInformation)||void 0===w?void 0:w.mcc_phone_number,logoUrl:E,className:"footer"}),(null==h?void 0:h.isShowCookieConsent)&&o.createElement(e,{hasMoreOptions:!0,onUpdate:function(o){S&&S(o)},locale:b}))};export{s as PageContent};
+import o from"react";import{C as e}from"./CookieConsent-122ed7f8.js";import{F as i}from"./Features-f3c120b6.js";import{F as l}from"./Footer-1b2cd0de.js";import{P as n}from"./PricingPolicy-9b79a91c.js";import{R as t}from"./RefundPolicy-d7047a8c.js";import{S as a}from"./Showcase-6de116ee.js";import{T as c}from"./Testimonials-baef6f9d.js";import{U as r}from"./Unsubscription-cd25f670.js";import"tslib";import"classnames";import"./Intl-4dfad818.js";import"./routes-f169612b.js";var s=function(s){var d,m,u,v,p,f,w=s.email,h=s.pageConfigs,g=s.locale,C=s.legals,b=s.tracker,S=s.onConsentUpdate,E=(null===(d=null==h?void 0:h.logo)||void 0===d?void 0:d.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==b||b.customEvent("image-cards","click","scroll-to-top")}},(null==h?void 0:h.isShowWhyChooseUs)&&o.createElement(i,{type:null==h?void 0:h.contentCategory,locale:g,tracker:b,domain:(null===(m=null===window||void 0===window?void 0:window.location)||void 0===m?void 0:m.origin)||"",headline:""}),(null==h?void 0:h.isShowShowCase)&&o.createElement(a,{tracker:b,locale:g,type:null==h?void 0:h.contentCategory,domain:(null===(u=null===window||void 0===window?void 0:window.location)||void 0===u?void 0:u.origin)||""}),(null==h?void 0:h.isShowPricingTable)&&o.createElement(n,{hideSections:!0,priceUnit:null==C?void 0:C.price_unit,priceValue:null==C?void 0:C.price_point,locale:g}),(null==h?void 0:h.isShowRefundPolicy)&&o.createElement(t,{locale:g,serviceName:null==h?void 0:h.serviceName}),(null==h?void 0:h.isShowUnsubscription)&&o.createElement(r,{locale:g}),(null==h?void 0:h.isShowTestimonials)&&o.createElement(c,{locale:g})),(null==h?void 0:h.isShowAboutUs)&&o.createElement(l,{locale:g,mccName:null===(v=null==h?void 0:h.mccInformation)||void 0===v?void 0:v.mcc,address:null===(p=null==h?void 0:h.mccInformation)||void 0===p?void 0:p.address,email:w,phone:null===(f=null==h?void 0:h.mccInformation)||void 0===f?void 0:f.mcc_phone_number,logoUrl:E,className:"footer"}),(null==h?void 0:h.isShowCookieConsent)&&o.createElement(e,{hasMoreOptions:!0,onUpdate:function(o){S&&S(o)},locale:g}))};export{s as PageContent};
 //# sourceMappingURL=PageContent.js.map

package/dist/PhoneEntryForm.js

@@ -1,2 +1,2 @@
-import{__read as n}from"tslib";import e,{useState as t,useRef as o,useEffect as i}from"react";import{B as s}from"./Button-e9c9447e.js";import{M as l}from"./PhoneInput-c334169d.js";import"classnames";import"awesome-phonenumber";var a=function(a){var r=a.phoneInputRef,c=a.countryCode,m=a.msisdnPrefix,u=a.msisdn,d=a.setMsisdn,p=a.onChange,b=a.tracker,f=a.toolTipLabel,h=a.renderTopContent,v=a.msisdnLabel,C=a.placeholder,E=a.buttonLabel,k=a.buttonLabel2,g=a.renderBottomContent,M=a.buttonDisabled,N=a.pageConfigs,w=a.msisdnLengthToValidate,I=void 0===w?5:w,S=a.disableButtonIfInvalid,y=void 0===S||S,B=a.onButtonClick,F=n(t(!1),2),L=F[0],P=F[1],T=n(e.useState(!1),2),x=T[0],D=T[1],j=n(t(!1),2),A=j[0],R=j[1],V=n(t(!0),2),K=V[0],W=V[1],Y=n(t(!1),2),q=Y[0],z=Y[1],G=n(t(u),2);G[0];var H=G[1],J=o(null);i((function(){u||d(m||""),u&&u.length>=I&&(P(!0),z(!0),R(!A))}),[m]);return e.createElement("label",{htmlFor:"phone-input"},h,A&&!L?e.createElement("div",{className:"label-msisdn tooltip"},f):e.createElement(e.Fragment,null),K?e.createElement("div",{id:"label-msisdn",className:"label-msisdn"},v):null,e.createElement("div",{className:"msisdn-wrapper ".concat(x&&!L?null==N?void 0:N.inputFocusAnimation:""),"data-attr":"has-subscription-box",onClick:function(){window.innerWidth<=640&&(null==N?void 0:N.hasTooltip)&&(R(!0),W(!1))}},e.createElement(l,{showFlag:!0,showMobileIcon:!0,showError:!1,tracker:b,inputElementRef:r||J,placeholder:C||"",msisdn:u,countryCode:c||"MY",onChange:function(n){d(n.msisdn),P(n.isValid),H(n.internationalNumber),null==p||p(n)},onKeyPress:function(){!q&&u.length>=I&&z(!0)},onPaste:function(){q||z(!0),setTimeout((function(){null==b||b.customEvent("MSISDN-State","copypaste","MsisdnPasted",{msisdn:u})}),0)},onBlur:function(){!q&&u.length>=I&&(z(!0),null==b||b.customEvent("MSISDN-State","autofill","AutoFill",{msisdn:u}))},onFocus:function(){},onClickCheckMark:function(){},onClickErrorCheckMark:function(){}})),e.createElement(s,{id:"msisdn-submit-button",type:"submit",className:"btn",disabled:M||y&&!L,onClick:function(n){var e;e=n,D((function(n){return!n})),B&&L&&B(e)}},E,k&&e.createElement("p",{className:"msisdn-secondary-label"},k)),g)};export{a as PhoneEntryForm};
+import{__read as n}from"tslib";import e,{useState as t,useRef as o,useEffect as l}from"react";import{B as s}from"./Button-f39f59f4.js";import{M as i}from"./PhoneInput-de3eb21b.js";import"classnames";import"awesome-phonenumber";var a=function(a){var r=a.phoneInputRef,c=a.countryCode,m=a.msisdnPrefix,u=a.msisdn;a.locale,a.legals;var d=a.setMsisdn,p=a.onChange,b=a.tracker;a.FormattedMessage;var f=a.toolTipLabel,h=a.renderTopContent,v=a.msisdnLabel,C=a.placeholder,E=a.buttonLabel,g=a.buttonLabel2,k=a.renderBottomContent,M=a.buttonDisabled,N=a.pageConfigs,w=a.msisdnLengthToValidate,F=void 0===w?5:w,I=a.onButtonClick,S=n(t(!1),2),y=S[0],B=S[1],L=n(e.useState(!1),2),P=L[0],T=L[1],D=n(t(!1),2),x=D[0],j=D[1],A=n(t(!0),2),R=A[0],V=A[1],K=n(t(!1),2),W=K[0],Y=K[1],q=n(t(u),2);q[0];var z=q[1],G=o(null),H=n(t(!1),2);H[0],H[1];var J=n(t(!1),2);J[0],J[1],l((function(){u||d(m||""),u&&u.length>=F&&(B(!0),Y(!0),j(!x))}),[m]);return e.createElement("label",{htmlFor:"phone-input"},h,x&&!y?e.createElement("div",{className:"label-msisdn tooltip"},f):e.createElement(e.Fragment,null),R?e.createElement("div",{id:"label-msisdn",className:"label-msisdn"},v):null,e.createElement("div",{className:"msisdn-wrapper ".concat(P&&!y?null==N?void 0:N.inputFocusAnimation:""),"data-attr":"has-subscription-box",onClick:function(){window.innerWidth<=640&&(null==N?void 0:N.hasTooltip)&&(j(!0),V(!1))}},e.createElement(i,{showFlag:!0,showMobileIcon:!0,showError:!1,tracker:b,inputElementRef:r||G,placeholder:C||"",msisdn:u,countryCode:c||"MY",onChange:function(n){d(n.msisdn),B(n.isValid),z(n.internationalNumber),null==p||p(n)},onKeyPress:function(){!W&&u.length>=F&&Y(!0)},onPaste:function(){W||Y(!0),setTimeout((function(){null==b||b.customEvent("MSISDN-State","copypaste","MsisdnPasted",{msisdn:u})}),0)},onBlur:function(){!W&&u.length>=F&&(Y(!0),null==b||b.customEvent("MSISDN-State","autofill","AutoFill",{msisdn:u}))},onFocus:function(){},onClickCheckMark:function(){},onClickErrorCheckMark:function(){}})),e.createElement(s,{id:"msisdn-submit-button",type:"submit",className:"btn",disabled:M||(null==N?void 0:N.isDisableButtonIfInvalid)&&!y,onClick:function(n){var e;e=n,T((function(n){return!n})),I&&y&&I(e)}},E,g&&e.createElement("p",{className:"msisdn-secondary-label"},g)),k)};export{a as PhoneEntryForm};
 //# sourceMappingURL=PhoneEntryForm.js.map

package/dist/PhoneEntryForm.js.map

@@ -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 PhoneInput from '../PhoneInput';\nimport { IPhoneEntryFormProps } from './PhoneEntryForm.types';\n\nexport const PhoneEntryForm = (props: IPhoneEntryFormProps) => {\n  const {\n    phoneInputRef,\n    countryCode,\n    msisdnPrefix,\n    msisdn,\n    setMsisdn,\n    onChange,\n    tracker,\n    toolTipLabel,\n    renderTopContent,\n    msisdnLabel,\n    placeholder,\n    buttonLabel,\n    buttonLabel2,\n    renderBottomContent,\n    buttonDisabled,\n    pageConfigs,\n    msisdnLengthToValidate = 5,\n    disableButtonIfInvalid = true,\n    onButtonClick\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\n  useEffect(() => {\n    if (!msisdn) {\n      setMsisdn(msisdnPrefix || '');\n    }\n    if (msisdn && msisdn.length >= msisdnLengthToValidate) {\n      setIsValid(true);\n      setIsMsisdnFilled(true);\n      setIsTooltipVisible(!isTooltipVisible);\n    }\n  }, [msisdnPrefix]);\n\n  // useEffect(() => {\n  //   if (onChange) {\n  //     onChange(msisdn);\n  //   }\n  // }, [msisdn, onChange]);\n\n  const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {\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\n      {isLabelVisible ? (\n        <div id=\"label-msisdn\" className=\"label-msisdn\">\n          {msisdnLabel}\n        </div>\n      ) : null}\n\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          onKeyPress={() => {\n            if (!isMsisdnFilled && 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.length >= msisdnLengthToValidate) {\n              setIsMsisdnFilled(true);\n              tracker?.customEvent('MSISDN-State', 'autofill', 'AutoFill', {\n                msisdn\n              });\n            }\n            // Handle blur without event parameter\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\n      <Button\n        id=\"msisdn-submit-button\"\n        type=\"submit\"\n        className=\"btn\"\n        disabled={buttonDisabled || (disableButtonIfInvalid && !isValid)}\n        onClick={(ev) => {\n          handleButtonClick(ev);\n        }}\n      >\n        {buttonLabel}\n        {buttonLabel2 && <p className=\"msisdn-secondary-label\">{buttonLabel2}</p>}\n      </Button>\n\n      {renderBottomContent}\n    </label>\n  );\n};\n"],"names":["PhoneEntryForm","props","phoneInputRef","countryCode","msisdnPrefix","msisdn","setMsisdn","onChange","tracker","toolTipLabel","renderTopContent","msisdnLabel","placeholder","buttonLabel","buttonLabel2","renderBottomContent","buttonDisabled","pageConfigs","_a","msisdnLengthToValidate","_b","disableButtonIfInvalid","onButtonClick","_c","__read","useState","isValid","setIsValid","_d","React","isFocused","setIsFocused","_e","isTooltipVisible","setIsTooltipVisible","_f","isLabelVisible","setIsLabelVisible","_g","isMsisdnFilled","setIsMsisdnFilled","_h","setInternationalNumber","defaultInputRef","useRef","useEffect","length","createElement","htmlFor","className","Fragment","id","concat","inputFocusAnimation","onClick","window","innerWidth","hasTooltip","PhoneInput","showFlag","showMobileIcon","showError","inputElementRef","ev","internationalNumber","onKeyPress","onPaste","setTimeout","customEvent","onBlur","onFocus","onClickCheckMark","onClickErrorCheckMark","Button","type","disabled","e","prevState"],"mappings":"mOAKO,IAAMA,EAAiB,SAACC,GAE3B,IAAAC,EAmBED,EAAKC,cAlBPC,EAkBEF,EAAKE,YAjBPC,EAiBEH,EAAKG,aAhBPC,EAgBEJ,EAhBII,OACNC,EAeEL,EAAKK,UAdPC,EAcEN,EAdMM,SACRC,EAaEP,EAbKO,QACPC,EAYER,EAZUQ,aACZC,EAWET,EAAKS,iBAVPC,EAUEV,EAAKU,YATPC,EASEX,EAAKW,YARPC,EAQEZ,EARSY,YACXC,EAOEb,EAAKa,aANPC,EAMEd,EANiBc,oBACnBC,EAKEf,EALYe,eACdC,EAIEhB,EAJSgB,YACXC,EAGEjB,EAAKkB,uBAHPA,OAAsB,IAAAD,EAAG,EAACA,EAC1BE,EAEEnB,EAF2BoB,uBAA7BA,OAAsB,IAAAD,GAAOA,EAC7BE,EACErB,EAAKqB,cAEHC,EAAAC,EAAwBC,GAAS,GAAM,GAAtCC,EAAOH,EAAA,GAAEI,OACVC,EAAAJ,EAA4BK,EAAMJ,UAAS,GAAM,GAAhDK,EAASF,EAAA,GAAEG,OACZC,EAAAR,EAA0CC,GAAS,GAAM,GAAxDQ,EAAgBD,EAAA,GAAEE,OACnBC,EAAAX,EAAsCC,GAAS,GAAK,GAAnDW,EAAcD,EAAA,GAAEE,OACjBC,EAAAd,EAAsCC,GAAS,GAAM,GAApDc,EAAcD,EAAA,GAAEE,OACjBC,EAAAjB,EAAgDC,EAAiBpB,GAAO,GAApDoC,EAAA,GAAE,IAAAC,OACtBC,EAAkBC,EAAyB,MAEjDC,GAAU,WACHxC,GACHC,EAAUF,GAAgB,IAExBC,GAAUA,EAAOyC,QAAU3B,IAC7BQ,GAAW,GACXa,GAAkB,GAClBN,GAAqBD,GAEzB,GAAG,CAAC7B,IAsBJ,OACEyB,EAAAkB,cAAA,QAAA,CAAOC,QAAQ,eACZtC,EACAuB,IAAqBP,EAAUG,EAAKkB,cAAA,MAAA,CAAAE,UAAU,wBAAwBxC,GAAsBoB,EAAKkB,cAAAlB,EAAAqB,SAAA,MAEjGd,EACCP,EAAKkB,cAAA,MAAA,CAAAI,GAAG,eAAeF,UAAU,gBAC9BtC,GAED,KAEJkB,EACEkB,cAAA,MAAA,CAAAE,UAAW,kBAAAG,OAAkBtB,IAAcJ,EAAUT,aAAA,EAAAA,EAAaoC,oBAAsB,IAAI,YAClF,uBACVC,QArB0B,WAC1BC,OAAOC,YAAc,MAAOvC,aAAA,EAAAA,EAAawC,cAC3CvB,GAAoB,GACpBG,GAAkB,GAEtB,GAkBMR,EAAAkB,cAACW,EACC,CAAAC,UACA,EAAAC,kBACAC,WAAW,EACXrD,QAASA,EACTsD,gBAAiB5D,GAAiByC,EAClC/B,YAAaA,GAAe,GAC5BP,OAAQA,EACRF,YAAaA,GAAe,KAC5BI,SAAU,SAACwD,GACTzD,EAAUyD,EAAG1D,QACbsB,EAAWoC,EAAGrC,SACdgB,EAAuBqB,EAAGC,qBAC1BzD,SAAAA,EAAWwD,EACZ,EACDE,WAAY,YACL1B,GAAkBlC,EAAOyC,QAAU3B,GACtCqB,GAAkB,EAErB,EACD0B,QAAS,WACF3B,GACHC,GAAkB,GAEpB2B,YAAW,WACT3D,SAAAA,EAAS4D,YAAY,eAAgB,YAAa,eAAgB,CAChE/D,OAAMA,GAET,GAAE,EACJ,EACDgE,OAAQ,YACD9B,GAAkBlC,EAAOyC,QAAU3B,IACtCqB,GAAkB,GAClBhC,SAAAA,EAAS4D,YAAY,eAAgB,WAAY,WAAY,CAC3D/D,OAAMA,IAIX,EACDiE,QAAS,WAER,EACDC,iBAAkB,WAEjB,EACDC,sBAAuB,WAEtB,KAIL3C,EAAAkB,cAAC0B,EAAM,CACLtB,GAAG,uBACHuB,KAAK,SACLzB,UAAU,MACV0B,SAAU3D,GAAmBK,IAA2BK,EACxD4B,QAAS,SAACS,GAtFU,IAACa,IAuFDb,EAtFxBhC,GAAa,SAAC8C,GAAc,OAACA,CAAS,IAClCvD,GAAiBI,GACnBJ,EAAcsD,KAuFX/D,EACAC,GAAgBe,qBAAGoB,UAAU,0BAA0BnC,IAGzDC,EAGP"}
+{"version":3,"file":"PhoneEntryForm.js","sources":["../src/PhoneEntryForm/PhoneEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '../Button/Button';\nimport PhoneInput from '../PhoneInput';\nimport { IPhoneEntryFormProps } from './PhoneEntryForm.types';\n\nexport const PhoneEntryForm = (props: IPhoneEntryFormProps) => {\n  const {\n    phoneInputRef,\n    countryCode,\n    msisdnPrefix,\n    msisdn,\n    locale,\n    legals,\n    setMsisdn,\n    onChange,\n    tracker,\n    FormattedMessage,\n    toolTipLabel,\n    renderTopContent,\n    msisdnLabel,\n    placeholder,\n    buttonLabel,\n    buttonLabel2,\n    renderBottomContent,\n    buttonDisabled,\n    pageConfigs,\n    msisdnLengthToValidate = 5,\n    onButtonClick\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>(false);\n\n  useEffect(() => {\n    if (!msisdn) {\n      setMsisdn(msisdnPrefix || '');\n    }\n    if (msisdn && msisdn.length >= msisdnLengthToValidate) {\n      setIsValid(true);\n      setIsMsisdnFilled(true);\n      setIsTooltipVisible(!isTooltipVisible);\n    }\n  }, [msisdnPrefix]);\n\n  // useEffect(() => {\n  //   if (onChange) {\n  //     onChange(msisdn);\n  //   }\n  // }, [msisdn, onChange]);\n\n  const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {\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\n      {isLabelVisible ? (\n        <div id=\"label-msisdn\" className=\"label-msisdn\">\n          {msisdnLabel}\n        </div>\n      ) : null}\n\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          onKeyPress={() => {\n            if (!isMsisdnFilled && 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.length >= msisdnLengthToValidate) {\n              setIsMsisdnFilled(true);\n              tracker?.customEvent('MSISDN-State', 'autofill', 'AutoFill', {\n                msisdn\n              });\n            }\n            // Handle blur without event parameter\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\n      <Button\n        id=\"msisdn-submit-button\"\n        type=\"submit\"\n        className=\"btn\"\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\n      {/* {pageConfigs?.isShowTermsAcceptance && (\n        <TermsAcceptanceCheck\n          checked={checked}\n          locale={locale || 'en'}\n          legals={legals}\n          confirmText=\"YES\"\n          className={`terms service-${process.env.defaultService} compliant terms-acceptance-check`}\n          modalClassName=\"terms-modal-confirmation\"\n          showModal={showModal}\n          onCheckedChange={() => {\n            setChecked(!checked);\n          }}\n          onClickYes={(e) => {\n            setChecked(true);\n            setShowModal(false);\n            // handleSubmit(e as unknown as React.FormEvent<HTMLFormElement>);\n          }}\n        />\n      )} */}\n      {renderBottomContent}\n    </label>\n  );\n};\n"],"names":["PhoneEntryForm","props","phoneInputRef","countryCode","msisdnPrefix","msisdn","locale","legals","setMsisdn","onChange","tracker","FormattedMessage","toolTipLabel","renderTopContent","msisdnLabel","placeholder","buttonLabel","buttonLabel2","renderBottomContent","buttonDisabled","pageConfigs","_a","msisdnLengthToValidate","onButtonClick","_b","__read","useState","isValid","setIsValid","_c","React","isFocused","setIsFocused","_d","isTooltipVisible","setIsTooltipVisible","_e","isLabelVisible","setIsLabelVisible","_f","isMsisdnFilled","setIsMsisdnFilled","_g","setInternationalNumber","defaultInputRef","useRef","_h","_j","useEffect","length","createElement","htmlFor","className","Fragment","id","concat","inputFocusAnimation","onClick","window","innerWidth","hasTooltip","PhoneInput","showFlag","showMobileIcon","showError","inputElementRef","ev","internationalNumber","onKeyPress","onPaste","setTimeout","customEvent","onBlur","onFocus","onClickCheckMark","onClickErrorCheckMark","Button","type","disabled","isDisableButtonIfInvalid","e","prevState"],"mappings":"mOAKO,IAAMA,EAAiB,SAACC,GAE3B,IAAAC,EAqBED,EArBWC,cACbC,EAoBEF,EApBSE,YACXC,EAmBEH,EAnBUG,aACZC,EAkBEJ,EAAKI,OAALJ,EAAKK,OAALL,EAAKM,OAfP,IAAAC,EAeEP,YAdFQ,EAcER,EAdMQ,SACRC,EAaET,EAbKS,QAaLT,EAZcU,iBAAA,IAChBC,EAWEX,EAAKW,aAVPC,EAUEZ,EAAKY,iBATPC,EASEb,EAAKa,YARPC,EAQEd,cAPFe,EAOEf,EAPSe,YACXC,EAMEhB,EANUgB,aACZC,EAKEjB,EALiBiB,oBACnBC,EAIElB,EAAKkB,eAHPC,EAGEnB,EAAKmB,YAFPC,EAEEpB,EAFwBqB,uBAA1BA,OAAsB,IAAAD,EAAG,EAACA,EAC1BE,EACEtB,EAAKsB,cAEHC,EAAAC,EAAwBC,GAAS,GAAM,GAAtCC,EAAOH,EAAA,GAAEI,OACVC,EAAAJ,EAA4BK,EAAMJ,UAAS,GAAM,GAAhDK,EAASF,EAAA,GAAEG,OACZC,EAAAR,EAA0CC,GAAS,GAAM,GAAxDQ,EAAgBD,EAAA,GAAEE,OACnBC,EAAAX,EAAsCC,GAAS,GAAK,GAAnDW,EAAcD,EAAA,GAAEE,OACjBC,EAAAd,EAAsCC,GAAS,GAAM,GAApDc,EAAcD,EAAA,GAAEE,OACjBC,EAAAjB,EAAgDC,EAAiBrB,GAAO,GAApDqC,EAAA,GAAE,IAAAC,OACtBC,EAAkBC,EAAyB,MAC3CC,EAAArB,EAA4BC,GAAkB,GAAM,GAA1CoB,EAAA,QACV,IAAAC,EAAAtB,EAAwBC,GAAkB,GAAM,GAAxCqB,EAAA,QAEdC,GAAU,WACH3C,GACHG,EAAUJ,GAAgB,IAExBC,GAAUA,EAAO4C,QAAU3B,IAC7BM,GAAW,GACXa,GAAkB,GAClBN,GAAqBD,GAEzB,GAAG,CAAC9B,IAsBJ,OACE0B,EAAAoB,cAAA,QAAA,CAAOC,QAAQ,eACZtC,EACAqB,IAAqBP,EAAUG,EAAKoB,cAAA,MAAA,CAAAE,UAAU,wBAAwBxC,GAAsBkB,EAAKoB,cAAApB,EAAAuB,SAAA,MAEjGhB,EACCP,EAAKoB,cAAA,MAAA,CAAAI,GAAG,eAAeF,UAAU,gBAC9BtC,GAED,KAEJgB,EACEoB,cAAA,MAAA,CAAAE,UAAW,kBAAAG,OAAkBxB,IAAcJ,EAAUP,aAAA,EAAAA,EAAaoC,oBAAsB,IAAI,YAClF,uBACVC,QArB0B,WAC1BC,OAAOC,YAAc,MAAOvC,aAAA,EAAAA,EAAawC,cAC3CzB,GAAoB,GACpBG,GAAkB,GAEtB,GAkBMR,EAAAoB,cAACW,EACC,CAAAC,UACA,EAAAC,kBACAC,WAAW,EACXtD,QAASA,EACTuD,gBAAiB/D,GAAiB0C,EAClC7B,YAAaA,GAAe,GAC5BV,OAAQA,EACRF,YAAaA,GAAe,KAC5BM,SAAU,SAACyD,GACT1D,EAAU0D,EAAG7D,QACbuB,EAAWsC,EAAGvC,SACdgB,EAAuBuB,EAAGC,qBAC1B1D,SAAAA,EAAWyD,EACZ,EACDE,WAAY,YACL5B,GAAkBnC,EAAO4C,QAAU3B,GACtCmB,GAAkB,EAErB,EACD4B,QAAS,WACF7B,GACHC,GAAkB,GAEpB6B,YAAW,WACT5D,SAAAA,EAAS6D,YAAY,eAAgB,YAAa,eAAgB,CAChElE,OAAMA,GAET,GAAE,EACJ,EACDmE,OAAQ,YACDhC,GAAkBnC,EAAO4C,QAAU3B,IACtCmB,GAAkB,GAClB/B,SAAAA,EAAS6D,YAAY,eAAgB,WAAY,WAAY,CAC3DlE,OAAMA,IAIX,EACDoE,QAAS,WAER,EACDC,iBAAkB,WAEjB,EACDC,sBAAuB,WAEtB,KAIL7C,EAAAoB,cAAC0B,EAAM,CACLtB,GAAG,uBACHuB,KAAK,SACLzB,UAAU,MACV0B,SAAU3D,IAAmBC,aAAW,EAAXA,EAAa2D,4BAA6BpD,EACvE8B,QAAS,SAACS,GAtFU,IAACc,IAuFDd,EAtFxBlC,GAAa,SAACiD,GAAc,OAACA,CAAS,IAClC1D,GAAiBI,GACnBJ,EAAcyD,KAuFXhE,EACAC,GAAgBa,qBAAGsB,UAAU,0BAA0BnC,IAsBzDC,EAGP"}

package/dist/{PhoneInput-c334169d.js → PhoneInput-043a2962.js}

@@ -1,2 +1,2 @@
 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","１":"1","２":"2","３":"3","４":"4","５":"5","６":"6","７":"7","８":"8","９":"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};
-//# sourceMappingURL=PhoneInput-c334169d.js.map
+//# sourceMappingURL=PhoneInput-043a2962.js.map