rebill-web-components-sdk 1.8.32 → 1.8.34-beta.0

package/dist/components/{p-DSFlA7FF.js → p-DaS8xGPM.js}

@@ -3,7 +3,7 @@ import { a as SessionStore, s as state, I as I18nService } from './p-CMzpQU2o.js
 import { g as getInstallmentDisabledPlaceholderByCurrency, a as getInstallmentPlaceholderByCurrency, E as ENUM_INSTALLMENT_MODEL, b as getInstallmentLabel, c as getRecalculatedInstallmentAmount } from './p-imKYqkaH.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
-import { d as defineCustomElement$2 } from './p-qI3t-gYu.js';
+import { d as defineCustomElement$2 } from './p-BZYd-So1.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
 
 const installmentsCss = "";
@@ -50,11 +50,11 @@ const Installments = /*@__PURE__*/ proxyCustomElement(class Installments extends
         });
     }
     render() {
-        return (h("div", { key: '6a5c00fc287b609ed3bd074d3c9ea028e5770190' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: state.data.cardInformation?.installments?.installments.map(installment => ({
+        return (h("div", { key: 'a7e2147789a5664d4b5857c86652c85f78a88872' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: state.data.cardInformation?.installments?.installments.map(installment => ({
                 label: getInstallmentLabel(installment.installment, getRecalculatedInstallmentAmount(installment.installmentAmount), state.data.pricing?.currency, installment.cft, installment.model),
                 value: installment?.installment?.toString(),
             })) || [], loading: state.data.fetchingInstallments, placeholder: this.placeholder, disabled: this.isDisabled, "on-input": this.handleInstallments, error: I18nService.translate(this.error) }), state.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
-            state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '0e3cc1cbf51fd540b927d64d16c8d2107c98f06f', variant: "italic", color: COLORS_ENUM.SECONDARY }, I18nService.translate('installments.interest')))));
+            state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '77b18f5f22cf47c79a6a2f30655117f4aaa60987', variant: "italic", color: COLORS_ENUM.SECONDARY }, I18nService.translate('installments.interest')))));
     }
     static get style() { return installmentsCss; }
 }, [256, "rebill-installments", {
@@ -95,6 +95,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Installments as I, defineCustomElement as d };
-//# sourceMappingURL=p-DSFlA7FF.js.map
+//# sourceMappingURL=p-DaS8xGPM.js.map
 
-//# sourceMappingURL=p-DSFlA7FF.js.map
+//# sourceMappingURL=p-DaS8xGPM.js.map

package/dist/components/{p-DSFlA7FF.js.map → p-DaS8xGPM.js.map}

@@ -1 +1 @@
-{"file":"p-DSFlA7FF.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/card-fields/installments/installments.css?tag=rebill-installments","src/components/checkout/payment-method-selector/card-fields/installments/installments.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../../i18n/i18n.service';\nimport { ENUM_INSTALLMENT_MODEL } from '../../../../../models/enums/installment.enum';\nimport { sessionState, SessionStore } from '../../../../../store/session.store';\nimport { COLORS_ENUM } from '../../../../../utils/color-class-mapper';\nimport {\n  getInstallmentDisabledPlaceholderByCurrency,\n  getInstallmentLabel,\n  getInstallmentPlaceholderByCurrency,\n  getRecalculatedInstallmentAmount,\n} from '../../../../../utils/installment-utils';\n\n@Component({\n  tag: 'rebill-installments',\n  styleUrl: 'installments.css',\n  shadow: false,\n})\nexport class Installments {\n  @Element() el: HTMLElement;\n  @Prop() error?: string;\n  @State() currentValue: string | null = null;\n  @State() isDisabled: boolean = false;\n  @State() value: string | null = null;\n  @State() placeholder: string | null = null;\n\n  handleInstallments = (event: any) => {\n    if (this.isDisabled) {\n      const inputEvent = new CustomEvent('input', {\n        detail: { id: 'installments', value: '', disabled: true },\n        bubbles: true,\n      });\n      this.el.dispatchEvent(inputEvent);\n      return;\n    }\n    this.currentValue = event.detail.value;\n    SessionStore.setSelectedInstallment(event.detail.value);\n  };\n\n  componentWillLoad() {\n    SessionStore.onChange('data', () => {\n      this.isDisabled = !sessionState.data.cardInformation?.installments?.isAvailableInstallments;\n      this.placeholder = !sessionState.data.cardInformation?.installments?.isAvailableInstallments\n        ? getInstallmentDisabledPlaceholderByCurrency(sessionState.data.pricing?.currency)\n        : getInstallmentPlaceholderByCurrency(sessionState.data.pricing?.currency);\n      this.value = this.isDisabled ? '' : this.value;\n\n      if (this.isDisabled) {\n        const inputEvent = new CustomEvent('input', {\n          detail: { id: 'installments', value: '', disabled: true },\n          bubbles: true,\n        });\n        this.el.dispatchEvent(inputEvent);\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div>\n        <rebill-input-select\n          key={this.isDisabled.toString()}\n          id=\"installments\"\n          variant=\"outlined\"\n          value={this.value}\n          options={\n            sessionState.data.cardInformation?.installments?.installments.map(installment => ({\n              label: getInstallmentLabel(\n                installment.installment,\n                getRecalculatedInstallmentAmount(installment.installmentAmount),\n                sessionState.data.pricing?.currency,\n                installment.cft,\n                installment.model,\n              ),\n              value: installment?.installment?.toString(),\n            })) || []\n          }\n          loading={sessionState.data.fetchingInstallments}\n          placeholder={this.placeholder}\n          disabled={this.isDisabled}\n          on-input={this.handleInstallments}\n          error={I18nService.translate(this.error)}\n        ></rebill-input-select>\n        {sessionState.data.cardInformation?.installments?.installments.find(\n          installment =>\n            installment.installment ===\n            sessionState.data.cardInformation?.installments?.selectedInstallment?.installment,\n        )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (\n          <rebill-typography variant=\"italic\" color={COLORS_ENUM.SECONDARY}>\n            {I18nService.translate('installments.interest')}\n          </rebill-typography>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DaS8xGPM.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/card-fields/installments/installments.css?tag=rebill-installments","src/components/checkout/payment-method-selector/card-fields/installments/installments.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../../i18n/i18n.service';\nimport { ENUM_INSTALLMENT_MODEL } from '../../../../../models/enums/installment.enum';\nimport { sessionState, SessionStore } from '../../../../../store/session.store';\nimport { COLORS_ENUM } from '../../../../../utils/color-class-mapper';\nimport {\n  getInstallmentDisabledPlaceholderByCurrency,\n  getInstallmentLabel,\n  getInstallmentPlaceholderByCurrency,\n  getRecalculatedInstallmentAmount,\n} from '../../../../../utils/installment-utils';\n\n@Component({\n  tag: 'rebill-installments',\n  styleUrl: 'installments.css',\n  shadow: false,\n})\nexport class Installments {\n  @Element() el: HTMLElement;\n  @Prop() error?: string;\n  @State() currentValue: string | null = null;\n  @State() isDisabled: boolean = false;\n  @State() value: string | null = null;\n  @State() placeholder: string | null = null;\n\n  handleInstallments = (event: any) => {\n    if (this.isDisabled) {\n      const inputEvent = new CustomEvent('input', {\n        detail: { id: 'installments', value: '', disabled: true },\n        bubbles: true,\n      });\n      this.el.dispatchEvent(inputEvent);\n      return;\n    }\n    this.currentValue = event.detail.value;\n    SessionStore.setSelectedInstallment(event.detail.value);\n  };\n\n  componentWillLoad() {\n    SessionStore.onChange('data', () => {\n      this.isDisabled = !sessionState.data.cardInformation?.installments?.isAvailableInstallments;\n      this.placeholder = !sessionState.data.cardInformation?.installments?.isAvailableInstallments\n        ? getInstallmentDisabledPlaceholderByCurrency(sessionState.data.pricing?.currency)\n        : getInstallmentPlaceholderByCurrency(sessionState.data.pricing?.currency);\n      this.value = this.isDisabled ? '' : this.value;\n\n      if (this.isDisabled) {\n        const inputEvent = new CustomEvent('input', {\n          detail: { id: 'installments', value: '', disabled: true },\n          bubbles: true,\n        });\n        this.el.dispatchEvent(inputEvent);\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div>\n        <rebill-input-select\n          key={this.isDisabled.toString()}\n          id=\"installments\"\n          variant=\"outlined\"\n          value={this.value}\n          options={\n            sessionState.data.cardInformation?.installments?.installments.map(installment => ({\n              label: getInstallmentLabel(\n                installment.installment,\n                getRecalculatedInstallmentAmount(installment.installmentAmount),\n                sessionState.data.pricing?.currency,\n                installment.cft,\n                installment.model,\n              ),\n              value: installment?.installment?.toString(),\n            })) || []\n          }\n          loading={sessionState.data.fetchingInstallments}\n          placeholder={this.placeholder}\n          disabled={this.isDisabled}\n          on-input={this.handleInstallments}\n          error={I18nService.translate(this.error)}\n        ></rebill-input-select>\n        {sessionState.data.cardInformation?.installments?.installments.find(\n          installment =>\n            installment.installment ===\n            sessionState.data.cardInformation?.installments?.selectedInstallment?.installment,\n        )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (\n          <rebill-typography variant=\"italic\" color={COLORS_ENUM.SECONDARY}>\n            {I18nService.translate('installments.interest')}\n          </rebill-typography>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DZWQyp55.js → p-DgRM4z7g.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
 import { s as state, a as SessionStore, I as I18nService } from './p-CMzpQU2o.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
-import { d as defineCustomElement$2 } from './p-Di8WeTd9.js';
+import { d as defineCustomElement$2 } from './p-CuX2faVH.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
 
 class GoogleMapsService {
@@ -232,6 +232,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { AddressSearch as A, GoogleMapsService as G, defineCustomElement as d };
-//# sourceMappingURL=p-DZWQyp55.js.map
+//# sourceMappingURL=p-DgRM4z7g.js.map
 
-//# sourceMappingURL=p-DZWQyp55.js.map
+//# sourceMappingURL=p-DgRM4z7g.js.map

package/dist/components/{p-DZWQyp55.js.map → p-DgRM4z7g.js.map}

@@ -1 +1 @@
-{"file":"p-DZWQyp55.js","mappings":";;;;;;;MAQa,iBAAiB,CAAA;IACpB,OAAO,QAAQ;IACf,QAAQ,GAAY,KAAK;IACzB,WAAW,GAA4B,IAAI;AAEnD,IAAA,OAAO,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE;AAC/B,YAAA,iBAAiB,CAAC,QAAQ,GAAG,IAAI,iBAAiB,EAAE;;QAEtD,OAAO,iBAAiB,CAAC,QAAQ;;AAGnC,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;AAChD,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO,IAAI,CAAC,WAAW;;QAGzB,IAAI,CAAC,WAAW,GAAG,IAAI,OAAO,CAAC,OAAO,IAAG;YACvC,IAAI,QAAQ,GAAG,CAAC;AAChB,YAAA,MAAM,WAAW,GAAG,GAAG,CAAC;YAExB,MAAM,QAAQ,GAAG,MAAK;AACpB,gBAAA,QAAQ,EAAE;gBAEV,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;AAC/B,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;oBACpB,OAAO,CAAC,IAAI,CAAC;;AACR,qBAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AAClC,oBAAA,OAAO,CAAC,KAAK,CAAC,+CAA+C,CAAC;oBAC9D,OAAO,CAAC,KAAK,CAAC;;qBACT;AACL,oBAAA,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC;;AAE7B,aAAC;AACD,YAAA,QAAQ,EAAE;AACZ,SAAC,CAAC;QAEF,OAAO,IAAI,CAAC,WAAW;;AAGzB,IAAA,MAAM,kBAAkB,CACtB,YAA8B,EAC9B,eAAqD,EAAA;AAErD,QAAA,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE;QACvC,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC;AAC9C,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI;AACF,YAAA,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE;gBACrE,KAAK,EAAE,CAAC,SAAS,CAAC;AAClB,gBAAA,MAAM,EAAE,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,UAAU,CAAC;AAChE,aAAA,CAAC;AAEF,YAAA,YAAY,CAAC,WAAW,CAAC,eAAe,EAAE,MAAK;AAC7C,gBAAA,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE;AAErC,gBAAA,IAAI,KAAK,EAAE,kBAAkB,EAAE;oBAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,kBAAkB,CAAC;oBACrE,eAAe,CAAC,OAAO,CAAC;;AAE5B,aAAC,CAAC;AAEF,YAAA,OAAO,YAAY;;QACnB,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,EAAE,KAAK,CAAC;AAClE,YAAA,OAAO,IAAI;;;AAIP,IAAA,sBAAsB,CAC5B,UAAkD,EAAA;QAElD,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,YAAY,GAAG,KAAK,KAAI;AAC1D,YAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC9D,OAAO,SAAS,IAAI,YAAY,GAAG,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,SAAS,IAAI,EAAE;AACrF,SAAC;AAED,QAAA,MAAM,YAAY,GAAG,YAAY,CAAC,eAAe,CAAC;AAClD,QAAA,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC;QAEnC,OAAO;YACL,OAAO,EAAE,GAAG,YAAY,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,CAAC,IAAI,EAAE;AAC1C,YAAA,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC;AAC9B,YAAA,KAAK,EAAE,YAAY,CAAC,6BAA6B,CAAC;AAClD,YAAA,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC;AACtC,YAAA,GAAG,EAAE,YAAY,CAAC,aAAa,CAAC;SACjC;;IAGH,OAAO,oBAAoB,CAAC,gBAAyB,EAAA;;AAEnD,QAAA,MAAM,MAAM,GAAG,gBAAgB,IAAI,yCAAyC;QAE5E,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAO,CAAC,IAAI,CAAC,+EAA+E,CAAC;YAC7F;;;AAIF,QAAA,IAAI,QAAQ,CAAC,aAAa,CAAC,oCAAoC,CAAC,EAAE;YAChE;;QAGF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,QAAA,MAAM,CAAC,GAAG,GAAG,CAA+C,4CAAA,EAAA,MAAM,yDAAyD;AAC3H,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI;AACnB,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI;;AAGlB,QAAA,MAAc,CAAC,cAAc,GAAG,MAAK;AACpC,YAAA,OAAQ,MAAc,CAAC,cAAc,CAAC;AACxC,SAAC;AAED,QAAA,MAAM,CAAC,OAAO,GAAG,MAAK;AACpB,YAAA,OAAO,CAAC,KAAK,CACX,sFAAsF,CACvF;AACH,SAAC;AAED,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;;AAEpC;;ACxID,MAAM,gBAAgB,GAAG,2aAA2a;;MCWvb,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;IAEf,aAAa,GAAG,KAAK;AACrB,IAAA,aAAa,GAAWC,KAAY,CAAC,aAAa;IAEnD,WAAW,GAA2B,SAAS;AAC/C,IAAA,WAAW;AACX,IAAA,KAAK;IACL,QAAQ,GAAY,KAAK;AAExB,IAAA,eAAe;AACf,IAAA,oBAAoB;AAErB,IAAA,iBAAiB,GAAG,iBAAiB,CAAC,WAAW,EAAE;IACnD,YAAY,GAA2C,IAAI;AAC3D,IAAA,6BAA6B;AAErC,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,MAAM,IAAI,CAAC,sBAAsB,EAAE;;QAGnC,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,oBAAoB,GAAA;QAClB,IAAI,CAAC,OAAO,EAAE;AAEd,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;;AAIhC,IAAA,MAAM,sBAAsB,GAAA;QAClC,IAAI,IAAI,CAAC,aAAa;YAAE;AAExB,QAAA,IAAI;AACF,YAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE;AACjD,YAAA,IAAI,CAAC,YAAY;gBAAE;YAEnB,IAAI,CAAC,YAAY,GAAG,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CACjE,YAAY,EACZ,CAAC,OAA0B,KAAK,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CACpE;AACD,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;;QAE3B,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAwB,qBAAA,EAAA,IAAI,CAAC,WAAW,CAAgB,cAAA,CAAA,EAAE,KAAK,CAAC;;;AAI1E,IAAA,MAAM,eAAe,GAAA;QAC3B,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,mBAAmB,CAAQ;QACzE,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAAC,WAAW,CAAS,OAAA,CAAA,CAAC;AACzE,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI;AACF,YAAA,OAAO,MAAM,cAAc,CAAC,eAAe,EAAE;;QAC7C,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC;AACpD,YAAA,OAAO,IAAI;;;AAIP,IAAA,qBAAqB,CAAC,OAA0B,EAAA;AACtD,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;;IAG5B,iBAAiB,GAAG,MAAK;AAC/B,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE;AAClC,KAAC;IAEO,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;AAE1B,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;IAG5B,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,iBAAiB,GAAG,gBAAgB;AAC7F,QAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAC9C,CAAG,EAAA,cAAc,CAAoB,kBAAA,CAAA,EACrC,0BAA0B,CAC3B;AAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,CAAA,OAAA,CAAS,EAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,kBAAkB,EACnD,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAA,EAC7E,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,KAAK,EAAC,aAAa,EAAA,EAElB,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,YAAA,CAAc,EAAE,wBAAwB,CAAC,CAC/D,CACb,CACL,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/utils/google-maps.service.ts","src/components/checkout/address/address-search/address-search.css?tag=rebill-address-search","src/components/checkout/address/address-search/address-search.tsx"],"sourcesContent":["export interface AddressComponents {\n  address: string;\n  city: string;\n  state: string;\n  country: string;\n  zip: string;\n}\n\nexport class GoogleMapsService {\n  private static instance: GoogleMapsService;\n  private isLoaded: boolean = false;\n  private loadPromise: Promise<boolean> | null = null;\n\n  static getInstance(): GoogleMapsService {\n    if (!GoogleMapsService.instance) {\n      GoogleMapsService.instance = new GoogleMapsService();\n    }\n    return GoogleMapsService.instance;\n  }\n\n  async waitForAPI(): Promise<boolean> {\n    if (this.isLoaded && window.google?.maps?.places) {\n      return true;\n    }\n\n    if (this.loadPromise) {\n      return this.loadPromise;\n    }\n\n    this.loadPromise = new Promise(resolve => {\n      let attempts = 0;\n      const maxAttempts = 100; // 10 seconds max wait\n\n      const checkAPI = () => {\n        attempts++;\n\n        if (window.google?.maps?.places) {\n          this.isLoaded = true;\n          resolve(true);\n        } else if (attempts >= maxAttempts) {\n          console.error('Google Maps API failed to load within timeout');\n          resolve(false);\n        } else {\n          setTimeout(checkAPI, 100);\n        }\n      };\n      checkAPI();\n    });\n\n    return this.loadPromise;\n  }\n\n  async createAutocomplete(\n    inputElement: HTMLInputElement,\n    onPlaceSelected: (address: AddressComponents) => void,\n  ): Promise<google.maps.places.Autocomplete | null> {\n    const isReady = await this.waitForAPI();\n    if (!isReady) {\n      console.error('Google Maps API not available');\n      return null;\n    }\n\n    try {\n      const autocomplete = new google.maps.places.Autocomplete(inputElement, {\n        types: ['address'],\n        fields: ['address_components', 'formatted_address', 'geometry'],\n      });\n\n      autocomplete.addListener('place_changed', () => {\n        const place = autocomplete.getPlace();\n\n        if (place?.address_components) {\n          const address = this.parseAddressComponents(place.address_components);\n          onPlaceSelected(address);\n        }\n      });\n\n      return autocomplete;\n    } catch (error) {\n      console.error('Failed to create Google Maps autocomplete:', error);\n      return null;\n    }\n  }\n\n  private parseAddressComponents(\n    components: google.maps.GeocoderAddressComponent[],\n  ): AddressComponents {\n    const getComponent = (type: string, useShortName = false) => {\n      const component = components.find(c => c.types.includes(type));\n      return component ? (useShortName ? component.short_name : component.long_name) : '';\n    };\n\n    const streetNumber = getComponent('street_number');\n    const route = getComponent('route');\n\n    return {\n      address: `${streetNumber} ${route}`.trim(),\n      city: getComponent('locality'),\n      state: getComponent('administrative_area_level_1'),\n      country: getComponent('country', true),\n      zip: getComponent('postal_code'),\n    };\n  }\n\n  static loadGoogleMapsScript(googleMapsApiKey?: string) {\n    // Use hardcoded API key for SDK\n    const apiKey = googleMapsApiKey || 'AIzaSyCViTfaoMntRf7oYbAfPZv8hbrNnOWHjQM';\n\n    if (!apiKey) {\n      console.warn('Google Maps API key not provided. Address autocomplete will not be available.');\n      return;\n    }\n\n    // Check if script is already loaded\n    if (document.querySelector('script[src*=\"maps.googleapis.com\"]')) {\n      return;\n    }\n\n    const script = document.createElement('script');\n    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&loading=async&callback=initGoogleMaps`;\n    script.async = true;\n    script.defer = true;\n\n    // Add global callback for when Google Maps is ready\n    (window as any).initGoogleMaps = () => {\n      delete (window as any).initGoogleMaps; // Clean up\n    };\n\n    script.onerror = () => {\n      console.error(\n        'Failed to load Google Maps script. Please check your API key and network connection.',\n      );\n    };\n\n    document.head.appendChild(script);\n  }\n}\n",":host {\n  display: block;\n}\n\n.address-search-container {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.search-input-container {\n  margin-bottom: 8px;\n}\n\n.manual-entry-link-wrapper {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.manual-entry-link {\n  background: none;\n  border: none;\n  color: var(--rebill-color-text-secondary);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px 0;\n  text-decoration: underline;\n}\n\n.manual-entry-link:hover {\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../../store/session.store';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-address-search',\n  styleUrl: 'address-search.css',\n  shadow: false,\n})\nexport class AddressSearch {\n  @Element() el: HTMLElement;\n  @State() isInitialized = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() placeholder?: string;\n  @Prop() error?: string;\n  @Prop() disabled: boolean = false;\n\n  @Event() addressSelected: EventEmitter<AddressComponents>;\n  @Event() manualEntryRequested: EventEmitter<void>;\n\n  private googleMapsService = GoogleMapsService.getInstance();\n  private autocomplete: google.maps.places.Autocomplete | null = null;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  async componentDidLoad() {\n    await this.initializeAutocomplete();\n\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private async initializeAutocomplete() {\n    if (this.isInitialized) return;\n\n    try {\n      const inputElement = await this.getInputElement();\n      if (!inputElement) return;\n\n      this.autocomplete = await this.googleMapsService.createAutocomplete(\n        inputElement,\n        (address: AddressComponents) => this.handleAddressSelected(address),\n      );\n      if (this.autocomplete) {\n        this.isInitialized = true;\n      }\n    } catch (error) {\n      console.error(`Failed to initialize ${this.addressType} autocomplete:`, error);\n    }\n  }\n\n  private async getInputElement(): Promise<HTMLInputElement | null> {\n    const inputComponent = this.el?.querySelector('rebill-input-text') as any;\n    if (!inputComponent) {\n      console.error(`Input component not found for ${this.addressType}-search`);\n      return null;\n    }\n\n    try {\n      return await inputComponent.getInputElement();\n    } catch (error) {\n      console.error(`Failed to get input element:`, error);\n      return null;\n    }\n  }\n\n  private handleAddressSelected(address: AddressComponents) {\n    this.addressSelected.emit(address);\n  }\n\n  private handleManualEntry = () => {\n    this.manualEntryRequested.emit();\n  };\n\n  private cleanup() {\n    if (this.autocomplete) {\n      this.autocomplete = null;\n    }\n    this.isInitialized = false;\n  }\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n    const defaultPlaceholder = I18nService.translate(\n      `${translationKey}.searchPlaceholder`,\n      'Search for an address...',\n    );\n\n    return (\n      <div class=\"address-search-container\">\n        <div class=\"search-input-container\">\n          <rebill-input-text\n            id={`${this.addressType}-search`}\n            placeholder={this.placeholder || defaultPlaceholder}\n            rightIcon=\"search\"\n            error={this.error}\n            disabled={this.disabled}\n          />\n        </div>\n        <div class=\"manual-entry-link-wrapper\">\n          <button class=\"manual-entry-link\" type=\"button\" onClick={this.handleManualEntry}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DgRM4z7g.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/utils/google-maps.service.ts","src/components/checkout/address/address-search/address-search.css?tag=rebill-address-search","src/components/checkout/address/address-search/address-search.tsx"],"sourcesContent":["export interface AddressComponents {\n  address: string;\n  city: string;\n  state: string;\n  country: string;\n  zip: string;\n}\n\nexport class GoogleMapsService {\n  private static instance: GoogleMapsService;\n  private isLoaded: boolean = false;\n  private loadPromise: Promise<boolean> | null = null;\n\n  static getInstance(): GoogleMapsService {\n    if (!GoogleMapsService.instance) {\n      GoogleMapsService.instance = new GoogleMapsService();\n    }\n    return GoogleMapsService.instance;\n  }\n\n  async waitForAPI(): Promise<boolean> {\n    if (this.isLoaded && window.google?.maps?.places) {\n      return true;\n    }\n\n    if (this.loadPromise) {\n      return this.loadPromise;\n    }\n\n    this.loadPromise = new Promise(resolve => {\n      let attempts = 0;\n      const maxAttempts = 100; // 10 seconds max wait\n\n      const checkAPI = () => {\n        attempts++;\n\n        if (window.google?.maps?.places) {\n          this.isLoaded = true;\n          resolve(true);\n        } else if (attempts >= maxAttempts) {\n          console.error('Google Maps API failed to load within timeout');\n          resolve(false);\n        } else {\n          setTimeout(checkAPI, 100);\n        }\n      };\n      checkAPI();\n    });\n\n    return this.loadPromise;\n  }\n\n  async createAutocomplete(\n    inputElement: HTMLInputElement,\n    onPlaceSelected: (address: AddressComponents) => void,\n  ): Promise<google.maps.places.Autocomplete | null> {\n    const isReady = await this.waitForAPI();\n    if (!isReady) {\n      console.error('Google Maps API not available');\n      return null;\n    }\n\n    try {\n      const autocomplete = new google.maps.places.Autocomplete(inputElement, {\n        types: ['address'],\n        fields: ['address_components', 'formatted_address', 'geometry'],\n      });\n\n      autocomplete.addListener('place_changed', () => {\n        const place = autocomplete.getPlace();\n\n        if (place?.address_components) {\n          const address = this.parseAddressComponents(place.address_components);\n          onPlaceSelected(address);\n        }\n      });\n\n      return autocomplete;\n    } catch (error) {\n      console.error('Failed to create Google Maps autocomplete:', error);\n      return null;\n    }\n  }\n\n  private parseAddressComponents(\n    components: google.maps.GeocoderAddressComponent[],\n  ): AddressComponents {\n    const getComponent = (type: string, useShortName = false) => {\n      const component = components.find(c => c.types.includes(type));\n      return component ? (useShortName ? component.short_name : component.long_name) : '';\n    };\n\n    const streetNumber = getComponent('street_number');\n    const route = getComponent('route');\n\n    return {\n      address: `${streetNumber} ${route}`.trim(),\n      city: getComponent('locality'),\n      state: getComponent('administrative_area_level_1'),\n      country: getComponent('country', true),\n      zip: getComponent('postal_code'),\n    };\n  }\n\n  static loadGoogleMapsScript(googleMapsApiKey?: string) {\n    // Use hardcoded API key for SDK\n    const apiKey = googleMapsApiKey || 'AIzaSyCViTfaoMntRf7oYbAfPZv8hbrNnOWHjQM';\n\n    if (!apiKey) {\n      console.warn('Google Maps API key not provided. Address autocomplete will not be available.');\n      return;\n    }\n\n    // Check if script is already loaded\n    if (document.querySelector('script[src*=\"maps.googleapis.com\"]')) {\n      return;\n    }\n\n    const script = document.createElement('script');\n    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&loading=async&callback=initGoogleMaps`;\n    script.async = true;\n    script.defer = true;\n\n    // Add global callback for when Google Maps is ready\n    (window as any).initGoogleMaps = () => {\n      delete (window as any).initGoogleMaps; // Clean up\n    };\n\n    script.onerror = () => {\n      console.error(\n        'Failed to load Google Maps script. Please check your API key and network connection.',\n      );\n    };\n\n    document.head.appendChild(script);\n  }\n}\n",":host {\n  display: block;\n}\n\n.address-search-container {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.search-input-container {\n  margin-bottom: 8px;\n}\n\n.manual-entry-link-wrapper {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.manual-entry-link {\n  background: none;\n  border: none;\n  color: var(--rebill-color-text-secondary);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px 0;\n  text-decoration: underline;\n}\n\n.manual-entry-link:hover {\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../../store/session.store';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-address-search',\n  styleUrl: 'address-search.css',\n  shadow: false,\n})\nexport class AddressSearch {\n  @Element() el: HTMLElement;\n  @State() isInitialized = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() placeholder?: string;\n  @Prop() error?: string;\n  @Prop() disabled: boolean = false;\n\n  @Event() addressSelected: EventEmitter<AddressComponents>;\n  @Event() manualEntryRequested: EventEmitter<void>;\n\n  private googleMapsService = GoogleMapsService.getInstance();\n  private autocomplete: google.maps.places.Autocomplete | null = null;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  async componentDidLoad() {\n    await this.initializeAutocomplete();\n\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private async initializeAutocomplete() {\n    if (this.isInitialized) return;\n\n    try {\n      const inputElement = await this.getInputElement();\n      if (!inputElement) return;\n\n      this.autocomplete = await this.googleMapsService.createAutocomplete(\n        inputElement,\n        (address: AddressComponents) => this.handleAddressSelected(address),\n      );\n      if (this.autocomplete) {\n        this.isInitialized = true;\n      }\n    } catch (error) {\n      console.error(`Failed to initialize ${this.addressType} autocomplete:`, error);\n    }\n  }\n\n  private async getInputElement(): Promise<HTMLInputElement | null> {\n    const inputComponent = this.el?.querySelector('rebill-input-text') as any;\n    if (!inputComponent) {\n      console.error(`Input component not found for ${this.addressType}-search`);\n      return null;\n    }\n\n    try {\n      return await inputComponent.getInputElement();\n    } catch (error) {\n      console.error(`Failed to get input element:`, error);\n      return null;\n    }\n  }\n\n  private handleAddressSelected(address: AddressComponents) {\n    this.addressSelected.emit(address);\n  }\n\n  private handleManualEntry = () => {\n    this.manualEntryRequested.emit();\n  };\n\n  private cleanup() {\n    if (this.autocomplete) {\n      this.autocomplete = null;\n    }\n    this.isInitialized = false;\n  }\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n    const defaultPlaceholder = I18nService.translate(\n      `${translationKey}.searchPlaceholder`,\n      'Search for an address...',\n    );\n\n    return (\n      <div class=\"address-search-container\">\n        <div class=\"search-input-container\">\n          <rebill-input-text\n            id={`${this.addressType}-search`}\n            placeholder={this.placeholder || defaultPlaceholder}\n            rightIcon=\"search\"\n            error={this.error}\n            disabled={this.disabled}\n          />\n        </div>\n        <div class=\"manual-entry-link-wrapper\">\n          <button class=\"manual-entry-link\" type=\"button\" onClick={this.handleManualEntry}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DU4kUISl.js → p-Dm8Dxmer.js}

@@ -3,9 +3,9 @@ import { a as api } from './p-Dh-yfb0D.js';
 import { P as PAYMENT_METHOD_ENUM, s as state, I as I18nService } from './p-CMzpQU2o.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$8 } from './p-Bimg4rRm.js';
-import { d as defineCustomElement$7 } from './p-CVtNCEPd.js';
-import { d as defineCustomElement$6 } from './p-DrAiGSzG.js';
-import { d as defineCustomElement$5 } from './p-gj5jUg6C.js';
+import { d as defineCustomElement$7 } from './p-PBF27XTU.js';
+import { d as defineCustomElement$6 } from './p-Dp8EoajW.js';
+import { d as defineCustomElement$5 } from './p-DDp9qjAz.js';
 import { d as defineCustomElement$4 } from './p-DvWdkIUq.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-C_txMekS.js';
@@ -392,6 +392,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { APMCheckout as A, PaymentMethodMapper as P, STATUS_REQ_CHECKOUT_APM as S, PaymentMethodNameE as a, defineCustomElement as d };
-//# sourceMappingURL=p-DU4kUISl.js.map
+//# sourceMappingURL=p-Dm8Dxmer.js.map
 
-//# sourceMappingURL=p-DU4kUISl.js.map
+//# sourceMappingURL=p-Dm8Dxmer.js.map

package/dist/components/{p-DU4kUISl.js.map → p-Dm8Dxmer.js.map}

@@ -1 +1 @@
-{"file":"p-DU4kUISl.js","mappings":"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","names":["sessionState","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/models/enums/payment-method-name.enum.ts","src/utils/payment-method-mapper.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n  PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n  APPROVED = 'approved',\n  REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n  try {\n    const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n    return response.data;\n  } catch (error) {\n    throw error;\n  }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n  try {\n    if (!reqId || !bearerToken) {\n      return {};\n    }\n\n    const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n    const response = {\n      status: checkoutRequest.status,\n      isCompleted:\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n      isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n      data: checkoutRequest,\n    };\n\n    return {\n      status: 200,\n      body: response,\n    };\n  } catch (error) {\n    console.error('Error fetching checkout status:', error);\n    return {\n      status: 500,\n      body: { error: 'Failed to fetch checkout status' },\n    };\n  }\n};\n","export enum PaymentMethodNameE {\n  CARD = 'card',\n  BR_TRANSFERENCE_PIX = 'br-bank_transfer-pix',\n  BR_CASH_BOLETO = 'br-cash-boleto',\n  AR_CASH_PAGOFACIL = 'ar-cash-pagofacil',\n  AR_TRANSFERENCE_QR = 'ar-bank_transfer-qr',\n  CO_TRANSFERENCE_PSE = 'co-bank_transfer-pse',\n  MX_TRANSFERENCE_SPEI = 'mx-bank_transfer-spei',\n  CL_TRANSFERENCE_ETPAY = 'cl-bank_transfer-etpay',\n}\n","import { PaymentMethodNameE } from '../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { sessionState } from '../store/session.store';\n\n/**\n * Maps the current payment method enum to the specific APM payment method name\n * based on the country and payment method type\n */\nexport class PaymentMethodMapper {\n  /**\n   * Maps generic payment method to specific APM payment method name\n   * @param paymentMethod - Generic payment method (cash, transference, card)\n   * @param country - Country code (BR, AR, CO, MX, etc.)\n   * @returns Specific payment method name for APM API\n   */\n  static mapToAPMPaymentMethod(\n    paymentMethod: PAYMENT_METHOD_ENUM,\n    country?: string,\n  ): PaymentMethodNameE {\n    // If card, return card\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      return PaymentMethodNameE.CARD;\n    }\n\n    // Use country from session state if not provided\n    const countryCode = country || sessionState.data?.pricing?.country;\n\n    // Map cash payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CASH) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n        case 'AR':\n          return PaymentMethodNameE.AR_CASH_PAGOFACIL;\n        default:\n          // Default to Brazilian boleto if country not supported\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n      }\n    }\n\n    // Map transfer payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n        case 'AR':\n          return PaymentMethodNameE.AR_TRANSFERENCE_QR;\n        case 'CO':\n          return PaymentMethodNameE.CO_TRANSFERENCE_PSE;\n        case 'MX':\n          return PaymentMethodNameE.MX_TRANSFERENCE_SPEI;\n        case 'CL':\n          return PaymentMethodNameE.CL_TRANSFERENCE_ETPAY;\n        default:\n          // Default to Brazilian PIX if country not supported\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n      }\n    }\n\n    // Fallback to card\n    return PaymentMethodNameE.CARD;\n  }\n\n  /**\n   * Converts PaymentMethodNameE enum to a user-friendly display name\n   * @param paymentMethodName - Payment method enum value\n   * @returns User-friendly display name (e.g., \"PSE\", \"PIX\", \"Boleto\")\n   */\n  static getDisplayName(paymentMethodName: PaymentMethodNameE): string {\n    switch (paymentMethodName) {\n      case PaymentMethodNameE.CARD:\n        return 'Card';\n      case PaymentMethodNameE.BR_TRANSFERENCE_PIX:\n        return 'PIX';\n      case PaymentMethodNameE.BR_CASH_BOLETO:\n        return 'Boleto';\n      case PaymentMethodNameE.AR_CASH_PAGOFACIL:\n        return 'PagoFácil';\n      case PaymentMethodNameE.AR_TRANSFERENCE_QR:\n        return 'QR';\n      case PaymentMethodNameE.CO_TRANSFERENCE_PSE:\n        return 'PSE';\n      case PaymentMethodNameE.MX_TRANSFERENCE_SPEI:\n        return 'SPEI';\n      case PaymentMethodNameE.CL_TRANSFERENCE_ETPAY:\n        return 'Etpay';\n      default:\n        return 'Payment';\n    }\n  }\n\n  /**\n   * Checks if a payment method is an APM (Alternative Payment Method)\n   * @param paymentMethod - Payment method to check\n   * @returns True if APM, false if card\n   */\n  static isAPMPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM): boolean {\n    return (\n      paymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n      paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n    );\n  }\n}\n",".apm-checkout {\n  display: flex;\n  flex-direction: column;\n}\n\n.apm-content {\n  margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code {\n  margin-top: 0;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n  display: flex;\n  gap: 12px;\n  padding: 20px 0;\n}\n\n.apm-actions rebill-button,\n.apm-actions payment-button {\n  flex: 1;\n  width: 100%;\n}\n\n.apm-actions rebill-button .button-content,\n.apm-actions payment-button .button-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  overflow: hidden;\n}\n\n.apm-actions rebill-button .button-content rebill-icon {\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  flex-shrink: 0;\n}\n\n/* Redirect message styles */\n.apm-checkout.redirect-message {\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.redirect-content {\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  padding: 16px;\n}\n\n.redirect-content .payment-method-name {\n  font-weight: 600 !important;\n}\n\n/* Bank transfer data container */\n.bank-transfer-data-container {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Bank transfer data styles */\n.bank-transfer-data {\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n}\n\n.instruction-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.instruction-step:last-child {\n  margin-bottom: 0;\n}\n\n.step-number {\n  background: var(--rebill-color-background-right);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  text-align: center;\n  line-height: 1;\n}\n\n.step-number rebill-typography {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.instruction-text {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n.instruction-content {\n  flex: 1;\n}\n\n.bank-data-item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  border-bottom: none;\n}\n\n.value-with-copy {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n/* Bank transfer simple styles */\n.bank-transfer-simple-container {\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  border-radius: 8px;\n}\n\n.instruction-text {\n  margin-bottom: 16px;\n}\n\n.data-section {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple:last-child {\n  margin-bottom: 0;\n}\n\n.bank-data-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.bank-data-item-simple {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0;\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n  .apm-actions {\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .apm-actions rebill-button {\n    width: 100%;\n    flex: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { APMDownloadData } from '../apm-download/apm-download';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 5000; // 5 seconds\nconst POLLING_INTERVAL = 3000; // 3 seconds\n\nconst MAX_POLLING_ATTEMPTS = 300; // 15 minutes max (300 attempts * 3 seconds = 900 seconds = 15 minutes)\n\n@Component({\n  tag: 'apm-checkout',\n  styleUrl: 'apm-checkout.css',\n  shadow: false,\n})\nexport class APMCheckout {\n  @Element() el: HTMLElement;\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() referenceId?: string;\n  @Prop() qrCodeData?: string;\n  @Prop() code?: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() country?: string;\n  @Prop() redirectUrl?: string;\n  @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n  @Prop() checkoutRequestId?: string; // ID para hacer polling\n  @Prop() bearerToken?: string;\n  @Prop() bankTransferData?: any;\n\n  @State() showRedirectMessage = false;\n  @State() isPolling = false;\n  @State() minutesLeft?: number; // Minutos restantes del contador\n  @State() qrStartTime?: Date; // Hora de inicio del QR\n  @State() downloadData?: APMDownloadData;\n\n  @Event() paymentStatusChange: EventEmitter<{\n    status: STATUS_REQ_CHECKOUT_APM;\n    isCompleted: boolean;\n    data: any;\n  }>;\n\n  private redirectTimeoutId: number | undefined;\n  private pollingIntervalId: number | undefined;\n  private pollingDelayTimeoutId: NodeJS.Timeout | undefined;\n  private pollingAttempts = 0;\n\n  componentWillLoad() {\n    this.qrStartTime = new Date();\n    this.downloadData = this.generateDownloadData();\n\n    if (this.redirectUrl) {\n      this.handleRedirect();\n    }\n\n    if (this.checkoutRequestId && (this.qrCodeData || this.bankTransferData)) {\n      this.startPolling();\n    }\n  }\n\n  componentDidLoad() {\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.addEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n      this.redirectTimeoutId = undefined;\n    }\n    if (this.pollingDelayTimeoutId) {\n      clearTimeout(this.pollingDelayTimeoutId);\n      this.pollingDelayTimeoutId = undefined;\n    }\n\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.removeEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  private handleRedirect = () => {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n    }\n\n    this.showRedirectMessage = true;\n\n    this.redirectTimeoutId = window.setTimeout(() => {\n      window.open(this.redirectUrl, '_self');\n    }, this.timeToRedirect);\n  };\n\n  private handleViewBranches = () => {\n    window.open('https://www.pagofacil.com.ar/', '_blank');\n  };\n\n  private handleTimeUpdate = (event: CustomEvent<number>) => {\n    this.minutesLeft = event.detail;\n  };\n\n  private startPolling = () => {\n    if ((!this.qrCodeData && !this.bankTransferData) || !this.checkoutRequestId || this.isPolling) {\n      return;\n    }\n\n    this.isPolling = true;\n    this.pollingAttempts = 0;\n\n    this.pollingIntervalId = window.setInterval(() => {\n      this.checkPaymentStatus();\n    }, POLLING_INTERVAL);\n  };\n\n  private stopPolling = () => {\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n    this.isPolling = false;\n  };\n\n  private checkPaymentStatus = async () => {\n    if (!this.checkoutRequestId) {\n      return;\n    }\n\n    try {\n      this.pollingAttempts++;\n\n      const response = await getCheckoutRequest(this.checkoutRequestId, this.bearerToken);\n      const isCompleted =\n        response.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        response.status === STATUS_REQ_CHECKOUT_APM.REJECTED;\n      this.paymentStatusChange.emit({\n        status: response.status,\n        isCompleted: isCompleted,\n        data: response.data,\n      });\n\n      if (isCompleted) {\n        this.stopPolling();\n        return;\n      }\n\n      if (this.pollingAttempts >= MAX_POLLING_ATTEMPTS) {\n        this.stopPolling();\n        return;\n      }\n    } catch (error) {\n      console.error('Error checking payment status:', error);\n    }\n  };\n\n  private generateDownloadData(): APMDownloadData {\n    const downloadData: APMDownloadData = {\n      paymentMethod: this.paymentMethod,\n      referenceId: this.referenceId,\n      providerName: this.providerName,\n      expirationDate: this.expirationDate,\n      country: this.country,\n      minutesLeft: this.minutesLeft,\n    };\n\n    if (this.bankTransferData) {\n      downloadData.bankTransferData = {\n        bankName: this.bankTransferData.bankName,\n        accountNumber: this.bankTransferData.account || this.bankTransferData.bbvAccountNumber,\n        reference: this.bankTransferData.reference,\n        clabe: this.bankTransferData.account || this.bankTransferData.clabe,\n        destinationBank: this.bankTransferData.bankName,\n        paymentReference: this.bankTransferData.reference,\n        instructions: this.bankTransferData.instructions,\n      };\n    } else if (this.qrCodeData) {\n      downloadData.qrCodeData = this.qrCodeData;\n    }\n\n    return downloadData;\n  }\n\n  private renderResponse() {\n    // If redirectUrl is provided, show redirect message\n    if (this.redirectUrl && this.showRedirectMessage) {\n      const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.paymentMethod,\n        this.country,\n      );\n      const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n      return (\n        <div class=\"redirect-content\">\n          <div class=\"redirect-text\">\n            <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n              {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n              <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n                {paymentMethodName}\n              </rebill-typography>{' '}\n              {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n            </rebill-typography>\n          </div>\n        </div>\n      );\n    }\n\n    // If referenceId is provided, show reference code component\n    if (this.referenceId) {\n      return (\n        <reference-code\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n        />\n      );\n    }\n\n    // If qrCodeData is provided, show QR code component\n    if (this.qrCodeData) {\n      return (\n        <qr-code\n          qrCodeData={this.qrCodeData}\n          code={this.code}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          paymentMethod={this.paymentMethod}\n          onTimeUpdate={this.handleTimeUpdate}\n        />\n      );\n    }\n\n    if (this.bankTransferData) {\n      return <bank-transfer bankTransferData={this.bankTransferData} />;\n    }\n\n    // Fallback - shouldn't happen in normal flow\n    return null;\n  }\n\n  render() {\n    const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n    const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n\n    return (\n      <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n        <div class=\"apm-content\">{this.renderResponse()}</div>\n\n        <div class=\"apm-actions\">\n          {!isRedirectMessage && isCashPayment && (\n            <rebill-button\n              type=\"button\"\n              variant=\"outline\"\n              theme=\"primary\"\n              onClick={this.handleViewBranches}\n            >\n              <span class=\"button-content\">\n                <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n                <rebill-icon name=\"square-arrow-top-right\" />\n              </span>\n            </rebill-button>\n          )}\n\n          {!isRedirectMessage && <apm-download data={this.downloadData} />}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dm8Dxmer.js","mappings":"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","names":["sessionState","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/models/enums/payment-method-name.enum.ts","src/utils/payment-method-mapper.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n  PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n  APPROVED = 'approved',\n  REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n  try {\n    const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n    return response.data;\n  } catch (error) {\n    throw error;\n  }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n  try {\n    if (!reqId || !bearerToken) {\n      return {};\n    }\n\n    const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n    const response = {\n      status: checkoutRequest.status,\n      isCompleted:\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n      isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n      data: checkoutRequest,\n    };\n\n    return {\n      status: 200,\n      body: response,\n    };\n  } catch (error) {\n    console.error('Error fetching checkout status:', error);\n    return {\n      status: 500,\n      body: { error: 'Failed to fetch checkout status' },\n    };\n  }\n};\n","export enum PaymentMethodNameE {\n  CARD = 'card',\n  BR_TRANSFERENCE_PIX = 'br-bank_transfer-pix',\n  BR_CASH_BOLETO = 'br-cash-boleto',\n  AR_CASH_PAGOFACIL = 'ar-cash-pagofacil',\n  AR_TRANSFERENCE_QR = 'ar-bank_transfer-qr',\n  CO_TRANSFERENCE_PSE = 'co-bank_transfer-pse',\n  MX_TRANSFERENCE_SPEI = 'mx-bank_transfer-spei',\n  CL_TRANSFERENCE_ETPAY = 'cl-bank_transfer-etpay',\n}\n","import { PaymentMethodNameE } from '../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { sessionState } from '../store/session.store';\n\n/**\n * Maps the current payment method enum to the specific APM payment method name\n * based on the country and payment method type\n */\nexport class PaymentMethodMapper {\n  /**\n   * Maps generic payment method to specific APM payment method name\n   * @param paymentMethod - Generic payment method (cash, transference, card)\n   * @param country - Country code (BR, AR, CO, MX, etc.)\n   * @returns Specific payment method name for APM API\n   */\n  static mapToAPMPaymentMethod(\n    paymentMethod: PAYMENT_METHOD_ENUM,\n    country?: string,\n  ): PaymentMethodNameE {\n    // If card, return card\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      return PaymentMethodNameE.CARD;\n    }\n\n    // Use country from session state if not provided\n    const countryCode = country || sessionState.data?.pricing?.country;\n\n    // Map cash payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CASH) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n        case 'AR':\n          return PaymentMethodNameE.AR_CASH_PAGOFACIL;\n        default:\n          // Default to Brazilian boleto if country not supported\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n      }\n    }\n\n    // Map transfer payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n        case 'AR':\n          return PaymentMethodNameE.AR_TRANSFERENCE_QR;\n        case 'CO':\n          return PaymentMethodNameE.CO_TRANSFERENCE_PSE;\n        case 'MX':\n          return PaymentMethodNameE.MX_TRANSFERENCE_SPEI;\n        case 'CL':\n          return PaymentMethodNameE.CL_TRANSFERENCE_ETPAY;\n        default:\n          // Default to Brazilian PIX if country not supported\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n      }\n    }\n\n    // Fallback to card\n    return PaymentMethodNameE.CARD;\n  }\n\n  /**\n   * Converts PaymentMethodNameE enum to a user-friendly display name\n   * @param paymentMethodName - Payment method enum value\n   * @returns User-friendly display name (e.g., \"PSE\", \"PIX\", \"Boleto\")\n   */\n  static getDisplayName(paymentMethodName: PaymentMethodNameE): string {\n    switch (paymentMethodName) {\n      case PaymentMethodNameE.CARD:\n        return 'Card';\n      case PaymentMethodNameE.BR_TRANSFERENCE_PIX:\n        return 'PIX';\n      case PaymentMethodNameE.BR_CASH_BOLETO:\n        return 'Boleto';\n      case PaymentMethodNameE.AR_CASH_PAGOFACIL:\n        return 'PagoFácil';\n      case PaymentMethodNameE.AR_TRANSFERENCE_QR:\n        return 'QR';\n      case PaymentMethodNameE.CO_TRANSFERENCE_PSE:\n        return 'PSE';\n      case PaymentMethodNameE.MX_TRANSFERENCE_SPEI:\n        return 'SPEI';\n      case PaymentMethodNameE.CL_TRANSFERENCE_ETPAY:\n        return 'Etpay';\n      default:\n        return 'Payment';\n    }\n  }\n\n  /**\n   * Checks if a payment method is an APM (Alternative Payment Method)\n   * @param paymentMethod - Payment method to check\n   * @returns True if APM, false if card\n   */\n  static isAPMPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM): boolean {\n    return (\n      paymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n      paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n    );\n  }\n}\n",".apm-checkout {\n  display: flex;\n  flex-direction: column;\n}\n\n.apm-content {\n  margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code {\n  margin-top: 0;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n  display: flex;\n  gap: 12px;\n  padding: 20px 0;\n}\n\n.apm-actions rebill-button,\n.apm-actions payment-button {\n  flex: 1;\n  width: 100%;\n}\n\n.apm-actions rebill-button .button-content,\n.apm-actions payment-button .button-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  overflow: hidden;\n}\n\n.apm-actions rebill-button .button-content rebill-icon {\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  flex-shrink: 0;\n}\n\n/* Redirect message styles */\n.apm-checkout.redirect-message {\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.redirect-content {\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  padding: 16px;\n}\n\n.redirect-content .payment-method-name {\n  font-weight: 600 !important;\n}\n\n/* Bank transfer data container */\n.bank-transfer-data-container {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Bank transfer data styles */\n.bank-transfer-data {\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n}\n\n.instruction-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.instruction-step:last-child {\n  margin-bottom: 0;\n}\n\n.step-number {\n  background: var(--rebill-color-background-right);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  text-align: center;\n  line-height: 1;\n}\n\n.step-number rebill-typography {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.instruction-text {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n.instruction-content {\n  flex: 1;\n}\n\n.bank-data-item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  border-bottom: none;\n}\n\n.value-with-copy {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n/* Bank transfer simple styles */\n.bank-transfer-simple-container {\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  border-radius: 8px;\n}\n\n.instruction-text {\n  margin-bottom: 16px;\n}\n\n.data-section {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple:last-child {\n  margin-bottom: 0;\n}\n\n.bank-data-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.bank-data-item-simple {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0;\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n  .apm-actions {\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .apm-actions rebill-button {\n    width: 100%;\n    flex: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { APMDownloadData } from '../apm-download/apm-download';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 5000; // 5 seconds\nconst POLLING_INTERVAL = 3000; // 3 seconds\n\nconst MAX_POLLING_ATTEMPTS = 300; // 15 minutes max (300 attempts * 3 seconds = 900 seconds = 15 minutes)\n\n@Component({\n  tag: 'apm-checkout',\n  styleUrl: 'apm-checkout.css',\n  shadow: false,\n})\nexport class APMCheckout {\n  @Element() el: HTMLElement;\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() referenceId?: string;\n  @Prop() qrCodeData?: string;\n  @Prop() code?: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() country?: string;\n  @Prop() redirectUrl?: string;\n  @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n  @Prop() checkoutRequestId?: string; // ID para hacer polling\n  @Prop() bearerToken?: string;\n  @Prop() bankTransferData?: any;\n\n  @State() showRedirectMessage = false;\n  @State() isPolling = false;\n  @State() minutesLeft?: number; // Minutos restantes del contador\n  @State() qrStartTime?: Date; // Hora de inicio del QR\n  @State() downloadData?: APMDownloadData;\n\n  @Event() paymentStatusChange: EventEmitter<{\n    status: STATUS_REQ_CHECKOUT_APM;\n    isCompleted: boolean;\n    data: any;\n  }>;\n\n  private redirectTimeoutId: number | undefined;\n  private pollingIntervalId: number | undefined;\n  private pollingDelayTimeoutId: NodeJS.Timeout | undefined;\n  private pollingAttempts = 0;\n\n  componentWillLoad() {\n    this.qrStartTime = new Date();\n    this.downloadData = this.generateDownloadData();\n\n    if (this.redirectUrl) {\n      this.handleRedirect();\n    }\n\n    if (this.checkoutRequestId && (this.qrCodeData || this.bankTransferData)) {\n      this.startPolling();\n    }\n  }\n\n  componentDidLoad() {\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.addEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n      this.redirectTimeoutId = undefined;\n    }\n    if (this.pollingDelayTimeoutId) {\n      clearTimeout(this.pollingDelayTimeoutId);\n      this.pollingDelayTimeoutId = undefined;\n    }\n\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.removeEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  private handleRedirect = () => {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n    }\n\n    this.showRedirectMessage = true;\n\n    this.redirectTimeoutId = window.setTimeout(() => {\n      window.open(this.redirectUrl, '_self');\n    }, this.timeToRedirect);\n  };\n\n  private handleViewBranches = () => {\n    window.open('https://www.pagofacil.com.ar/', '_blank');\n  };\n\n  private handleTimeUpdate = (event: CustomEvent<number>) => {\n    this.minutesLeft = event.detail;\n  };\n\n  private startPolling = () => {\n    if ((!this.qrCodeData && !this.bankTransferData) || !this.checkoutRequestId || this.isPolling) {\n      return;\n    }\n\n    this.isPolling = true;\n    this.pollingAttempts = 0;\n\n    this.pollingIntervalId = window.setInterval(() => {\n      this.checkPaymentStatus();\n    }, POLLING_INTERVAL);\n  };\n\n  private stopPolling = () => {\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n    this.isPolling = false;\n  };\n\n  private checkPaymentStatus = async () => {\n    if (!this.checkoutRequestId) {\n      return;\n    }\n\n    try {\n      this.pollingAttempts++;\n\n      const response = await getCheckoutRequest(this.checkoutRequestId, this.bearerToken);\n      const isCompleted =\n        response.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        response.status === STATUS_REQ_CHECKOUT_APM.REJECTED;\n      this.paymentStatusChange.emit({\n        status: response.status,\n        isCompleted: isCompleted,\n        data: response.data,\n      });\n\n      if (isCompleted) {\n        this.stopPolling();\n        return;\n      }\n\n      if (this.pollingAttempts >= MAX_POLLING_ATTEMPTS) {\n        this.stopPolling();\n        return;\n      }\n    } catch (error) {\n      console.error('Error checking payment status:', error);\n    }\n  };\n\n  private generateDownloadData(): APMDownloadData {\n    const downloadData: APMDownloadData = {\n      paymentMethod: this.paymentMethod,\n      referenceId: this.referenceId,\n      providerName: this.providerName,\n      expirationDate: this.expirationDate,\n      country: this.country,\n      minutesLeft: this.minutesLeft,\n    };\n\n    if (this.bankTransferData) {\n      downloadData.bankTransferData = {\n        bankName: this.bankTransferData.bankName,\n        accountNumber: this.bankTransferData.account || this.bankTransferData.bbvAccountNumber,\n        reference: this.bankTransferData.reference,\n        clabe: this.bankTransferData.account || this.bankTransferData.clabe,\n        destinationBank: this.bankTransferData.bankName,\n        paymentReference: this.bankTransferData.reference,\n        instructions: this.bankTransferData.instructions,\n      };\n    } else if (this.qrCodeData) {\n      downloadData.qrCodeData = this.qrCodeData;\n    }\n\n    return downloadData;\n  }\n\n  private renderResponse() {\n    // If redirectUrl is provided, show redirect message\n    if (this.redirectUrl && this.showRedirectMessage) {\n      const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.paymentMethod,\n        this.country,\n      );\n      const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n      return (\n        <div class=\"redirect-content\">\n          <div class=\"redirect-text\">\n            <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n              {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n              <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n                {paymentMethodName}\n              </rebill-typography>{' '}\n              {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n            </rebill-typography>\n          </div>\n        </div>\n      );\n    }\n\n    // If referenceId is provided, show reference code component\n    if (this.referenceId) {\n      return (\n        <reference-code\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n        />\n      );\n    }\n\n    // If qrCodeData is provided, show QR code component\n    if (this.qrCodeData) {\n      return (\n        <qr-code\n          qrCodeData={this.qrCodeData}\n          code={this.code}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          paymentMethod={this.paymentMethod}\n          onTimeUpdate={this.handleTimeUpdate}\n        />\n      );\n    }\n\n    if (this.bankTransferData) {\n      return <bank-transfer bankTransferData={this.bankTransferData} />;\n    }\n\n    // Fallback - shouldn't happen in normal flow\n    return null;\n  }\n\n  render() {\n    const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n    const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n\n    return (\n      <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n        <div class=\"apm-content\">{this.renderResponse()}</div>\n\n        <div class=\"apm-actions\">\n          {!isRedirectMessage && isCashPayment && (\n            <rebill-button\n              type=\"button\"\n              variant=\"outline\"\n              theme=\"primary\"\n              onClick={this.handleViewBranches}\n            >\n              <span class=\"button-content\">\n                <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n                <rebill-icon name=\"square-arrow-top-right\" />\n              </span>\n            </rebill-button>\n          )}\n\n          {!isRedirectMessage && <apm-download data={this.downloadData} />}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DrAiGSzG.js → p-Dp8EoajW.js}

@@ -26,7 +26,7 @@ const CollapsibleCard = /*@__PURE__*/ proxyCustomElement(class CollapsibleCard e
         this.toggled.emit(this.isOpen);
     };
     render() {
-        return (h("div", { key: '70ba239467a88ca0ce6058bcd8020807e71c4022', class: `collapsible-card ${this.variant}` }, h("button", { key: '6d99d6a0f2e56070b4efa1bff7c9d284bdb0c290', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: '697665ffeca15b33eaa22fd91be373ec7e7e6c3e', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: 'b41772f04b16818c1bf1dbd2bb33a7e90bf60825', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: 'dc46d84a9f2caae5104822e1335a8a8828a10a03', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: '2a7dc6e7724c6c8586a83173eeca435b6b5630f0', class: { content: true, open: this.isOpen } }, h("slot", { key: '03aad6340006dd225a4b68251605413a9e1f1ce8' }))));
+        return (h("div", { key: '1457cbc26b83000ec71d1b8a9330b36339bcacc3', class: `collapsible-card ${this.variant}` }, h("button", { key: '5f21229da2ab3dbb265a4b80cad04e72364cc934', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: 'c6f347bbc712d4ede42b5c63a81b1145297bf36e', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: '7e53c8c84a60126d856a12199871ab9d328c932f', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: '7f3310ed9e9abcfacd8d0050f26a81ba2771a3ff', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: '4ab6b819a7305f97c2b4093ee5f313021c73bfc9', class: { content: true, open: this.isOpen } }, h("slot", { key: '68fd3a2c949a723f6703fb1e2b6c0fe6ad4e5877' }))));
     }
     static get style() { return collapsibleCardCss; }
 }, [260, "collapsible-card", {
@@ -61,6 +61,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CollapsibleCard as C, defineCustomElement as d };
-//# sourceMappingURL=p-DrAiGSzG.js.map
+//# sourceMappingURL=p-Dp8EoajW.js.map
 
-//# sourceMappingURL=p-DrAiGSzG.js.map
+//# sourceMappingURL=p-Dp8EoajW.js.map

package/dist/components/{p-DrAiGSzG.js.map → p-Dp8EoajW.js.map}

@@ -1 +1 @@
-{"file":"p-DrAiGSzG.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,gtFAAgtF;;MCQ9tF,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5C,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEb,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAE,WAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9C,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dp8EoajW.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,gtFAAgtF;;MCQ9tF,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5C,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEb,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAE,WAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9C,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BX1_zmbg.js → p-DvV5MmYi.js}

@@ -1,9 +1,9 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { s as state } from './p-CMzpQU2o.js';
 import { d as defineCustomElement$5 } from './p-TtP-m545.js';
-import { d as defineCustomElement$4 } from './p-D3QILlvg.js';
+import { d as defineCustomElement$4 } from './p-HzmATjhQ.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
-import { d as defineCustomElement$2 } from './p-qI3t-gYu.js';
+import { d as defineCustomElement$2 } from './p-BZYd-So1.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
 
 const checkoutSingleColumnCss = ".checkout-single-column{min-height:100vh;background:var(--rebill-color-background);display:flex;flex-direction:column;position:relative;overflow-x:hidden;min-width:320px}.checkout-single-column__header{display:flex;justify-content:flex-start;align-items:center;height:72px;width:100%;max-width:1448px;min-width:348px;background:var(--rebill-color-background);margin-left:30px;box-sizing:border-box}.checkout-single-column__main-content{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;width:100%;box-sizing:border-box;max-width:450px;margin:0 auto;gap:2rem}.checkout-single-column__footer-container{margin-top:auto;height:60px;display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.checkout-single-column__footer-content{width:100%;max-width:450px;min-width:auto;flex-shrink:1;flex-basis:auto;box-sizing:border-box}@media (max-width: 1024px){.checkout-single-column__header{width:100%;max-width:100%;justify-content:flex-start}.checkout-single-column__main-content{gap:0;align-items:center;justify-content:center;padding-top:2rem;flex:1;min-height:0;width:100%}.checkout-single-column__footer-container{width:100%;height:auto;min-height:60px;justify-content:center}.checkout-single-column__footer-content{width:100%;min-width:auto;max-width:100%;flex-basis:auto}}@media (max-width: 767px){.checkout-single-column__header{height:60px;margin-left:12px;margin-right:12px;width:100%}.checkout-single-column__main-content{padding-top:1rem;align-items:center;justify-content:center;flex:1;width:100%}.checkout-single-column__footer-container{margin-left:12px;margin-right:12px;height:auto;min-height:60px;width:100%;justify-content:center}}@media (min-width: 1025px){.checkout-single-column{background:var(--rebill-color-background-left)}.checkout-single-column__footer-container{margin-left:16px}.checkout-single-column__header{background:var(--rebill-color-background-left)}}";
@@ -16,7 +16,7 @@ const LayoutCheckoutSingleColumn = /*@__PURE__*/ proxyCustomElement(class Layout
         }
     }
     render() {
-        return (h("div", { key: '468642d8508195f782664ba567da3d73b0b3a47b', class: "checkout-single-column" }, h("header", { key: 'bf8c5875fd0c557746a80ed4dbb0254817b3b32b', class: "checkout-single-column__header" }, h("div", { key: '859b9485b2a6a2aea09dc4b66d6186d6442d4ef0', class: "header-container" }, h("organization-logo", { key: '6a94768c45a3e617ad27a11649d6d475c3063b5b', organization: state.data.organization }))), h("main", { key: '12330c89eb8ad95a8072047d30954b65c53e6542', class: "checkout-single-column__main-content" }, h("slot", { key: '27b3ccad7785c21aec1b3ca206048fdf5ac5c028' })), h("div", { key: '32acdd8bd1811f6a27d7d6011efddde713923704', class: "checkout-single-column__footer-container" }, h("rebill-footer", { key: '495fae111544680a34143272b273360a9498c4d9', class: "checkout-single-column__footer-content" }))));
+        return (h("div", { key: '3e002c176d7f9c8e59f8274d413fed7675c6af2f', class: "checkout-single-column" }, h("header", { key: '3048e200d0382cb75dd4e5ccfca92301f3c4d0e1', class: "checkout-single-column__header" }, h("div", { key: '49dc6e0e0147267ab1e6e93f5248a04657ea2a61', class: "header-container" }, h("organization-logo", { key: '2c3c3c377ba34c1534d50c013896c0ed186cb745', organization: state.data.organization }))), h("main", { key: '1dd65fafd06a0bba85dd343477d8cb732132decd', class: "checkout-single-column__main-content" }, h("slot", { key: '1cdc777463981c3c732817695d102985de61dfe9' })), h("div", { key: '97d8818dbab4842a0d6b7075aed62d2877be0b53', class: "checkout-single-column__footer-container" }, h("rebill-footer", { key: 'ea0d8b4b219cd799678f8c85fd52e97785e1885f', class: "checkout-single-column__footer-content" }))));
     }
     static get style() { return checkoutSingleColumnCss; }
 }, [260, "rebill-checkout-single-column"]);
@@ -61,6 +61,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LayoutCheckoutSingleColumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-BX1_zmbg.js.map
+//# sourceMappingURL=p-DvV5MmYi.js.map
 
-//# sourceMappingURL=p-BX1_zmbg.js.map
+//# sourceMappingURL=p-DvV5MmYi.js.map

package/dist/components/{p-BX1_zmbg.js.map → p-DvV5MmYi.js.map}

@@ -1 +1 @@
-{"file":"p-BX1_zmbg.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,i5DAAi5D;;MCQp6D,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACnD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,wCAAwC,GAAG,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n  min-height: 100vh;\n  background: var(--rebill-color-background);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-x: hidden;\n  min-width: 320px;\n}\n\n.checkout-single-column__header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 72px;\n  width: 100%;\n  max-width: 1448px;\n  min-width: 348px;\n  background: var(--rebill-color-background);\n  margin-left: 30px;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n  /* padding: 0 20px; */\n  max-width: 450px;\n\n  margin: 0 auto;\n  gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n  margin-top: auto;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n  width: 100%;\n  max-width: 450px;\n  min-width: auto;\n  flex-shrink: 1;\n  flex-basis: auto;\n  box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n  .checkout-single-column__header {\n    width: 100%;\n    max-width: 100%;\n\n    justify-content: flex-start;\n  }\n\n  .checkout-single-column__main-content {\n    /* padding: 0 20px; */\n    gap: 0;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    width: 100%;\n    height: auto;\n    min-height: 60px;\n    justify-content: center;\n  }\n\n  .checkout-single-column__footer-content {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n    flex-basis: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .checkout-single-column__header {\n    height: 60px;\n    margin-left: 12px;\n    margin-right: 12px;\n    width: 100%;\n  }\n\n  .checkout-single-column__main-content {\n    padding-top: 1rem;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    margin-left: 12px;\n    margin-right: 12px;\n    height: auto;\n    min-height: 60px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1025px) {\n  .checkout-single-column {\n    background: var(--rebill-color-background-left);\n  }\n  .checkout-single-column__footer-container {\n    margin-left: 16px;\n  }\n\n  .checkout-single-column__header {\n    background: var(--rebill-color-background-left);\n  }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'rebill-checkout-single-column',\n  styleUrl: 'checkout-single-column.css',\n  shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n  render() {\n    return (\n      <div class=\"checkout-single-column\">\n        <header class=\"checkout-single-column__header\">\n          <div class=\"header-container\">\n            <organization-logo organization={sessionState.data.organization} />\n          </div>\n        </header>\n        <main class=\"checkout-single-column__main-content\">\n          <slot />\n        </main>\n        <div class=\"checkout-single-column__footer-container\">\n          <rebill-footer class=\"checkout-single-column__footer-content\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DvV5MmYi.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,i5DAAi5D;;MCQp6D,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACnD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,wCAAwC,GAAG,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n  min-height: 100vh;\n  background: var(--rebill-color-background);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-x: hidden;\n  min-width: 320px;\n}\n\n.checkout-single-column__header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 72px;\n  width: 100%;\n  max-width: 1448px;\n  min-width: 348px;\n  background: var(--rebill-color-background);\n  margin-left: 30px;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n  /* padding: 0 20px; */\n  max-width: 450px;\n\n  margin: 0 auto;\n  gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n  margin-top: auto;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n  width: 100%;\n  max-width: 450px;\n  min-width: auto;\n  flex-shrink: 1;\n  flex-basis: auto;\n  box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n  .checkout-single-column__header {\n    width: 100%;\n    max-width: 100%;\n\n    justify-content: flex-start;\n  }\n\n  .checkout-single-column__main-content {\n    /* padding: 0 20px; */\n    gap: 0;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    width: 100%;\n    height: auto;\n    min-height: 60px;\n    justify-content: center;\n  }\n\n  .checkout-single-column__footer-content {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n    flex-basis: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .checkout-single-column__header {\n    height: 60px;\n    margin-left: 12px;\n    margin-right: 12px;\n    width: 100%;\n  }\n\n  .checkout-single-column__main-content {\n    padding-top: 1rem;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    margin-left: 12px;\n    margin-right: 12px;\n    height: auto;\n    min-height: 60px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1025px) {\n  .checkout-single-column {\n    background: var(--rebill-color-background-left);\n  }\n  .checkout-single-column__footer-container {\n    margin-left: 16px;\n  }\n\n  .checkout-single-column__header {\n    background: var(--rebill-color-background-left);\n  }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'rebill-checkout-single-column',\n  styleUrl: 'checkout-single-column.css',\n  shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n  render() {\n    return (\n      <div class=\"checkout-single-column\">\n        <header class=\"checkout-single-column__header\">\n          <div class=\"header-container\">\n            <organization-logo organization={sessionState.data.organization} />\n          </div>\n        </header>\n        <main class=\"checkout-single-column__main-content\">\n          <slot />\n        </main>\n        <div class=\"checkout-single-column__footer-container\">\n          <rebill-footer class=\"checkout-single-column__footer-content\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-4hVDutj0.js → p-DzdUnkvh.js}

@@ -10,7 +10,7 @@ const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
         }
     }
     render() {
-        return h("div", { key: '70e5d2a8881fe2ed8779ae91047024132a24ba8d', class: "rebill-divider" });
+        return h("div", { key: 'e473487d16557d2a754a133173d72ca6ce5a7767', class: "rebill-divider" });
     }
     static get style() { return dividerCss; }
 }, [256, "rebill-divider"]);
@@ -30,6 +30,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Divider as D, defineCustomElement as d };
-//# sourceMappingURL=p-4hVDutj0.js.map
+//# sourceMappingURL=p-DzdUnkvh.js.map
 
-//# sourceMappingURL=p-4hVDutj0.js.map
+//# sourceMappingURL=p-DzdUnkvh.js.map

package/dist/components/{p-4hVDutj0.js.map → p-DzdUnkvh.js.map}

@@ -1 +1 @@
-{"file":"p-4hVDutj0.js","mappings":";;AAAA,MAAM,UAAU,GAAG,gHAAgH;;MCQtH,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;IAClB,MAAM,GAAA;AACJ,QAAA,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,GAAO;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/divider/divider.css?tag=rebill-divider","src/components/shared/divider/divider.tsx"],"sourcesContent":[".rebill-divider {\n  border: none;\n  border-top: 0.5px solid var(--rebill-color-border-primary);\n  width: 100%;\n  height: 0.5px;\n}\n","import { Component, h } from '@stencil/core';\nimport './divider.css';\n\n@Component({\n  tag: 'rebill-divider',\n  styleUrl: 'divider.css',\n  shadow: false,\n})\nexport class Divider {\n  render() {\n    return <div class=\"rebill-divider\"></div>;\n  }\n}\n"],"version":3}
+{"file":"p-DzdUnkvh.js","mappings":";;AAAA,MAAM,UAAU,GAAG,gHAAgH;;MCQtH,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;IAClB,MAAM,GAAA;AACJ,QAAA,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,GAAO;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/divider/divider.css?tag=rebill-divider","src/components/shared/divider/divider.tsx"],"sourcesContent":[".rebill-divider {\n  border: none;\n  border-top: 0.5px solid var(--rebill-color-border-primary);\n  width: 100%;\n  height: 0.5px;\n}\n","import { Component, h } from '@stencil/core';\nimport './divider.css';\n\n@Component({\n  tag: 'rebill-divider',\n  styleUrl: 'divider.css',\n  shadow: false,\n})\nexport class Divider {\n  render() {\n    return <div class=\"rebill-divider\"></div>;\n  }\n}\n"],"version":3}

