rebill-web-components-sdk 1.10.10-beta.1 → 1.10.10-beta.3

package/dist/components/{p-BOYEmkB-.js → p-D19UjlNC.js}

@@ -5,10 +5,10 @@ import { B as BREAKPOINT_ENUM, g as getBreakpoint } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$7 } from './p-C2hRlPI3.js';
 import { d as defineCustomElement$6 } from './p-B_0TX9Sm.js';
-import { d as defineCustomElement$5 } from './p-d40T-Ru7.js';
-import { d as defineCustomElement$4 } from './p-DeStKoNN.js';
+import { d as defineCustomElement$5 } from './p-fJpj0Zb5.js';
+import { d as defineCustomElement$4 } from './p-Dsrpb4rI.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-xKyxKtdF.js';
+import { d as defineCustomElement$2 } from './p-30DP4s-1.js';
 import { d as defineCustomElement$1 } from './p-BaBXKrWI.js';
 
 const processingPaymentCss = ".lottie-container{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.lottie-animation{width:166px;height:165px;display:flex;justify-content:center;align-items:center}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.security-badge{width:100%;max-width:450px;height:40px;display:flex;align-items:center;justify-content:center;background:#ebedef;border-radius:8px;box-sizing:border-box}.lock-icon{width:16px;height:16px;color:var(--rebill-color-text-secondary, #6b7280)}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}.contact-info{text-align:left}@media (max-width: 1024px){.security-badge{width:100%;max-width:100%}.lottie-animation{width:166px;height:165px}.text-content{gap:12px}}@media (max-width: 767px){.processing-container{padding:0 16px}}.processing-container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}";
@@ -156,6 +156,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ProcessingPayment as P, defineCustomElement as d };
-//# sourceMappingURL=p-BOYEmkB-.js.map
+//# sourceMappingURL=p-D19UjlNC.js.map
 
-//# sourceMappingURL=p-BOYEmkB-.js.map
+//# sourceMappingURL=p-D19UjlNC.js.map

package/dist/components/{p-BOYEmkB-.js.map → p-D19UjlNC.js.map}

@@ -1 +1 @@
-{"file":"p-BOYEmkB-.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/processing-payment/processing-payment.css?tag=rebill-processing-payment","src/components/checkout/processing-payment/processing-payment.tsx"],"sourcesContent":["/* Lottie Animation */\n.lottie-container {\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.lottie-animation {\n  width: 166px;\n  height: 165px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Text Content */\n.text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Security Badge */\n.security-badge {\n  width: 100%;\n  max-width: 450px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ebedef;\n  border-radius: 8px;\n  box-sizing: border-box;\n}\n\n.lock-icon {\n  width: 16px;\n  height: 16px;\n  color: var(--rebill-color-text-secondary, #6b7280);\n}\n\n/* Animation */\n@keyframes pulse {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n.contact-info {\n  text-align: left;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .security-badge {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .lottie-animation {\n    width: 166px;\n    height: 165px;\n  }\n\n  .text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .processing-container {\n    padding: 0 16px;\n  }\n}\n\n.processing-container {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../../shared/card-icon/card-icon';\n\n@Component({\n  tag: 'rebill-processing-payment',\n  styleUrl: 'processing-payment.css',\n  shadow: false,\n})\nexport class ProcessingPayment {\n  @Prop() titleKey: string = 'processing.processingTitle';\n  @Prop() subtitleKey: string = 'processing.processingSubtitle';\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    this.loadLottieAnimation();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetURL(`loader-card-v2.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 2000;\n    const interval = 50; // Update every 50ms\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"processing-container\">\n          {/* Lottie Animation */}\n          <div class=\"lottie-container\">\n            <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n          </div>\n          <div class=\"text-content\">\n            <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate(this.titleKey)}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate(this.subtitleKey)}\n            </rebill-typography>\n          </div>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-D19UjlNC.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,88BAA88B;;MCa99B,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;IACpB,QAAQ,GAAW,4BAA4B;IAC/C,WAAW,GAAW,+BAA+B;AACpD,IAAA,aAAa,GAAWC,KAAY,CAAC,aAAa;AAClD,IAAA,UAAU,GAAoB,eAAe,CAAC,OAAO;IACrD,cAAc,GAAW,CAAC;IAC1B,eAAe,GAAY,IAAI;AAEhC,IAAA,6BAA6B;AAC7B,IAAA,gBAAgB;AAChB,IAAA,eAAe;AACf,IAAA,eAAe;IAEvB,iBAAiB,GAAA;QACf,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;QAClD,IAAI,CAAC,6BAA6B,GAAG,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAK;AAC/E,YAAA,IAAI,CAAC,aAAa,GAAGA,KAAY,CAAC,aAAa;AACjD,SAAC,CAAC;;IAGJ,gBAAgB,GAAA;QACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;QACpD,IAAI,CAAC,mBAAmB,EAAE;;IAG5B,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;QAEtC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;QACvD,IAAI,CAAC,mBAAmB,EAAE;;IAGpB,YAAY,GAAG,MAAK;QAC1B,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;AACpD,KAAC;IAEO,mBAAmB,GAAG,YAAW;AACvC,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,MAAM,OAAO,iBAAY,oCAAC;YACzC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC,CAAA,mBAAA,CAAqB,CAAC,CAAC;AACrE,YAAA,MAAM,aAAa,GAAG,MAAM,aAAa,CAAC,IAAI,EAAE;AAEhD,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC;oBAClD,SAAS,EAAE,IAAI,CAAC,eAAe;AAC/B,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,aAAa,EAAE,aAAa;AAC7B,iBAAA,CAAC;;iBACG;gBACL,IAAI,CAAC,oBAAoB,EAAE;;;QAE7B,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,oBAAoB,EAAE;;AAE/B,KAAC;IAEO,oBAAoB,GAAG,MAAK;QAClC,MAAM,QAAQ,GAAG,IAAI;AACrB,QAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,CAAC,QAAQ,GAAG,QAAQ,IAAI,GAAG;QAE7C,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;AAC9C,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,SAAS,EAAE,GAAG,CAAC;AACpE,YAAA,IAAI,IAAI,CAAC,cAAc,IAAI,GAAG,EAAE;gBAC9B,IAAI,CAAC,mBAAmB,EAAE;;SAE7B,EAAE,QAAQ,CAAC;AACd,KAAC;IAEO,mBAAmB,GAAG,MAAK;AACjC,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC;AACpC,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;;AAEnC,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;AAC9B,YAAA,IAAI,CAAC,eAAe,GAAG,SAAS;;AAEpC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAE/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,kBAAkB,GAAO,CACxE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EACjE,EAAA,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACnB,EACpB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,IAC5E,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CACtB,CAChB,EAEN,CACE,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC,EACnD,CAAA,CACE,CACwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/processing-payment/processing-payment.css?tag=rebill-processing-payment","src/components/checkout/processing-payment/processing-payment.tsx"],"sourcesContent":["/* Lottie Animation */\n.lottie-container {\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.lottie-animation {\n  width: 166px;\n  height: 165px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Text Content */\n.text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Security Badge */\n.security-badge {\n  width: 100%;\n  max-width: 450px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ebedef;\n  border-radius: 8px;\n  box-sizing: border-box;\n}\n\n.lock-icon {\n  width: 16px;\n  height: 16px;\n  color: var(--rebill-color-text-secondary, #6b7280);\n}\n\n/* Animation */\n@keyframes pulse {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n.contact-info {\n  text-align: left;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .security-badge {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .lottie-animation {\n    width: 166px;\n    height: 165px;\n  }\n\n  .text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .processing-container {\n    padding: 0 16px;\n  }\n}\n\n.processing-container {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../../shared/card-icon/card-icon';\n\n@Component({\n  tag: 'rebill-processing-payment',\n  styleUrl: 'processing-payment.css',\n  shadow: false,\n})\nexport class ProcessingPayment {\n  @Prop() titleKey: string = 'processing.processingTitle';\n  @Prop() subtitleKey: string = 'processing.processingSubtitle';\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    this.loadLottieAnimation();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetURL(`loader-card-v2.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 2000;\n    const interval = 50; // Update every 50ms\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"processing-container\">\n          {/* Lottie Animation */}\n          <div class=\"lottie-container\">\n            <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n          </div>\n          <div class=\"text-content\">\n            <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate(this.titleKey)}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate(this.subtitleKey)}\n            </rebill-typography>\n          </div>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BqeCVajN.js → p-D6CVLxdH.js}

@@ -2,11 +2,11 @@ import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { e as instance, I as I18nService, f as formatAmount, s as state } from './p-5WvVvcYf.js';
 import { a as formatDate } from './p-CHj9hP3K.js';
 import { d as defineCustomElement$7 } from './p-BA6uHn0q.js';
-import { d as defineCustomElement$6 } from './p-CN-2D26g.js';
+import { d as defineCustomElement$6 } from './p-Pg_gixIL.js';
 import { d as defineCustomElement$5 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$4 } from './p-C0ukGjTv.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-Bnocq8Cb.js';
+import { d as defineCustomElement$2 } from './p-mSjgruQE.js';
 import { d as defineCustomElement$1 } from './p-BaBXKrWI.js';
 
 const renewalSummaryCss = ".wrapper{margin:0 auto;display:flex;flex-direction:column;align-items:center}.header{display:flex;flex-direction:column;align-items:center;gap:8px}.title{font-size:1rem;font-weight:500;color:var(--rebill-color-primary-dark-text);text-align:center}.amount{font-size:2.25rem;font-weight:500;color:var(--rebill-color-primary-dark-text);margin:0 0 1.5rem 0;text-align:center;line-height:1.1}.per{font-size:1.1rem;font-weight:400;color:var(--rebill-color-text-secondary)}.label-muted{font-size:1rem;color:var(--rebill-color-primary-dark);margin:0 0 1.5rem 0;text-align:center}.info{width:100%;margin-top:1.5rem;margin-bottom:3rem;display:flex;flex-direction:column;gap:1.4rem}.row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;line-height:1.4;width:100%}.left{color:var(--rebill-color-text-secondary);font-weight:400}.right{color:var(--rebill-color-primary-dark-text);font-weight:400;text-align:right}.divider{border:none;border-top:1px solid var(--rebill-color-border);margin:1rem 0}@media (max-width: 1024px){.amount{margin-bottom:0}.row{font-size:0.9rem}.row:not(:last-child){margin-bottom:0.5rem}.left{color:var(--rebill-color-primary-dark-text)}}.total-row{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600}.total-row .left{color:var(--rebill-color-primary-dark-text)}";
@@ -167,6 +167,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSummary as R, defineCustomElement as d };
-//# sourceMappingURL=p-BqeCVajN.js.map
+//# sourceMappingURL=p-D6CVLxdH.js.map
 
-//# sourceMappingURL=p-BqeCVajN.js.map
+//# sourceMappingURL=p-D6CVLxdH.js.map

package/dist/components/{p-BqeCVajN.js.map → p-D6CVLxdH.js.map}

