rebill-web-components-sdk 1.10.1 → 1.10.2

package/dist/components/{p-CobY14qx.js → p-D0N0vC0E.js}

@@ -3,8 +3,8 @@ import { a as api } from './p-D0zT4zMi.js';
 import { s as state, S as SessionStore, I as I18nService } from './p-Be63Lt_2.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { c as createCountdownTimer } from './p-bcHxwlBu.js';
-import { d as defineCustomElement$5 } from './p-B0FDvLRO.js';
-import { d as defineCustomElement$4 } from './p-BU6zbBCY.js';
+import { d as defineCustomElement$5 } from './p-Ds466vGv.js';
+import { d as defineCustomElement$4 } from './p-BhAb6Xb9.js';
 import { d as defineCustomElement$3 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$2 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
@@ -110,17 +110,17 @@ const Otp = /*@__PURE__*/ proxyCustomElement(class Otp extends H {
         }
     };
     render() {
-        return (h("div", { key: '3bc40c6b51638c164203999e2b15aabaa2310dd6', class: "otp__otp-container" }, h("div", { key: '2a8c4c4abb0d8d4e54ba49ad456480622fd9a08a', class: "otp__user-information" }, h("div", { key: '082cf7a3b04d2c706b6b113cc4b945a663de15bb', class: "otp__otp-description-container" }, h("rebill-typography", { key: '77dd174b9a8d9889c12f4a4db0c8a72e1e8e2e85', variant: "body2", class: "otp__otp-description" }, I18nService.translate('otp.description')), h("rebill-typography", { key: '8f5e8cb60e361f4d76b88d9134b5e9bafb8a57e7', variant: "subtitle-bold", class: "otp__otp-description-digits" }, ' ', h("strong", { key: '886b8486ca1caf2d914e553b6e83db1822531f42' }, I18nService.translate('otp.descriptionDigits')), ' '), h("rebill-typography", { key: '6fa12a2e4137fbeb5fc3d9489c979091aaa09a87', variant: "body2", class: "otp__otp-description-email" }, I18nService.translate('otp.descriptionEmail'))), h("rebill-typography", { key: '74a00be12cdbb80d5830a703e5f69dae6bccfd5c', variant: "body2", class: "otp__otp-email-line" }, state.data.userInformation.email, ' ', !state.data.prefilledData?.email && (h("span", { key: 'feda3a02bae97ec34d2dcff455c3df132f80fc34', class: "otp__change-email", onClick: () => {
+        return (h("div", { key: '1124eac37dc54f6d3e4fdf8575bae2ec51e0ad9b', class: "otp__otp-container" }, h("div", { key: 'dd578affb2dd03d93d5f799340f545b4e8e49684', class: "otp__user-information" }, h("div", { key: '3668bd0dc5834b0af06df4cf1062de1b6d9573fb', class: "otp__otp-description-container" }, h("rebill-typography", { key: '8f187701066eab97cd715d7d10e9abe54ccf8df5', variant: "body2", class: "otp__otp-description" }, I18nService.translate('otp.description')), h("rebill-typography", { key: 'cdeb77366d825819ba95aef6bd40bc85d6a63631', variant: "subtitle-bold", class: "otp__otp-description-digits" }, ' ', h("strong", { key: 'c31c005123e3d7e6abba74a4ca9f47740ed90f0c' }, I18nService.translate('otp.descriptionDigits')), ' '), h("rebill-typography", { key: '8863a76a9b9b901989958913849d0636916d6070', variant: "body2", class: "otp__otp-description-email" }, I18nService.translate('otp.descriptionEmail'))), h("rebill-typography", { key: 'ef2bbdf4e25f0a57f4bede92478fa01d8ae375d6', variant: "body2", class: "otp__otp-email-line" }, state.data.userInformation.email, ' ', !state.data.prefilledData?.email && (h("span", { key: 'bdd7af00af0eac899c545962d9e4c6cfe509bd58', class: "otp__change-email", onClick: () => {
                 this.otpValue = '';
                 this.error = false;
                 this.returnForm.emit(false);
-            } }, I18nService.translate('otp.change'))))), h("input-otp", { key: 'd34b114b71d335e10aabec484d79accca4cfb20d', otp: this.otpValue, onOtpChange: event => this.handleOtpChange(event.detail), error: this.error ? I18nService.translate('otp.error') : '' }), this.isVerifying && (h("div", { key: 'ee9a763d8d58ef2a80486b972b99fc22699121b5', class: "otp__verifying-container" }, h("rebill-typography", { key: 'c715e750cacf1a5c3248dc1287e911a50fc26ce9', variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('otp.verifyingCode')), h("div", { key: '2fb434d44c08cc078af406daccad3f1949158a2e', class: "otp__spinner" }))), h("rebill-button", { key: '6d4763e7a42f813d286b99b89bd713c6196c940a', type: "button", variant: "outline", theme: this.isTimerRunning ? 'secondary' : 'primary', disabled: this.isTimerRunning, onClick: this.handleResendCode, size: "small", style: { height: '24px', marginBottom: '8px' } }, this.isTimerRunning
+            } }, I18nService.translate('otp.change'))))), h("input-otp", { key: '7471c843f8dd5450d8c62027b014d9fdb94f1ba0', otp: this.otpValue, onOtpChange: event => this.handleOtpChange(event.detail), error: this.error ? I18nService.translate('otp.error') : '' }), this.isVerifying && (h("div", { key: 'ae324f212d96bf320da9cbb3d22dc85b6d186825', class: "otp__verifying-container" }, h("rebill-typography", { key: '0b8014cf9441a4f972bad53d02494bbf25378aca', variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('otp.verifyingCode')), h("div", { key: '7969178c1d69da5c9445752f75ae029f3783a34d', class: "otp__spinner" }))), h("rebill-button", { key: 'ae03bb0fda79d6abb90d376fec3fee1fca92931c', type: "button", variant: "outline", theme: this.isTimerRunning ? 'secondary' : 'primary', disabled: this.isTimerRunning, onClick: this.handleResendCode, size: "small", style: { height: '24px', marginBottom: '8px' } }, this.isTimerRunning
             ? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`
-            : I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: 'd327976319a3f9a2b104f99cc0bbc508cba46abc', class: "otp__code-resent-container" }, h("rebill-typography", { key: 'b80f6df3092a27aa1664089c7203cc900b9888e1', variant: "subtitle2", color: COLORS_ENUM.GREEN }, h("rebill-icon", { key: '0ac3c09556cb99a4a3bedcab47800aef298de265', name: "check-radio" }), I18nService.translate('otp.codeResent')))), h("rebill-alert", { key: '987b3222a320a5d8f68792f27c149085bfae1e77', class: "otp__rebill-alert", type: "secure", variant: "variant-info", message: I18nService.translate('otp.infoMessage'), icon: "circle-info", alertTitle: I18nService.translate('otp.infoTitle'), colorIcon: COLORS_ENUM.PRIMARY_DARK_LIGHT }), h("div", { key: '82ad4a1f2b2a557a7bbacd089681f46bca99e35c', class: "otp__alternative" }, h("rebill-typography", { key: 'b821225ea5cb63041bc11763420c9982bfd87577', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK }, "o")), h("div", { key: '83efad3f58efaadcac27bc82868e19180aa39043', class: "otp__guest-options" }, h("rebill-button", { key: 'd2df54d921231cb411cb0b61d486555bea706b23', type: "button", variant: "outline", theme: "secondary", size: "medium", onClick: () => {
+            : I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: '987f6e8c24dcff5a25ba2156d0385b5f3d926b23', class: "otp__code-resent-container" }, h("rebill-typography", { key: '90fa96b10fb27aeff99945467f950b47dbb542b6', variant: "subtitle2", color: COLORS_ENUM.GREEN }, h("rebill-icon", { key: '348d5aeb1519c42a2c0e55b021bb7dc1fea7d241', name: "check-radio" }), I18nService.translate('otp.codeResent')))), h("rebill-alert", { key: 'ffe394d4d54e1325d19da201e6e523f7473d0302', class: "otp__rebill-alert", type: "secure", variant: "variant-info", message: I18nService.translate('otp.infoMessage'), icon: "circle-info", alertTitle: I18nService.translate('otp.infoTitle'), colorIcon: COLORS_ENUM.PRIMARY_DARK_LIGHT }), h("div", { key: 'ef979f9b54840511db1ea6dcb2fdeee728a5c162', class: "otp__alternative" }, h("rebill-typography", { key: 'f4b528125adf4186ba098a9b835b69109f58b30c', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK }, "o")), h("div", { key: 'e2b1f77e9a374509e8109ff6bb9937a524c03060', class: "otp__guest-options" }, h("rebill-button", { key: 'd397f7db305d6b7790f7ac485e3765c94a8b64e0', type: "button", variant: "outline", theme: "secondary", size: "medium", onClick: () => {
                 this.otpValue = '';
                 this.error = false;
                 this.returnForm.emit(false);
-            } }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: '7c7bf4d864458c2157b591cde80e4276fddd9acf', type: "secure", variant: "variant-secure", icon: "lock-outline", message: I18nService.translate('otp.secureMessage') }))));
+            } }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: 'f51cad69765e40648182d9e0d37fd7a8f20aa72d', type: "secure", variant: "variant-secure", icon: "lock-outline", message: I18nService.translate('otp.secureMessage') }))));
     }
     static get style() { return otpCss; }
 }, [256, "otp-component", {
@@ -172,6 +172,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Otp as O, defineCustomElement as d };
-//# sourceMappingURL=p-CobY14qx.js.map
+//# sourceMappingURL=p-D0N0vC0E.js.map
 
-//# sourceMappingURL=p-CobY14qx.js.map
+//# sourceMappingURL=p-D0N0vC0E.js.map

package/dist/components/{p-CobY14qx.js.map → p-D0N0vC0E.js.map}

@@ -1 +1 @@
-{"file":"p-CobY14qx.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/otp/otp.css?tag=otp-component","src/components/checkout/otp/otp.tsx"],"sourcesContent":[".otp__otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  position: relative;\n  margin-top: 2rem;\n}\n\n.otp__user-information {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n}\n\n.otp__otp-description-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n.otp__change-email {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-left: 0;\n}\n\n.otp__change-email:hover {\n  color: var(--rebill-primary-color);\n  text-decoration: underline;\n}\n\n.otp__alternative {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 32px;\n  width: 100%;\n}\n\n.otp__rebill-alert {\n  width: 100%;\n}\n\n.otp__guest-options {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  margin-top: auto;\n}\n\n.otp__verifying-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 8px 0;\n}\n\n.otp__code-resent-container rebill-typography {\n  display: flex;\n  line-height: 1;\n}\n\n.otp__code-resent-container rebill-icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.otp__spinner {\n  width: 15px;\n  height: 15px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  border-top-color: var(--rebill-color-primary);\n  animation: spin 1s linear infinite;\n  display: inline-block;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive adjustments */\n@media (max-width: 1024px) {\n  .otp__otp-container {\n    min-height: calc(100vh - 40px);\n  }\n\n  .otp__guest-options {\n    margin-top: 32px;\n  }\n}\n\n@media (min-width: 1025px) {\n  .otp__otp-container {\n    justify-content: flex-start;\n  }\n\n  .otp__guest-options {\n    margin-top: auto;\n    padding-bottom: 2rem;\n  }\n}\n","import { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { OTPVerifyResponse } from '../../../api/entities/OTP/types';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { createCountdownTimer } from '../../../utils/timer';\n\n@Component({\n  tag: 'otp-component',\n  styleUrl: 'otp.css',\n  shadow: false,\n})\nexport class Otp {\n  @Event() changeEmailClick: EventEmitter<void>;\n  @State() timeLeft: number = 59;\n  @State() isTimerRunning: boolean = false;\n  @State() codeResent: boolean = false;\n  @State() isVerifying: boolean = false;\n  @State() otpValue: string = '';\n  @Event() returnForm: EventEmitter<boolean>;\n  @Event() codeVerified: EventEmitter<OTPVerifyResponse>;\n  @State() error: boolean = false;\n\n  private timer = createCountdownTimer({\n    duration: 59,\n    onTick: timeLeft => {\n      this.timeLeft = timeLeft;\n    },\n    onComplete: () => {\n      this.isTimerRunning = false;\n    },\n  });\n\n  private messageTimer = createCountdownTimer({\n    duration: 5,\n    onComplete: () => {\n      this.codeResent = false;\n    },\n  });\n\n  disconnectedCallback() {\n    this.timer.stop();\n  }\n\n  startTimer() {\n    this.timer.start();\n    this.isTimerRunning = true;\n  }\n\n  handleResendCode = async () => {\n    if (!this.isTimerRunning) {\n      await api.otp.generate(sessionState.data.sessionId, {\n        email: sessionState.data.userInformation.email,\n      });\n      this.codeResent = true;\n      this.messageTimer.start();\n      this.startTimer();\n\n      this.error = false;\n    }\n  };\n\n  handleOtpChange = (value: string) => {\n    this.otpValue = value;\n\n    if (value.length === 6) {\n      this.handleVerifyOtp(value);\n      this.error = false;\n    }\n  };\n\n  handleVerifyOtp = async (otp: string) => {\n    this.isVerifying = true;\n    try {\n      const response = await api.otp.verify(sessionState.data.sessionId, {\n        email: sessionState.data.userInformation.email,\n        code: otp,\n      });\n\n      this.codeVerified.emit(response.data);\n      SessionStore.setUserInformation({\n        ...response.data.customer,\n        fullName: `${response.data.customer.firstName} ${response.data.customer.lastName}`.trim(),\n        phoneNumber: {\n          number: response.data.customer.phoneNumbers[0].number,\n          countryCode: response.data.customer.phoneNumbers[0].countryCode,\n        },\n        address: {\n          billingAddress: {\n            address: response.data.customer.addresses[0].lineOne,\n            zip: response.data.customer.addresses[0].zipCode,\n            city: response.data.customer.addresses[0].city,\n            state: response.data.customer.addresses[0].state,\n            country: response.data.customer.addresses[0].country,\n          },\n        },\n        documentType: response.data.customer.identifications[0].type,\n        documentNumber: response.data.customer.identifications[0].value,\n      });\n      SessionStore.setAccessToken(response.data.accessToken);\n      SessionStore.setCustomerId(response.data.customer.id);\n      this.otpValue = '';\n      this.error = false;\n    } catch (error) {\n      this.error = true;\n    } finally {\n      this.isVerifying = false;\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp__otp-container\">\n        <div class=\"otp__user-information\">\n          <div class=\"otp__otp-description-container\">\n            <rebill-typography variant=\"body2\" class=\"otp__otp-description\">\n              {I18nService.translate('otp.description')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" class=\"otp__otp-description-digits\">\n              {' '}\n              <strong>{I18nService.translate('otp.descriptionDigits')}</strong>{' '}\n            </rebill-typography>\n            <rebill-typography variant=\"body2\" class=\"otp__otp-description-email\">\n              {I18nService.translate('otp.descriptionEmail')}\n            </rebill-typography>\n          </div>\n          <rebill-typography variant=\"body2\" class=\"otp__otp-email-line\">\n            {sessionState.data.userInformation.email}{' '}\n            {!sessionState.data.prefilledData?.email && (\n              <span\n                class=\"otp__change-email\"\n                onClick={() => {\n                  this.otpValue = '';\n                  this.error = false;\n                  this.returnForm.emit(false);\n                }}\n              >\n                {I18nService.translate('otp.change')}\n              </span>\n            )}\n          </rebill-typography>\n        </div>\n        <input-otp\n          otp={this.otpValue}\n          onOtpChange={event => this.handleOtpChange(event.detail)}\n          error={this.error ? I18nService.translate('otp.error') : ''}\n        />\n\n        {this.isVerifying && (\n          <div class=\"otp__verifying-container\">\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n              {I18nService.translate('otp.verifyingCode')}\n            </rebill-typography>\n            <div class=\"otp__spinner\"></div>\n          </div>\n        )}\n        <rebill-button\n          type=\"button\"\n          variant=\"outline\"\n          theme={this.isTimerRunning ? 'secondary' : 'primary'}\n          disabled={this.isTimerRunning}\n          onClick={this.handleResendCode}\n          size=\"small\"\n          style={{ height: '24px', marginBottom: '8px' }}\n        >\n          {this.isTimerRunning\n            ? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`\n            : I18nService.translate('otp.resendCode')}\n        </rebill-button>\n\n        {this.codeResent && (\n          <div class=\"otp__code-resent-container\">\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREEN}>\n              <rebill-icon name=\"check-radio\" />\n              {I18nService.translate('otp.codeResent')}\n            </rebill-typography>\n          </div>\n        )}\n        <rebill-alert\n          class=\"otp__rebill-alert\"\n          type=\"secure\"\n          variant=\"variant-info\"\n          message={I18nService.translate('otp.infoMessage')}\n          icon=\"circle-info\"\n          alertTitle={I18nService.translate('otp.infoTitle')}\n          colorIcon={COLORS_ENUM.PRIMARY_DARK_LIGHT}\n        />\n        <div class=\"otp__alternative\">\n          <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            o\n          </rebill-typography>\n        </div>\n        <div class=\"otp__guest-options\">\n          <rebill-button\n            type=\"button\"\n            variant=\"outline\"\n            theme=\"secondary\"\n            size=\"medium\"\n            onClick={() => {\n              this.otpValue = '';\n              this.error = false;\n              this.returnForm.emit(false);\n            }}\n          >\n            {I18nService.translate('otp.continueAsGuest')}\n          </rebill-button>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-D0N0vC0E.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/otp/otp.css?tag=otp-component","src/components/checkout/otp/otp.tsx"],"sourcesContent":[".otp__otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  position: relative;\n  margin-top: 2rem;\n}\n\n.otp__user-information {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n}\n\n.otp__otp-description-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n.otp__change-email {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-left: 0;\n}\n\n.otp__change-email:hover {\n  color: var(--rebill-primary-color);\n  text-decoration: underline;\n}\n\n.otp__alternative {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 32px;\n  width: 100%;\n}\n\n.otp__rebill-alert {\n  width: 100%;\n}\n\n.otp__guest-options {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  margin-top: auto;\n}\n\n.otp__verifying-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 8px 0;\n}\n\n.otp__code-resent-container rebill-typography {\n  display: flex;\n  line-height: 1;\n}\n\n.otp__code-resent-container rebill-icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.otp__spinner {\n  width: 15px;\n  height: 15px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  border-top-color: var(--rebill-color-primary);\n  animation: spin 1s linear infinite;\n  display: inline-block;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive adjustments */\n@media (max-width: 1024px) {\n  .otp__otp-container {\n    min-height: calc(100vh - 40px);\n  }\n\n  .otp__guest-options {\n    margin-top: 32px;\n  }\n}\n\n@media (min-width: 1025px) {\n  .otp__otp-container {\n    justify-content: flex-start;\n  }\n\n  .otp__guest-options {\n    margin-top: auto;\n    padding-bottom: 2rem;\n  }\n}\n","import { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { OTPVerifyResponse } from '../../../api/entities/OTP/types';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { createCountdownTimer } from '../../../utils/timer';\n\n@Component({\n  tag: 'otp-component',\n  styleUrl: 'otp.css',\n  shadow: false,\n})\nexport class Otp {\n  @Event() changeEmailClick: EventEmitter<void>;\n  @State() timeLeft: number = 59;\n  @State() isTimerRunning: boolean = false;\n  @State() codeResent: boolean = false;\n  @State() isVerifying: boolean = false;\n  @State() otpValue: string = '';\n  @Event() returnForm: EventEmitter<boolean>;\n  @Event() codeVerified: EventEmitter<OTPVerifyResponse>;\n  @State() error: boolean = false;\n\n  private timer = createCountdownTimer({\n    duration: 59,\n    onTick: timeLeft => {\n      this.timeLeft = timeLeft;\n    },\n    onComplete: () => {\n      this.isTimerRunning = false;\n    },\n  });\n\n  private messageTimer = createCountdownTimer({\n    duration: 5,\n    onComplete: () => {\n      this.codeResent = false;\n    },\n  });\n\n  disconnectedCallback() {\n    this.timer.stop();\n  }\n\n  startTimer() {\n    this.timer.start();\n    this.isTimerRunning = true;\n  }\n\n  handleResendCode = async () => {\n    if (!this.isTimerRunning) {\n      await api.otp.generate(sessionState.data.sessionId, {\n        email: sessionState.data.userInformation.email,\n      });\n      this.codeResent = true;\n      this.messageTimer.start();\n      this.startTimer();\n\n      this.error = false;\n    }\n  };\n\n  handleOtpChange = (value: string) => {\n    this.otpValue = value;\n\n    if (value.length === 6) {\n      this.handleVerifyOtp(value);\n      this.error = false;\n    }\n  };\n\n  handleVerifyOtp = async (otp: string) => {\n    this.isVerifying = true;\n    try {\n      const response = await api.otp.verify(sessionState.data.sessionId, {\n        email: sessionState.data.userInformation.email,\n        code: otp,\n      });\n\n      this.codeVerified.emit(response.data);\n      SessionStore.setUserInformation({\n        ...response.data.customer,\n        fullName: `${response.data.customer.firstName} ${response.data.customer.lastName}`.trim(),\n        phoneNumber: {\n          number: response.data.customer.phoneNumbers[0].number,\n          countryCode: response.data.customer.phoneNumbers[0].countryCode,\n        },\n        address: {\n          billingAddress: {\n            address: response.data.customer.addresses[0].lineOne,\n            zip: response.data.customer.addresses[0].zipCode,\n            city: response.data.customer.addresses[0].city,\n            state: response.data.customer.addresses[0].state,\n            country: response.data.customer.addresses[0].country,\n          },\n        },\n        documentType: response.data.customer.identifications[0].type,\n        documentNumber: response.data.customer.identifications[0].value,\n      });\n      SessionStore.setAccessToken(response.data.accessToken);\n      SessionStore.setCustomerId(response.data.customer.id);\n      this.otpValue = '';\n      this.error = false;\n    } catch (error) {\n      this.error = true;\n    } finally {\n      this.isVerifying = false;\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp__otp-container\">\n        <div class=\"otp__user-information\">\n          <div class=\"otp__otp-description-container\">\n            <rebill-typography variant=\"body2\" class=\"otp__otp-description\">\n              {I18nService.translate('otp.description')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" class=\"otp__otp-description-digits\">\n              {' '}\n              <strong>{I18nService.translate('otp.descriptionDigits')}</strong>{' '}\n            </rebill-typography>\n            <rebill-typography variant=\"body2\" class=\"otp__otp-description-email\">\n              {I18nService.translate('otp.descriptionEmail')}\n            </rebill-typography>\n          </div>\n          <rebill-typography variant=\"body2\" class=\"otp__otp-email-line\">\n            {sessionState.data.userInformation.email}{' '}\n            {!sessionState.data.prefilledData?.email && (\n              <span\n                class=\"otp__change-email\"\n                onClick={() => {\n                  this.otpValue = '';\n                  this.error = false;\n                  this.returnForm.emit(false);\n                }}\n              >\n                {I18nService.translate('otp.change')}\n              </span>\n            )}\n          </rebill-typography>\n        </div>\n        <input-otp\n          otp={this.otpValue}\n          onOtpChange={event => this.handleOtpChange(event.detail)}\n          error={this.error ? I18nService.translate('otp.error') : ''}\n        />\n\n        {this.isVerifying && (\n          <div class=\"otp__verifying-container\">\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n              {I18nService.translate('otp.verifyingCode')}\n            </rebill-typography>\n            <div class=\"otp__spinner\"></div>\n          </div>\n        )}\n        <rebill-button\n          type=\"button\"\n          variant=\"outline\"\n          theme={this.isTimerRunning ? 'secondary' : 'primary'}\n          disabled={this.isTimerRunning}\n          onClick={this.handleResendCode}\n          size=\"small\"\n          style={{ height: '24px', marginBottom: '8px' }}\n        >\n          {this.isTimerRunning\n            ? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`\n            : I18nService.translate('otp.resendCode')}\n        </rebill-button>\n\n        {this.codeResent && (\n          <div class=\"otp__code-resent-container\">\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREEN}>\n              <rebill-icon name=\"check-radio\" />\n              {I18nService.translate('otp.codeResent')}\n            </rebill-typography>\n          </div>\n        )}\n        <rebill-alert\n          class=\"otp__rebill-alert\"\n          type=\"secure\"\n          variant=\"variant-info\"\n          message={I18nService.translate('otp.infoMessage')}\n          icon=\"circle-info\"\n          alertTitle={I18nService.translate('otp.infoTitle')}\n          colorIcon={COLORS_ENUM.PRIMARY_DARK_LIGHT}\n        />\n        <div class=\"otp__alternative\">\n          <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            o\n          </rebill-typography>\n        </div>\n        <div class=\"otp__guest-options\">\n          <rebill-button\n            type=\"button\"\n            variant=\"outline\"\n            theme=\"secondary\"\n            size=\"medium\"\n            onClick={() => {\n              this.otpValue = '';\n              this.error = false;\n              this.returnForm.emit(false);\n            }}\n          >\n            {I18nService.translate('otp.continueAsGuest')}\n          </rebill-button>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CjLWTQ-k.js → p-D13i5GRC.js}

@@ -14,7 +14,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
     cardTitle;
     cardLabels;
     render() {
-        return (h("div", { key: '83dee596c3e4263d6fb593f297cd954f994cf28c', class: "card-container" }, h("div", { key: 'bf43764b57eaa542bedf1e56bb29ae4e4d5ce1a3', class: "card-title" }, h("rebill-typography", { key: 'ed89bb9bd25b527cd90c7e7ca80667f479ab2a09', variant: "subtitle-bold" }, this.cardTitle)), h("div", { key: '63116c2f139ae3cae7bc896356eaa62f87ac815e', class: "card-labels" }, this.cardLabels.map(label => (h("div", { class: "card-label" }, h("rebill-typography", { variant: "body2", color: COLORS_ENUM.TEXT_SECONDARY }, label.label), h("rebill-typography", { variant: "body2", color: COLORS_ENUM.TEXT_PRIMARY }, label.value)))))));
+        return (h("div", { key: '47bc2a22607b6b62f97239931bed6857d31af145', class: "card-container" }, h("div", { key: '7c9322357b1d70694b699b88aa8fd62e8fa33732', class: "card-title" }, h("rebill-typography", { key: 'ef7d8f28ccf0e5019f12d5a16f23d2318352d6b1', variant: "subtitle-bold" }, this.cardTitle)), h("div", { key: '77b9b9a8e5a0f8ca2d7599a3d1a37adc6ed006fb', class: "card-labels" }, this.cardLabels.map(label => (h("div", { class: "card-label" }, h("rebill-typography", { variant: "body2", color: COLORS_ENUM.TEXT_SECONDARY }, label.label), h("rebill-typography", { variant: "body2", color: COLORS_ENUM.TEXT_PRIMARY }, label.value)))))));
     }
     static get style() { return cardCss; }
 }, [256, "rebill-card", {
@@ -42,6 +42,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Card as C, defineCustomElement as d };
-//# sourceMappingURL=p-CjLWTQ-k.js.map
+//# sourceMappingURL=p-D13i5GRC.js.map
 
-//# sourceMappingURL=p-CjLWTQ-k.js.map
+//# sourceMappingURL=p-D13i5GRC.js.map

package/dist/components/{p-CjLWTQ-k.js.map → p-D13i5GRC.js.map}

@@ -1 +1 @@
-{"file":"p-CjLWTQ-k.js","mappings":";;;;AAAA,MAAM,OAAO,GAAG,qRAAqR;;MCQxR,IAAI,iBAAAA,kBAAA,CAAA,MAAA,IAAA,SAAAC,CAAA,CAAA;;;;;;;AACP,IAAA,SAAS;AACT,IAAA,UAAU;IAClB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,eAAe,EAAA,EAAE,IAAI,CAAC,SAAS,CAAqB,CAC3E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,IACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,KACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,cAAc,EAAA,EACjE,KAAK,CAAC,KAAK,CACM,EACpB,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAA,EAC/D,KAAK,CAAC,KAAK,CACM,CAChB,CACP,CAAC,CACE,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/card/card.css?tag=rebill-card","src/components/shared/card/card.tsx"],"sourcesContent":[".card-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  border-radius: 8px;\n  padding: 16px;\n  background-color: var(--rebill-color-background);\n}\n\n.card-labels {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.card-label {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  gap: 16px;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-card',\n  styleUrl: 'card.css',\n  shadow: false,\n})\nexport class Card {\n  @Prop() cardTitle: string;\n  @Prop() cardLabels: { label: string; value: string }[];\n  render() {\n    return (\n      <div class=\"card-container\">\n        <div class=\"card-title\">\n          <rebill-typography variant=\"subtitle-bold\">{this.cardTitle}</rebill-typography>\n        </div>\n        <div class=\"card-labels\">\n          {this.cardLabels.map(label => (\n            <div class=\"card-label\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_SECONDARY}>\n                {label.label}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_PRIMARY}>\n                {label.value}\n              </rebill-typography>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-D13i5GRC.js","mappings":";;;;AAAA,MAAM,OAAO,GAAG,qRAAqR;;MCQxR,IAAI,iBAAAA,kBAAA,CAAA,MAAA,IAAA,SAAAC,CAAA,CAAA;;;;;;;AACP,IAAA,SAAS;AACT,IAAA,UAAU;IAClB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,eAAe,EAAA,EAAE,IAAI,CAAC,SAAS,CAAqB,CAC3E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,IACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,KACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,cAAc,EAAA,EACjE,KAAK,CAAC,KAAK,CACM,EACpB,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAA,EAC/D,KAAK,CAAC,KAAK,CACM,CAChB,CACP,CAAC,CACE,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/card/card.css?tag=rebill-card","src/components/shared/card/card.tsx"],"sourcesContent":[".card-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  border-radius: 8px;\n  padding: 16px;\n  background-color: var(--rebill-color-background);\n}\n\n.card-labels {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.card-label {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  gap: 16px;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-card',\n  styleUrl: 'card.css',\n  shadow: false,\n})\nexport class Card {\n  @Prop() cardTitle: string;\n  @Prop() cardLabels: { label: string; value: string }[];\n  render() {\n    return (\n      <div class=\"card-container\">\n        <div class=\"card-title\">\n          <rebill-typography variant=\"subtitle-bold\">{this.cardTitle}</rebill-typography>\n        </div>\n        <div class=\"card-labels\">\n          {this.cardLabels.map(label => (\n            <div class=\"card-label\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_SECONDARY}>\n                {label.label}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_PRIMARY}>\n                {label.value}\n              </rebill-typography>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BjRD9lS0.js → p-DHO4T8Ax.js}

@@ -17,7 +17,7 @@ const VerticalDivider = /*@__PURE__*/ proxyCustomElement(class VerticalDivider e
     connectorActive = false;
     withDot = false;
     render() {
-        return (h("div", { key: '35ca73e9c8203b1ce92f254d1f7247ff6ff46bfd', class: `rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`, style: {
+        return (h("div", { key: '3d7bfe6346cf967a5722784f0585887d1ed48d9d', class: `rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`, style: {
                 '--divider-color': colorClassMapper(this.color),
                 '--divider-thickness': this.thickness,
                 '--divider-dashed': this.dashed ? '2 2' : 'none',
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { VerticalDivider as V, defineCustomElement as d };
-//# sourceMappingURL=p-BjRD9lS0.js.map
+//# sourceMappingURL=p-DHO4T8Ax.js.map
 
-//# sourceMappingURL=p-BjRD9lS0.js.map
+//# sourceMappingURL=p-DHO4T8Ax.js.map

package/dist/components/{p-BjRD9lS0.js.map → p-DHO4T8Ax.js.map}

@@ -1 +1 @@
-{"file":"p-BjRD9lS0.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,g7BAAg7B;;MCS97B,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;AAClB,IAAA,MAAM;AACN,IAAA,KAAK,GAAgB,WAAW,CAAC,kBAAkB;IACnD,SAAS,GAAW,KAAK;IACzB,MAAM,GAAY,KAAK;IACvB,eAAe,GAAY,KAAK;IAChC,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAA2B,wBAAA,EAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,eAAe,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAClJ,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC/C,qBAAqB,EAAE,IAAI,CAAC,SAAS;gBACrC,kBAAkB,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM;AAChD,gBAAA,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;aAClE,EAAA,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/divider/vertical-divider.css?tag=rebill-vertical-divider","src/components/shared/divider/vertical-divider.tsx"],"sourcesContent":[".rebill-vertical-divider {\n  width: var(--divider-thickness, 1px);\n  height: 100%; /* Altura completa del contenedor */\n  color: var(--divider-color, #c4c8cf);\n  border-left: var(--divider-thickness, 1px) solid var(--divider-color, #c4c8cf);\n  padding: 0;\n  background: none;\n  flex-shrink: 0;\n}\n\n.rebill-vertical-divider[style*='--divider-dashed: 2 2'] {\n  border-left-style: dashed;\n  border-left-width: var(--divider-thickness, 1px);\n  border-left-color: var(--divider-color, #c4c8cf);\n}\n\n.rebill-vertical-divider.dashed {\n  border-left-style: dashed;\n}\n\n/* Estilos para la variación conector */\n.rebill-vertical-divider.connectorActive {\n  border-left: var(--divider-thickness, 1px) solid var(--divider-color, #0056f6);\n  background: none;\n}\n\n/* Estilos para la variación con punto al final */\n.rebill-vertical-divider.with-dot {\n  border-left: var(--divider-thickness, 1px) solid var(--divider-color, #0056f6);\n  background: none;\n  position: relative;\n  /* Hereda los mismos estilos que connectorActive */\n}\n\n.rebill-vertical-divider.with-dot::after {\n  content: '';\n  position: absolute;\n  bottom: -3px; /* Centrar el punto con la línea */\n  left: 50%;\n  transform: translateX(-65%);\n  width: 6px;\n  height: 6px;\n  background: var(--divider-color, #0056f6);\n  border-radius: 50%;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { colorClassMapper, COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport './vertical-divider.css';\n\n@Component({\n  tag: 'rebill-vertical-divider',\n  styleUrl: 'vertical-divider.css',\n  shadow: false,\n})\nexport class VerticalDivider {\n  @Prop() height?: string;\n  @Prop() color: COLORS_ENUM = COLORS_ENUM.TIMELINE_CONNECTOR;\n  @Prop() thickness: string = '1px';\n  @Prop() dashed: boolean = false;\n  @Prop() connectorActive: boolean = false;\n  @Prop() withDot: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={`rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`}\n        style={{\n          '--divider-color': colorClassMapper(this.color),\n          '--divider-thickness': this.thickness,\n          '--divider-dashed': this.dashed ? '2 2' : 'none',\n          'height': this.height || (this.connectorActive ? '27px' : '40px'),\n        }}\n      ></div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DHO4T8Ax.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,g7BAAg7B;;MCS97B,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;AAClB,IAAA,MAAM;AACN,IAAA,KAAK,GAAgB,WAAW,CAAC,kBAAkB;IACnD,SAAS,GAAW,KAAK;IACzB,MAAM,GAAY,KAAK;IACvB,eAAe,GAAY,KAAK;IAChC,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAA2B,wBAAA,EAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,eAAe,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAClJ,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC/C,qBAAqB,EAAE,IAAI,CAAC,SAAS;gBACrC,kBAAkB,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM;AAChD,gBAAA,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;aAClE,EAAA,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/divider/vertical-divider.css?tag=rebill-vertical-divider","src/components/shared/divider/vertical-divider.tsx"],"sourcesContent":[".rebill-vertical-divider {\n  width: var(--divider-thickness, 1px);\n  height: 100%; /* Altura completa del contenedor */\n  color: var(--divider-color, #c4c8cf);\n  border-left: var(--divider-thickness, 1px) solid var(--divider-color, #c4c8cf);\n  padding: 0;\n  background: none;\n  flex-shrink: 0;\n}\n\n.rebill-vertical-divider[style*='--divider-dashed: 2 2'] {\n  border-left-style: dashed;\n  border-left-width: var(--divider-thickness, 1px);\n  border-left-color: var(--divider-color, #c4c8cf);\n}\n\n.rebill-vertical-divider.dashed {\n  border-left-style: dashed;\n}\n\n/* Estilos para la variación conector */\n.rebill-vertical-divider.connectorActive {\n  border-left: var(--divider-thickness, 1px) solid var(--divider-color, #0056f6);\n  background: none;\n}\n\n/* Estilos para la variación con punto al final */\n.rebill-vertical-divider.with-dot {\n  border-left: var(--divider-thickness, 1px) solid var(--divider-color, #0056f6);\n  background: none;\n  position: relative;\n  /* Hereda los mismos estilos que connectorActive */\n}\n\n.rebill-vertical-divider.with-dot::after {\n  content: '';\n  position: absolute;\n  bottom: -3px; /* Centrar el punto con la línea */\n  left: 50%;\n  transform: translateX(-65%);\n  width: 6px;\n  height: 6px;\n  background: var(--divider-color, #0056f6);\n  border-radius: 50%;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { colorClassMapper, COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport './vertical-divider.css';\n\n@Component({\n  tag: 'rebill-vertical-divider',\n  styleUrl: 'vertical-divider.css',\n  shadow: false,\n})\nexport class VerticalDivider {\n  @Prop() height?: string;\n  @Prop() color: COLORS_ENUM = COLORS_ENUM.TIMELINE_CONNECTOR;\n  @Prop() thickness: string = '1px';\n  @Prop() dashed: boolean = false;\n  @Prop() connectorActive: boolean = false;\n  @Prop() withDot: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={`rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`}\n        style={{\n          '--divider-color': colorClassMapper(this.color),\n          '--divider-thickness': this.thickness,\n          '--divider-dashed': this.dashed ? '2 2' : 'none',\n          'height': this.height || (this.connectorActive ? '27px' : '40px'),\n        }}\n      ></div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BrxxkM_7.js → p-DcndzUFT.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { g as getAPIConfig } from './p-wgsLMQ6P.js';
 import { r as renewalState, o as onChange$1, R as RenewalStore } from './p-Bl2UnoKG.js';
 import { s as state, o as onChange, S as SessionStore } from './p-Be63Lt_2.js';
-import { d as defineCustomElement$1 } from './p-hR7xARTs.js';
+import { d as defineCustomElement$1 } from './p-BoKyp_AW.js';
 
 const CardIframe = /*@__PURE__*/ proxyCustomElement(class CardIframe extends H {
     constructor(registerHost) {
@@ -342,12 +342,12 @@ const CardIframe = /*@__PURE__*/ proxyCustomElement(class CardIframe extends H {
         }
     };
     render() {
-        return (h("div", { key: '6acb3fa64fcb457467278d8a051839b47525c330', style: {
+        return (h("div", { key: 'bbc86deffbe89ea5d34d8373eecc4d2c91a68730', style: {
                 width: '100%',
                 height: this.iframeHeight,
                 position: 'relative',
                 overflow: 'hidden',
-            } }, !this.iframeLoaded && h("card-skeleton", { key: '908424a0b5430e758592f3a03095ac18b5a82656' }), h("iframe", { key: '231b2bb1f1d1b2f8c9c6c70d191a61d2fb48c207', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
+            } }, !this.iframeLoaded && h("card-skeleton", { key: '8c2505c2a2411374c3af667e779f28dd62dc8ebe' }), h("iframe", { key: '6f7ae6cf9d4899370b88cb61521bb622b87d9e0f', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
                 width: '100%',
                 height: '100%',
                 border: 'none',
@@ -382,6 +382,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardIframe as C, defineCustomElement as d };
-//# sourceMappingURL=p-BrxxkM_7.js.map
+//# sourceMappingURL=p-DcndzUFT.js.map
 
-//# sourceMappingURL=p-BrxxkM_7.js.map
+//# sourceMappingURL=p-DcndzUFT.js.map

package/dist/components/{p-BrxxkM_7.js.map → p-DcndzUFT.js.map}

@@ -1 +1 @@
-{"file":"p-BrxxkM_7.js","mappings":";;;;;;MASa,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACb,IAAA,SAAS;IACR,YAAY,GAAY,KAAK;AAC7B,IAAA,WAAW,GAAWC,KAAY,CAAC,aAAa;AAChD,IAAA,WAAW,GAAWA,KAAY,CAAC,aAAa;IAChD,YAAY,GAAW,OAAO;IAE/B,YAAY,GAAA;AAClB,QAAA,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC,SAAS;AACxC,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC;QAC5B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;AAE9C,QAAA,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,IAAI,YAAY,CAAC,KAAK,EAAE;AACrE,YAAA,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;YAC7E,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC;;AAEnD,QAAA,OAAO,GAAG,CAAC,QAAQ,EAAE;;AAGf,IAAA,SAAS;AACT,IAAA,6BAA6B;AAC7B,IAAA,oBAAoB;AACpB,IAAA,uBAAuB;;IAGvB,uBAAuB,GAAA;;AAE7B,QAAA,IAAI,YAAY,CAAC,aAAa,EAAE;YAC9B,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvC,IAAI,CAAC,0BAA0B,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;YAEpE,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;;aACtB;YACL,IAAIA,KAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvC,IAAI,CAAC,0BAA0B,CAACA,KAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;AAEpE,YAAA,IAAIA,KAAY,EAAE,aAAa,EAAE;gBAC/B,IAAI,CAAC,oBAAoB,EAAE;;YAE7B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;;;QAI7B,IAAI,CAAC,qBAAqB,EAAE;;IAGtB,sBAAsB,GAAA;QAC5B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,UAAkB;;AAGtB,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;;iBAC7C;gBACL,UAAU,GAAGA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,IAAI,CAAC;;AAGvE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,OAAO,EAAE;AACP,oBAAA,KAAK,EAAE,UAAU;AAClB,iBAAA;aACF,EACD,GAAG,CACJ;;;IAIG,sBAAsB,GAAA;QAC5B,IACE,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,SAAS,CAAC,aAAa;AAC5B,YAAA,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAC3C;AACA,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,OAAO,EAAE;AACP,oBAAA,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU;AACtD,iBAAA;aACF,EACD,GAAG,CACJ;;AACI,aAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAIA,KAAY,CAAC,IAAI,CAAC,UAAU,EAAE;AACzF,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,iBAAiB;gBACvB,OAAO,EAAE,EAAE,UAAU,EAAEA,KAAY,CAAC,IAAI,CAAC,UAAU,EAAE;aACtD,EACD,GAAG,CACJ;;;IAIG,oBAAoB,GAAA;QAC1B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,cAAc;AACpB,gBAAA,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE;aACpC,EACD,GAAG,CACJ;;;AAIG,IAAA,0BAA0B,CAAC,cAAsB,EAAA;AACvD,QAAA,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AACtD,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,qBAAqB;gBAC3B,OAAO,EAAE,EAAE,cAAc,EAAE;aAC5B,EACD,GAAG,CACJ;;;IAGG,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAI,YAAY,CAAC,KAAK,EAAE;AACxE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,OAAO,EAAE;oBACP,KAAK,EAAE,YAAY,CAAC,KAAK;AAC1B,iBAAA;aACF,EACD,GAAG,CACJ;;AACI,aAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAIA,KAAY,CAAC,IAAI,CAAC,WAAW,EAAE;AAC1F,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,EAAE,KAAK,EAAEA,KAAY,CAAC,IAAI,CAAC,WAAW,EAAE;aAClD,EACD,GAAG,CACJ;;;IAIG,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;YACpD;;AAGF,QAAA,IAAI,YAAY,CAAC,aAAa,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE;AACvE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;aAC3D,EACD,GAAG,CACJ;;aACI,IAAIA,KAAY,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE;AACnD,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE,EAAE,QAAQ,EAAEA,KAAY,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;aAC9D,EACD,GAAG,CACJ;;;IAIG,oBAAoB,GAAA;QAC1B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,QAAgB;;AAGpB,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,QAAQ,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAI,EAAE;;iBAC9C;gBACL,QAAQ,GAAGA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE;;YAGvD,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,oBAAA,IAAI,EAAE,cAAc;AACpB,oBAAA,OAAO,EAAE;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;iBACF,EACD,GAAG,CACJ;;;;IAKC,qBAAqB,GAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAI,IAAI,CAAC,SAAS,EAAE;AACpE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,gBAAgB;AACtB,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,SAAS;AACpB,iBAAA;aACF,EACD,GAAG,CACJ;;;IAIG,2BAA2B,GAAA;QACjC,IACE,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,SAAS,CAAC,aAAa;AAC5B,aAAC,CAACA,KAAY,CAAC,IAAI,CAAC,UAAU,IAAI,CAACA,KAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EACjE;AACA,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,EAAE,GAAG,CAAC;;;IAI1F,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,GAAGA,KAAY,CAAC,aAAa;QAC7C,IAAI,CAAC,6BAA6B,GAAG,QAAQ,CAAC,eAAe,EAAE,MAAK;AAClE,YAAA,IAAI,CAAC,WAAW,GAAGA,KAAY,CAAC,aAAa;YAC7C,IAAI,CAAC,oBAAoB,EAAE;AAC7B,SAAC,CAAC;QAEF,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAK;;AAEhD,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;gBAC/B,IAAIA,KAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;oBACvC,IAAI,CAAC,0BAA0B,CAACA,KAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;gBAEpE,IACEA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,KAAK,SAAS;oBACjEA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,KAAK,IAAI,EAC5D;oBACA,IAAI,CAAC,sBAAsB,EAAE;;gBAE/B,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,sBAAsB,EAAE;gBAC7B,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,2BAA2B,EAAE;;AAEtC,SAAC,CAAC;;QAGF,IAAI,CAAC,uBAAuB,GAAGC,UAAe,CAAC,MAAM,EAAE,MAAK;AAC1D,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;oBACvC,IAAI,CAAC,0BAA0B,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;gBAEpE,IAAI,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,EAAE;oBAClD,IAAI,CAAC,sBAAsB,EAAE;;gBAE/B,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,sBAAsB,EAAE;gBAC7B,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,CAAC,oBAAoB,EAAE;;AAE/B,SAAC,CAAC;QAEF,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,uBAAuB,EAAE;SAC/B,EAAE,IAAI,CAAC;;IAGV,mBAAmB,GAAA;;AAEjB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,qBAAqB,EAAE;;;IAIhC,gBAAgB,GAAA;QACd,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC;;IAG9D,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,6BAA6B;YAAE,IAAI,CAAC,6BAA6B,EAAE;QAC5E,IAAI,IAAI,CAAC,oBAAoB;YAAE,IAAI,CAAC,oBAAoB,EAAE;QAC1D,IAAI,IAAI,CAAC,uBAAuB;YAAE,IAAI,CAAC,uBAAuB,EAAE;QAChE,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC;;IAGzD,gBAAgB,GAAG,MAAK;AAC9B,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,oBAAoB,EAAE;;AAG3B,QAAA,IAAI,YAAY,CAAC,aAAa,EAAE;YAC9B,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvC,IAAI,CAAC,0BAA0B,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;YAEpE,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;;;QAI7B,IAAI,CAAC,qBAAqB,EAAE;QAE5B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,uBAAuB,EAAE;SAC/B,EAAE,GAAG,CAAC;AACT,KAAC;AAEO,IAAA,mBAAmB,GAAG,CAAC,KAAmB,KAAI;QACpD,IACE,KAAK,CAAC,IAAI;AACV,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;YACnC,KAAK,CAAC,IAAI,CAAC,OAAO;YAClB,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,EAC7C;AACA,YAAA,IAAI,CAAC,YAAY,GAAG,CAAA,EAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA,EAAA,CAAI;;AAEtD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE;AAClD,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE;AACjC,oBAAA,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5B,oBAAA,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC;;;AAE9B,iBAAA,IAAID,KAAY,CAAC,aAAa,EAAE;gBACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE;AACjC,oBAAA,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5B,oBAAA,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC;;;;AAIvC,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;AAC1E,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;iBAC9C;gBACL,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;;;AAIvD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE;AACtD,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC;;gBAEvD,IAAI,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE;oBACxC,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;;;AAEhE,iBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;gBACrC,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC;;gBAEvD,IAAI,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE;oBACxC,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;;;;AAIzE,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AAC/C,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;;AACzC,iBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;gBACrC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;;;AAGlD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AACjD,YAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC;;;AAG1D,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,uBAAuB,EAAE;YAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK;AACxD,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;AAC9B,gBAAA,YAAY,CAAC,uBAAuB,CAAC,UAAU,CAAC;;AAC3C,iBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;AACrC,gBAAA,YAAY,CAAC,uBAAuB,CAAC,UAAU,CAAC;;;AAGpD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;YACrD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI;AAErC,YAAA,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,EAAE;AACnD,gBAAA,IAAI,YAAY,CAAC,aAAa,EAAE;AAC9B,oBAAA,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC;;AACzB,qBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;AACrC,oBAAA,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC;;;;AAItC,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,IAAI,CAAC,YAAY;AACzB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,QAAQ,EAAE,QAAQ;aACnB,EAAA,EAEA,CAAC,IAAI,CAAC,YAAY,IAAI,CAAiB,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACxC,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAuB,CAAC,EACrD,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,EACxB,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,EACD,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,CAAA,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","renewalOnChange"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { getAPIConfig } from 'api/config';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from 'store/renewal.store';\nimport { onChange, sessionState, SessionStore } from 'store/session.store';\n\n@Component({\n  tag: 'card-iframe',\n  shadow: false,\n})\nexport class CardIframe {\n  @Prop() customCSS?: string;\n  @State() iframeLoaded: boolean = false;\n  @State() currentLang: string = sessionState.currentLocale;\n  @State() initialLang: string = sessionState.currentLocale;\n  @State() iframeHeight: string = '100px';\n\n  private getIframeURL(): string {\n    const baseURL = getAPIConfig().iframeURL;\n    const url = new URL(baseURL);\n    url.searchParams.set('lang', this.initialLang);\n\n    if (renewalState.data?.subscription?.customerId && renewalState.token) {\n      url.searchParams.set('customerId', renewalState.data.subscription.customerId);\n      url.searchParams.set('token', renewalState.token);\n    }\n    return url.toString();\n  }\n\n  private iframeRef?: HTMLIFrameElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private unsubscribeDataStore?: () => void;\n  private unsubscribeRenewalStore?: () => void;\n  // private lastTotalPrice?: number;\n\n  private postInitialDataToIframe() {\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postLanguageToIframe();\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    } else {\n      if (sessionState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(sessionState.data.organization.id);\n      }\n      if (sessionState?.currentLocale) {\n        this.postLanguageToIframe();\n      }\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Always send custom CSS if available\n    this.postCustomCSSToIframe();\n  }\n\n  private postTotalPriceToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let totalPrice: number;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        totalPrice = renewalState.data?.price?.amount || 0;\n      } else {\n        totalPrice = sessionState.data?.pricing?.totalWithoutInstallment || 0;\n      }\n\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOTAL_PRICE',\n          payload: {\n            total: totalPrice,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      renewalState.data?.subscription?.customerId\n    ) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: {\n            customerId: renewalState.data.subscription.customerId,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.customerId) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: { customerId: sessionState.data.customerId },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postLanguageToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_LANGUAGE',\n          payload: { lang: this.currentLang },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postOrganizationIdToIframe(organizationId: string) {\n    if (!!this.iframeRef && !!this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ORGANIZATION_ID',\n          payload: { organizationId },\n        },\n        '*',\n      );\n    }\n  }\n  private postTokenToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && renewalState.token) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: {\n            token: renewalState.token,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.accessToken) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: { token: sessionState.data.accessToken },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postItemTypeToIframe() {\n    if (!this.iframeRef || !this.iframeRef.contentWindow) {\n      return;\n    }\n\n    if (renewalState.isInitialized && renewalState.data?.subscription?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: renewalState.data.subscription.type },\n        },\n        '*',\n      );\n    } else if (sessionState.data?.itemInformation?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: sessionState.data.itemInformation.type },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCurrencyToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let currency: string;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        currency = renewalState.data?.price?.currency || '';\n      } else {\n        currency = sessionState.data?.pricing?.currency || '';\n      }\n\n      if (currency) {\n        this.iframeRef.contentWindow.postMessage(\n          {\n            type: 'SET_CURRENCY',\n            payload: {\n              currency: currency,\n            },\n          },\n          '*',\n        );\n      }\n    }\n  }\n\n  private postCustomCSSToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && this.customCSS) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOM_CSS',\n          payload: {\n            css: this.customCSS,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postClearCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      (!sessionState.data.customerId || !sessionState.data.accessToken)\n    ) {\n      this.iframeRef.contentWindow.postMessage({ type: 'CLEAR_CUSTOMER_ID_AND_TOKEN' }, '*');\n    }\n  }\n\n  componentWillLoad() {\n    this.initialLang = sessionState.currentLocale;\n    this.unsubscribeCurrentLocaleStore = onChange('currentLocale', () => {\n      this.currentLang = sessionState.currentLocale;\n      this.postLanguageToIframe();\n    });\n\n    this.unsubscribeDataStore = onChange('data', () => {\n      // Only handle session store changes if renewal is not initialized\n      if (!renewalState.isInitialized) {\n        if (sessionState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(sessionState.data.organization.id);\n        }\n        if (\n          sessionState.data?.pricing?.totalWithoutInstallment !== undefined &&\n          sessionState.data?.pricing?.totalWithoutInstallment !== null\n        ) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n        this.postClearCustomerIdToIframe();\n      }\n    });\n\n    // Listen for renewal store changes\n    this.unsubscribeRenewalStore = renewalOnChange('data', () => {\n      if (renewalState.isInitialized) {\n        if (renewalState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(renewalState.data.organization.id);\n        }\n        if (renewalState.data?.price?.amount !== undefined) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n      }\n    });\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 1000);\n  }\n\n  componentWillUpdate() {\n    // Send CSS when customCSS prop changes\n    if (this.iframeLoaded) {\n      this.postCustomCSSToIframe();\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('message', this.handleIframeMessage);\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) this.unsubscribeCurrentLocaleStore();\n    if (this.unsubscribeDataStore) this.unsubscribeDataStore();\n    if (this.unsubscribeRenewalStore) this.unsubscribeRenewalStore();\n    window.removeEventListener('message', this.handleIframeMessage);\n  }\n\n  private handleIframeLoad = () => {\n    this.iframeLoaded = true;\n    this.postLanguageToIframe();\n\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Send custom CSS immediately when iframe loads\n    this.postCustomCSSToIframe();\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 500);\n  };\n\n  private handleIframeMessage = (event: MessageEvent) => {\n    if (\n      event.data &&\n      event.data.type === 'IFRAME_HEIGHT' &&\n      event.data.payload &&\n      typeof event.data.payload.height === 'number'\n    ) {\n      this.iframeHeight = `${event.data.payload.height}px`;\n    }\n    if (event.data && event.data.type === 'FORM_STATE') {\n      if (renewalState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          RenewalStore.setCardId(null);\n          RenewalStore.setCardTokenId(null);\n        }\n      } else if (sessionState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          SessionStore.setCardId(null);\n          SessionStore.setCardTokenId(null);\n        }\n      }\n    }\n    if (event.data && event.data.type === 'INSTALLMENTS' && event.data.payload) {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardInformation(event.data.payload);\n      } else {\n        SessionStore.setCardInformation(event.data.payload);\n      }\n    }\n    // if (event.data && event.data.type === 'CARD_TOKENIZED' && event.data.payload) {\n    if (event.data && event.data.type === 'CARD_TOKENIZED') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardTokenId(event.data?.payload?.token);\n        // Update card information if available in the payload\n        if (event.data?.payload?.cardInformation) {\n          RenewalStore.setCardInformation(event.data.payload.cardInformation);\n        }\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardTokenId(event.data?.payload?.token);\n        // Update card information if available in the payload\n        if (event.data?.payload?.cardInformation) {\n          SessionStore.setCardInformation(event.data.payload.cardInformation);\n        }\n      }\n    }\n    if (event.data && event.data.type === 'CARD_ID') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardId(event.data.payload?.id);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardId(event.data.payload?.id);\n      }\n    }\n    if (event.data && event.data.type === 'SAVE_CARD') {\n      if (sessionState.isInitialized) {\n        SessionStore.setSaveCard(event.data.payload?.saveCard);\n      }\n    }\n    if (event.data && event.data.type === 'FETCHING_INSTALLMENTS') {\n      const isFetching = event.data.payload?.fetching || false;\n      if (renewalState.isInitialized) {\n        RenewalStore.setFetchingInstallments(isFetching);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setFetchingInstallments(isFetching);\n      }\n    }\n    if (event.data && event.data.type === 'NEW_CARD_MODE') {\n      const mode = event.data.payload?.mode;\n\n      if (mode && (mode === 'input' || mode === 'select')) {\n        if (renewalState.isInitialized) {\n          RenewalStore.setCardMode(mode);\n        } else if (sessionState.isInitialized) {\n          SessionStore.setCardMode(mode);\n        }\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        style={{\n          width: '100%',\n          height: this.iframeHeight,\n          position: 'relative',\n          overflow: 'hidden',\n        }}\n      >\n        {!this.iframeLoaded && <card-skeleton />}\n        <iframe\n          ref={el => (this.iframeRef = el as HTMLIFrameElement)}\n          src={this.getIframeURL()}\n          style={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            overflow: 'hidden',\n          }}\n          title=\"Card Payment Component\"\n          allow=\"payment\"\n          onLoad={this.handleIframeLoad}\n        />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DcndzUFT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","renewalOnChange"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { getAPIConfig } from 'api/config';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from 'store/renewal.store';\nimport { onChange, sessionState, SessionStore } from 'store/session.store';\n\n@Component({\n  tag: 'card-iframe',\n  shadow: false,\n})\nexport class CardIframe {\n  @Prop() customCSS?: string;\n  @State() iframeLoaded: boolean = false;\n  @State() currentLang: string = sessionState.currentLocale;\n  @State() initialLang: string = sessionState.currentLocale;\n  @State() iframeHeight: string = '100px';\n\n  private getIframeURL(): string {\n    const baseURL = getAPIConfig().iframeURL;\n    const url = new URL(baseURL);\n    url.searchParams.set('lang', this.initialLang);\n\n    if (renewalState.data?.subscription?.customerId && renewalState.token) {\n      url.searchParams.set('customerId', renewalState.data.subscription.customerId);\n      url.searchParams.set('token', renewalState.token);\n    }\n    return url.toString();\n  }\n\n  private iframeRef?: HTMLIFrameElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private unsubscribeDataStore?: () => void;\n  private unsubscribeRenewalStore?: () => void;\n  // private lastTotalPrice?: number;\n\n  private postInitialDataToIframe() {\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postLanguageToIframe();\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    } else {\n      if (sessionState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(sessionState.data.organization.id);\n      }\n      if (sessionState?.currentLocale) {\n        this.postLanguageToIframe();\n      }\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Always send custom CSS if available\n    this.postCustomCSSToIframe();\n  }\n\n  private postTotalPriceToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let totalPrice: number;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        totalPrice = renewalState.data?.price?.amount || 0;\n      } else {\n        totalPrice = sessionState.data?.pricing?.totalWithoutInstallment || 0;\n      }\n\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOTAL_PRICE',\n          payload: {\n            total: totalPrice,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      renewalState.data?.subscription?.customerId\n    ) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: {\n            customerId: renewalState.data.subscription.customerId,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.customerId) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: { customerId: sessionState.data.customerId },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postLanguageToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_LANGUAGE',\n          payload: { lang: this.currentLang },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postOrganizationIdToIframe(organizationId: string) {\n    if (!!this.iframeRef && !!this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ORGANIZATION_ID',\n          payload: { organizationId },\n        },\n        '*',\n      );\n    }\n  }\n  private postTokenToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && renewalState.token) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: {\n            token: renewalState.token,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.accessToken) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: { token: sessionState.data.accessToken },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postItemTypeToIframe() {\n    if (!this.iframeRef || !this.iframeRef.contentWindow) {\n      return;\n    }\n\n    if (renewalState.isInitialized && renewalState.data?.subscription?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: renewalState.data.subscription.type },\n        },\n        '*',\n      );\n    } else if (sessionState.data?.itemInformation?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: sessionState.data.itemInformation.type },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCurrencyToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let currency: string;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        currency = renewalState.data?.price?.currency || '';\n      } else {\n        currency = sessionState.data?.pricing?.currency || '';\n      }\n\n      if (currency) {\n        this.iframeRef.contentWindow.postMessage(\n          {\n            type: 'SET_CURRENCY',\n            payload: {\n              currency: currency,\n            },\n          },\n          '*',\n        );\n      }\n    }\n  }\n\n  private postCustomCSSToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && this.customCSS) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOM_CSS',\n          payload: {\n            css: this.customCSS,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postClearCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      (!sessionState.data.customerId || !sessionState.data.accessToken)\n    ) {\n      this.iframeRef.contentWindow.postMessage({ type: 'CLEAR_CUSTOMER_ID_AND_TOKEN' }, '*');\n    }\n  }\n\n  componentWillLoad() {\n    this.initialLang = sessionState.currentLocale;\n    this.unsubscribeCurrentLocaleStore = onChange('currentLocale', () => {\n      this.currentLang = sessionState.currentLocale;\n      this.postLanguageToIframe();\n    });\n\n    this.unsubscribeDataStore = onChange('data', () => {\n      // Only handle session store changes if renewal is not initialized\n      if (!renewalState.isInitialized) {\n        if (sessionState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(sessionState.data.organization.id);\n        }\n        if (\n          sessionState.data?.pricing?.totalWithoutInstallment !== undefined &&\n          sessionState.data?.pricing?.totalWithoutInstallment !== null\n        ) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n        this.postClearCustomerIdToIframe();\n      }\n    });\n\n    // Listen for renewal store changes\n    this.unsubscribeRenewalStore = renewalOnChange('data', () => {\n      if (renewalState.isInitialized) {\n        if (renewalState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(renewalState.data.organization.id);\n        }\n        if (renewalState.data?.price?.amount !== undefined) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n      }\n    });\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 1000);\n  }\n\n  componentWillUpdate() {\n    // Send CSS when customCSS prop changes\n    if (this.iframeLoaded) {\n      this.postCustomCSSToIframe();\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('message', this.handleIframeMessage);\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) this.unsubscribeCurrentLocaleStore();\n    if (this.unsubscribeDataStore) this.unsubscribeDataStore();\n    if (this.unsubscribeRenewalStore) this.unsubscribeRenewalStore();\n    window.removeEventListener('message', this.handleIframeMessage);\n  }\n\n  private handleIframeLoad = () => {\n    this.iframeLoaded = true;\n    this.postLanguageToIframe();\n\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Send custom CSS immediately when iframe loads\n    this.postCustomCSSToIframe();\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 500);\n  };\n\n  private handleIframeMessage = (event: MessageEvent) => {\n    if (\n      event.data &&\n      event.data.type === 'IFRAME_HEIGHT' &&\n      event.data.payload &&\n      typeof event.data.payload.height === 'number'\n    ) {\n      this.iframeHeight = `${event.data.payload.height}px`;\n    }\n    if (event.data && event.data.type === 'FORM_STATE') {\n      if (renewalState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          RenewalStore.setCardId(null);\n          RenewalStore.setCardTokenId(null);\n        }\n      } else if (sessionState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          SessionStore.setCardId(null);\n          SessionStore.setCardTokenId(null);\n        }\n      }\n    }\n    if (event.data && event.data.type === 'INSTALLMENTS' && event.data.payload) {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardInformation(event.data.payload);\n      } else {\n        SessionStore.setCardInformation(event.data.payload);\n      }\n    }\n    // if (event.data && event.data.type === 'CARD_TOKENIZED' && event.data.payload) {\n    if (event.data && event.data.type === 'CARD_TOKENIZED') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardTokenId(event.data?.payload?.token);\n        // Update card information if available in the payload\n        if (event.data?.payload?.cardInformation) {\n          RenewalStore.setCardInformation(event.data.payload.cardInformation);\n        }\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardTokenId(event.data?.payload?.token);\n        // Update card information if available in the payload\n        if (event.data?.payload?.cardInformation) {\n          SessionStore.setCardInformation(event.data.payload.cardInformation);\n        }\n      }\n    }\n    if (event.data && event.data.type === 'CARD_ID') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardId(event.data.payload?.id);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardId(event.data.payload?.id);\n      }\n    }\n    if (event.data && event.data.type === 'SAVE_CARD') {\n      if (sessionState.isInitialized) {\n        SessionStore.setSaveCard(event.data.payload?.saveCard);\n      }\n    }\n    if (event.data && event.data.type === 'FETCHING_INSTALLMENTS') {\n      const isFetching = event.data.payload?.fetching || false;\n      if (renewalState.isInitialized) {\n        RenewalStore.setFetchingInstallments(isFetching);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setFetchingInstallments(isFetching);\n      }\n    }\n    if (event.data && event.data.type === 'NEW_CARD_MODE') {\n      const mode = event.data.payload?.mode;\n\n      if (mode && (mode === 'input' || mode === 'select')) {\n        if (renewalState.isInitialized) {\n          RenewalStore.setCardMode(mode);\n        } else if (sessionState.isInitialized) {\n          SessionStore.setCardMode(mode);\n        }\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        style={{\n          width: '100%',\n          height: this.iframeHeight,\n          position: 'relative',\n          overflow: 'hidden',\n        }}\n      >\n        {!this.iframeLoaded && <card-skeleton />}\n        <iframe\n          ref={el => (this.iframeRef = el as HTMLIFrameElement)}\n          src={this.getIframeURL()}\n          style={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            overflow: 'hidden',\n          }}\n          title=\"Card Payment Component\"\n          allow=\"payment\"\n          onLoad={this.handleIframeLoad}\n        />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-COYitAD7.js → p-DdSBiiVX.js}

@@ -3,7 +3,7 @@ import { S as SessionStore, s as state, I as I18nService } from './p-Be63Lt_2.js
 import { g as getInstallmentDisabledPlaceholderByCurrency, a as getInstallmentPlaceholderByCurrency, E as ENUM_INSTALLMENT_MODEL, b as getInstallmentLabel, c as getRecalculatedInstallmentAmount } from './p-CVmkUGob.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BLD5qbS8.js';
+import { d as defineCustomElement$2 } from './p-C9-xmJLv.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 
 const installmentsCss = "";
@@ -50,11 +50,11 @@ const Installments = /*@__PURE__*/ proxyCustomElement(class Installments extends
         });
     }
     render() {
-        return (h("div", { key: '2f60849281be2e756c126b23cd7b261711e35c56' }, 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: '4af075549b78b088506e275cb19a75967a9ae39f' }, 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: '552a970b2345f074bcb83f9a53ec4b04cf202c6e', 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: '812dd9796b719b349ed1a07ad4619a3d619f2ba8', 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-COYitAD7.js.map
+//# sourceMappingURL=p-DdSBiiVX.js.map
 
-//# sourceMappingURL=p-COYitAD7.js.map
+//# sourceMappingURL=p-DdSBiiVX.js.map

package/dist/components/{p-COYitAD7.js.map → p-DdSBiiVX.js.map}

@@ -1 +1 @@
-{"file":"p-COYitAD7.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-DdSBiiVX.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-CZ4Ng3BX.js → p-Dgn-b0VN.js}

@@ -1,8 +1,9 @@
 import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
 import { s as state, S as SessionStore, I as I18nService } from './p-Be63Lt_2.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
+import { d as defineCustomElement$4 } from './p-Cb2XT9Pi.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BDqkAG1R.js';
+import { d as defineCustomElement$2 } from './p-4NckTb-f.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 
 class GoogleMapsService {
@@ -190,7 +191,7 @@ const AddressSearch = /*@__PURE__*/ proxyCustomElement(class AddressSearch exten
     render() {
         const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';
         const defaultPlaceholder = I18nService.translate(`${translationKey}.searchPlaceholder`, 'Search for an address...');
-        return (h("div", { key: 'c7f82d72fe615ec760772d6582cc8a329da5c326', class: "address-search-container" }, h("div", { key: '1bd8ac5573f891417404b552f115424f6c3a7952', class: "search-input-container" }, h("rebill-input-text", { key: '8de72cde444078c7d167b0a0801234465fce36a4', id: `${this.addressType}-search`, placeholder: this.placeholder || defaultPlaceholder, rightIcon: "search", error: this.error, disabled: this.disabled })), h("div", { key: 'e4f38485af0f0b8b36e9943b88d63b0ba2f2a2f5', class: "manual-entry-link-wrapper" }, h("button", { key: '34ba9048cdada210831696a0fc426558ad681e29', class: "manual-entry-link", type: "button", onClick: this.handleManualEntry }, h("rebill-typography", { key: '5ea7147ed9819709df105854e0fb8260ddee5385', variant: "subtitle2", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually'))))));
+        return (h("rebill-autofill-detector", { key: '6e868d1df24e7ceab339251fdf3ab18567135aa9', "target-selector": "rebill-input-text input", disabled: this.disabled, onAutofillDetected: event => this.handleAddressSelected(event.detail), onManualEntryRequested: () => this.handleManualEntry() }, h("div", { key: 'a68479f95b6647d508aa61c04e6d5d5009c0abd5', class: "address-search-container" }, h("div", { key: 'e7d6f84d7204bea78ac39a3b53629f8f2806d07d', class: "search-input-container" }, h("rebill-input-text", { key: '89be99ce24152f41f5405fa6b7046561588e6a8e', id: `${this.addressType}-search`, placeholder: this.placeholder || defaultPlaceholder, rightIcon: "search", error: this.error, disabled: this.disabled })), h("div", { key: 'ae9941a5c30dfe90b5f92fe1e0f181f271337709', class: "manual-entry-link-wrapper" }, h("button", { key: '7e6a9e0be749f0e8984bbea12a84da45eb5bfeb4', class: "manual-entry-link", type: "button", onClick: this.handleManualEntry }, h("rebill-typography", { key: 'eab5f811cb4cd6e55ba8eca9eb60779bd31d23c6', variant: "subtitle2", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')))))));
     }
     static get style() { return addressSearchCss; }
 }, [256, "rebill-address-search", {
@@ -205,13 +206,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["rebill-address-search", "rebill-icon", "rebill-input-text", "rebill-typography"];
+    const components = ["rebill-address-search", "rebill-autofill-detector", "rebill-icon", "rebill-input-text", "rebill-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "rebill-address-search":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, AddressSearch);
             }
             break;
+        case "rebill-autofill-detector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
         case "rebill-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
@@ -232,6 +238,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { AddressSearch as A, GoogleMapsService as G, defineCustomElement as d };
-//# sourceMappingURL=p-CZ4Ng3BX.js.map
+//# sourceMappingURL=p-Dgn-b0VN.js.map
 
-//# sourceMappingURL=p-CZ4Ng3BX.js.map
+//# sourceMappingURL=p-Dgn-b0VN.js.map

package/dist/components/p-Dgn-b0VN.js.map

@@ -0,0 +1 @@
+{"file":"p-Dgn-b0VN.js","mappings":";;;;;;;;MASa,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;;ACzID,MAAM,gBAAgB,GAAG,2YAA2Y;;MCWvZ,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;AACrB,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;IACO,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;QAED,QACE,CAAA,CAAA,0BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EACkB,yBAAyB,EACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,kBAAkB,EAAE,KAAK,IAAI,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,EACrE,sBAAsB,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAEtD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,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,GAAG,IAAI,CAAC,WAAW,CAAS,OAAA,CAAA,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,EAElB,EAAA,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAc,YAAA,CAAA,EAAE,wBAAwB,CAAC,CAC/D,CACb,CACL,CACF,CACmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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  addInformation?: 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-primary);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px 0;\n  text-decoration: underline;\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 { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils/google-maps.service';\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  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  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      <rebill-autofill-detector\n        target-selector=\"rebill-input-text input\"\n        disabled={this.disabled}\n        onAutofillDetected={event => this.handleAddressSelected(event.detail)}\n        onManualEntryRequested={() => this.handleManualEntry()}\n      >\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      </rebill-autofill-detector>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-dkScX4Ck.js → p-DoTMic8C.js}

@@ -4,7 +4,7 @@ import { c as copyToClipboard } from './p-OxmhgFET.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { i as isBase64Image, d as decodeQRData, a as generateQRCodeSVG, g as getCurrencyInstructions } from './p-C7VPIrfQ.js';
 import { c as createCountdownTimer, f as formatTimeMMSSMax60 } from './p-bcHxwlBu.js';
-import { d as defineCustomElement$4 } from './p-DwZ2ffr1.js';
+import { d as defineCustomElement$4 } from './p-wMEGQ8Q5.js';
 import { d as defineCustomElement$3 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$2 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
@@ -99,13 +99,13 @@ const QrCode = /*@__PURE__*/ proxyCustomElement(class QrCode extends H {
     };
     render() {
         const instructionLines = this.getCurrentLanguageInstructions();
-        return (h("div", { key: '7e6d0f240af1acf4732e8e0e421972422fcb42b3', class: "qr-code" }, h("div", { key: '3fc0e1591bc4feda98b5ea2865989799b74de56e', class: "qr-code-header" }, h("div", { key: '3cbcaa7fced65b2aebc1c1df9f18d6cd32a6909b', class: "expiration-section" }, h("rebill-icon", { key: '29a8095174d45117f5ddb775db1146feb78facab', name: "calendar-clock" }), h("span", { key: 'b83d5b95ca7db70d19c4e9659a3b7c9a65e507a8', class: "expiration-text" }, I18nService.translate('qrCode.expirationLabel', { time: this.formattedTime })))), h("div", { key: '7c393844eeebc1eccc95aa7f633e28afc021258f', class: "qr-code-content" }, h("div", { key: '54f2f3d6c4ce14bed018c78b4e70a4e5defe8187', class: "qr-section" }, h("div", { key: '724bd8e6f0c23b771e1718738476063cbace3218', class: "qr-instruction" }, h("rebill-typography", { key: 'a473b566d82278f454c19c4b682fcaae77638c85', variant: "subtitle-bold", style: { fontSize: '12px' }, color: COLORS_ENUM.GREY_300 }, I18nService.translate('qrCode.scanInstruction'))), h("div", { key: 'dce1c21a945780937c88b680aa36c4eca994ce81', class: "qr-container" }, this.isImage ? (h("img", { src: `data:image/png;base64,${this.qrCodeData}`, alt: "QR Code", class: "qr-image" })) : (h("div", { class: "qr-image", innerHTML: this.qrCodeSvg })), h("div", { key: '70d8375d521aceea4988186d5e6b21ef582d72cd', class: "scanner-line" }), h("div", { key: '1acd7c628854a8c1ae3552f58d83a7f9835dd267', class: "corner-bottom-left" }), h("div", { key: '94153fc3acdc4f237fdb78e1942f5910fe7661d9', class: "corner-bottom-right" })), this.code && (h("rebill-button", { key: 'e002848f069a1e4c6810f2241eef604fbe47a872', class: "copy-btn", variant: "secondary", size: "small", onClick: async () => {
+        return (h("div", { key: 'af12b0e17de3e9d15b3d50f6a775cfec0634c57d', class: "qr-code" }, h("div", { key: '049ac6a40747350848ab4de7b733ce0c3264b63d', class: "qr-code-header" }, h("div", { key: '25014acd9e5bfd42b7e67abc035b52703929732c', class: "expiration-section" }, h("rebill-icon", { key: 'f4892dd1c4e6cbfc58fe9a0768e72e3afa286010', name: "calendar-clock" }), h("span", { key: '74395a35eb90ab22fa8efcc763b5819e2b465b57', class: "expiration-text" }, I18nService.translate('qrCode.expirationLabel', { time: this.formattedTime })))), h("div", { key: '27b777bbba15c3a224e9c9d07ec6194f40caaa7b', class: "qr-code-content" }, h("div", { key: '38862683c888d46db81a5df22345024fdcc22fcc', class: "qr-section" }, h("div", { key: '2abcbbfad2d8031b2cfd0eca9daab29e8c65b2f7', class: "qr-instruction" }, h("rebill-typography", { key: '79f2500a17995c2f5b66be7a3afeab8ff1df01e9', variant: "subtitle-bold", style: { fontSize: '12px' }, color: COLORS_ENUM.GREY_300 }, I18nService.translate('qrCode.scanInstruction'))), h("div", { key: '181bd27896fb77c5afa1614a622242bb8b399167', class: "qr-container" }, this.isImage ? (h("img", { src: `data:image/png;base64,${this.qrCodeData}`, alt: "QR Code", class: "qr-image" })) : (h("div", { class: "qr-image", innerHTML: this.qrCodeSvg })), h("div", { key: '44a910457a4462bce56ee04fd7421b38c80f5701', class: "scanner-line" }), h("div", { key: '5ab93aeea71f4288525cc5c0ef7e864d322d625f', class: "corner-bottom-left" }), h("div", { key: '2dfa93e3952df855b38692caa5e446e67477ba78', class: "corner-bottom-right" })), this.code && (h("rebill-button", { key: '1a6e620bb374c27dccf12b910864920f2c7151ac', class: "copy-btn", variant: "secondary", size: "small", onClick: async () => {
                 if (!this.code)
                     return;
                 await copyToClipboard(this.code);
                 this.hasCopied = true;
                 setTimeout(() => (this.hasCopied = false), 2000);
-            }, type: "button" }, h("rebill-typography", { key: 'e87c283e7e80169a4bcfc6c3bb5a8d9e29182697', variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('qrCode.copyCode')), this.hasCopied ? (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5.62256 10.8855L8.24756 13.5418L14.3726 6.45844", stroke: "#35B093", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("rebill-icon", { name: "copy", size: "16px" })))))), instructionLines.length > 0 && (h("collapsible-card", { key: 'dbdd98362a19f07f2dee48415c9c5a6bfeefdd56', variant: "flat", header: I18nService.translate('qrCode.instructionsLabel'), open: false }, h("div", { key: '5603d323dc517cdb1020ee7e0d365a16ecb2753d' }, h("ol", { key: 'dcc4bf4b9c919b012a70fac52622475d97dca92e', class: "instructions-list" }, instructionLines.map((line, index) => (h("li", { key: index, class: "instruction-item" }, h("div", { class: "instruction-number" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.GREY_300 }, index + 1)), h("div", { class: "instruction-text" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.GREY_300 }, line)))))))))));
+            }, type: "button" }, h("rebill-typography", { key: '0bd8ad17dd4010b231889a3781686911638ad96d', variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('qrCode.copyCode')), this.hasCopied ? (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5.62256 10.8855L8.24756 13.5418L14.3726 6.45844", stroke: "#35B093", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("rebill-icon", { name: "copy", size: "16px" })))))), instructionLines.length > 0 && (h("collapsible-card", { key: '4e69b59086fab349bdbe54aaa7908d03f6af72e2', variant: "flat", header: I18nService.translate('qrCode.instructionsLabel'), open: false }, h("div", { key: 'a535d50416b7d0ad635c5c24f7c35258bf3ebbac' }, h("ol", { key: '0bcae653181b6f9bb62d43417d8811226ad135db', class: "instructions-list" }, instructionLines.map((line, index) => (h("li", { key: index, class: "instruction-item" }, h("div", { class: "instruction-number" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.GREY_300 }, index + 1)), h("div", { class: "instruction-text" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.GREY_300 }, line)))))))))));
     }
     static get style() { return qrCodeCss; }
 }, [256, "qr-code", {
@@ -156,6 +156,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { QrCode as Q, defineCustomElement as d };
-//# sourceMappingURL=p-dkScX4Ck.js.map
+//# sourceMappingURL=p-DoTMic8C.js.map
 
-//# sourceMappingURL=p-dkScX4Ck.js.map
+//# sourceMappingURL=p-DoTMic8C.js.map