package/dist/components/{p-D3QILlvg.js → p-HzmATjhQ.js}

@@ -4,10 +4,10 @@ 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-DA598vBj.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
-import { d as defineCustomElement$2 } from './p-qI3t-gYu.js';
+import { d as defineCustomElement$2 } from './p-BZYd-So1.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.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}.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}";
+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: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}";
 
 const RebillFooter = /*@__PURE__*/ proxyCustomElement(class RebillFooter extends H {
     constructor(registerHost) {
@@ -34,7 +34,7 @@ const RebillFooter = /*@__PURE__*/ proxyCustomElement(class RebillFooter extends
         SessionStore.changeLanguage(event.detail.value);
     };
     render() {
-        return (h("div", { key: '6184f1b631f0bd63fe4ddf9b47b9335de954c641', class: "rebill-footer__footer-content" }, h("div", { key: '5be0cec48aaed80636c0aab759c7ce22938ec6c6', class: "terms-and-conditions" }, !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (h("rebill-typography", { key: '914acad894e0d153f74f47bd710fd65bf24bf86e', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-powered" }, I18nService.translate('footer.poweredBy'))), h("rebill-icon", { key: 'f2ed4de21b518f929462489b444b4d8c5998193c', name: "rebill-logo", color: COLORS_ENUM.SECONDARY }), h("rebill-icon", { key: '58e6c325324f039bb33cad67f27e4c58acdf0080', name: "rebill", color: COLORS_ENUM.SECONDARY }), h("rebill-typography", { key: '1514eaca2c60fcf957aa5b05173f81f40c223cfa', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-separator" }, "|"), h("rebill-typography", { key: 'a78a37f1969abe1e529dad9840ce184cc3a26512', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, h("a", { key: 'b84b14ddb73d9c3892b28f3d7d33b918b6039509', href: "https://www.rebill.com/terminos-y-condiciones-usuarios-finales", target: "_blank" }, I18nService.translate('footer.termsAndConditions')))), h("div", { key: '90d6827e3a52bd91e168acbaef0af9d5c4437748', class: "language-selector" }, h("rebill-icon", { key: 'fac513520ee23f8151289056344fbce934aa95e3', name: "world" }), h("rebill-input-select", { key: 'c8383318408ffd09fd13526072fba6fc39dadf59', id: "language-selector", variant: "underlined", backgroundColor: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)
+        return (h("div", { key: '2bf71ea419e16951f8ba3e1d9a74d460ea234271', class: "rebill-footer__footer-content" }, h("div", { key: '5d475f95f2e99d14bcb5ac94807403b47c746955', class: "terms-and-conditions" }, !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (h("rebill-typography", { key: 'e32913e5ff5be1045650d32607319fc704eb08fd', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-powered" }, I18nService.translate('footer.poweredBy'))), h("rebill-icon", { key: '98445973ff58f009ef8530ee5b85b82cee2ebbf5', name: "rebill-logo", color: COLORS_ENUM.SECONDARY }), h("rebill-icon", { key: '2a3e9923ff4587db6d7f98f60c7a63b435cbe041', name: "rebill", color: COLORS_ENUM.SECONDARY }), h("rebill-typography", { key: 'a13ace0f701b6039a142cef96784940fedc57a42', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-separator" }, "|"), h("rebill-typography", { key: 'bf4d69c5b8b2fedf56c6acb21a406e823bc12778', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, h("a", { key: 'a17ff0764546610bd2d1bb14a44e54b947794a8f', href: "https://www.rebill.com/terminos-y-condiciones-usuarios-finales", target: "_blank" }, I18nService.translate('footer.termsAndConditions')))), h("div", { key: '76611d3afd818621460a0ca43ded9da3ee69bbc6', class: "language-selector" }, h("rebill-icon", { key: 'ea078f2e51059969e8a94a6f13239d214ef8b26a', name: "world" }), h("rebill-input-select", { key: 'ff844420ba1b8d754c0d75c80993203bd5931486', id: "language-selector", variant: "underlined", backgroundColor: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)
                 ? ''
                 : 'var(--rebill-color-background-left)', options: [
                 { label: 'EN', value: LOCALES_ENUM.EN },
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RebillFooter as R, defineCustomElement as d };
-//# sourceMappingURL=p-D3QILlvg.js.map
+//# sourceMappingURL=p-HzmATjhQ.js.map
 
-//# sourceMappingURL=p-D3QILlvg.js.map
+//# sourceMappingURL=p-HzmATjhQ.js.map

package/dist/components/p-HzmATjhQ.js.map

@@ -0,0 +1 @@
+{"file":"p-HzmATjhQ.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,4jBAA4jB;;MCYvkB,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;AACd,IAAA,UAAU,GAAoB,eAAe,CAAC,OAAO;IAE9D,aAAa,GAAG,MAAK;QACnB,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;AACpD,KAAC;IAED,oBAAoB,GAAA;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC;;AAG1D,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,aAAa,EAAE;QACpB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC;AACrD,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,kBAAkB,EAAE;AACjD,QAAA,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC;;AAE/B,IAAA,oBAAoB,GAAG,CAAC,KAAU,KAAI;QAC5C,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9C,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACjD,KAAC;IACD,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,+BAA+B,EAAA,EACxC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC9B,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,KAC3D,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,KAAK,EAAC,gBAAgB,EAErB,EAAA,WAAW,CAAC,SAAS,CAAC,kBAAkB,CAAC,CACxB,CACrB,EACD,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,WAAW,CAAC,SAAS,EAAI,CAAA,EAChE,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,CAAC,SAAS,EAAI,CAAA,EAC3D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,KAAK,EAAC,kBAAkB,EAGN,EAAA,GAAA,CAAA,EACpB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,WAAW,CAAC,SAAS,EAAE,KAAK,EAAC,aAAa,EAAA,EACtF,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,gEAAgE,EACrE,MAAM,EAAC,QAAQ,EAAA,EAEd,WAAW,CAAC,SAAS,CAAC,2BAA2B,CAAC,CACjD,CACc,CAChB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EAC5B,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAC,YAAY,EACpB,eAAe,EACb,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO;AACxD,kBAAE;AACF,kBAAE,qCAAqC,EAE3C,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE;gBACvC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE;gBACvC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE;AACxC,aAAA,EACD,KAAK,EAAEC,KAAY,CAAC,aAAa,EAAA,UAAA,EACvB,IAAI,CAAC,oBAAoB,EACnC,QAAQ,EAAC,MAAM,EACf,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,yBAAyB,EAAA,CAC/B,CACE,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[".language-selector {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  height: 24px;\n}\n.rebill-footer__footer-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin: 18px;\n}\n\n.terms-and-conditions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 12px;\n}\n\n.footer-powered {\n  margin-right: 4px;\n}\n\n.footer-separator {\n  margin-right: 6px;\n  margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n  display: flex;\n  align-items: center;\n}\n\n.footer-link a {\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-footer',\n  styleUrl: 'rebill-footer.css',\n  shadow: false,\n})\nexport class RebillFooter {\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  resizeHandler = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.resizeHandler);\n  }\n\n  async componentWillLoad() {\n    this.resizeHandler();\n    window.addEventListener('resize', this.resizeHandler);\n    const language = I18nService.getCurrentLanguage();\n    SessionStore.changeLanguage(language);\n  }\n  private handleLanguageChange = (event: any) => {\n    I18nService.changeLanguage(event.detail.value);\n    SessionStore.changeLanguage(event.detail.value);\n  };\n  render() {\n    return (\n      <div class=\"rebill-footer__footer-content\">\n        <div class=\"terms-and-conditions\">\n          {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n            <rebill-typography\n              variant=\"subtitle3\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-powered\"\n            >\n              {I18nService.translate('footer.poweredBy')}\n            </rebill-typography>\n          )}\n          <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-typography\n            variant=\"subtitle3\"\n            color={COLORS_ENUM.SECONDARY}\n            class=\"footer-separator\"\n          >\n            |\n          </rebill-typography>\n          <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n            <a\n              href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n              target=\"_blank\"\n            >\n              {I18nService.translate('footer.termsAndConditions')}\n            </a>\n          </rebill-typography>\n        </div>\n        <div class=\"language-selector\">\n          <rebill-icon name=\"world\" />\n          <rebill-input-select\n            id=\"language-selector\"\n            variant=\"underlined\"\n            backgroundColor={\n              isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n                ? ''\n                : 'var(--rebill-color-background-left)'\n            }\n            options={[\n              { label: 'EN', value: LOCALES_ENUM.EN },\n              { label: 'ES', value: LOCALES_ENUM.ES },\n              { label: 'PT', value: LOCALES_ENUM.PT },\n            ]}\n            value={sessionState.currentLocale}\n            on-input={this.handleLanguageChange}\n            fontSize=\"10px\"\n            dropPosition=\"up\"\n            arrowIcon=\"down\"\n            class=\"language-selector-input\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CVtNCEPd.js → p-PBF27XTU.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { I as I18nService, f as formatAmountWithoutCurrency, s as state } from './p-CMzpQU2o.js';
 import { c as copyToClipboard } from './p-OxmhgFET.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
-import { d as defineCustomElement$4 } from './p-DrAiGSzG.js';
+import { d as defineCustomElement$4 } from './p-Dp8EoajW.js';
 import { d as defineCustomElement$3 } from './p-DvWdkIUq.js';
 import { d as defineCustomElement$2 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
@@ -95,6 +95,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { BankTransfer as B, defineCustomElement as d };
-//# sourceMappingURL=p-CVtNCEPd.js.map
+//# sourceMappingURL=p-PBF27XTU.js.map
 
-//# sourceMappingURL=p-CVtNCEPd.js.map
+//# sourceMappingURL=p-PBF27XTU.js.map