@@ -1 +1 @@
-{"file":"p-BqeCVajN.js","mappings":";;;;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,60CAA60C;;MCY11C,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;IACR,WAAW,GAAG,CAAC;AACxB,IAAA,mBAAmB,GAAyC;QAClE,QAAQ;QACR,SAAS;QACT,SAAS;KACV;AACO,IAAA,WAAW;AACX,IAAA,cAAc;AACd,IAAA,iBAAiB;AACjB,IAAA,kBAAkB;AAClB,IAAA,cAAc;AACd,IAAA,SAAS;AACT,IAAA,QAAQ;AACR,IAAA,UAAU;AACV,IAAA,cAAc;AACd,IAAA,kBAAkB;IAClB,QAAQ,GAAW,eAAe;IAE1C,iBAAiB,GAAA;QACfC,QAAI,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC;;IAGvD,oBAAoB,GAAA;QAClBA,QAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC;;IAGhD,oBAAoB,GAAG,MAAK;QAClC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC;AACzC,KAAC;IAEO,gBAAgB,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM;AAAE,YAAA,OAAO,EAAE;QAExD,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE;AAClD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK;AAElC,QAAA,MAAM,cAAc,GAAG,CAAW,QAAA,EAAA,MAAM,EAAE;QAC1C,OAAO,WAAW,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,CAAC;;IAGjD,iBAAiB,GAAA;QACvB,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE;AAC1C,YAAA,OAAO,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW;;AAG/C,QAAA,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC;;IAGjC,YAAY,GAAG,MAAK;AAClB,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,OAAO,EAAA,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAK,EAC3D,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACf,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,cAAc,EAAA,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAQ,EAAC,GAAG,EACrF,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAA,QAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC,WAAW,EAAE,CAAQ,CAChE,CACA;AAEV,KAAC;AAED,IAAA,aAAa,GAAG,CAAC,KAAa,EAAE,KAAa,KAAI;AAC/C,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,KAAK,EAAA,EACd,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EAAE,KAAK,CAAO,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAO,CAC5B;AAEV,KAAC;IAED,aAAa,GAAG,MAAK;AACnB,QAAA,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,CAAC,iBAAiB,EACtB,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,CACjD;AACH,KAAC;IAED,iBAAiB,GAAG,MAAK;QACvB,OAAO,IAAI,CAAC,aAAa,CACvB,WAAW,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAC5CC,UAAkB,CAAC,IAAI,CAAC,cAAc,EAAE,SAAS,EAAEC,KAAY,CAAC,aAAa,CAAC,CAC/E;AACH,KAAC;IAED,cAAc,GAAG,MAAK;QACpB,OAAO,IAAI,CAAC,aAAa,CACvB,WAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC,EACzC,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,CACjD;AACH,KAAC;IAEO,cAAc,GAAG,MAAK;AAC5B,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC;AAAE,YAAA,OAAO,IAAI;AAC9C,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,KAAK,EAAA,EACd,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,WAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAO,EACnE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACtC,CAAA,CAAA,iBAAA,EAAA,EACE,WAAW,EAAC,UAAU,EACtB,kBAAkB,EAAE,IAAI,CAAC,UAAU,IAAI,SAAS,EAChD,sBAAsB,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAChD,gBAAgB,EAAE,IAAI,CAAC,QAAQ,EAC/B,CAAA,CACE,CACF;AAEV,KAAC;IAED,WAAW,GAAG,MAAK;QACjB,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAE,EAAA,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAO,EACvE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,OAAO,EAAE,EAAA,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAO,CACpE;AAEV,KAAC;IAED,aAAa,GAAG,MAAK;AACnB,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,YAAY,EAAE,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,EAAE,EAAE,EAAA,WAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAO,CACtE,EACL,IAAI,CAAC,aAAa,EAAE,EACpB,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,cAAc,EAAE,EACrB,IAAI,CAAC,cAAc,EAAE,CAClB,EAEL,IAAI,CAAC,WAAW,EAAE,CACf;AAEV,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IACE,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAC3C,YAAA,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC5C,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAC5C;AACA,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;QAE7B,IAAI,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC/C,YAAA,OAAO,IAAI,CAAC,YAAY,EAAE;;QAE5B,IAAI,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;YAChD,QACE,wBAAkB,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAA,EAC/D,IAAI,CAAC,aAAa,EAAE,EACpB,IAAI,CAAC,iBAAiB,EAAE,CACR;;QAGvB,IAAI,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AAChD,YAAA,QACE,wBAAkB,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAA,EAC/D,IAAI,CAAC,aAAa,CACjB,IAAI,CAAC,iBAAiB,EACtB,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,CAC1D,EACA,IAAI,CAAC,cAAc,EAAE,EACrB,IAAI,CAAC,cAAc,EAAE,EAEtB,CAAkB,CAAA,gBAAA,EAAA,IAAA,CAAA,EACjB,IAAI,CAAC,aAAa,CACjB,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,EAC7C,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAC9C,CACgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18n","formatDateByLocale","sessionState"],"sources":["src/components/renewal/renewal-summary/renewal-summary.css?tag=renewal-summary","src/components/renewal/renewal-summary/renewal-summary.tsx"],"sourcesContent":[".wrapper {\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n.title {\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  text-align: center;\n}\n\n.amount {\n  font-size: 2.25rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n  line-height: 1.1;\n}\n\n.per {\n  font-size: 1.1rem;\n  font-weight: 400;\n  color: var(--rebill-color-text-secondary);\n}\n\n.label-muted {\n  font-size: 1rem;\n  color: var(--rebill-color-primary-dark);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.info {\n  width: 100%;\n  margin-top: 1.5rem;\n  margin-bottom: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.4rem;\n}\n\n.row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1rem;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.left {\n  color: var(--rebill-color-text-secondary);\n  font-weight: 400;\n}\n\n.right {\n  color: var(--rebill-color-primary-dark-text);\n  font-weight: 400;\n  text-align: right;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--rebill-color-border);\n  margin: 1rem 0;\n}\n\n@media (max-width: 1024px) {\n  .amount {\n    margin-bottom: 0;\n  }\n  .row {\n    font-size: 0.9rem;\n  }\n  .row:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  .left {\n    color: var(--rebill-color-primary-dark-text);\n  }\n}\n\n.total-row {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1.1rem;\n  font-weight: 600;\n}\n\n.total-row .left {\n  color: var(--rebill-color-primary-dark-text);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState } from '../../../store/session.store';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { formatDate as formatDateByLocale } from '../../../utils/date-formatter';\n\n@Component({\n  tag: 'renewal-summary',\n  styleUrl: 'renewal-summary.css',\n  shadow: false,\n})\nexport class RenewalSummary {\n  @State() private forceUpdate = 0;\n  @Prop() displayedComponents: ('header' | 'details' | 'summary')[] = [\n    'header',\n    'details',\n    'summary',\n  ];\n  @Prop() totalAmount!: number;\n  @Prop() subTotalAmount!: number;\n  @Prop() subscriptionTitle!: string;\n  @Prop() subscriptionAmount!: number;\n  @Prop() nextChargeDate?: string;\n  @Prop() frequency?: { count: number; period: string };\n  @Prop() currency: string;\n  @Prop() couponCode?: string;\n  @Prop() discountAmount?: number;\n  @Prop() discountPercentage?: number;\n  @Prop() titleKey: string = 'renewal.title';\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.forceUpdate = this.forceUpdate + 1;\n  };\n\n  private getFrequencyText(): string {\n    if (!this.frequency || !this.frequency.period) return '';\n\n    const period = this.frequency.period.toLowerCase();\n    const count = this.frequency.count;\n\n    const translationKey = `summary.${period}`;\n    return I18nService.translate(translationKey, { count });\n  }\n\n  private getDiscountAmount(): number {\n    if (this.totalAmount < this.subTotalAmount) {\n      return this.subTotalAmount - this.totalAmount;\n    }\n\n    return this.discountAmount || 0;\n  }\n\n  renderHeader = () => {\n    return (\n      <div class=\"header\">\n        <p class=\"title\">{I18nService.translate(this.titleKey)}</p>\n        <p class=\"amount\">\n          <span class=\"total-amount\">{formatAmount(this.totalAmount, this.currency)}</span>{' '}\n          <span class=\"per\">/ {this.getFrequencyText().toLowerCase()}</span>\n        </p>\n      </div>\n    );\n  };\n\n  renderInfoRow = (label: string, value: string) => {\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{label}</div>\n        <div class=\"right\">{value}</div>\n      </div>\n    );\n  };\n\n  renderProduct = () => {\n    return this.renderInfoRow(\n      this.subscriptionTitle,\n      formatAmount(this.subTotalAmount, this.currency),\n    );\n  };\n\n  renderNextRenewal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.nextRenewal'),\n      formatDateByLocale(this.nextChargeDate, undefined, sessionState.currentLocale),\n    );\n  };\n\n  renderSubtotal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.subtotal'),\n      formatAmount(this.subTotalAmount, this.currency),\n    );\n  };\n\n  private renderDiscount = () => {\n    if (this.getDiscountAmount() <= 0) return null;\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{I18nService.translate('summary.discount')}</div>\n        <div class=\"right discount-chip-wrapper\">\n          <discount-coupon\n            displayMode=\"readonly\"\n            readonlyCouponCode={this.couponCode || undefined}\n            readonlyDiscountAmount={this.getDiscountAmount()}\n            readonlyCurrency={this.currency}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  renderTotal = () => {\n    return (\n      <div class=\"total-row\">\n        <div class=\"left\">{I18nService.translate('renewal.totalToRenew')}</div>\n        <div class=\"right\">{formatAmount(this.totalAmount, this.currency)}</div>\n      </div>\n    );\n  };\n\n  renderDesktop = () => {\n    return (\n      <div class=\"wrapper\">\n        {this.renderHeader()}\n        <div class=\"info\">\n          <div class=\"row\">\n            <div class=\"\">{I18nService.translate('renewal.subscriptionDetails')}</div>\n          </div>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n        </div>\n\n        {this.renderTotal()}\n      </div>\n    );\n  };\n\n  render() {\n    if (\n      this.displayedComponents.includes('header') &&\n      this.displayedComponents.includes('details') &&\n      this.displayedComponents.includes('summary')\n    ) {\n      return this.renderDesktop();\n    }\n    if (this.displayedComponents.includes('header')) {\n      return this.renderHeader();\n    }\n    if (this.displayedComponents.includes('details')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.details')}>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n        </collapsible-card>\n      );\n    }\n    if (this.displayedComponents.includes('summary')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.summary')}>\n          {this.renderInfoRow(\n            this.subscriptionTitle,\n            '1 x ' + formatAmount(this.subTotalAmount, this.currency),\n          )}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n\n          <rebill-divider />\n          {this.renderInfoRow(\n            I18nService.translate('renewal.totalToRenew'),\n            formatAmount(this.totalAmount, this.currency),\n          )}\n        </collapsible-card>\n      );\n    }\n  }\n}\n"],"version":3}
+{"file":"p-D6CVLxdH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","formatDateByLocale","sessionState"],"sources":["src/components/renewal/renewal-summary/renewal-summary.css?tag=renewal-summary","src/components/renewal/renewal-summary/renewal-summary.tsx"],"sourcesContent":[".wrapper {\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n.title {\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  text-align: center;\n}\n\n.amount {\n  font-size: 2.25rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n  line-height: 1.1;\n}\n\n.per {\n  font-size: 1.1rem;\n  font-weight: 400;\n  color: var(--rebill-color-text-secondary);\n}\n\n.label-muted {\n  font-size: 1rem;\n  color: var(--rebill-color-primary-dark);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.info {\n  width: 100%;\n  margin-top: 1.5rem;\n  margin-bottom: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.4rem;\n}\n\n.row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1rem;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.left {\n  color: var(--rebill-color-text-secondary);\n  font-weight: 400;\n}\n\n.right {\n  color: var(--rebill-color-primary-dark-text);\n  font-weight: 400;\n  text-align: right;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--rebill-color-border);\n  margin: 1rem 0;\n}\n\n@media (max-width: 1024px) {\n  .amount {\n    margin-bottom: 0;\n  }\n  .row {\n    font-size: 0.9rem;\n  }\n  .row:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  .left {\n    color: var(--rebill-color-primary-dark-text);\n  }\n}\n\n.total-row {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1.1rem;\n  font-weight: 600;\n}\n\n.total-row .left {\n  color: var(--rebill-color-primary-dark-text);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState } from '../../../store/session.store';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { formatDate as formatDateByLocale } from '../../../utils/date-formatter';\n\n@Component({\n  tag: 'renewal-summary',\n  styleUrl: 'renewal-summary.css',\n  shadow: false,\n})\nexport class RenewalSummary {\n  @State() private forceUpdate = 0;\n  @Prop() displayedComponents: ('header' | 'details' | 'summary')[] = [\n    'header',\n    'details',\n    'summary',\n  ];\n  @Prop() totalAmount!: number;\n  @Prop() subTotalAmount!: number;\n  @Prop() subscriptionTitle!: string;\n  @Prop() subscriptionAmount!: number;\n  @Prop() nextChargeDate?: string;\n  @Prop() frequency?: { count: number; period: string };\n  @Prop() currency: string;\n  @Prop() couponCode?: string;\n  @Prop() discountAmount?: number;\n  @Prop() discountPercentage?: number;\n  @Prop() titleKey: string = 'renewal.title';\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.forceUpdate = this.forceUpdate + 1;\n  };\n\n  private getFrequencyText(): string {\n    if (!this.frequency || !this.frequency.period) return '';\n\n    const period = this.frequency.period.toLowerCase();\n    const count = this.frequency.count;\n\n    const translationKey = `summary.${period}`;\n    return I18nService.translate(translationKey, { count });\n  }\n\n  private getDiscountAmount(): number {\n    if (this.totalAmount < this.subTotalAmount) {\n      return this.subTotalAmount - this.totalAmount;\n    }\n\n    return this.discountAmount || 0;\n  }\n\n  renderHeader = () => {\n    return (\n      <div class=\"header\">\n        <p class=\"title\">{I18nService.translate(this.titleKey)}</p>\n        <p class=\"amount\">\n          <span class=\"total-amount\">{formatAmount(this.totalAmount, this.currency)}</span>{' '}\n          <span class=\"per\">/ {this.getFrequencyText().toLowerCase()}</span>\n        </p>\n      </div>\n    );\n  };\n\n  renderInfoRow = (label: string, value: string) => {\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{label}</div>\n        <div class=\"right\">{value}</div>\n      </div>\n    );\n  };\n\n  renderProduct = () => {\n    return this.renderInfoRow(\n      this.subscriptionTitle,\n      formatAmount(this.subTotalAmount, this.currency),\n    );\n  };\n\n  renderNextRenewal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.nextRenewal'),\n      formatDateByLocale(this.nextChargeDate, undefined, sessionState.currentLocale),\n    );\n  };\n\n  renderSubtotal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.subtotal'),\n      formatAmount(this.subTotalAmount, this.currency),\n    );\n  };\n\n  private renderDiscount = () => {\n    if (this.getDiscountAmount() <= 0) return null;\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{I18nService.translate('summary.discount')}</div>\n        <div class=\"right discount-chip-wrapper\">\n          <discount-coupon\n            displayMode=\"readonly\"\n            readonlyCouponCode={this.couponCode || undefined}\n            readonlyDiscountAmount={this.getDiscountAmount()}\n            readonlyCurrency={this.currency}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  renderTotal = () => {\n    return (\n      <div class=\"total-row\">\n        <div class=\"left\">{I18nService.translate('renewal.totalToRenew')}</div>\n        <div class=\"right\">{formatAmount(this.totalAmount, this.currency)}</div>\n      </div>\n    );\n  };\n\n  renderDesktop = () => {\n    return (\n      <div class=\"wrapper\">\n        {this.renderHeader()}\n        <div class=\"info\">\n          <div class=\"row\">\n            <div class=\"\">{I18nService.translate('renewal.subscriptionDetails')}</div>\n          </div>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n        </div>\n\n        {this.renderTotal()}\n      </div>\n    );\n  };\n\n  render() {\n    if (\n      this.displayedComponents.includes('header') &&\n      this.displayedComponents.includes('details') &&\n      this.displayedComponents.includes('summary')\n    ) {\n      return this.renderDesktop();\n    }\n    if (this.displayedComponents.includes('header')) {\n      return this.renderHeader();\n    }\n    if (this.displayedComponents.includes('details')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.details')}>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n        </collapsible-card>\n      );\n    }\n    if (this.displayedComponents.includes('summary')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.summary')}>\n          {this.renderInfoRow(\n            this.subscriptionTitle,\n            '1 x ' + formatAmount(this.subTotalAmount, this.currency),\n          )}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n\n          <rebill-divider />\n          {this.renderInfoRow(\n            I18nService.translate('renewal.totalToRenew'),\n            formatAmount(this.totalAmount, this.currency),\n          )}\n        </collapsible-card>\n      );\n    }\n  }\n}\n"],"version":3}

