ouisys-component-library 3.0.75 → 3.0.77

package/dist/PageContent.js

@@ -1,2 +1,2 @@
-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};
+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.isShowConsentCookie)&&o.createElement(e,{hasMoreOptions:!0,onUpdate:function(o){S&&S(o)},locale:g}))};export{s as PageContent};
 //# sourceMappingURL=PageContent.js.map

package/dist/PageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","sources":["../src/PageContent/PageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CookieConsent } from '../CookieConsent/CookieConsent';\nimport { Features } from '../Features/Features';\nimport { Footer } from '../Footer/Footer';\nimport { PricingPolicy } from '../PricingPolicy/PricingPolicy';\nimport { RefundPolicy } from '../RefundPolicy/RefundPolicy';\nimport { Showcase } from '../Showcase/Showcase';\nimport { Testimonials } from '../Testimonials/Testimonials';\nimport { Unsubscription } from '../Unsubscription/Unsubscription';\nimport { InterfaceFeatures } from './PageContent.types';\n\nexport const PageContent = ({ email, pageConfigs, locale, legals, tracker, onConsentUpdate }: InterfaceFeatures) => {\n  const logoUrl = pageConfigs?.logo?.url || '';\n\n  const scrollToTop = () => {\n    // window.scrollTo({ top: 0, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className=\"page-content\" onClick={() => scrollToTop()}>\n      <div\n        className=\"scroll-up\"\n        onClick={() => {\n          window.scrollTo({ top: 0, behavior: 'smooth' });\n          tracker?.customEvent('image-cards', 'click', 'scroll-to-top');\n        }}\n      >\n        {pageConfigs?.isShowWhyChooseUs && (\n          <Features\n            type={pageConfigs?.contentCategory}\n            locale={locale}\n            tracker={tracker}\n            domain={window?.location?.origin || ''}\n            headline=\"\"\n          />\n        )}\n\n        {pageConfigs?.isShowShowCase && (\n          <Showcase\n            tracker={tracker}\n            locale={locale}\n            type={pageConfigs?.contentCategory}\n            domain={window?.location?.origin || ''}\n          />\n        )}\n\n        {pageConfigs?.isShowPricingTable && (\n          <PricingPolicy hideSections priceUnit={legals?.price_unit} priceValue={legals?.price_point} locale={locale} />\n        )}\n\n        {pageConfigs?.isShowRefundPolicy && <RefundPolicy locale={locale} serviceName={pageConfigs?.serviceName} />}\n\n        {pageConfigs?.isShowUnsubscription && <Unsubscription locale={locale} />}\n\n        {pageConfigs?.isShowTestimonials && <Testimonials locale={locale} />}\n      </div>\n\n      {pageConfigs?.isShowAboutUs && (\n        <Footer\n          locale={locale}\n          mccName={pageConfigs?.mccInformation?.mcc}\n          address={pageConfigs?.mccInformation?.address}\n          email={email}\n          phone={pageConfigs?.mccInformation?.mcc_phone_number}\n          logoUrl={logoUrl}\n          className=\"footer\"\n        />\n      )}\n\n      {pageConfigs?.isShowCookieConsent && (\n        <CookieConsent\n          hasMoreOptions\n          onUpdate={(consent) => {\n            if (onConsentUpdate) {\n              onConsentUpdate(consent);\n            }\n          }}\n          locale={locale}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["PageContent","_a","email","pageConfigs","locale","legals","tracker","onConsentUpdate","logoUrl","_b","logo","url","React","createElement","className","onClick","window","scrollTo","top","behavior","customEvent","isShowWhyChooseUs","Features","type","contentCategory","domain","_c","location","origin","headline","isShowShowCase","Showcase","_d","isShowPricingTable","PricingPolicy","hideSections","priceUnit","price_unit","priceValue","price_point","isShowRefundPolicy","RefundPolicy","serviceName","isShowUnsubscription","Unsubscription","isShowTestimonials","Testimonials","isShowAboutUs","Footer","mccName","_e","mccInformation","mcc","address","_f","phone","_g","mcc_phone_number","isShowCookieConsent","CookieConsent","hasMoreOptions","onUpdate","consent"],"mappings":"4dAWO,IAAMA,EAAc,SAACC,mBAAEC,EAAKD,EAAAC,MAAEC,EAAWF,EAAAE,YAAEC,EAAMH,EAAAG,OAAEC,WAAQC,EAAOL,EAAAK,QAAEC,EAAeN,EAAAM,gBAClFC,GAA2B,QAAjBC,EAAAN,aAAA,EAAAA,EAAaO,YAAI,IAAAD,OAAA,EAAAA,EAAEE,MAAO,GAM1C,OACEC,EAAAC,cAAA,MAAA,CAAKC,UAAU,eAAeC,QAAS,cACrCH,EAAAC,cAAA,MAAA,CACEC,UAAU,YACVC,QAAS,WACPC,OAAOC,SAAS,CAAEC,IAAK,EAAGC,SAAU,WACpCb,SAAAA,EAASc,YAAY,cAAe,QAAS,oBAG9CjB,aAAW,EAAXA,EAAakB,oBACZT,EAACC,cAAAS,GACCC,KAAMpB,aAAW,EAAXA,EAAaqB,gBACnBpB,OAAQA,EACRE,QAASA,EACTmB,QAA0B,QAAlBC,EAAM,OAANV,aAAM,IAANA,YAAM,EAANA,OAAQW,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAU,GACpCC,SAAS,MAIZ1B,aAAW,EAAXA,EAAa2B,iBACZlB,EAAAC,cAACkB,EACC,CAAAzB,QAASA,EACTF,OAAQA,EACRmB,KAAMpB,aAAW,EAAXA,EAAaqB,gBACnBC,gBAAQO,SAAAhB,aAAM,IAANA,YAAM,EAANA,OAAQW,+BAAUC,SAAU,MAIvCzB,aAAA,EAAAA,EAAa8B,qBACZrB,EAAAC,cAACqB,EAAc,CAAAC,gBAAaC,UAAW/B,aAAA,EAAAA,EAAQgC,WAAYC,WAAYjC,aAAA,EAAAA,EAAQkC,YAAanC,OAAQA,KAGrGD,aAAA,EAAAA,EAAaqC,qBAAsB5B,EAACC,cAAA4B,EAAa,CAAArC,OAAQA,EAAQsC,YAAavC,aAAA,EAAAA,EAAauC,eAE3FvC,aAAW,EAAXA,EAAawC,uBAAwB/B,EAAAC,cAAC+B,EAAc,CAACxC,OAAQA,KAE7DD,aAAW,EAAXA,EAAa0C,qBAAsBjC,EAAAC,cAACiC,EAAa,CAAA1C,OAAQA,MAG3DD,aAAW,EAAXA,EAAa4C,gBACZnC,EAAAC,cAACmC,EAAM,CACL5C,OAAQA,EACR6C,QAAsC,QAA7BC,EAAA/C,aAAA,EAAAA,EAAagD,sBAAgB,IAAAD,OAAA,EAAAA,EAAAE,IACtCC,gBAASC,EAAAnD,aAAA,EAAAA,EAAagD,qCAAgBE,QACtCnD,MAAOA,EACPqD,MAAkC,UAA3BpD,aAAW,EAAXA,EAAagD,sBAAc,IAAAK,OAAA,EAAAA,EAAEC,iBACpCjD,QAASA,EACTM,UAAU,YAIbX,aAAA,EAAAA,EAAauD,sBACZ9C,EAAAC,cAAC8C,EACC,CAAAC,kBACAC,SAAU,SAACC,GACLvD,GACFA,EAAgBuD,EAEnB,EACD1D,OAAQA,IAKlB"}
+{"version":3,"file":"PageContent.js","sources":["../src/PageContent/PageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CookieConsent } from '../CookieConsent/CookieConsent';\nimport { Features } from '../Features/Features';\nimport { Footer } from '../Footer/Footer';\nimport { PricingPolicy } from '../PricingPolicy/PricingPolicy';\nimport { RefundPolicy } from '../RefundPolicy/RefundPolicy';\nimport { Showcase } from '../Showcase/Showcase';\nimport { Testimonials } from '../Testimonials/Testimonials';\nimport { Unsubscription } from '../Unsubscription/Unsubscription';\nimport { InterfaceFeatures } from './PageContent.types';\n\nexport const PageContent = ({ email, pageConfigs, locale, legals, tracker, onConsentUpdate }: InterfaceFeatures) => {\n  const logoUrl = pageConfigs?.logo?.url || '';\n\n  const scrollToTop = () => {\n    // window.scrollTo({ top: 0, behavior: \"smooth\" });\n  };\n\n  return (\n    <div className=\"page-content\" onClick={() => scrollToTop()}>\n      <div\n        className=\"scroll-up\"\n        onClick={() => {\n          window.scrollTo({ top: 0, behavior: 'smooth' });\n          tracker?.customEvent('image-cards', 'click', 'scroll-to-top');\n        }}\n      >\n        {pageConfigs?.isShowWhyChooseUs && (\n          <Features\n            type={pageConfigs?.contentCategory}\n            locale={locale}\n            tracker={tracker}\n            domain={window?.location?.origin || ''}\n            headline=\"\"\n          />\n        )}\n\n        {pageConfigs?.isShowShowCase && (\n          <Showcase\n            tracker={tracker}\n            locale={locale}\n            type={pageConfigs?.contentCategory}\n            domain={window?.location?.origin || ''}\n          />\n        )}\n\n        {pageConfigs?.isShowPricingTable && (\n          <PricingPolicy hideSections priceUnit={legals?.price_unit} priceValue={legals?.price_point} locale={locale} />\n        )}\n\n        {pageConfigs?.isShowRefundPolicy && <RefundPolicy locale={locale} serviceName={pageConfigs?.serviceName} />}\n\n        {pageConfigs?.isShowUnsubscription && <Unsubscription locale={locale} />}\n\n        {pageConfigs?.isShowTestimonials && <Testimonials locale={locale} />}\n      </div>\n\n      {pageConfigs?.isShowAboutUs && (\n        <Footer\n          locale={locale}\n          mccName={pageConfigs?.mccInformation?.mcc}\n          address={pageConfigs?.mccInformation?.address}\n          email={email}\n          phone={pageConfigs?.mccInformation?.mcc_phone_number}\n          logoUrl={logoUrl}\n          className=\"footer\"\n        />\n      )}\n\n      {pageConfigs?.isShowConsentCookie && (\n        <CookieConsent\n          hasMoreOptions\n          onUpdate={(consent) => {\n            if (onConsentUpdate) {\n              onConsentUpdate(consent);\n            }\n          }}\n          locale={locale}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["PageContent","_a","email","pageConfigs","locale","legals","tracker","onConsentUpdate","logoUrl","_b","logo","url","React","createElement","className","onClick","window","scrollTo","top","behavior","customEvent","isShowWhyChooseUs","Features","type","contentCategory","domain","_c","location","origin","headline","isShowShowCase","Showcase","_d","isShowPricingTable","PricingPolicy","hideSections","priceUnit","price_unit","priceValue","price_point","isShowRefundPolicy","RefundPolicy","serviceName","isShowUnsubscription","Unsubscription","isShowTestimonials","Testimonials","isShowAboutUs","Footer","mccName","_e","mccInformation","mcc","address","_f","phone","_g","mcc_phone_number","isShowConsentCookie","CookieConsent","hasMoreOptions","onUpdate","consent"],"mappings":"4dAWO,IAAMA,EAAc,SAACC,mBAAEC,EAAKD,EAAAC,MAAEC,EAAWF,EAAAE,YAAEC,EAAMH,EAAAG,OAAEC,WAAQC,EAAOL,EAAAK,QAAEC,EAAeN,EAAAM,gBAClFC,GAA2B,QAAjBC,EAAAN,aAAA,EAAAA,EAAaO,YAAI,IAAAD,OAAA,EAAAA,EAAEE,MAAO,GAM1C,OACEC,EAAAC,cAAA,MAAA,CAAKC,UAAU,eAAeC,QAAS,cACrCH,EAAAC,cAAA,MAAA,CACEC,UAAU,YACVC,QAAS,WACPC,OAAOC,SAAS,CAAEC,IAAK,EAAGC,SAAU,WACpCb,SAAAA,EAASc,YAAY,cAAe,QAAS,oBAG9CjB,aAAW,EAAXA,EAAakB,oBACZT,EAACC,cAAAS,GACCC,KAAMpB,aAAW,EAAXA,EAAaqB,gBACnBpB,OAAQA,EACRE,QAASA,EACTmB,QAA0B,QAAlBC,EAAM,OAANV,aAAM,IAANA,YAAM,EAANA,OAAQW,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAU,GACpCC,SAAS,MAIZ1B,aAAW,EAAXA,EAAa2B,iBACZlB,EAAAC,cAACkB,EACC,CAAAzB,QAASA,EACTF,OAAQA,EACRmB,KAAMpB,aAAW,EAAXA,EAAaqB,gBACnBC,gBAAQO,SAAAhB,aAAM,IAANA,YAAM,EAANA,OAAQW,+BAAUC,SAAU,MAIvCzB,aAAA,EAAAA,EAAa8B,qBACZrB,EAAAC,cAACqB,EAAc,CAAAC,gBAAaC,UAAW/B,aAAA,EAAAA,EAAQgC,WAAYC,WAAYjC,aAAA,EAAAA,EAAQkC,YAAanC,OAAQA,KAGrGD,aAAA,EAAAA,EAAaqC,qBAAsB5B,EAACC,cAAA4B,EAAa,CAAArC,OAAQA,EAAQsC,YAAavC,aAAA,EAAAA,EAAauC,eAE3FvC,aAAW,EAAXA,EAAawC,uBAAwB/B,EAAAC,cAAC+B,EAAc,CAACxC,OAAQA,KAE7DD,aAAW,EAAXA,EAAa0C,qBAAsBjC,EAAAC,cAACiC,EAAa,CAAA1C,OAAQA,MAG3DD,aAAW,EAAXA,EAAa4C,gBACZnC,EAAAC,cAACmC,EAAM,CACL5C,OAAQA,EACR6C,QAAsC,QAA7BC,EAAA/C,aAAA,EAAAA,EAAagD,sBAAgB,IAAAD,OAAA,EAAAA,EAAAE,IACtCC,gBAASC,EAAAnD,aAAA,EAAAA,EAAagD,qCAAgBE,QACtCnD,MAAOA,EACPqD,MAAkC,UAA3BpD,aAAW,EAAXA,EAAagD,sBAAc,IAAAK,OAAA,EAAAA,EAAEC,iBACpCjD,QAASA,EACTM,UAAU,YAIbX,aAAA,EAAAA,EAAauD,sBACZ9C,EAAAC,cAAC8C,EACC,CAAAC,kBACAC,SAAU,SAACC,GACLvD,GACFA,EAAgBuD,EAEnB,EACD1D,OAAQA,IAKlB"}

package/dist/PinEntryForm.js

@@ -1,2 +1,2 @@
-import{__read as e}from"tslib";import t,{useEffect as n}from"react";import{B as a}from"./Button-f39f59f4.js";import"classnames";var i=function(i){var o=i.onChange,l=i.pinMaxLength,r=i.renderTopContent,m=i.pinEntryLabel,p=i.placeholder,u=i.buttonLabel,c=i.renderBottomContent,s=i.buttonDisabled,d=i.pageConfigs,b=i.disableButtonIfInvalidPin,f=i.onButtonClick,g=e(t.useState(""),2),h=g[0],v=g[1],E=e(t.useState(!1),2),C=E[0],L=E[1],N=h.length>=4&&h.length<=(l||6);n((function(){o&&o(h)}),[h,o]);return t.createElement("label",{htmlFor:"pin-input"},r,t.createElement("p",{className:"pinEntryLabel"},m),t.createElement("div",{className:"pin-wrapper"},t.createElement("div",{className:"pin-input ".concat(C&&!N?null==d?void 0:d.inputFocusAnimation:"")},t.createElement("div",{className:"pin"}),t.createElement("input",{className:"text-input",type:"text",placeholder:p,value:h,pattern:"[0-9]*",inputMode:"numeric",maxLength:l||6,minLength:4,autoComplete:"one-time-code",onChange:function(e){return v(e.target.value)}})),t.createElement(a,{id:"pin-submit-button",type:"submit",className:"btn",disabled:s||b&&!N,onClick:function(e){L((function(e){return!e})),f&&N&&f(e)}},u)),c)};export{i as PinEntryForm};
+import{__read as e}from"tslib";import t,{useEffect as n}from"react";import{B as a}from"./Button-f39f59f4.js";import"classnames";var i=function(i){var o=i.onChange,l=i.pinMaxLength,r=i.pinMinLength,m=i.renderTopContent,p=i.pinEntryLabel,u=i.placeholder,c=i.buttonLabel,s=i.renderBottomContent,d=i.buttonDisabled,b=i.pageConfigs,f=i.disableButtonIfInvalidPin,g=i.onButtonClick,h=e(t.useState(""),2),v=h[0],E=h[1],C=e(t.useState(!1),2),L=C[0],N=C[1],x=v.length>=4&&v.length<=(l||6);n((function(){o&&o(v)}),[v,o]);return t.createElement("label",{htmlFor:"pin-input"},m,t.createElement("p",{className:"pinEntryLabel"},p),t.createElement("div",{className:"pin-wrapper"},t.createElement("div",{className:"pin-input ".concat(L&&!x?null==b?void 0:b.inputFocusAnimation:"")},t.createElement("div",{className:"pin"}),t.createElement("input",{className:"text-input",type:"text",placeholder:u,value:v,pattern:"[0-9]*",inputMode:"numeric",maxLength:l||6,minLength:r||4,autoComplete:"one-time-code",onChange:function(e){return E(e.target.value)}})),t.createElement(a,{id:"pin-submit-button",type:"submit",className:"btn",disabled:d||f&&!x,onClick:function(e){N((function(e){return!e})),g&&x&&g(e)}},c)),s)};export{i as PinEntryForm};
 //# sourceMappingURL=PinEntryForm.js.map

package/dist/PinEntryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinEntryForm.js","sources":["../src/PinEntryForm/PinEntryForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Button } from '../Button/Button';\nimport { IPinEntryFormProps } from './PinEntryForm.types';\n\nexport const PinEntryForm = (props: IPinEntryFormProps) => {\n  const {\n    onChange,\n    pinMaxLength,\n    renderTopContent,\n    pinEntryLabel,\n    placeholder,\n    buttonLabel,\n    renderBottomContent,\n    buttonDisabled,\n    pageConfigs,\n    disableButtonIfInvalidPin,\n    onButtonClick\n  } = props;\n\n  const [pin, setPin] = React.useState('');\n  const [isFocused, setIsFocused] = React.useState(false);\n  const isValid = pin.length >= 4 && pin.length <= (pinMaxLength || 6);\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(pin);\n    }\n  }, [pin, onChange]);\n\n  const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    setIsFocused((prevState) => !prevState);\n    if (onButtonClick && isValid) {\n      onButtonClick(e);\n    }\n  };\n\n  return (\n    <label htmlFor=\"pin-input\">\n      {renderTopContent}\n      <p className=\"pinEntryLabel\">{pinEntryLabel}</p>\n      <div className=\"pin-wrapper\">\n        <div className={`pin-input ${isFocused && !isValid ? pageConfigs?.inputFocusAnimation : ''}`}>\n          <div className=\"pin\" />\n          <input\n            className=\"text-input\"\n            type=\"text\"\n            placeholder={placeholder}\n            value={pin}\n            pattern=\"[0-9]*\"\n            inputMode=\"numeric\"\n            maxLength={pinMaxLength || 6}\n            minLength={4}\n            autoComplete=\"one-time-code\"\n            onChange={(ev) => setPin(ev.target.value)}\n          />\n        </div>\n\n        <Button\n          id=\"pin-submit-button\"\n          type=\"submit\"\n          className=\"btn\"\n          disabled={buttonDisabled || (disableButtonIfInvalidPin && !isValid)}\n          onClick={handleButtonClick}\n        >\n          {buttonLabel}\n        </Button>\n      </div>\n      {renderBottomContent}\n    </label>\n  );\n};\n"],"names":["PinEntryForm","props","onChange","pinMaxLength","renderTopContent","pinEntryLabel","placeholder","buttonLabel","renderBottomContent","buttonDisabled","pageConfigs","disableButtonIfInvalidPin","onButtonClick","_a","__read","React","useState","pin","setPin","_b","isFocused","setIsFocused","isValid","length","useEffect","createElement","htmlFor","className","concat","inputFocusAnimation","type","value","pattern","inputMode","maxLength","minLength","autoComplete","ev","target","Button","id","disabled","onClick","e","prevState"],"mappings":"gIAIO,IAAMA,EAAe,SAACC,GAEzB,IAAAC,EAWED,EAXMC,SACRC,EAUEF,EAVUE,aACZC,EASEH,EATcG,iBAChBC,EAQEJ,EAAKI,cAPPC,EAOEL,EAPSK,YACXC,EAMEN,EANSM,YACXC,EAKEP,EAAKO,oBAJPC,EAIER,EAAKQ,eAHPC,EAGET,EAAKS,YAFPC,EAEEV,EAFuBU,0BACzBC,EACEX,EAAKW,cAEHC,EAAAC,EAAgBC,EAAMC,SAAS,IAAG,GAAjCC,EAAGJ,EAAA,GAAEK,OACNC,EAAAL,EAA4BC,EAAMC,UAAS,GAAM,GAAhDI,EAASD,EAAA,GAAEE,OACZC,EAAUL,EAAIM,QAAU,GAAKN,EAAIM,SAAWpB,GAAgB,GAElEqB,GAAU,WACJtB,GACFA,EAASe,EAEb,GAAG,CAACA,EAAKf,IAST,OACEa,EAAAU,cAAA,QAAA,CAAOC,QAAQ,aACZtB,EACDW,EAAAU,cAAA,IAAA,CAAGE,UAAU,iBAAiBtB,GAC9BU,EAAKU,cAAA,MAAA,CAAAE,UAAU,eACbZ,EAAKU,cAAA,MAAA,CAAAE,UAAW,aAAaC,OAAAR,IAAcE,EAAUZ,eAAAA,EAAamB,oBAAsB,KACtFd,EAAKU,cAAA,MAAA,CAAAE,UAAU,QACfZ,EACEU,cAAA,QAAA,CAAAE,UAAU,aACVG,KAAK,OACLxB,YAAaA,EACbyB,MAAOd,EACPe,QAAQ,SACRC,UAAU,UACVC,UAAW/B,GAAgB,EAC3BgC,UAAW,EACXC,aAAa,gBACblC,SAAU,SAACmC,GAAO,OAAAnB,EAAOmB,EAAGC,OAAOP,MAAM,KAI7ChB,EAAAU,cAACc,EAAM,CACLC,GAAG,oBACHV,KAAK,SACLH,UAAU,MACVc,SAAUhC,GAAmBE,IAA8BW,EAC3DoB,QAjCkB,SAACC,GACzBtB,GAAa,SAACuB,GAAc,OAACA,CAAS,IAClChC,GAAiBU,GACnBV,EAAc+B,EAElB,GA8BSpC,IAGJC,EAGP"}
+{"version":3,"file":"PinEntryForm.js","sources":["../src/PinEntryForm/PinEntryForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Button } from '../Button/Button';\nimport { IPinEntryFormProps } from './PinEntryForm.types';\n\nexport const PinEntryForm = (props: IPinEntryFormProps) => {\n  const {\n    onChange,\n    pinMaxLength,\n    pinMinLength,\n    renderTopContent,\n    pinEntryLabel,\n    placeholder,\n    buttonLabel,\n    renderBottomContent,\n    buttonDisabled,\n    pageConfigs,\n    disableButtonIfInvalidPin,\n    onButtonClick\n  } = props;\n\n  const [pin, setPin] = React.useState('');\n  const [isFocused, setIsFocused] = React.useState(false);\n  const isValid = pin.length >= 4 && pin.length <= (pinMaxLength || 6);\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(pin);\n    }\n  }, [pin, onChange]);\n\n  const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    setIsFocused((prevState) => !prevState);\n    if (onButtonClick && isValid) {\n      onButtonClick(e);\n    }\n  };\n\n  return (\n    <label htmlFor=\"pin-input\">\n      {renderTopContent}\n      <p className=\"pinEntryLabel\">{pinEntryLabel}</p>\n      <div className=\"pin-wrapper\">\n        <div className={`pin-input ${isFocused && !isValid ? pageConfigs?.inputFocusAnimation : ''}`}>\n          <div className=\"pin\" />\n          <input\n            className=\"text-input\"\n            type=\"text\"\n            placeholder={placeholder}\n            value={pin}\n            pattern=\"[0-9]*\"\n            inputMode=\"numeric\"\n            maxLength={pinMaxLength || 6}\n            minLength={pinMinLength || 4}\n            autoComplete=\"one-time-code\"\n            onChange={(ev) => setPin(ev.target.value)}\n          />\n        </div>\n\n        <Button\n          id=\"pin-submit-button\"\n          type=\"submit\"\n          className=\"btn\"\n          disabled={buttonDisabled || (disableButtonIfInvalidPin && !isValid)}\n          onClick={handleButtonClick}\n        >\n          {buttonLabel}\n        </Button>\n      </div>\n      {renderBottomContent}\n    </label>\n  );\n};\n"],"names":["PinEntryForm","props","onChange","pinMaxLength","pinMinLength","renderTopContent","pinEntryLabel","placeholder","buttonLabel","renderBottomContent","buttonDisabled","pageConfigs","disableButtonIfInvalidPin","onButtonClick","_a","__read","React","useState","pin","setPin","_b","isFocused","setIsFocused","isValid","length","useEffect","createElement","htmlFor","className","concat","inputFocusAnimation","type","value","pattern","inputMode","maxLength","minLength","autoComplete","ev","target","Button","id","disabled","onClick","e","prevState"],"mappings":"gIAIO,IAAMA,EAAe,SAACC,GAEzB,IAAAC,EAYED,EAZMC,SACRC,EAWEF,EAAKE,aAVPC,EAUEH,EAVUG,aACZC,EASEJ,EAAKI,iBARPC,EAQEL,EARWK,cACbC,EAOEN,EAAKM,YANPC,EAMEP,EANSO,YACXC,EAKER,EAAKQ,oBAJPC,EAIET,EAJYS,eACdC,EAGEV,EAAKU,YAFPC,EAEEX,EAFuBW,0BACzBC,EACEZ,EAAKY,cAEHC,EAAAC,EAAgBC,EAAMC,SAAS,IAAG,GAAjCC,EAAGJ,EAAA,GAAEK,OACNC,EAAAL,EAA4BC,EAAMC,UAAS,GAAM,GAAhDI,EAASD,EAAA,GAAEE,OACZC,EAAUL,EAAIM,QAAU,GAAKN,EAAIM,SAAWrB,GAAgB,GAElEsB,GAAU,WACJvB,GACFA,EAASgB,EAEb,GAAG,CAACA,EAAKhB,IAST,OACEc,EAAAU,cAAA,QAAA,CAAOC,QAAQ,aACZtB,EACDW,EAAAU,cAAA,IAAA,CAAGE,UAAU,iBAAiBtB,GAC9BU,EAAKU,cAAA,MAAA,CAAAE,UAAU,eACbZ,EAAKU,cAAA,MAAA,CAAAE,UAAW,aAAaC,OAAAR,IAAcE,EAAUZ,eAAAA,EAAamB,oBAAsB,KACtFd,EAAKU,cAAA,MAAA,CAAAE,UAAU,QACfZ,EACEU,cAAA,QAAA,CAAAE,UAAU,aACVG,KAAK,OACLxB,YAAaA,EACbyB,MAAOd,EACPe,QAAQ,SACRC,UAAU,UACVC,UAAWhC,GAAgB,EAC3BiC,UAAWhC,GAAgB,EAC3BiC,aAAa,gBACbnC,SAAU,SAACoC,GAAO,OAAAnB,EAAOmB,EAAGC,OAAOP,MAAM,KAI7ChB,EAAAU,cAACc,EAAM,CACLC,GAAG,oBACHV,KAAK,SACLH,UAAU,MACVc,SAAUhC,GAAmBE,IAA8BW,EAC3DoB,QAjCkB,SAACC,GACzBtB,GAAa,SAACuB,GAAc,OAACA,CAAS,IAClChC,GAAiBU,GACnBV,EAAc+B,EAElB,GA8BSpC,IAGJC,EAGP"}

package/dist/types/custom-types.d.ts

@@ -48,7 +48,7 @@ interface IPageConfigs {
     isShowTermsAcceptance?: boolean;
     isShowPaymentAcceptance?: boolean;
     isShowAboutUs?: boolean;
-    isShowCookieConsent?: boolean;
+    isShowConsentCookie?: boolean;
     isShowLanguageSwitcher?: boolean;
     isDisableButtonIfInvalid?: boolean;
     isShowMenu?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ouisys-component-library",
-  "version": "3.0.75",
+  "version": "3.0.77",
   "description": "Ouisys Components",
   "main": "dist/index.js",
   "directories": "dist dev-tools",