package/dist/components/{p-CVq9IPp4.js → p-DPB4aAQa.js}

@@ -19,9 +19,9 @@ const SinglePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SinglePayment
     paymentMethodDetails;
     icons = [];
     render() {
-        return (h("div", { key: '5122e8aea614b933b61e8ea8442e8135af660464', class: "single-payment-method" }, h("div", { key: 'aaff46a008eb03149d754cbe9b023797075c438d', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: '88be17c0cf51dca791486ae34e54de4bf00ea30c', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (h("rebill-icon", { key: 'b1ada6c7b426f7a9c4818e2d7b741efe0188ae86', name: "cash" })), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry === 'AR' && h("rebill-icon", { key: '8334e3117f6a1fc268ed9de18ec6026baefad83e', name: "qr-code" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry !== 'AR' && h("rebill-icon", { key: '94e87d5eae6f576ab53940e20240e50f77bbad4c', name: "bank" }), h("rebill-typography", { key: 'd30d521f3028e08afd970dc4b9ee6c041877fd7d', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD
+        return (h("div", { key: '7d272962812338bd346b458abc8c01daafd6b6a0', class: "single-payment-method" }, h("div", { key: 'c8189b29ba5e5466994f9a426c971d255bd0af63', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: 'd158957213e375adccf8167341c21333da44f1fb', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (h("rebill-icon", { key: '8d4f791061649ef90dfc843f2f55f171331e42f1', name: "cash" })), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry === 'AR' && h("rebill-icon", { key: '06592c686b79377560dcbd54322667eaf7258495', name: "qr-code" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry !== 'AR' && h("rebill-icon", { key: '1a61ab4db46181482bf047d64dcc9ba961950ce0', name: "bank" }), h("rebill-typography", { key: '7c80a95e1f049ac31433a2036989ff3953be2bfa', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD
             ? I18nService.translate('paymentMethods.cardDescription')
             : this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
                 this.currencyCountry === 'AR'
@@ -31,7 +31,7 @@ const SinglePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SinglePayment
                     ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) ||
                         I18nService.translate('paymentMethods.cash')
                     : I18nService.translate(`paymentMethods.${this.paymentMethod}`))), (this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||
-            this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (h("div", { key: 'd835c4af0d97b582254d75555e0ca10f4d4b2aa9', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
+            this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (h("div", { key: '3947082b76e3849c0383a973248de647f1b8b548', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
     }
     static get style() { return singlePaymentMethodCss; }
 }, [256, "single-payment-method", {
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SinglePaymentMethod as S, defineCustomElement as d };
-//# sourceMappingURL=p-CVq9IPp4.js.map
+//# sourceMappingURL=p-DPB4aAQa.js.map
 
-//# sourceMappingURL=p-CVq9IPp4.js.map
+//# sourceMappingURL=p-DPB4aAQa.js.map

package/dist/components/{p-CVq9IPp4.js.map → p-DPB4aAQa.js.map}

@@ -1 +1 @@
-{"file":"p-CVq9IPp4.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,wsBAAwsB;;MCY1tB,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB,IAAA,aAAa;AACb,IAAA,eAAe;AACf,IAAA,oBAAoB;IACpB,KAAK,GAAa,EAAE;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9E,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,KAC9C,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,GAAG,CAC5B,EACA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,EAChE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAE/C,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC;AAC1C,cAAE,WAAW,CAAC,SAAS,CAAC,gCAAgC;AACxD,cAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;gBACtD,IAAI,CAAC,eAAe,KAAK;AAC3B,kBAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC;AACzD,kBAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI;oBAC7C,IAAI,CAAC,eAAe,KAAK;sBACzB,2BAA2B,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC;AAC3E,wBAAA,WAAW,CAAC,SAAS,CAAC,qBAAqB;sBAC3C,WAAW,CAAC,SAAS,CAAC,CAAkB,eAAA,EAAA,IAAI,CAAC,aAAa,CAAA,CAAE,CAAC,CACnD,CAChB,EAEL,CAAC,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;AACxD,YAAA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,MAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAA,CAAI,CAAC,KAE1E,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,CAC5B,CACG,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/singlePaymentMethod/single-payment-method.css?tag=single-payment-method","src/components/shared/singlePaymentMethod/singlePaymentMethod.tsx"],"sourcesContent":[".single-payment-method {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  height: 40px;\n  width: 100%;\n  border-radius: 8px;\n  background-color: var(--rebill-color-background-right);\n  padding: 2px 4px 2px 4px;\n  box-sizing: border-box;\n}\n\n.payment-method {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 100%;\n}\n\n.icon-container {\n  height: 32px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon-container rebill-icon {\n  height: 32px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px 4px;\n  box-sizing: border-box;\n}\n\n.payment-method rebill-icon {\n  height: 32px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  padding: 2px 4px;\n  box-sizing: border-box;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { PaymentMethodDetails } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\n@Component({\n  tag: 'single-payment-method',\n  styleUrl: 'single-payment-method.css',\n  shadow: false,\n})\nexport class SinglePaymentMethod {\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() currencyCountry: string;\n  @Prop() paymentMethodDetails: PaymentMethodDetails[];\n  @Prop() icons: string[] = [];\n  render() {\n    return (\n      <div class=\"single-payment-method\">\n        <div class=\"payment-method\">\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && <rebill-icon name=\"card\" />}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (\n            <rebill-icon name=\"cash\" />\n          )}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n            this.currencyCountry === 'AR' && <rebill-icon name=\"qr-code\" />}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n            this.currencyCountry !== 'AR' && <rebill-icon name=\"bank\" />}\n          <rebill-typography\n            variant=\"body2-small\"\n            color={COLORS_ENUM.NEUTRALS_700}\n            style={{ display: 'flex', alignItems: 'center' }}\n          >\n            {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD\n              ? I18nService.translate('paymentMethods.cardDescription')\n              : this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n                  this.currencyCountry === 'AR'\n                ? I18nService.translate('paymentMethods.bank_transfer_qr')\n                : this.paymentMethod === PAYMENT_METHOD_ENUM.CASH &&\n                    this.currencyCountry === 'BR'\n                  ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) ||\n                    I18nService.translate('paymentMethods.cash')\n                  : I18nService.translate(`paymentMethods.${this.paymentMethod}`)}\n          </rebill-typography>\n        </div>\n\n        {(this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||\n          this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (\n          <div class=\"icon-container\">\n            {this.icons.length > 0 ? (\n              this.icons.map(iconName => <rebill-icon name={iconName} key={iconName} />)\n            ) : (\n              <rebill-icon name=\"card\" />\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DPB4aAQa.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,wsBAAwsB;;MCY1tB,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB,IAAA,aAAa;AACb,IAAA,eAAe;AACf,IAAA,oBAAoB;IACpB,KAAK,GAAa,EAAE;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9E,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,KAC9C,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,GAAG,CAC5B,EACA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,EAChE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAE/C,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC;AAC1C,cAAE,WAAW,CAAC,SAAS,CAAC,gCAAgC;AACxD,cAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;gBACtD,IAAI,CAAC,eAAe,KAAK;AAC3B,kBAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC;AACzD,kBAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI;oBAC7C,IAAI,CAAC,eAAe,KAAK;sBACzB,2BAA2B,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC;AAC3E,wBAAA,WAAW,CAAC,SAAS,CAAC,qBAAqB;sBAC3C,WAAW,CAAC,SAAS,CAAC,CAAkB,eAAA,EAAA,IAAI,CAAC,aAAa,CAAA,CAAE,CAAC,CACnD,CAChB,EAEL,CAAC,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;AACxD,YAAA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,MAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAA,CAAI,CAAC,KAE1E,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,CAC5B,CACG,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/singlePaymentMethod/single-payment-method.css?tag=single-payment-method","src/components/shared/singlePaymentMethod/singlePaymentMethod.tsx"],"sourcesContent":[".single-payment-method {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  height: 40px;\n  width: 100%;\n  border-radius: 8px;\n  background-color: var(--rebill-color-background-right);\n  padding: 2px 4px 2px 4px;\n  box-sizing: border-box;\n}\n\n.payment-method {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 100%;\n}\n\n.icon-container {\n  height: 32px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon-container rebill-icon {\n  height: 32px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px 4px;\n  box-sizing: border-box;\n}\n\n.payment-method rebill-icon {\n  height: 32px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  padding: 2px 4px;\n  box-sizing: border-box;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { PaymentMethodDetails } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\n@Component({\n  tag: 'single-payment-method',\n  styleUrl: 'single-payment-method.css',\n  shadow: false,\n})\nexport class SinglePaymentMethod {\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() currencyCountry: string;\n  @Prop() paymentMethodDetails: PaymentMethodDetails[];\n  @Prop() icons: string[] = [];\n  render() {\n    return (\n      <div class=\"single-payment-method\">\n        <div class=\"payment-method\">\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && <rebill-icon name=\"card\" />}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (\n            <rebill-icon name=\"cash\" />\n          )}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n            this.currencyCountry === 'AR' && <rebill-icon name=\"qr-code\" />}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n            this.currencyCountry !== 'AR' && <rebill-icon name=\"bank\" />}\n          <rebill-typography\n            variant=\"body2-small\"\n            color={COLORS_ENUM.NEUTRALS_700}\n            style={{ display: 'flex', alignItems: 'center' }}\n          >\n            {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD\n              ? I18nService.translate('paymentMethods.cardDescription')\n              : this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n                  this.currencyCountry === 'AR'\n                ? I18nService.translate('paymentMethods.bank_transfer_qr')\n                : this.paymentMethod === PAYMENT_METHOD_ENUM.CASH &&\n                    this.currencyCountry === 'BR'\n                  ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) ||\n                    I18nService.translate('paymentMethods.cash')\n                  : I18nService.translate(`paymentMethods.${this.paymentMethod}`)}\n          </rebill-typography>\n        </div>\n\n        {(this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||\n          this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (\n          <div class=\"icon-container\">\n            {this.icons.length > 0 ? (\n              this.icons.map(iconName => <rebill-icon name={iconName} key={iconName} />)\n            ) : (\n              <rebill-icon name=\"card\" />\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-6IQljT42.js → p-Dhm2b0J_.js}

@@ -2,18 +2,18 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
 import { P as PAYMENT_METHOD_ENUM, I as I18nService, s as state, b as SESSION_ITEM_TYPE_ENUM } from './p-5WvVvcYf.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { g as getCountryPaymentMethods, a as getPaymentMethodDisplayName } from './p-D7mG48vC.js';
-import { d as defineCustomElement$c } from './p-PtbrPqLv.js';
+import { d as defineCustomElement$c } from './p-B2zhJUcA.js';
 import { d as defineCustomElement$b } from './p-Dj23LVzL.js';
 import { d as defineCustomElement$a } from './p-qpiLr8_-.js';
 import { d as defineCustomElement$9 } from './p-BrjNR0xv.js';
 import { d as defineCustomElement$8 } from './p-B_0TX9Sm.js';
 import { d as defineCustomElement$7 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$6 } from './p-CtrJsF6L.js';
-import { d as defineCustomElement$5 } from './p-xKyxKtdF.js';
-import { d as defineCustomElement$4 } from './p-Cg8vTcm1.js';
+import { d as defineCustomElement$5 } from './p-30DP4s-1.js';
+import { d as defineCustomElement$4 } from './p-B28tIeVs.js';
 import { d as defineCustomElement$3 } from './p-BaBXKrWI.js';
-import { d as defineCustomElement$2 } from './p-BgLkcEoy.js';
-import { d as defineCustomElement$1 } from './p-CVq9IPp4.js';
+import { d as defineCustomElement$2 } from './p-BR18G7Pq.js';
+import { d as defineCustomElement$1 } from './p-DPB4aAQa.js';
 
 const paymentMethodSelectorCss = ".payment-method-selector{width:100%;display:flex;flex-direction:column;gap:8px}.card-description-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}";
 
@@ -248,6 +248,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PaymentMethodSelector as P, defineCustomElement as d };
-//# sourceMappingURL=p-6IQljT42.js.map
+//# sourceMappingURL=p-Dhm2b0J_.js.map
 
-//# sourceMappingURL=p-6IQljT42.js.map
+//# sourceMappingURL=p-Dhm2b0J_.js.map

package/dist/components/{p-6IQljT42.js.map → p-Dhm2b0J_.js.map}

@@ -1 +1 @@
-{"file":"p-6IQljT42.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/payment-method-selector.css?tag=payment-method-selector","src/components/checkout/payment-method-selector/payment-method-selector.tsx"],"sourcesContent":[".payment-method-selector {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.card-description-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\nexport interface CardError {\n  showCardInvalid: boolean;\n  type: 'tokenization_error' | 'card_error' | null;\n}\n@Component({\n  tag: 'payment-method-selector',\n  styleUrl: 'payment-method-selector.css',\n  shadow: false,\n})\nexport class PaymentMethodSelector {\n  @Prop() enabledPaymentMethods: PAYMENT_METHOD_ENUM[] = [];\n\n  @Prop() defaultSelected?: PAYMENT_METHOD_ENUM;\n  @Prop() showErrorComponent: boolean = false;\n  @Prop() cardError: CardError;\n  // currency country\n  @Prop() country?: string;\n  @Prop() installmentsError?: string;\n  @Prop() documentTypeError?: string;\n  @Prop() showDocument?: boolean;\n  @Prop() documentNumberError?: string;\n  @Prop() customCSS?: string;\n  @Prop() errorComponent?: {\n    showErrorComponent: boolean;\n    alertTitle?: string;\n    message: string;\n  };\n  @Prop() disabled?: boolean = false;\n  @State() icon: string = '';\n\n  @State() selectedPaymentMethod: PAYMENT_METHOD_ENUM;\n  @State() saveCard: boolean = false;\n\n  @Event() paymentMethodSelected: EventEmitter<PAYMENT_METHOD_ENUM>;\n\n  componentWillLoad() {\n    if (this.enabledPaymentMethods.length > 0) {\n      this.selectedPaymentMethod = this.defaultSelected || this.enabledPaymentMethods[0];\n\n      if (this.enabledPaymentMethods.length === 1) {\n        this.paymentMethodSelected.emit(this.selectedPaymentMethod);\n      }\n    }\n    this.getPaymentMethodIcon(this.selectedPaymentMethod);\n  }\n\n  componentWillUpdate() {\n    // Update selected payment method when defaultSelected prop changes\n    if (this.defaultSelected && this.selectedPaymentMethod !== this.defaultSelected) {\n      this.selectedPaymentMethod = this.defaultSelected;\n    }\n  }\n\n  private getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n    const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n    const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n    // Get country-specific display name for cash payment method\n    const cashLabel =\n      method === PAYMENT_METHOD_ENUM.CASH && this.country === 'BR'\n        ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.country) ||\n          I18nService.translate('paymentMethods.cash')\n        : I18nService.translate('paymentMethods.cash');\n\n    // Default configurations (fallback)\n    const defaultConfigs = {\n      [PAYMENT_METHOD_ENUM.CARD]: {\n        key: PAYMENT_METHOD_ENUM.CARD,\n        label: I18nService.translate('paymentMethods.card'),\n        icons: ['doblecard'],\n      },\n      [PAYMENT_METHOD_ENUM.CASH]: {\n        key: PAYMENT_METHOD_ENUM.CASH,\n        label: cashLabel,\n        icons: ['pago-facil'],\n      },\n      [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n        key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n        label:\n          this.country === 'AR'\n            ? I18nService.translate('paymentMethods.bank_transfer_qr')\n            : I18nService.translate('paymentMethods.bank_transfer'),\n        icons: ['plus'],\n      },\n    };\n\n    const defaultConfig = defaultConfigs[method];\n\n    // If we have country-specific icons, use them; otherwise use defaults\n    return {\n      ...defaultConfig,\n      icons: countrySpecificMethod?.icons || defaultConfig.icons,\n    };\n  }\n\n  private getPaymentMethodIcon(paymentMethod: PAYMENT_METHOD_ENUM) {\n    this.icon = getPaymentMethodDisplayName(paymentMethod, this.country)?.toLowerCase() || 'card';\n    return this.icon;\n  }\n\n  handlePaymentMethodSelected(paymentMethod: PAYMENT_METHOD_ENUM) {\n    if (this.disabled) {\n      return;\n    }\n    this.selectedPaymentMethod = paymentMethod;\n    this.paymentMethodSelected.emit(paymentMethod);\n  }\n\n  // handleSaveCardChange(event: any) {\n  //   this.saveCard = event?.target?.checked;\n  //   SessionStore.setSaveCard(this.saveCard);\n  // }\n\n  @Listen('selectableCardClick')\n  handleSelectableCardClick(event: CustomEvent<string>) {\n    if (this.disabled) {\n      return;\n    }\n    const paymentMethodKey = event.detail as PAYMENT_METHOD_ENUM;\n    this.handlePaymentMethodSelected(paymentMethodKey);\n  }\n\n  render() {\n    if (this.enabledPaymentMethods.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class=\"payment-method-selector\">\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '8px',\n            width: '100%',\n            justifyContent: 'space-between',\n          }}\n        >\n          {this.enabledPaymentMethods.length === 1 &&\n            (() => {\n              const config = this.getPaymentMethodConfig(this.enabledPaymentMethods[0]);\n              return (\n                <single-payment-method\n                  paymentMethod={this.enabledPaymentMethods[0]}\n                  currencyCountry={this.country}\n                  paymentMethodDetails={[]}\n                  icons={config.icons}\n                  style={{\n                    display: 'flex',\n                    flex: '1 1 0',\n                  }}\n                />\n              );\n            })()}\n          {this.enabledPaymentMethods.length > 1 &&\n            this.enabledPaymentMethods.map(paymentMethod => {\n              const config = this.getPaymentMethodConfig(paymentMethod);\n              return (\n                <selectable-card\n                  style={{ flex: '1 1 0' }}\n                  selected={this.selectedPaymentMethod === paymentMethod}\n                  card-key={config.key}\n                  label={config.label}\n                  disabled={this.disabled}\n                >\n                  <span slot=\"icon\">\n                    <div\n                      style={{ display: 'flex', alignItems: 'center', gap: '8px', height: '24px' }}\n                    >\n                      {config.icons.map(iconName => {\n                        return (\n                          <rebill-icon\n                            name={iconName}\n                            color={\n                              this.disabled && paymentMethod === PAYMENT_METHOD_ENUM.CARD\n                                ? COLORS_ENUM.NEUTRALS_500\n                                : 'currentColor'\n                            }\n                          />\n                        );\n                      })}\n                    </div>\n                  </span>\n                </selectable-card>\n              );\n            })}\n        </div>\n        <div>\n          {this.cardError.showCardInvalid &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenError')\n                  : I18nService.translate('validation.cardInvalid')\n              }\n              variant=\"outlined\"\n              message={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenErrorDescription')\n                  : I18nService.translate('validation.cardInvalidDescription')\n              }\n              icon=\"error\"\n            />\n          ) : this.errorComponent.showErrorComponent ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={this.errorComponent.alertTitle}\n              message={this.errorComponent.message}\n              variant=\"outlined\"\n              icon=\"error\"\n            />\n          ) : null}\n        </div>\n        {this.enabledPaymentMethods.length > 1 &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD &&\n          sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n                alignItems: 'center',\n              }}\n            >\n              {/* <rebill-input-checkbox\n                id=\"saveCard\"\n                checked={this.saveCard}\n                label={I18nService.translate('paymentMethods.saveCard')}\n                onInput={event => this.handleSaveCardChange(event)}\n              /> */}\n            </div>\n          )}\n        {this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n          <>\n            {/* {this.enabledPaymentMethods.length > 1 && (\n              <div class=\"card-description-container\">\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_PRIMARY}>\n                    {I18nService.translate('paymentMethods.cardDescription')}\n                  </rebill-typography>\n                  <rebill-card-carousel\n                    size=\"24px\"\n                    color=\"currentColor\"\n                    show-all-cards=\"false\"\n                  ></rebill-card-carousel>\n                </div>\n              </div>\n            )} */}\n            <div>\n              <card-fields-wrapper\n                installmentsError={this.installmentsError}\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                showDocument={this.showDocument}\n                customCSS={this.customCSS}\n              />\n            </div>\n          </>\n        )}\n        {/* Mostrar campos de documento para BANK_TRANSFER y CASH cuando showDocument es true */}\n        {(this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CASH) &&\n          this.showDocument && (\n            <div>\n              <card-identification\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                disabled={this.disabled}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dhm2b0J_.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/payment-method-selector.css?tag=payment-method-selector","src/components/checkout/payment-method-selector/payment-method-selector.tsx"],"sourcesContent":[".payment-method-selector {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.card-description-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\nexport interface CardError {\n  showCardInvalid: boolean;\n  type: 'tokenization_error' | 'card_error' | null;\n}\n@Component({\n  tag: 'payment-method-selector',\n  styleUrl: 'payment-method-selector.css',\n  shadow: false,\n})\nexport class PaymentMethodSelector {\n  @Prop() enabledPaymentMethods: PAYMENT_METHOD_ENUM[] = [];\n\n  @Prop() defaultSelected?: PAYMENT_METHOD_ENUM;\n  @Prop() showErrorComponent: boolean = false;\n  @Prop() cardError: CardError;\n  // currency country\n  @Prop() country?: string;\n  @Prop() installmentsError?: string;\n  @Prop() documentTypeError?: string;\n  @Prop() showDocument?: boolean;\n  @Prop() documentNumberError?: string;\n  @Prop() customCSS?: string;\n  @Prop() errorComponent?: {\n    showErrorComponent: boolean;\n    alertTitle?: string;\n    message: string;\n  };\n  @Prop() disabled?: boolean = false;\n  @State() icon: string = '';\n\n  @State() selectedPaymentMethod: PAYMENT_METHOD_ENUM;\n  @State() saveCard: boolean = false;\n\n  @Event() paymentMethodSelected: EventEmitter<PAYMENT_METHOD_ENUM>;\n\n  componentWillLoad() {\n    if (this.enabledPaymentMethods.length > 0) {\n      this.selectedPaymentMethod = this.defaultSelected || this.enabledPaymentMethods[0];\n\n      if (this.enabledPaymentMethods.length === 1) {\n        this.paymentMethodSelected.emit(this.selectedPaymentMethod);\n      }\n    }\n    this.getPaymentMethodIcon(this.selectedPaymentMethod);\n  }\n\n  componentWillUpdate() {\n    // Update selected payment method when defaultSelected prop changes\n    if (this.defaultSelected && this.selectedPaymentMethod !== this.defaultSelected) {\n      this.selectedPaymentMethod = this.defaultSelected;\n    }\n  }\n\n  private getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n    const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n    const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n    // Get country-specific display name for cash payment method\n    const cashLabel =\n      method === PAYMENT_METHOD_ENUM.CASH && this.country === 'BR'\n        ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.country) ||\n          I18nService.translate('paymentMethods.cash')\n        : I18nService.translate('paymentMethods.cash');\n\n    // Default configurations (fallback)\n    const defaultConfigs = {\n      [PAYMENT_METHOD_ENUM.CARD]: {\n        key: PAYMENT_METHOD_ENUM.CARD,\n        label: I18nService.translate('paymentMethods.card'),\n        icons: ['doblecard'],\n      },\n      [PAYMENT_METHOD_ENUM.CASH]: {\n        key: PAYMENT_METHOD_ENUM.CASH,\n        label: cashLabel,\n        icons: ['pago-facil'],\n      },\n      [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n        key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n        label:\n          this.country === 'AR'\n            ? I18nService.translate('paymentMethods.bank_transfer_qr')\n            : I18nService.translate('paymentMethods.bank_transfer'),\n        icons: ['plus'],\n      },\n    };\n\n    const defaultConfig = defaultConfigs[method];\n\n    // If we have country-specific icons, use them; otherwise use defaults\n    return {\n      ...defaultConfig,\n      icons: countrySpecificMethod?.icons || defaultConfig.icons,\n    };\n  }\n\n  private getPaymentMethodIcon(paymentMethod: PAYMENT_METHOD_ENUM) {\n    this.icon = getPaymentMethodDisplayName(paymentMethod, this.country)?.toLowerCase() || 'card';\n    return this.icon;\n  }\n\n  handlePaymentMethodSelected(paymentMethod: PAYMENT_METHOD_ENUM) {\n    if (this.disabled) {\n      return;\n    }\n    this.selectedPaymentMethod = paymentMethod;\n    this.paymentMethodSelected.emit(paymentMethod);\n  }\n\n  // handleSaveCardChange(event: any) {\n  //   this.saveCard = event?.target?.checked;\n  //   SessionStore.setSaveCard(this.saveCard);\n  // }\n\n  @Listen('selectableCardClick')\n  handleSelectableCardClick(event: CustomEvent<string>) {\n    if (this.disabled) {\n      return;\n    }\n    const paymentMethodKey = event.detail as PAYMENT_METHOD_ENUM;\n    this.handlePaymentMethodSelected(paymentMethodKey);\n  }\n\n  render() {\n    if (this.enabledPaymentMethods.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class=\"payment-method-selector\">\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '8px',\n            width: '100%',\n            justifyContent: 'space-between',\n          }}\n        >\n          {this.enabledPaymentMethods.length === 1 &&\n            (() => {\n              const config = this.getPaymentMethodConfig(this.enabledPaymentMethods[0]);\n              return (\n                <single-payment-method\n                  paymentMethod={this.enabledPaymentMethods[0]}\n                  currencyCountry={this.country}\n                  paymentMethodDetails={[]}\n                  icons={config.icons}\n                  style={{\n                    display: 'flex',\n                    flex: '1 1 0',\n                  }}\n                />\n              );\n            })()}\n          {this.enabledPaymentMethods.length > 1 &&\n            this.enabledPaymentMethods.map(paymentMethod => {\n              const config = this.getPaymentMethodConfig(paymentMethod);\n              return (\n                <selectable-card\n                  style={{ flex: '1 1 0' }}\n                  selected={this.selectedPaymentMethod === paymentMethod}\n                  card-key={config.key}\n                  label={config.label}\n                  disabled={this.disabled}\n                >\n                  <span slot=\"icon\">\n                    <div\n                      style={{ display: 'flex', alignItems: 'center', gap: '8px', height: '24px' }}\n                    >\n                      {config.icons.map(iconName => {\n                        return (\n                          <rebill-icon\n                            name={iconName}\n                            color={\n                              this.disabled && paymentMethod === PAYMENT_METHOD_ENUM.CARD\n                                ? COLORS_ENUM.NEUTRALS_500\n                                : 'currentColor'\n                            }\n                          />\n                        );\n                      })}\n                    </div>\n                  </span>\n                </selectable-card>\n              );\n            })}\n        </div>\n        <div>\n          {this.cardError.showCardInvalid &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenError')\n                  : I18nService.translate('validation.cardInvalid')\n              }\n              variant=\"outlined\"\n              message={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenErrorDescription')\n                  : I18nService.translate('validation.cardInvalidDescription')\n              }\n              icon=\"error\"\n            />\n          ) : this.errorComponent.showErrorComponent ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={this.errorComponent.alertTitle}\n              message={this.errorComponent.message}\n              variant=\"outlined\"\n              icon=\"error\"\n            />\n          ) : null}\n        </div>\n        {this.enabledPaymentMethods.length > 1 &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD &&\n          sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n                alignItems: 'center',\n              }}\n            >\n              {/* <rebill-input-checkbox\n                id=\"saveCard\"\n                checked={this.saveCard}\n                label={I18nService.translate('paymentMethods.saveCard')}\n                onInput={event => this.handleSaveCardChange(event)}\n              /> */}\n            </div>\n          )}\n        {this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n          <>\n            {/* {this.enabledPaymentMethods.length > 1 && (\n              <div class=\"card-description-container\">\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_PRIMARY}>\n                    {I18nService.translate('paymentMethods.cardDescription')}\n                  </rebill-typography>\n                  <rebill-card-carousel\n                    size=\"24px\"\n                    color=\"currentColor\"\n                    show-all-cards=\"false\"\n                  ></rebill-card-carousel>\n                </div>\n              </div>\n            )} */}\n            <div>\n              <card-fields-wrapper\n                installmentsError={this.installmentsError}\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                showDocument={this.showDocument}\n                customCSS={this.customCSS}\n              />\n            </div>\n          </>\n        )}\n        {/* Mostrar campos de documento para BANK_TRANSFER y CASH cuando showDocument es true */}\n        {(this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CASH) &&\n          this.showDocument && (\n            <div>\n              <card-identification\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                disabled={this.disabled}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Dvnf-j7X.js → p-Dhs3vhG4.js}

@@ -4,11 +4,11 @@ import { s as state, I as I18nService, S as SessionStore } from './p-5WvVvcYf.js
 import { r as renewalState } from './p-MHl24Erl.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$6 } from './p-N5kDm5Y3.js';
-import { d as defineCustomElement$5 } from './p-d40T-Ru7.js';
+import { d as defineCustomElement$5 } from './p-fJpj0Zb5.js';
 import { d as defineCustomElement$7 } from './p-C2hRlPI3.js';
-import { d as defineCustomElement$4 } from './p-DeStKoNN.js';
+import { d as defineCustomElement$4 } from './p-Dsrpb4rI.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-xKyxKtdF.js';
+import { d as defineCustomElement$2 } from './p-30DP4s-1.js';
 
 const ChangeCardSuccess = /*@__PURE__*/ proxyCustomElement(class ChangeCardSuccess extends H {
     constructor(registerHost) {
@@ -108,6 +108,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ChangeCardSuccess as C, defineCustomElement as d };
-//# sourceMappingURL=p-Dvnf-j7X.js.map
+//# sourceMappingURL=p-Dhs3vhG4.js.map
 
-//# sourceMappingURL=p-Dvnf-j7X.js.map
+//# sourceMappingURL=p-Dhs3vhG4.js.map

package/dist/components/{p-Dvnf-j7X.js.map → p-Dhs3vhG4.js.map}

@@ -1 +1 @@
-{"file":"p-Dvnf-j7X.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/change-card/change-card-success.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport '../../components/shared/typography/typography';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { renewalState } from '../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../store/session.store';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport '../shared/card-icon/card-icon';\nimport '../shared/layouts/custom/single-column/checkout-single-column';\n\n@Component({\n  tag: 'change-card-success',\n  shadow: false,\n})\nexport class ChangeCardSuccess {\n  @Prop() customerName?: string;\n  @Prop() cardLastFour?: string | null;\n  @Prop() cardBrand?: string | null;\n  @Prop() paymentDate?: string | null;\n  @Prop() customerEmail?: string | null;\n  @State() currentLocale: string = sessionState.currentLocale;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  private getPaymentMethodLabel() {\n    const label =\n      this.cardBrand ||\n      renewalState.data.cardInformation?.brand ||\n      I18nService.translate('changeCard.defaultBrand');\n    const lastFour = this.cardLastFour || renewalState.data.cardInformation?.lastFour || '****';\n    return `${label} - ${lastFour}`;\n  }\n\n  private getCardBrand() {\n    return this.cardBrand || renewalState.data.cardInformation?.brand || '';\n  }\n\n  componentWillLoad() {\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    // Clean up language change subscription\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('changeCard.successTitle')}\n          </rebill-typography>\n          <div class=\"success-page__success-icon\">\n            <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                fill=\"#35B093\"\n              />\n            </svg>\n          </div>\n\n          <div class=\"success-page__info-card\">\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('changeCard.paymentMethod')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">\n                <div class=\"success-page__payment-method-display\">\n                  <rebill-card-icon card-brand={this.getCardBrand()} />\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                    {this.getPaymentMethodLabel()}\n                  </rebill-typography>\n                </div>\n              </div>\n            </div>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('changeCard.paymentDate')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">{this.paymentDate || '—'}</div>\n            </div>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('changeCard.customerEmail')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">\n                {this.customerEmail || I18nService.translate('changeCard.defaultEmail')}\n              </div>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dhs3vhG4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/change-card/change-card-success.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport '../../components/shared/typography/typography';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { renewalState } from '../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../store/session.store';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport '../shared/card-icon/card-icon';\nimport '../shared/layouts/custom/single-column/checkout-single-column';\n\n@Component({\n  tag: 'change-card-success',\n  shadow: false,\n})\nexport class ChangeCardSuccess {\n  @Prop() customerName?: string;\n  @Prop() cardLastFour?: string | null;\n  @Prop() cardBrand?: string | null;\n  @Prop() paymentDate?: string | null;\n  @Prop() customerEmail?: string | null;\n  @State() currentLocale: string = sessionState.currentLocale;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  private getPaymentMethodLabel() {\n    const label =\n      this.cardBrand ||\n      renewalState.data.cardInformation?.brand ||\n      I18nService.translate('changeCard.defaultBrand');\n    const lastFour = this.cardLastFour || renewalState.data.cardInformation?.lastFour || '****';\n    return `${label} - ${lastFour}`;\n  }\n\n  private getCardBrand() {\n    return this.cardBrand || renewalState.data.cardInformation?.brand || '';\n  }\n\n  componentWillLoad() {\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    // Clean up language change subscription\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('changeCard.successTitle')}\n          </rebill-typography>\n          <div class=\"success-page__success-icon\">\n            <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                fill=\"#35B093\"\n              />\n            </svg>\n          </div>\n\n          <div class=\"success-page__info-card\">\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('changeCard.paymentMethod')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">\n                <div class=\"success-page__payment-method-display\">\n                  <rebill-card-icon card-brand={this.getCardBrand()} />\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                    {this.getPaymentMethodLabel()}\n                  </rebill-typography>\n                </div>\n              </div>\n            </div>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('changeCard.paymentDate')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">{this.paymentDate || '—'}</div>\n            </div>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('changeCard.customerEmail')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">\n                {this.customerEmail || I18nService.translate('changeCard.defaultEmail')}\n              </div>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DR6_SaU9.js → p-Dp-CUwYp.js}

@@ -258,7 +258,7 @@ const TimelineDebitDay = /*@__PURE__*/ proxyCustomElement(class TimelineDebitDay
     }
     render() {
         const events = this.buildEvents();
-        return (h("div", { key: 'cd9013c62915566d11b8185e75a66171529ea7ae', class: "timeline-container" }, h("div", { key: '178e2be3dc4eb0a4070b9885046886d4bf147fdc', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
+        return (h("div", { key: 'fe87dc3ef6ae5d6314205788e1ae723b1db4aba6', class: "timeline-container" }, h("div", { key: 'e58f1748dff622f4572e37b9ae2151bfeb78e0a7', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
     }
     static get style() { return timelineDebitDayCss; }
 }, [256, "rebill-timeline-debit-day", {
@@ -311,6 +311,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { TimelineDebitDay as T, defineCustomElement as d };
-//# sourceMappingURL=p-DR6_SaU9.js.map
+//# sourceMappingURL=p-Dp-CUwYp.js.map
 
-//# sourceMappingURL=p-DR6_SaU9.js.map
+//# sourceMappingURL=p-Dp-CUwYp.js.map

package/dist/components/{p-DR6_SaU9.js.map → p-Dp-CUwYp.js.map}

@@ -1 +1 @@
-{"file":"p-DR6_SaU9.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/models/enums/debit-strategy.enum.ts","src/components/shared/timeline/timeline-debit-day.css?tag=rebill-timeline-debit-day","src/components/shared/timeline/timeline-debit-day.tsx"],"sourcesContent":["export enum DEBIT_STRATEGY_ENUM {\n  CHARGE_FULL = 'charge_full',\n  CHARGE_NEXT_CYCLE = 'charge_next_cycle',\n  CHARGE_PRORATED = 'charge_prorated',\n}\n",".timeline-container {\n  width: 100%;\n  margin: 0 auto;\n}\n\n.timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-border);\n  border-radius: 8px;\n  justify-content: space-evenly;\n}\n\n.timeline-event {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  position: relative;\n}\n\n.timeline-icon-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  gap: 4px;\n}\n.timeline-connector-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  min-height: 45px;\n}\n.timeline-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  z-index: 2;\n  gap: 4px;\n}\n\n.timeline-connector-icon {\n  display: block;\n  flex-shrink: 0;\n  z-index: 1;\n}\n\n.event-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.discount-info {\n  margin-top: 8px;\n}\n\n.event-date rebill-icon {\n  display: inline-block;\n  vertical-align: text-top;\n  margin: 0 4px;\n  width: 14px;\n  height: 14px;\n  transform: translateY(-1px);\n}\n\n@media (max-width: 1024px) {\n  .timeline {\n    border: none;\n    padding: 0;\n  }\n\n  .timeline-event {\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .timeline-icon {\n    width: 28px;\n    height: 28px;\n  }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { DEBIT_STRATEGY_ENUM } from '../../../models/enums/debit-strategy.enum';\nimport { SESSION_DISCOUNT_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\n\ninterface TimelineEvent {\n  day: number;\n  type: 'today' | 'first_charge' | 'recurring';\n  date: string;\n  title: string;\n  description?: string;\n  icon: string;\n  amount?: string;\n  discountInfo?: string;\n}\n\n@Component({\n  tag: 'rebill-timeline-debit-day',\n  styleUrl: 'timeline-debit-day.css',\n  shadow: false,\n})\nexport class TimelineDebitDay {\n  @State() currentLanguage: string;\n\n  @Prop() debitDay: number;\n  @Prop() totalAmount: number;\n  @Prop() planAmount: number;\n  @Prop() currency: string;\n  @Prop() debitStrategy: DEBIT_STRATEGY_ENUM;\n  @Prop() language?: string;\n  @Prop() discountApplied: boolean = false;\n  @Prop() discountType: SESSION_DISCOUNT_TYPE_ENUM;\n  @Prop() discountedPercentage: number = 0;\n  @Prop() discountDuration: number = 0;\n  @Prop() discountAmount: number = 0;\n\n  private get totalAmountFormatted() {\n    return formatAmount(this.totalAmount, this.currency, false);\n  }\n\n  private get planAmountFormatted() {\n    return formatAmount(this.planAmount, this.currency, false);\n  }\n\n  private getDurationTranslation(duration: number): string {\n    return duration === 1\n      ? i18n.t('summary.month_one')\n      : i18n.t('summary.month_other', { count: duration });\n  }\n\n  private get hasDiscountApplied(): boolean {\n    return this.discountApplied && (this.discountedPercentage > 0 || this.discountAmount > 0);\n  }\n\n  private getDiscountDescription(): string {\n    if (!this.hasDiscountApplied) return '';\n\n    const couponCode =\n      sessionState.data.discount.couponCode || sessionState.data.pricing.discountCouponCode;\n    const discount =\n      this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n        ? `${this.discountedPercentage}%`\n        : formatAmount(this.discountAmount, this.currency);\n\n    if (this.discountDuration) {\n      return i18n.t(`summary.planDiscountDescriptionWithDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n        duration: this.getDurationTranslation(this.discountDuration),\n      });\n    } else {\n      return i18n.t(`summary.planDiscountDescriptionWithoutDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n      });\n    }\n  }\n\n  private calculateDelayedChargeDate(): string {\n    if (!this.hasDiscountApplied || !this.discountDuration) {\n      return this.getDateForDay(this.debitDay);\n    }\n\n    const today = new Date();\n    const targetDate = new Date(today);\n\n    targetDate.setMonth(today.getMonth() + this.discountDuration);\n    targetDate.setDate(this.debitDay);\n\n    return targetDate.toLocaleDateString(this.currentLanguage, {\n      day: 'numeric',\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  componentWillLoad() {\n    this.currentLanguage = this.language || i18n.language;\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = this.language || i18n.language;\n  };\n\n  private getDateForDay(dayNumber: number): string {\n    const today = new Date();\n    const targetDate = new Date(today);\n\n    if (dayNumber === 1) {\n      // Día 1 es siempre hoy\n      return targetDate.toLocaleDateString(this.currentLanguage, {\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n      });\n    } else {\n      const currentMonth = today.getMonth();\n\n      if (this.debitDay < today.getDate()) {\n        targetDate.setMonth(currentMonth + 1);\n      }\n\n      targetDate.setDate(this.debitDay);\n      return targetDate.toLocaleDateString(this.currentLanguage, {\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n      });\n    }\n  }\n\n  private getNextMonthName(): string {\n    const today = new Date();\n    const nextMonth = new Date(today);\n    nextMonth.setMonth(today.getMonth() + 1);\n    return nextMonth.toLocaleDateString(this.currentLanguage, {\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  private getMonthNameForDebitDay(): string {\n    const today = new Date();\n    const targetDate = new Date(today);\n    if (this.debitDay < today.getDate()) {\n      targetDate.setMonth(today.getMonth() + 1);\n    }\n\n    return targetDate.toLocaleDateString(this.currentLanguage, {\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  private getMonthNameForDelayedCharge(): string {\n    if (!this.hasDiscountApplied || !this.discountDuration) {\n      return this.getNextMonthName();\n    }\n\n    const today = new Date();\n    const targetDate = new Date(today);\n    targetDate.setMonth(today.getMonth() + this.discountDuration);\n\n    return targetDate.toLocaleDateString(this.currentLanguage, {\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  private buildEvents(): TimelineEvent[] {\n    const events: TimelineEvent[] = [];\n    const nextMonthName = this.getNextMonthName();\n    const delayedChargeDate = this.calculateDelayedChargeDate();\n    const discountInfo = this.hasDiscountApplied ? this.getDiscountDescription() : undefined;\n\n    switch (this.debitStrategy) {\n      case DEBIT_STRATEGY_ENUM.CHARGE_FULL:\n        events.push({\n          day: 1,\n          type: 'today',\n          date: this.getDateForDay(1),\n          title: i18n.t('timeline.today'),\n          description: i18n.t('timeline.chargeFullToday', {\n            amount: `$${this.totalAmountFormatted}`,\n          }),\n          icon: 'circle-calendar',\n          discountInfo,\n        });\n\n        events.push({\n          day: this.debitDay,\n          type: 'recurring',\n          date: this.hasDiscountApplied ? delayedChargeDate : '',\n          title: i18n.t('timeline.after'),\n          description: i18n.t('timeline.recurringCharge', {\n            day: this.debitDay,\n            amount: `$${this.planAmountFormatted}`,\n            month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n          }),\n          icon: 'circle-receipt-active',\n        });\n        break;\n\n      case DEBIT_STRATEGY_ENUM.CHARGE_NEXT_CYCLE:\n        events.push({\n          day: 1,\n          type: 'today',\n          date: this.getDateForDay(1),\n          title: i18n.t('timeline.today'),\n          icon: 'circle-calendar',\n          amount: `$${this.totalAmountFormatted}`,\n          discountInfo,\n        });\n\n        events.push({\n          day: this.debitDay,\n          type: 'first_charge',\n          date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n          title: i18n.t('timeline.firstCharge'),\n          description: '',\n          icon: 'circle-receipt',\n          amount: `$${this.planAmountFormatted}`,\n        });\n\n        events.push({\n          day: this.debitDay + 1,\n          type: 'recurring',\n          date: '',\n          title: i18n.t('timeline.after'),\n          description: i18n.t('timeline.recurringCharge', {\n            day: this.debitDay,\n            amount: `$${this.planAmountFormatted}`,\n            month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n          }),\n          icon: 'clock-and-calendar',\n        });\n        break;\n\n      case DEBIT_STRATEGY_ENUM.CHARGE_PRORATED:\n        events.push({\n          day: 1,\n          type: 'today',\n          date: this.getDateForDay(1),\n          title: i18n.t('timeline.today'),\n          description: i18n.t('timeline.proratedCharge', {\n            amount: `$${this.totalAmountFormatted}`,\n            day: this.debitDay,\n            month: this.getMonthNameForDebitDay(),\n          }),\n          icon: 'circle-calendar',\n          amount: `$${this.totalAmountFormatted}`,\n          discountInfo,\n        });\n\n        events.push({\n          day: this.debitDay,\n          type: 'first_charge',\n          date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n          title: i18n.t('timeline.firstCharge'),\n          description: '',\n          icon: 'circle-receipt',\n          amount: `$${this.planAmountFormatted}`,\n        });\n\n        events.push({\n          day: this.debitDay + 1,\n          type: 'recurring',\n          date: '',\n          title: i18n.t('timeline.after'),\n          description: i18n.t('timeline.recurringCharge', {\n            day: this.debitDay,\n            amount: `$${this.planAmountFormatted}`,\n            month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n          }),\n          icon: 'clock-and-calendar',\n        });\n        break;\n    }\n\n    return events;\n  }\n\n  private renderEvent(event: TimelineEvent, isLast: boolean, isFirst: boolean) {\n    const events = this.buildEvents();\n    const totalEvents = events.length;\n\n    return (\n      <div key={event.day} class=\"timeline-event\">\n        <div class=\"timeline-icon-container\">\n          <rebill-icon name={event.icon} style={{ marginTop: '3px' }} />\n          <div class=\"timeline-connector-container\">\n            {!isLast &&\n              (isFirst ? (\n                totalEvents === 2 ? (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-icon\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                  />\n                ) : (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-icon\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                    withDot\n                  />\n                )\n              ) : (\n                <rebill-vertical-divider\n                  color={COLORS_ENUM.TIMELINE_CONNECTOR}\n                  class=\"timeline-connector-icon\"\n                  height={event.discountInfo ? '65px' : '45px'}\n                />\n              ))}\n          </div>\n        </div>\n        <div class=\"event-content\">\n          <rebill-typography variant=\"subtitle-bold\">{event.title}</rebill-typography>\n          <div class=\"event-date\">\n            <rebill-typography variant=\"body2\">\n              {event.amount ? (\n                <span>\n                  {event.date} <rebill-icon name=\"arrow-right\" /> {event.amount} {event.description}\n                </span>\n              ) : event.date ? (\n                `${event.date} - ${event.description}`\n              ) : (\n                event.description\n              )}\n            </rebill-typography>\n          </div>\n          {event.discountInfo && (\n            <div class=\"discount-info\">\n              <rebill-alert\n                variant=\"filled\"\n                type=\"coupon\"\n                icon=\"tag-green\"\n                size=\"small\"\n                colorIcon={COLORS_ENUM.GREEN}\n                alertTitle={event.discountInfo}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const events = this.buildEvents();\n\n    return (\n      <div class=\"timeline-container\">\n        <div class=\"timeline\">\n          {events.map((event, index) =>\n            this.renderEvent(event, index === events.length - 1, index === 0),\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dp-CUwYp.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/models/enums/debit-strategy.enum.ts","src/components/shared/timeline/timeline-debit-day.css?tag=rebill-timeline-debit-day","src/components/shared/timeline/timeline-debit-day.tsx"],"sourcesContent":["export enum DEBIT_STRATEGY_ENUM {\n  CHARGE_FULL = 'charge_full',\n  CHARGE_NEXT_CYCLE = 'charge_next_cycle',\n  CHARGE_PRORATED = 'charge_prorated',\n}\n",".timeline-container {\n  width: 100%;\n  margin: 0 auto;\n}\n\n.timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-border);\n  border-radius: 8px;\n  justify-content: space-evenly;\n}\n\n.timeline-event {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  position: relative;\n}\n\n.timeline-icon-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  gap: 4px;\n}\n.timeline-connector-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  min-height: 45px;\n}\n.timeline-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  z-index: 2;\n  gap: 4px;\n}\n\n.timeline-connector-icon {\n  display: block;\n  flex-shrink: 0;\n  z-index: 1;\n}\n\n.event-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.discount-info {\n  margin-top: 8px;\n}\n\n.event-date rebill-icon {\n  display: inline-block;\n  vertical-align: text-top;\n  margin: 0 4px;\n  width: 14px;\n  height: 14px;\n  transform: translateY(-1px);\n}\n\n@media (max-width: 1024px) {\n  .timeline {\n    border: none;\n    padding: 0;\n  }\n\n  .timeline-event {\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .timeline-icon {\n    width: 28px;\n    height: 28px;\n  }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { DEBIT_STRATEGY_ENUM } from '../../../models/enums/debit-strategy.enum';\nimport { SESSION_DISCOUNT_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\n\ninterface TimelineEvent {\n  day: number;\n  type: 'today' | 'first_charge' | 'recurring';\n  date: string;\n  title: string;\n  description?: string;\n  icon: string;\n  amount?: string;\n  discountInfo?: string;\n}\n\n@Component({\n  tag: 'rebill-timeline-debit-day',\n  styleUrl: 'timeline-debit-day.css',\n  shadow: false,\n})\nexport class TimelineDebitDay {\n  @State() currentLanguage: string;\n\n  @Prop() debitDay: number;\n  @Prop() totalAmount: number;\n  @Prop() planAmount: number;\n  @Prop() currency: string;\n  @Prop() debitStrategy: DEBIT_STRATEGY_ENUM;\n  @Prop() language?: string;\n  @Prop() discountApplied: boolean = false;\n  @Prop() discountType: SESSION_DISCOUNT_TYPE_ENUM;\n  @Prop() discountedPercentage: number = 0;\n  @Prop() discountDuration: number = 0;\n  @Prop() discountAmount: number = 0;\n\n  private get totalAmountFormatted() {\n    return formatAmount(this.totalAmount, this.currency, false);\n  }\n\n  private get planAmountFormatted() {\n    return formatAmount(this.planAmount, this.currency, false);\n  }\n\n  private getDurationTranslation(duration: number): string {\n    return duration === 1\n      ? i18n.t('summary.month_one')\n      : i18n.t('summary.month_other', { count: duration });\n  }\n\n  private get hasDiscountApplied(): boolean {\n    return this.discountApplied && (this.discountedPercentage > 0 || this.discountAmount > 0);\n  }\n\n  private getDiscountDescription(): string {\n    if (!this.hasDiscountApplied) return '';\n\n    const couponCode =\n      sessionState.data.discount.couponCode || sessionState.data.pricing.discountCouponCode;\n    const discount =\n      this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n        ? `${this.discountedPercentage}%`\n        : formatAmount(this.discountAmount, this.currency);\n\n    if (this.discountDuration) {\n      return i18n.t(`summary.planDiscountDescriptionWithDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n        duration: this.getDurationTranslation(this.discountDuration),\n      });\n    } else {\n      return i18n.t(`summary.planDiscountDescriptionWithoutDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n      });\n    }\n  }\n\n  private calculateDelayedChargeDate(): string {\n    if (!this.hasDiscountApplied || !this.discountDuration) {\n      return this.getDateForDay(this.debitDay);\n    }\n\n    const today = new Date();\n    const targetDate = new Date(today);\n\n    targetDate.setMonth(today.getMonth() + this.discountDuration);\n    targetDate.setDate(this.debitDay);\n\n    return targetDate.toLocaleDateString(this.currentLanguage, {\n      day: 'numeric',\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  componentWillLoad() {\n    this.currentLanguage = this.language || i18n.language;\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = this.language || i18n.language;\n  };\n\n  private getDateForDay(dayNumber: number): string {\n    const today = new Date();\n    const targetDate = new Date(today);\n\n    if (dayNumber === 1) {\n      // Día 1 es siempre hoy\n      return targetDate.toLocaleDateString(this.currentLanguage, {\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n      });\n    } else {\n      const currentMonth = today.getMonth();\n\n      if (this.debitDay < today.getDate()) {\n        targetDate.setMonth(currentMonth + 1);\n      }\n\n      targetDate.setDate(this.debitDay);\n      return targetDate.toLocaleDateString(this.currentLanguage, {\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n      });\n    }\n  }\n\n  private getNextMonthName(): string {\n    const today = new Date();\n    const nextMonth = new Date(today);\n    nextMonth.setMonth(today.getMonth() + 1);\n    return nextMonth.toLocaleDateString(this.currentLanguage, {\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  private getMonthNameForDebitDay(): string {\n    const today = new Date();\n    const targetDate = new Date(today);\n    if (this.debitDay < today.getDate()) {\n      targetDate.setMonth(today.getMonth() + 1);\n    }\n\n    return targetDate.toLocaleDateString(this.currentLanguage, {\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  private getMonthNameForDelayedCharge(): string {\n    if (!this.hasDiscountApplied || !this.discountDuration) {\n      return this.getNextMonthName();\n    }\n\n    const today = new Date();\n    const targetDate = new Date(today);\n    targetDate.setMonth(today.getMonth() + this.discountDuration);\n\n    return targetDate.toLocaleDateString(this.currentLanguage, {\n      month: 'long',\n      timeZone: 'UTC',\n    });\n  }\n\n  private buildEvents(): TimelineEvent[] {\n    const events: TimelineEvent[] = [];\n    const nextMonthName = this.getNextMonthName();\n    const delayedChargeDate = this.calculateDelayedChargeDate();\n    const discountInfo = this.hasDiscountApplied ? this.getDiscountDescription() : undefined;\n\n    switch (this.debitStrategy) {\n      case DEBIT_STRATEGY_ENUM.CHARGE_FULL:\n        events.push({\n          day: 1,\n          type: 'today',\n          date: this.getDateForDay(1),\n          title: i18n.t('timeline.today'),\n          description: i18n.t('timeline.chargeFullToday', {\n            amount: `$${this.totalAmountFormatted}`,\n          }),\n          icon: 'circle-calendar',\n          discountInfo,\n        });\n\n        events.push({\n          day: this.debitDay,\n          type: 'recurring',\n          date: this.hasDiscountApplied ? delayedChargeDate : '',\n          title: i18n.t('timeline.after'),\n          description: i18n.t('timeline.recurringCharge', {\n            day: this.debitDay,\n            amount: `$${this.planAmountFormatted}`,\n            month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n          }),\n          icon: 'circle-receipt-active',\n        });\n        break;\n\n      case DEBIT_STRATEGY_ENUM.CHARGE_NEXT_CYCLE:\n        events.push({\n          day: 1,\n          type: 'today',\n          date: this.getDateForDay(1),\n          title: i18n.t('timeline.today'),\n          icon: 'circle-calendar',\n          amount: `$${this.totalAmountFormatted}`,\n          discountInfo,\n        });\n\n        events.push({\n          day: this.debitDay,\n          type: 'first_charge',\n          date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n          title: i18n.t('timeline.firstCharge'),\n          description: '',\n          icon: 'circle-receipt',\n          amount: `$${this.planAmountFormatted}`,\n        });\n\n        events.push({\n          day: this.debitDay + 1,\n          type: 'recurring',\n          date: '',\n          title: i18n.t('timeline.after'),\n          description: i18n.t('timeline.recurringCharge', {\n            day: this.debitDay,\n            amount: `$${this.planAmountFormatted}`,\n            month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n          }),\n          icon: 'clock-and-calendar',\n        });\n        break;\n\n      case DEBIT_STRATEGY_ENUM.CHARGE_PRORATED:\n        events.push({\n          day: 1,\n          type: 'today',\n          date: this.getDateForDay(1),\n          title: i18n.t('timeline.today'),\n          description: i18n.t('timeline.proratedCharge', {\n            amount: `$${this.totalAmountFormatted}`,\n            day: this.debitDay,\n            month: this.getMonthNameForDebitDay(),\n          }),\n          icon: 'circle-calendar',\n          amount: `$${this.totalAmountFormatted}`,\n          discountInfo,\n        });\n\n        events.push({\n          day: this.debitDay,\n          type: 'first_charge',\n          date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n          title: i18n.t('timeline.firstCharge'),\n          description: '',\n          icon: 'circle-receipt',\n          amount: `$${this.planAmountFormatted}`,\n        });\n\n        events.push({\n          day: this.debitDay + 1,\n          type: 'recurring',\n          date: '',\n          title: i18n.t('timeline.after'),\n          description: i18n.t('timeline.recurringCharge', {\n            day: this.debitDay,\n            amount: `$${this.planAmountFormatted}`,\n            month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n          }),\n          icon: 'clock-and-calendar',\n        });\n        break;\n    }\n\n    return events;\n  }\n\n  private renderEvent(event: TimelineEvent, isLast: boolean, isFirst: boolean) {\n    const events = this.buildEvents();\n    const totalEvents = events.length;\n\n    return (\n      <div key={event.day} class=\"timeline-event\">\n        <div class=\"timeline-icon-container\">\n          <rebill-icon name={event.icon} style={{ marginTop: '3px' }} />\n          <div class=\"timeline-connector-container\">\n            {!isLast &&\n              (isFirst ? (\n                totalEvents === 2 ? (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-icon\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                  />\n                ) : (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-icon\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                    withDot\n                  />\n                )\n              ) : (\n                <rebill-vertical-divider\n                  color={COLORS_ENUM.TIMELINE_CONNECTOR}\n                  class=\"timeline-connector-icon\"\n                  height={event.discountInfo ? '65px' : '45px'}\n                />\n              ))}\n          </div>\n        </div>\n        <div class=\"event-content\">\n          <rebill-typography variant=\"subtitle-bold\">{event.title}</rebill-typography>\n          <div class=\"event-date\">\n            <rebill-typography variant=\"body2\">\n              {event.amount ? (\n                <span>\n                  {event.date} <rebill-icon name=\"arrow-right\" /> {event.amount} {event.description}\n                </span>\n              ) : event.date ? (\n                `${event.date} - ${event.description}`\n              ) : (\n                event.description\n              )}\n            </rebill-typography>\n          </div>\n          {event.discountInfo && (\n            <div class=\"discount-info\">\n              <rebill-alert\n                variant=\"filled\"\n                type=\"coupon\"\n                icon=\"tag-green\"\n                size=\"small\"\n                colorIcon={COLORS_ENUM.GREEN}\n                alertTitle={event.discountInfo}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const events = this.buildEvents();\n\n    return (\n      <div class=\"timeline-container\">\n        <div class=\"timeline\">\n          {events.map((event, index) =>\n            this.renderEvent(event, index === events.length - 1, index === 0),\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DeStKoNN.js → p-Dsrpb4rI.js}

@@ -4,7 +4,7 @@ import { L as LOCALES_ENUM } from './p-BzDRvtfU.js';
 import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-xKyxKtdF.js';
+import { d as defineCustomElement$2 } from './p-30DP4s-1.js';
 import { d as defineCustomElement$1 } from './p-BaBXKrWI.js';
 
 const rebillFooterCss = ".language-selector{display:flex;align-items:center;margin-right:12px;height:24px}.rebill-footer__footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;margin-top:18px}.terms-and-conditions{display:flex;align-items:center;gap:4px;margin-left:12px}.footer-powered{margin-right:4px}.footer-separator{margin-right:6px;margin-left:6px}.footer-link,.footer-powered,.footer-separator{display:flex;align-items:center}.footer-link a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}";
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RebillFooter as R, defineCustomElement as d };
-//# sourceMappingURL=p-DeStKoNN.js.map
+//# sourceMappingURL=p-Dsrpb4rI.js.map
 
-//# sourceMappingURL=p-DeStKoNN.js.map
+//# sourceMappingURL=p-Dsrpb4rI.js.map