rebill-web-components-sdk 1.8.3-beta.4 → 1.8.3-beta.5

package/dist/components/{p-D_PXcKNq.js.map → p-C8bwQKOB.js.map}

@@ -1 +1 @@
-{"file":"p-D_PXcKNq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox.css?tag=rebill-mode-sandbox","src/components/shared/mode-sandbox/mode-sandbox.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.test-mode-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n.info-icon {\n  margin-right: 4px;\n  display: flex;\n  align-items: center;\n}\n\n.test-mode-chip {\n  display: flex;\n  min-width: 149px;\n  height: 40px;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n  position: relative;\n  z-index: 10;\n}\n\n.test-mode-chip.expanded {\n  max-width: 579px;\n  height: 40px;\n  flex-direction: row;\n  border-radius: 20px;\n  justify-content: space-between;\n}\n\n.test-mode-container.cards-visible .test-mode-chip.expanded {\n  border-radius: 0 0 20px 20px;\n  width: 579px;\n}\n\n.chip-content {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  justify-content: space-between;\n  min-height: 24px;\n  flex-shrink: 0;\n  margin-left: 18px;\n  margin-right: 8px;\n}\n\n.chip-content .info-icon {\n  display: flex !important;\n  align-items: center !important;\n  vertical-align: middle !important;\n}\n\n.chip-content rebill-typography {\n  display: flex !important;\n  align-items: center !important;\n  line-height: 1.5 !important;\n}\n\n.test-mode-chip.expanded .chip-content {\n  justify-content: flex-start;\n  width: auto;\n  margin-right: 12px;\n}\n\n.test-mode-panel {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n  animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.test-mode-panel.closing {\n  animation: slideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.panel-sections {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  justify-content: space-between;\n  margin: 8px;\n}\n\n/* Sección de Cards */\n.cards-section {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color 0.2s ease;\n}\n\n.cards-section .cards-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  margin-left: 4px !important;\n}\n\n.cards-section .cards-button .card-icon {\n  display: flex !important;\n  align-items: center !important;\n  margin-right: 8px !important;\n  vertical-align: middle !important;\n}\n\n.cards-section .cards-button rebill-typography {\n  display: flex !important;\n  align-items: center !important;\n  line-height: 1 !important;\n}\n\n/* Sección de Docs */\n/* .docs-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n} */\n\n/* Sección de Registration */\n.registration-section {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  flex: 1;\n  min-width: 0;\n}\n\n.cards-dropdown-panel {\n  position: absolute;\n  bottom: 40px;\n  left: 0;\n  width: 579px;\n  background: #ffffff;\n  border-top: 1px solid #e5e7eb;\n  border-left: 1px solid #e5e7eb;\n  border-right: 1px solid #e5e7eb;\n  border-bottom: none;\n  border-radius: 16px 16px 0 0;\n  z-index: 15;\n  animation: expandUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: bottom center;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cards-dropdown-panel.closing {\n  animation: collapseDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-section {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px;\n}\n\n.card-details {\n  background: #fafafa;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  margin: 8px;\n  min-height: 223.7px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  padding: 16px;\n}\n\n.card-row {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  align-items: center;\n  background: #ffffff;\n  justify-content: space-around;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  width: 531px;\n  height: 68px;\n}\n\n.card-field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n.field-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  max-height: 20px;\n}\n\n.copy-button {\n  align-items: center;\n}\n\n/* Animaciones */\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideOut {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n}\n\n@keyframes expandUp {\n  from {\n    opacity: 0;\n    transform: translateY(10px) scaleY(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n}\n\n@keyframes collapseDown {\n  from {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(10px) scaleY(0.9);\n  }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-mode-sandbox',\n  styleUrl: 'mode-sandbox.css',\n  shadow: false,\n})\nexport class RebillTestModeChip {\n  @Element() el: HTMLElement;\n  @State() isPanelVisible = false;\n  @State() isPanelClosing = false;\n  @State() isCardsPanelVisible = false;\n  @State() isCardsPanelClosing = false;\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  private togglePanel = () => {\n    if (this.isPanelVisible) {\n      this.isPanelClosing = true;\n      if (this.isCardsPanelVisible) {\n        this.isCardsPanelClosing = true;\n      }\n      setTimeout(() => {\n        this.isPanelVisible = false;\n        this.isPanelClosing = false;\n        this.isCardsPanelVisible = false;\n        this.isCardsPanelClosing = false;\n      }, 300);\n    } else {\n      this.isPanelVisible = true;\n    }\n  };\n\n  private togglePanelCards = () => {\n    if (this.isCardsPanelVisible) {\n      this.isCardsPanelClosing = true;\n      setTimeout(() => {\n        this.isCardsPanelVisible = false;\n        this.isCardsPanelClosing = false;\n      }, 300);\n    } else {\n      this.isCardsPanelVisible = true;\n    }\n  };\n\n  private handleCopy = (text: string) => {\n    copyToClipboard(text);\n    this.isCardsPanelClosing = true;\n    setTimeout(() => {\n      this.isCardsPanelVisible = false;\n      this.isCardsPanelClosing = false;\n    }, 300);\n  };\n  private handleDocsClick = () => {\n    window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n  };\n\n  private renderBasicChip() {\n    return (\n      <div class=\"chip-content\">\n        <div class=\"info-icon\">\n          <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n        </div>\n        <rebill-typography\n          variant=\"subtitle2\"\n          color={COLORS_ENUM.PRIMARY_DARK}\n          style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n        >\n          {I18nService.translate('sandbox.testMode')}\n        </rebill-typography>\n        {!this.isPanelVisible && (\n          <div class=\"arrow-icon\">\n            <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n              <rebill-icon name=\"arrow-right-circle\" />\n            </rebill-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderExpandedChip() {\n    return (\n      <div class={`test-mode-panel ${this.isPanelClosing ? 'closing' : ''}`}>\n        <div class=\"panel-sections\">\n          <div class=\"cards-section\" onClick={this.togglePanelCards}>\n            <rebill-button variant=\"text\" size=\"small\" class=\"cards-button\">\n              <rebill-icon name=\"card-test\" class=\"card-icon\" />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {`${I18nService.translate('sandbox.cards')} `}\n              </rebill-typography>\n              <rebill-icon\n                key={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n                name={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n                style={{ marginLeft: '8px' }}\n              />\n            </rebill-button>\n          </div>\n          {/* TODO: Add docs and registration sections when we have endpoints */}\n          <div class=\"docs-section\">\n            <rebill-button variant=\"text\" size=\"small\" onClick={this.handleDocsClick}>\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n                {I18nService.translate('sandbox.docs')}\n              </rebill-typography>\n              <rebill-icon name=\"external-link\" style={{ marginLeft: '8px' }} />\n            </rebill-button>\n          </div>\n          {/*\n          <div class=\"registration-section\" onClick={this.handleRegistrationClick}>\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n              {I18nService.translate('sandbox.completeMyAccountRegistration')}\n            </rebill-typography>\n            <rebill-icon name=\"external-link\" />\n          </div> */}\n          <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n            <rebill-icon name=\"close\" />\n          </rebill-button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCardsPanel() {\n    return (\n      <div class={`cards-dropdown-panel ${this.isCardsPanelClosing ? 'closing' : ''}`}>\n        <div class=\"card-details\">\n          <div class=\"card-section\">\n            <div class=\"header-content\">\n              <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.successPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4539148803436467\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.expiryDate')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card-section\">\n            <div class=\"header-content\">\n              <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.rejectedPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4485364739527352\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.expiryDate')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={`test-mode-container ${this.isCardsPanelVisible || this.isCardsPanelClosing ? 'cards-visible' : ''}`}\n      >\n        <div class={`test-mode-chip ${this.isPanelVisible ? 'expanded' : ''}`}>\n          {this.renderBasicChip()}\n          {(this.isPanelVisible || this.isPanelClosing) && this.renderExpandedChip()}\n        </div>\n        {(this.isPanelVisible || this.isCardsPanelClosing) &&\n          (this.isCardsPanelVisible || this.isCardsPanelClosing) &&\n          this.renderCardsPanel()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-C8bwQKOB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox.css?tag=rebill-mode-sandbox","src/components/shared/mode-sandbox/mode-sandbox.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.test-mode-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n.info-icon {\n  margin-right: 4px;\n  display: flex;\n  align-items: center;\n}\n\n.test-mode-chip {\n  display: flex;\n  min-width: 149px;\n  height: 40px;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n  position: relative;\n  z-index: 10;\n}\n\n.test-mode-chip.expanded {\n  max-width: 579px;\n  height: 40px;\n  flex-direction: row;\n  border-radius: 20px;\n  justify-content: space-between;\n}\n\n.test-mode-container.cards-visible .test-mode-chip.expanded {\n  border-radius: 0 0 20px 20px;\n  width: 579px;\n}\n\n.chip-content {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  justify-content: space-between;\n  min-height: 24px;\n  flex-shrink: 0;\n  margin-left: 18px;\n  margin-right: 8px;\n}\n\n.chip-content .info-icon {\n  display: flex !important;\n  align-items: center !important;\n  vertical-align: middle !important;\n}\n\n.chip-content rebill-typography {\n  display: flex !important;\n  align-items: center !important;\n  line-height: 1.5 !important;\n}\n\n.test-mode-chip.expanded .chip-content {\n  justify-content: flex-start;\n  width: auto;\n  margin-right: 12px;\n}\n\n.test-mode-panel {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n  animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.test-mode-panel.closing {\n  animation: slideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.panel-sections {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  justify-content: space-between;\n  margin: 8px;\n}\n\n/* Sección de Cards */\n.cards-section {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color 0.2s ease;\n}\n\n.cards-section .cards-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  margin-left: 4px !important;\n}\n\n.cards-section .cards-button .card-icon {\n  display: flex !important;\n  align-items: center !important;\n  margin-right: 8px !important;\n  vertical-align: middle !important;\n}\n\n.cards-section .cards-button rebill-typography {\n  display: flex !important;\n  align-items: center !important;\n  line-height: 1 !important;\n}\n\n/* Sección de Docs */\n/* .docs-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n} */\n\n/* Sección de Registration */\n.registration-section {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  flex: 1;\n  min-width: 0;\n}\n\n.cards-dropdown-panel {\n  position: absolute;\n  bottom: 40px;\n  left: 0;\n  width: 579px;\n  background: #ffffff;\n  border-top: 1px solid #e5e7eb;\n  border-left: 1px solid #e5e7eb;\n  border-right: 1px solid #e5e7eb;\n  border-bottom: none;\n  border-radius: 16px 16px 0 0;\n  z-index: 15;\n  animation: expandUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: bottom center;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cards-dropdown-panel.closing {\n  animation: collapseDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-section {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px;\n}\n\n.card-details {\n  background: #fafafa;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  margin: 8px;\n  min-height: 223.7px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  padding: 16px;\n}\n\n.card-row {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  align-items: center;\n  background: #ffffff;\n  justify-content: space-around;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  width: 531px;\n  height: 68px;\n}\n\n.card-field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n.field-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  max-height: 20px;\n}\n\n.copy-button {\n  align-items: center;\n}\n\n/* Animaciones */\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideOut {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n}\n\n@keyframes expandUp {\n  from {\n    opacity: 0;\n    transform: translateY(10px) scaleY(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n}\n\n@keyframes collapseDown {\n  from {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(10px) scaleY(0.9);\n  }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-mode-sandbox',\n  styleUrl: 'mode-sandbox.css',\n  shadow: false,\n})\nexport class RebillTestModeChip {\n  @Element() el: HTMLElement;\n  @State() isPanelVisible = false;\n  @State() isPanelClosing = false;\n  @State() isCardsPanelVisible = false;\n  @State() isCardsPanelClosing = false;\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  private togglePanel = () => {\n    if (this.isPanelVisible) {\n      this.isPanelClosing = true;\n      if (this.isCardsPanelVisible) {\n        this.isCardsPanelClosing = true;\n      }\n      setTimeout(() => {\n        this.isPanelVisible = false;\n        this.isPanelClosing = false;\n        this.isCardsPanelVisible = false;\n        this.isCardsPanelClosing = false;\n      }, 300);\n    } else {\n      this.isPanelVisible = true;\n    }\n  };\n\n  private togglePanelCards = () => {\n    if (this.isCardsPanelVisible) {\n      this.isCardsPanelClosing = true;\n      setTimeout(() => {\n        this.isCardsPanelVisible = false;\n        this.isCardsPanelClosing = false;\n      }, 300);\n    } else {\n      this.isCardsPanelVisible = true;\n    }\n  };\n\n  private handleCopy = (text: string) => {\n    copyToClipboard(text);\n    this.isCardsPanelClosing = true;\n    setTimeout(() => {\n      this.isCardsPanelVisible = false;\n      this.isCardsPanelClosing = false;\n    }, 300);\n  };\n  private handleDocsClick = () => {\n    window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n  };\n\n  private renderBasicChip() {\n    return (\n      <div class=\"chip-content\">\n        <div class=\"info-icon\">\n          <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n        </div>\n        <rebill-typography\n          variant=\"subtitle2\"\n          color={COLORS_ENUM.PRIMARY_DARK}\n          style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n        >\n          {I18nService.translate('sandbox.testMode')}\n        </rebill-typography>\n        {!this.isPanelVisible && (\n          <div class=\"arrow-icon\">\n            <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n              <rebill-icon name=\"arrow-right-circle\" />\n            </rebill-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderExpandedChip() {\n    return (\n      <div class={`test-mode-panel ${this.isPanelClosing ? 'closing' : ''}`}>\n        <div class=\"panel-sections\">\n          <div class=\"cards-section\" onClick={this.togglePanelCards}>\n            <rebill-button variant=\"text\" size=\"small\" class=\"cards-button\">\n              <rebill-icon name=\"card-test\" class=\"card-icon\" />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {`${I18nService.translate('sandbox.cards')} `}\n              </rebill-typography>\n              <rebill-icon\n                key={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n                name={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n                style={{ marginLeft: '8px' }}\n              />\n            </rebill-button>\n          </div>\n          {/* TODO: Add docs and registration sections when we have endpoints */}\n          <div class=\"docs-section\">\n            <rebill-button variant=\"text\" size=\"small\" onClick={this.handleDocsClick}>\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n                {I18nService.translate('sandbox.docs')}\n              </rebill-typography>\n              <rebill-icon name=\"external-link\" style={{ marginLeft: '8px' }} />\n            </rebill-button>\n          </div>\n          {/*\n          <div class=\"registration-section\" onClick={this.handleRegistrationClick}>\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n              {I18nService.translate('sandbox.completeMyAccountRegistration')}\n            </rebill-typography>\n            <rebill-icon name=\"external-link\" />\n          </div> */}\n          <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n            <rebill-icon name=\"close\" />\n          </rebill-button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCardsPanel() {\n    return (\n      <div class={`cards-dropdown-panel ${this.isCardsPanelClosing ? 'closing' : ''}`}>\n        <div class=\"card-details\">\n          <div class=\"card-section\">\n            <div class=\"header-content\">\n              <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.successPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4539148803436467\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.expiryDate')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"card-section\">\n            <div class=\"header-content\">\n              <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.rejectedPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4485364739527352\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.expiryDate')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n\n              <div class=\"card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={`test-mode-container ${this.isCardsPanelVisible || this.isCardsPanelClosing ? 'cards-visible' : ''}`}\n      >\n        <div class={`test-mode-chip ${this.isPanelVisible ? 'expanded' : ''}`}>\n          {this.renderBasicChip()}\n          {(this.isPanelVisible || this.isPanelClosing) && this.renderExpandedChip()}\n        </div>\n        {(this.isPanelVisible || this.isCardsPanelClosing) &&\n          (this.isCardsPanelVisible || this.isCardsPanelClosing) &&\n          this.renderCardsPanel()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CKHlNMVF.js → p-CjKgYUL9.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$2 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const alertCss = ".alert{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;border-radius:8px;box-sizing:border-box;border:1px solid;font-size:12px;gap:10px}.alert.medium{height:48px}.alert.error{background-color:var(--rebill-color-error-background);border-color:var(--rebill-color-error)}.alert.success{background-color:#f0fdf4;border-color:var(--rebill-color-green-light)}.alert.coupon{background-color:var(--rebill-color-green-light);border-color:var(--rebill-color-green-light)}.alert.info{background-color:var(--rebill-color-info-background);border-color:var(--rebill-color-info-border);box-sizing:content-box}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.alert-message{flex:1;display:flex;flex-direction:column}.alert.filled{border:none}.alert.variant-secure{background-color:var(--rebill-color-border);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;border-radius:8px;border:none;text-align:center;gap:8px;height:40px}.alert.variant-secure .alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.alert.variant-secure .alert-message{flex:0 1 auto;text-align:center}.alert.variant-info{background-color:#f4f5f6;border:none}";
 
@@ -70,6 +70,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Alert as A, defineCustomElement as d };
-//# sourceMappingURL=p-CKHlNMVF.js.map
+//# sourceMappingURL=p-CjKgYUL9.js.map
 
-//# sourceMappingURL=p-CKHlNMVF.js.map
+//# sourceMappingURL=p-CjKgYUL9.js.map

package/dist/components/{p-CKHlNMVF.js.map → p-CjKgYUL9.js.map}

@@ -1 +1 @@
-{"file":"p-CKHlNMVF.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,uxCAAuxC;;MCQ3xC,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;IACR,IAAI,GAAuD,OAAO;AAClE,IAAA,OAAO;AACP,IAAA,UAAU;AACV,IAAA,IAAI;IACJ,OAAO,GAA8D,QAAQ;IAC7E,IAAI,GAAuB,OAAO;AAClC,IAAA,SAAS;IACjB,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1D,IAAI,CAAC,IAAI,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,CAAI,CACnD,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,UAAU,KACd,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,EAC/D,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,IAAI,CAAC,IAAI,KAAK;8BACZ,WAAW,CAAC;AACd,8BAAE,WAAW,CAAC,KAAK,IAG5B,IAAI,CAAC,UAAU,CACE,CACrB,EACA,IAAI,CAAC,OAAO,KACX,0EACE,OAAO,EAAC,OAAO,EACf,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,WAAW,CAAC,KAAK,EAG1B,EAAA,IAAI,CAAC,OAAO,CACK,CACrB,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/alert/alert.css?tag=rebill-alert","src/components/shared/alert/alert.tsx"],"sourcesContent":[".alert {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 8px;\n  box-sizing: border-box;\n  border: 1px solid;\n  font-size: 12px;\n  gap: 10px;\n}\n\n.alert.medium {\n  height: 48px;\n}\n\n.alert.error {\n  background-color: var(--rebill-color-error-background);\n  border-color: var(--rebill-color-error);\n}\n\n.alert.success {\n  background-color: #f0fdf4;\n  border-color: var(--rebill-color-green-light);\n}\n\n.alert.coupon {\n  background-color: var(--rebill-color-green-light);\n  border-color: var(--rebill-color-green-light);\n}\n\n.alert.info {\n  background-color: var(--rebill-color-info-background);\n  border-color: var(--rebill-color-info-border);\n  box-sizing: content-box;\n}\n\n.alert-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n}\n\n.alert-message {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.alert.filled {\n  border: none;\n}\n\n.alert.variant-secure {\n  background-color: var(--rebill-color-border);\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 8px;\n  border: none;\n  text-align: center;\n  gap: 8px;\n  height: 40px;\n}\n\n.alert.variant-secure .alert-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n}\n\n.alert.variant-secure .alert-message {\n  flex: 0 1 auto;\n  text-align: center;\n}\n.alert.variant-info {\n  background-color: #f4f5f6;\n  border: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-alert',\n  styleUrl: 'alert.css',\n  shadow: false,\n})\nexport class Alert {\n  @Prop() type: 'error' | 'success' | 'info' | 'secure' | 'coupon' = 'error';\n  @Prop() message: string;\n  @Prop() alertTitle: string;\n  @Prop() icon: string;\n  @Prop() variant: 'filled' | 'outlined' | 'variant-secure' | 'variant-info' = 'filled';\n  @Prop() size: 'small' | 'medium' = 'small';\n  @Prop() colorIcon: COLORS_ENUM;\n  render() {\n    return (\n      <div class={`alert ${this.type} ${this.variant} ${this.size}`}>\n        {this.icon && (\n          <div class=\"alert-icon\">\n            <rebill-icon name={this.icon} color={this.colorIcon} />\n          </div>\n        )}\n        <div class=\"alert-message\">\n          {this.alertTitle && (\n            <rebill-typography\n              variant={this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold'}\n              color={\n                this.type === 'error'\n                  ? COLORS_ENUM.ERROR_DARK\n                  : this.type === 'info'\n                    ? COLORS_ENUM.INFO_TEXT\n                    : this.type === 'secure'\n                      ? COLORS_ENUM.NEUTRALS_700\n                      : this.type === 'coupon'\n                        ? COLORS_ENUM.GREEN_TEXT\n                        : COLORS_ENUM.GREEN\n              }\n            >\n              {this.alertTitle}\n            </rebill-typography>\n          )}\n          {this.message && (\n            <rebill-typography\n              variant=\"body2\"\n              color={\n                this.type === 'error'\n                  ? COLORS_ENUM.ERROR_DARK\n                  : this.type === 'info'\n                    ? COLORS_ENUM.INFO_TEXT\n                    : this.type === 'secure'\n                      ? COLORS_ENUM.NEUTRALS_700\n                      : COLORS_ENUM.GREEN\n              }\n            >\n              {this.message}\n            </rebill-typography>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CjKgYUL9.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,uxCAAuxC;;MCQ3xC,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;IACR,IAAI,GAAuD,OAAO;AAClE,IAAA,OAAO;AACP,IAAA,UAAU;AACV,IAAA,IAAI;IACJ,OAAO,GAA8D,QAAQ;IAC7E,IAAI,GAAuB,OAAO;AAClC,IAAA,SAAS;IACjB,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1D,IAAI,CAAC,IAAI,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,CAAI,CACnD,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,UAAU,KACd,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,EAC/D,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,IAAI,CAAC,IAAI,KAAK;8BACZ,WAAW,CAAC;AACd,8BAAE,WAAW,CAAC,KAAK,IAG5B,IAAI,CAAC,UAAU,CACE,CACrB,EACA,IAAI,CAAC,OAAO,KACX,0EACE,OAAO,EAAC,OAAO,EACf,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,WAAW,CAAC,KAAK,EAG1B,EAAA,IAAI,CAAC,OAAO,CACK,CACrB,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/alert/alert.css?tag=rebill-alert","src/components/shared/alert/alert.tsx"],"sourcesContent":[".alert {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 8px;\n  box-sizing: border-box;\n  border: 1px solid;\n  font-size: 12px;\n  gap: 10px;\n}\n\n.alert.medium {\n  height: 48px;\n}\n\n.alert.error {\n  background-color: var(--rebill-color-error-background);\n  border-color: var(--rebill-color-error);\n}\n\n.alert.success {\n  background-color: #f0fdf4;\n  border-color: var(--rebill-color-green-light);\n}\n\n.alert.coupon {\n  background-color: var(--rebill-color-green-light);\n  border-color: var(--rebill-color-green-light);\n}\n\n.alert.info {\n  background-color: var(--rebill-color-info-background);\n  border-color: var(--rebill-color-info-border);\n  box-sizing: content-box;\n}\n\n.alert-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n}\n\n.alert-message {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.alert.filled {\n  border: none;\n}\n\n.alert.variant-secure {\n  background-color: var(--rebill-color-border);\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 8px;\n  border: none;\n  text-align: center;\n  gap: 8px;\n  height: 40px;\n}\n\n.alert.variant-secure .alert-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n}\n\n.alert.variant-secure .alert-message {\n  flex: 0 1 auto;\n  text-align: center;\n}\n.alert.variant-info {\n  background-color: #f4f5f6;\n  border: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-alert',\n  styleUrl: 'alert.css',\n  shadow: false,\n})\nexport class Alert {\n  @Prop() type: 'error' | 'success' | 'info' | 'secure' | 'coupon' = 'error';\n  @Prop() message: string;\n  @Prop() alertTitle: string;\n  @Prop() icon: string;\n  @Prop() variant: 'filled' | 'outlined' | 'variant-secure' | 'variant-info' = 'filled';\n  @Prop() size: 'small' | 'medium' = 'small';\n  @Prop() colorIcon: COLORS_ENUM;\n  render() {\n    return (\n      <div class={`alert ${this.type} ${this.variant} ${this.size}`}>\n        {this.icon && (\n          <div class=\"alert-icon\">\n            <rebill-icon name={this.icon} color={this.colorIcon} />\n          </div>\n        )}\n        <div class=\"alert-message\">\n          {this.alertTitle && (\n            <rebill-typography\n              variant={this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold'}\n              color={\n                this.type === 'error'\n                  ? COLORS_ENUM.ERROR_DARK\n                  : this.type === 'info'\n                    ? COLORS_ENUM.INFO_TEXT\n                    : this.type === 'secure'\n                      ? COLORS_ENUM.NEUTRALS_700\n                      : this.type === 'coupon'\n                        ? COLORS_ENUM.GREEN_TEXT\n                        : COLORS_ENUM.GREEN\n              }\n            >\n              {this.alertTitle}\n            </rebill-typography>\n          )}\n          {this.message && (\n            <rebill-typography\n              variant=\"body2\"\n              color={\n                this.type === 'error'\n                  ? COLORS_ENUM.ERROR_DARK\n                  : this.type === 'info'\n                    ? COLORS_ENUM.INFO_TEXT\n                    : this.type === 'secure'\n                      ? COLORS_ENUM.NEUTRALS_700\n                      : COLORS_ENUM.GREEN\n              }\n            >\n              {this.message}\n            </rebill-typography>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Mn8ErAAb.js → p-CwHrjjgl.js}

@@ -6,8 +6,8 @@ import './p-CdyGwGeS.js';
 import './p-uZj1dMLQ.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$2 } from './p-BhZLfMCq.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$2 } from './p-8Z6_-yhm.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 class GoogleMapsService {
     static instance;
@@ -230,6 +230,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { AddressSearch as A, GoogleMapsService as G, defineCustomElement as d };
-//# sourceMappingURL=p-Mn8ErAAb.js.map
+//# sourceMappingURL=p-CwHrjjgl.js.map
 
-//# sourceMappingURL=p-Mn8ErAAb.js.map
+//# sourceMappingURL=p-CwHrjjgl.js.map

package/dist/components/{p-Mn8ErAAb.js.map → p-CwHrjjgl.js.map}

@@ -1 +1 @@
-{"file":"p-Mn8ErAAb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/utils/google-maps.service.ts","src/components/checkout/address/address-search/address-search.css?tag=rebill-address-search","src/components/checkout/address/address-search/address-search.tsx"],"sourcesContent":["export interface AddressComponents {\n  address: string;\n  city: string;\n  state: string;\n  country: string;\n  zip: string;\n}\n\nexport class GoogleMapsService {\n  private static instance: GoogleMapsService;\n  private isLoaded: boolean = false;\n  private loadPromise: Promise<boolean> | null = null;\n\n  static getInstance(): GoogleMapsService {\n    if (!GoogleMapsService.instance) {\n      GoogleMapsService.instance = new GoogleMapsService();\n    }\n    return GoogleMapsService.instance;\n  }\n\n  async waitForAPI(): Promise<boolean> {\n    if (this.isLoaded && window.google?.maps?.places) {\n      return true;\n    }\n\n    if (this.loadPromise) {\n      return this.loadPromise;\n    }\n\n    this.loadPromise = new Promise(resolve => {\n      let attempts = 0;\n      const maxAttempts = 100; // 10 seconds max wait\n\n      const checkAPI = () => {\n        attempts++;\n\n        if (window.google?.maps?.places) {\n          this.isLoaded = true;\n          resolve(true);\n        } else if (attempts >= maxAttempts) {\n          console.error('Google Maps API failed to load within timeout');\n          resolve(false);\n        } else {\n          setTimeout(checkAPI, 100);\n        }\n      };\n      checkAPI();\n    });\n\n    return this.loadPromise;\n  }\n\n  async createAutocomplete(\n    inputElement: HTMLInputElement,\n    onPlaceSelected: (address: AddressComponents) => void,\n  ): Promise<google.maps.places.Autocomplete | null> {\n    const isReady = await this.waitForAPI();\n    if (!isReady) {\n      console.error('Google Maps API not available');\n      return null;\n    }\n\n    try {\n      const autocomplete = new google.maps.places.Autocomplete(inputElement, {\n        types: ['address'],\n        fields: ['address_components', 'formatted_address', 'geometry'],\n      });\n\n      autocomplete.addListener('place_changed', () => {\n        const place = autocomplete.getPlace();\n\n        if (place?.address_components) {\n          const address = this.parseAddressComponents(place.address_components);\n          onPlaceSelected(address);\n        }\n      });\n\n      return autocomplete;\n    } catch (error) {\n      console.error('Failed to create Google Maps autocomplete:', error);\n      return null;\n    }\n  }\n\n  private parseAddressComponents(\n    components: google.maps.GeocoderAddressComponent[],\n  ): AddressComponents {\n    const getComponent = (type: string, useShortName = false) => {\n      const component = components.find(c => c.types.includes(type));\n      return component ? (useShortName ? component.short_name : component.long_name) : '';\n    };\n\n    const streetNumber = getComponent('street_number');\n    const route = getComponent('route');\n\n    return {\n      address: `${streetNumber} ${route}`.trim(),\n      city: getComponent('locality'),\n      state: getComponent('administrative_area_level_1'),\n      country: getComponent('country', true),\n      zip: getComponent('postal_code'),\n    };\n  }\n\n  static loadGoogleMapsScript(googleMapsApiKey?: string) {\n    // Use hardcoded API key for SDK\n    const apiKey = googleMapsApiKey || 'AIzaSyCViTfaoMntRf7oYbAfPZv8hbrNnOWHjQM';\n\n    if (!apiKey) {\n      console.warn('Google Maps API key not provided. Address autocomplete will not be available.');\n      return;\n    }\n\n    // Check if script is already loaded\n    if (document.querySelector('script[src*=\"maps.googleapis.com\"]')) {\n      return;\n    }\n\n    const script = document.createElement('script');\n    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&loading=async&callback=initGoogleMaps`;\n    script.async = true;\n    script.defer = true;\n\n    // Add global callback for when Google Maps is ready\n    (window as any).initGoogleMaps = () => {\n      delete (window as any).initGoogleMaps; // Clean up\n    };\n\n    script.onerror = () => {\n      console.error(\n        'Failed to load Google Maps script. Please check your API key and network connection.',\n      );\n    };\n\n    document.head.appendChild(script);\n  }\n}\n",":host {\n  display: block;\n}\n\n.address-search-container {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.search-input-container {\n  margin-bottom: 8px;\n}\n\n.manual-entry-link-wrapper {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.manual-entry-link {\n  background: none;\n  border: none;\n  color: var(--rebill-color-text-secondary);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px 0;\n  text-decoration: underline;\n}\n\n.manual-entry-link:hover {\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../../store/session.store';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-address-search',\n  styleUrl: 'address-search.css',\n  shadow: false,\n})\nexport class AddressSearch {\n  @Element() el: HTMLElement;\n  @State() isInitialized = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() placeholder?: string;\n  @Prop() error?: string;\n  @Prop() disabled: boolean = false;\n\n  @Event() addressSelected: EventEmitter<AddressComponents>;\n  @Event() manualEntryRequested: EventEmitter<void>;\n\n  private googleMapsService = GoogleMapsService.getInstance();\n  private autocomplete: google.maps.places.Autocomplete | null = null;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  async componentDidLoad() {\n    await this.initializeAutocomplete();\n\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private async initializeAutocomplete() {\n    if (this.isInitialized) return;\n\n    try {\n      const inputElement = await this.getInputElement();\n      if (!inputElement) return;\n\n      this.autocomplete = await this.googleMapsService.createAutocomplete(\n        inputElement,\n        (address: AddressComponents) => this.handleAddressSelected(address),\n      );\n      if (this.autocomplete) {\n        this.isInitialized = true;\n      }\n    } catch (error) {\n      console.error(`Failed to initialize ${this.addressType} autocomplete:`, error);\n    }\n  }\n\n  private async getInputElement(): Promise<HTMLInputElement | null> {\n    const inputComponent = this.el?.querySelector('rebill-input-text') as any;\n    if (!inputComponent) {\n      console.error(`Input component not found for ${this.addressType}-search`);\n      return null;\n    }\n\n    try {\n      return await inputComponent.getInputElement();\n    } catch (error) {\n      console.error(`Failed to get input element:`, error);\n      return null;\n    }\n  }\n\n  private handleAddressSelected(address: AddressComponents) {\n    this.addressSelected.emit(address);\n  }\n\n  private handleManualEntry = () => {\n    this.manualEntryRequested.emit();\n  };\n\n  private cleanup() {\n    if (this.autocomplete) {\n      this.autocomplete = null;\n    }\n    this.isInitialized = false;\n  }\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n    const defaultPlaceholder = I18nService.translate(\n      `${translationKey}.searchPlaceholder`,\n      'Search for an address...',\n    );\n\n    return (\n      <div class=\"address-search-container\">\n        <div class=\"search-input-container\">\n          <rebill-input-text\n            id={`${this.addressType}-search`}\n            placeholder={this.placeholder || defaultPlaceholder}\n            rightIcon=\"search\"\n            error={this.error}\n            disabled={this.disabled}\n          />\n        </div>\n        <div class=\"manual-entry-link-wrapper\">\n          <button class=\"manual-entry-link\" type=\"button\" onClick={this.handleManualEntry}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CwHrjjgl.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/utils/google-maps.service.ts","src/components/checkout/address/address-search/address-search.css?tag=rebill-address-search","src/components/checkout/address/address-search/address-search.tsx"],"sourcesContent":["export interface AddressComponents {\n  address: string;\n  city: string;\n  state: string;\n  country: string;\n  zip: string;\n}\n\nexport class GoogleMapsService {\n  private static instance: GoogleMapsService;\n  private isLoaded: boolean = false;\n  private loadPromise: Promise<boolean> | null = null;\n\n  static getInstance(): GoogleMapsService {\n    if (!GoogleMapsService.instance) {\n      GoogleMapsService.instance = new GoogleMapsService();\n    }\n    return GoogleMapsService.instance;\n  }\n\n  async waitForAPI(): Promise<boolean> {\n    if (this.isLoaded && window.google?.maps?.places) {\n      return true;\n    }\n\n    if (this.loadPromise) {\n      return this.loadPromise;\n    }\n\n    this.loadPromise = new Promise(resolve => {\n      let attempts = 0;\n      const maxAttempts = 100; // 10 seconds max wait\n\n      const checkAPI = () => {\n        attempts++;\n\n        if (window.google?.maps?.places) {\n          this.isLoaded = true;\n          resolve(true);\n        } else if (attempts >= maxAttempts) {\n          console.error('Google Maps API failed to load within timeout');\n          resolve(false);\n        } else {\n          setTimeout(checkAPI, 100);\n        }\n      };\n      checkAPI();\n    });\n\n    return this.loadPromise;\n  }\n\n  async createAutocomplete(\n    inputElement: HTMLInputElement,\n    onPlaceSelected: (address: AddressComponents) => void,\n  ): Promise<google.maps.places.Autocomplete | null> {\n    const isReady = await this.waitForAPI();\n    if (!isReady) {\n      console.error('Google Maps API not available');\n      return null;\n    }\n\n    try {\n      const autocomplete = new google.maps.places.Autocomplete(inputElement, {\n        types: ['address'],\n        fields: ['address_components', 'formatted_address', 'geometry'],\n      });\n\n      autocomplete.addListener('place_changed', () => {\n        const place = autocomplete.getPlace();\n\n        if (place?.address_components) {\n          const address = this.parseAddressComponents(place.address_components);\n          onPlaceSelected(address);\n        }\n      });\n\n      return autocomplete;\n    } catch (error) {\n      console.error('Failed to create Google Maps autocomplete:', error);\n      return null;\n    }\n  }\n\n  private parseAddressComponents(\n    components: google.maps.GeocoderAddressComponent[],\n  ): AddressComponents {\n    const getComponent = (type: string, useShortName = false) => {\n      const component = components.find(c => c.types.includes(type));\n      return component ? (useShortName ? component.short_name : component.long_name) : '';\n    };\n\n    const streetNumber = getComponent('street_number');\n    const route = getComponent('route');\n\n    return {\n      address: `${streetNumber} ${route}`.trim(),\n      city: getComponent('locality'),\n      state: getComponent('administrative_area_level_1'),\n      country: getComponent('country', true),\n      zip: getComponent('postal_code'),\n    };\n  }\n\n  static loadGoogleMapsScript(googleMapsApiKey?: string) {\n    // Use hardcoded API key for SDK\n    const apiKey = googleMapsApiKey || 'AIzaSyCViTfaoMntRf7oYbAfPZv8hbrNnOWHjQM';\n\n    if (!apiKey) {\n      console.warn('Google Maps API key not provided. Address autocomplete will not be available.');\n      return;\n    }\n\n    // Check if script is already loaded\n    if (document.querySelector('script[src*=\"maps.googleapis.com\"]')) {\n      return;\n    }\n\n    const script = document.createElement('script');\n    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&loading=async&callback=initGoogleMaps`;\n    script.async = true;\n    script.defer = true;\n\n    // Add global callback for when Google Maps is ready\n    (window as any).initGoogleMaps = () => {\n      delete (window as any).initGoogleMaps; // Clean up\n    };\n\n    script.onerror = () => {\n      console.error(\n        'Failed to load Google Maps script. Please check your API key and network connection.',\n      );\n    };\n\n    document.head.appendChild(script);\n  }\n}\n",":host {\n  display: block;\n}\n\n.address-search-container {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.search-input-container {\n  margin-bottom: 8px;\n}\n\n.manual-entry-link-wrapper {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.manual-entry-link {\n  background: none;\n  border: none;\n  color: var(--rebill-color-text-secondary);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px 0;\n  text-decoration: underline;\n}\n\n.manual-entry-link:hover {\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../../store/session.store';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-address-search',\n  styleUrl: 'address-search.css',\n  shadow: false,\n})\nexport class AddressSearch {\n  @Element() el: HTMLElement;\n  @State() isInitialized = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() placeholder?: string;\n  @Prop() error?: string;\n  @Prop() disabled: boolean = false;\n\n  @Event() addressSelected: EventEmitter<AddressComponents>;\n  @Event() manualEntryRequested: EventEmitter<void>;\n\n  private googleMapsService = GoogleMapsService.getInstance();\n  private autocomplete: google.maps.places.Autocomplete | null = null;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  async componentDidLoad() {\n    await this.initializeAutocomplete();\n\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private async initializeAutocomplete() {\n    if (this.isInitialized) return;\n\n    try {\n      const inputElement = await this.getInputElement();\n      if (!inputElement) return;\n\n      this.autocomplete = await this.googleMapsService.createAutocomplete(\n        inputElement,\n        (address: AddressComponents) => this.handleAddressSelected(address),\n      );\n      if (this.autocomplete) {\n        this.isInitialized = true;\n      }\n    } catch (error) {\n      console.error(`Failed to initialize ${this.addressType} autocomplete:`, error);\n    }\n  }\n\n  private async getInputElement(): Promise<HTMLInputElement | null> {\n    const inputComponent = this.el?.querySelector('rebill-input-text') as any;\n    if (!inputComponent) {\n      console.error(`Input component not found for ${this.addressType}-search`);\n      return null;\n    }\n\n    try {\n      return await inputComponent.getInputElement();\n    } catch (error) {\n      console.error(`Failed to get input element:`, error);\n      return null;\n    }\n  }\n\n  private handleAddressSelected(address: AddressComponents) {\n    this.addressSelected.emit(address);\n  }\n\n  private handleManualEntry = () => {\n    this.manualEntryRequested.emit();\n  };\n\n  private cleanup() {\n    if (this.autocomplete) {\n      this.autocomplete = null;\n    }\n    this.isInitialized = false;\n  }\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n    const defaultPlaceholder = I18nService.translate(\n      `${translationKey}.searchPlaceholder`,\n      'Search for an address...',\n    );\n\n    return (\n      <div class=\"address-search-container\">\n        <div class=\"search-input-container\">\n          <rebill-input-text\n            id={`${this.addressType}-search`}\n            placeholder={this.placeholder || defaultPlaceholder}\n            rightIcon=\"search\"\n            error={this.error}\n            disabled={this.disabled}\n          />\n        </div>\n        <div class=\"manual-entry-link-wrapper\">\n          <button class=\"manual-entry-link\" type=\"button\" onClick={this.handleManualEntry}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-ojGSd7eA.js → p-D8FW7I0M.js}

@@ -1,6 +1,6 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const cardCss = ".card-container{display:flex;flex-direction:column;gap:16px;border-radius:8px;padding:16px;background-color:var(--rebill-color-background)}.card-labels{display:flex;flex-direction:column;gap:8px}.card-label{display:flex;flex-direction:row;justify-content:flex-start;gap:16px}";
 
@@ -40,6 +40,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Card as C, defineCustomElement as d };
-//# sourceMappingURL=p-ojGSd7eA.js.map
+//# sourceMappingURL=p-D8FW7I0M.js.map
 
-//# sourceMappingURL=p-ojGSd7eA.js.map
+//# sourceMappingURL=p-D8FW7I0M.js.map

package/dist/components/{p-ojGSd7eA.js.map → p-D8FW7I0M.js.map}

@@ -1 +1 @@
-{"file":"p-ojGSd7eA.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-D8FW7I0M.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-CdLmSaw6.js → p-DAJuJoZn.js}

@@ -3,8 +3,8 @@ import { I as I18nService } from './p-DPQ5M9bH.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$4 } from './p-CEBwV20U.js';
 import { d as defineCustomElement$3 } from './p-Umq37yA2.js';
-import { d as defineCustomElement$2 } from './p-BhZLfMCq.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$2 } from './p-8Z6_-yhm.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const addressFormCss = ":host{display:block}.address-form-container{width:100%;margin-bottom:24px}.address-container{display:flex;flex-direction:column;gap:16px}.search-link-wrapper{text-decoration:underline;color:var(--rebill-color-text-secondary);margin-top:8px}@media (min-width: 1025px){.state-zip-row{grid-template-columns:1fr 1fr !important}}.state-zip-row{display:grid;gap:16px}.search-link-wrapper{display:flex;justify-content:flex-start;margin-top:8px}.search-link{background:none;border:none;color:var(--rebill-color-primary);cursor:pointer;font-size:14px;padding:4px 0;text-decoration:none}.search-link:hover{text-decoration:underline;text-decoration-color:var(--rebill-color-text-secondary)}";
 
@@ -84,6 +84,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { AddressForm as A, defineCustomElement as d };
-//# sourceMappingURL=p-CdLmSaw6.js.map
+//# sourceMappingURL=p-DAJuJoZn.js.map
 
-//# sourceMappingURL=p-CdLmSaw6.js.map
+//# sourceMappingURL=p-DAJuJoZn.js.map

package/dist/components/{p-CdLmSaw6.js.map → p-DAJuJoZn.js.map}

@@ -1 +1 @@
-{"file":"p-CdLmSaw6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/address/address-form/address-form.css?tag=rebill-address-form","src/components/checkout/address/address-form/address-form.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.address-form-container {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.address-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.search-link-wrapper {\n  text-decoration: underline;\n  color: var(--rebill-color-text-secondary);\n  margin-top: 8px;\n}\n\n@media (min-width: 1025px) {\n  .state-zip-row {\n    grid-template-columns: 1fr 1fr !important;\n  }\n}\n\n.state-zip-row {\n  display: grid;\n  gap: 16px;\n}\n\n.search-link-wrapper {\n  display: flex;\n  justify-content: flex-start;\n  margin-top: 8px;\n}\n\n.search-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: none;\n}\n\n.search-link:hover {\n  text-decoration: underline;\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n@Component({\n  tag: 'rebill-address-form',\n  styleUrl: 'address-form.css',\n  shadow: false,\n})\nexport class AddressForm {\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() countryOptions: { label: string; value: string }[] = [];\n  @Prop() stateOptions: { label: string; value: string }[] = [];\n  @Prop() errors?: Record<string, string> | null = null;\n  @Prop() disabled: boolean = false;\n\n  @Event() fieldChanged: EventEmitter<{ field: string; value: string }>;\n  @Event() searchRequested: EventEmitter<void>;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  private handleInput = (field: string, value: string) => {\n    this.fieldChanged.emit({ field, value });\n  };\n\n  private handleSearchRequest = () => {\n    this.searchRequested.emit();\n  };\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n\n    return (\n      <div class=\"address-form-container\">\n        <div class=\"address-container\">\n          <rebill-input-select\n            error={this.translateError(this.errors?.[`${this.addressType}-country`])}\n            id={`${this.addressType}-country`}\n            options={this.countryOptions}\n            placeholder={I18nService.translate(`${translationKey}.countryPlaceholder`)}\n            onInput={e => this.handleInput('country', (e as CustomEvent).detail.value)}\n            searchable={true}\n            searchPlaceholder={I18nService.translate(`search.searchCountries`)}\n            disabled={this.disabled}\n          />\n          <rebill-input-text\n            error={this.translateError(this.errors?.[`${this.addressType}-address`])}\n            id={`${this.addressType}-address`}\n            placeholder={I18nService.translate(`${translationKey}.addressPlaceholder`)}\n            variant=\"floating\"\n            label={I18nService.translate(`${translationKey}.addressPlaceholder`)}\n            onInput={e => this.handleInput('address', (e as CustomEvent).detail.value)}\n            disabled={this.disabled}\n          />\n          <rebill-input-text\n            error={this.translateError(this.errors?.[`${this.addressType}-city`])}\n            id={`${this.addressType}-city`}\n            placeholder={I18nService.translate(`${translationKey}.cityPlaceholder`)}\n            variant=\"floating\"\n            label={I18nService.translate(`${translationKey}.cityPlaceholder`)}\n            onInput={e => this.handleInput('city', (e as CustomEvent).detail.value)}\n            disabled={this.disabled}\n          />\n          <div class=\"state-zip-row\">\n            <rebill-input-select\n              error={this.translateError(this.errors?.[`${this.addressType}-state`])}\n              id={`${this.addressType}-state`}\n              options={this.stateOptions}\n              placeholder={I18nService.translate(`${translationKey}.statePlaceholder`)}\n              disabled={this.disabled || this.stateOptions.length === 0}\n              onInput={e => this.handleInput('state', (e as CustomEvent).detail.value)}\n              searchable={true}\n              searchPlaceholder={I18nService.translate(`${translationKey}.searchStates`)}\n            />\n            <rebill-input-text\n              error={this.translateError(this.errors?.[`${this.addressType}-zip`])}\n              id={`${this.addressType}-zip`}\n              placeholder={I18nService.translate(`${translationKey}.zipPlaceholder`)}\n              variant=\"floating\"\n              label={I18nService.translate(`${translationKey}.zipPlaceholder`)}\n              onInput={e => this.handleInput('zip', (e as CustomEvent).detail.value)}\n              disabled={this.disabled}\n            />\n          </div>\n        </div>\n        <div class=\"search-link-wrapper\">\n          <button class=\"search-link\" type=\"button\" onClick={this.handleSearchRequest}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(\n                `${translationKey}.searchPlaceholder`,\n                'Search for an address...',\n              )}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DAJuJoZn.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,yqBAAyqB;;MCQnrB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;IACd,WAAW,GAA2B,SAAS;IAC/C,cAAc,GAAuC,EAAE;IACvD,YAAY,GAAuC,EAAE;IACrD,MAAM,GAAmC,IAAI;IAC7C,QAAQ,GAAY,KAAK;AAExB,IAAA,YAAY;AACZ,IAAA,eAAe;AAEhB,IAAA,cAAc,CAAC,QAA4B,EAAA;AACjD,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,EAAE;AACxB,QAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC3E,YAAA,OAAO,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC;;AAExC,QAAA,OAAO,QAAQ;;AAGT,IAAA,WAAW,GAAG,CAAC,KAAa,EAAE,KAAa,KAAI;QACrD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1C,KAAC;IAEO,mBAAmB,GAAG,MAAK;AACjC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;AAC7B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,iBAAiB,GAAG,gBAAgB;AAE7F,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAA,QAAA,CAAU,CAAC,CAAC,EACxE,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,UAAU,EACjC,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,mBAAA,CAAqB,CAAC,EAC1E,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,EAAG,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1E,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,sBAAA,CAAwB,CAAC,EAClE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACF,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAA,QAAA,CAAU,CAAC,CAAC,EACxE,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,CAAU,QAAA,CAAA,EACjC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAA,mBAAA,CAAqB,CAAC,EAC1E,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAG,EAAA,cAAc,CAAqB,mBAAA,CAAA,CAAC,EACpE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,EAAG,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1E,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACF,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,WAAW,CAAA,KAAA,CAAO,CAAC,CAAC,EACrE,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAO,KAAA,CAAA,EAC9B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAG,EAAA,cAAc,CAAkB,gBAAA,CAAA,CAAC,EACvE,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAG,EAAA,cAAc,kBAAkB,CAAC,EACjE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAG,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EACvE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAA,MAAA,CAAQ,CAAC,CAAC,EACtE,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,CAAQ,MAAA,CAAA,EAC/B,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,iBAAA,CAAmB,CAAC,EACxE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EACzD,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAG,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EACxE,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAA,aAAA,CAAe,CAAC,EAC1E,CAAA,EACF,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,WAAW,CAAM,IAAA,CAAA,CAAC,CAAC,EACpE,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAA,IAAA,CAAM,EAC7B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAG,EAAA,cAAc,CAAiB,eAAA,CAAA,CAAC,EACtE,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAG,EAAA,cAAc,CAAiB,eAAA,CAAA,CAAC,EAChE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EACtE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACE,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAA,EACzE,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,KAAK,EAAC,aAAa,EAAA,EAElB,WAAW,CAAC,SAAS,CACpB,GAAG,cAAc,CAAA,kBAAA,CAAoB,EACrC,0BAA0B,CAC3B,CACiB,CACb,CACL,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/address/address-form/address-form.css?tag=rebill-address-form","src/components/checkout/address/address-form/address-form.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.address-form-container {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.address-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.search-link-wrapper {\n  text-decoration: underline;\n  color: var(--rebill-color-text-secondary);\n  margin-top: 8px;\n}\n\n@media (min-width: 1025px) {\n  .state-zip-row {\n    grid-template-columns: 1fr 1fr !important;\n  }\n}\n\n.state-zip-row {\n  display: grid;\n  gap: 16px;\n}\n\n.search-link-wrapper {\n  display: flex;\n  justify-content: flex-start;\n  margin-top: 8px;\n}\n\n.search-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: none;\n}\n\n.search-link:hover {\n  text-decoration: underline;\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n@Component({\n  tag: 'rebill-address-form',\n  styleUrl: 'address-form.css',\n  shadow: false,\n})\nexport class AddressForm {\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() countryOptions: { label: string; value: string }[] = [];\n  @Prop() stateOptions: { label: string; value: string }[] = [];\n  @Prop() errors?: Record<string, string> | null = null;\n  @Prop() disabled: boolean = false;\n\n  @Event() fieldChanged: EventEmitter<{ field: string; value: string }>;\n  @Event() searchRequested: EventEmitter<void>;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  private handleInput = (field: string, value: string) => {\n    this.fieldChanged.emit({ field, value });\n  };\n\n  private handleSearchRequest = () => {\n    this.searchRequested.emit();\n  };\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n\n    return (\n      <div class=\"address-form-container\">\n        <div class=\"address-container\">\n          <rebill-input-select\n            error={this.translateError(this.errors?.[`${this.addressType}-country`])}\n            id={`${this.addressType}-country`}\n            options={this.countryOptions}\n            placeholder={I18nService.translate(`${translationKey}.countryPlaceholder`)}\n            onInput={e => this.handleInput('country', (e as CustomEvent).detail.value)}\n            searchable={true}\n            searchPlaceholder={I18nService.translate(`search.searchCountries`)}\n            disabled={this.disabled}\n          />\n          <rebill-input-text\n            error={this.translateError(this.errors?.[`${this.addressType}-address`])}\n            id={`${this.addressType}-address`}\n            placeholder={I18nService.translate(`${translationKey}.addressPlaceholder`)}\n            variant=\"floating\"\n            label={I18nService.translate(`${translationKey}.addressPlaceholder`)}\n            onInput={e => this.handleInput('address', (e as CustomEvent).detail.value)}\n            disabled={this.disabled}\n          />\n          <rebill-input-text\n            error={this.translateError(this.errors?.[`${this.addressType}-city`])}\n            id={`${this.addressType}-city`}\n            placeholder={I18nService.translate(`${translationKey}.cityPlaceholder`)}\n            variant=\"floating\"\n            label={I18nService.translate(`${translationKey}.cityPlaceholder`)}\n            onInput={e => this.handleInput('city', (e as CustomEvent).detail.value)}\n            disabled={this.disabled}\n          />\n          <div class=\"state-zip-row\">\n            <rebill-input-select\n              error={this.translateError(this.errors?.[`${this.addressType}-state`])}\n              id={`${this.addressType}-state`}\n              options={this.stateOptions}\n              placeholder={I18nService.translate(`${translationKey}.statePlaceholder`)}\n              disabled={this.disabled || this.stateOptions.length === 0}\n              onInput={e => this.handleInput('state', (e as CustomEvent).detail.value)}\n              searchable={true}\n              searchPlaceholder={I18nService.translate(`${translationKey}.searchStates`)}\n            />\n            <rebill-input-text\n              error={this.translateError(this.errors?.[`${this.addressType}-zip`])}\n              id={`${this.addressType}-zip`}\n              placeholder={I18nService.translate(`${translationKey}.zipPlaceholder`)}\n              variant=\"floating\"\n              label={I18nService.translate(`${translationKey}.zipPlaceholder`)}\n              onInput={e => this.handleInput('zip', (e as CustomEvent).detail.value)}\n              disabled={this.disabled}\n            />\n          </div>\n        </div>\n        <div class=\"search-link-wrapper\">\n          <button class=\"search-link\" type=\"button\" onClick={this.handleSearchRequest}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(\n                `${translationKey}.searchPlaceholder`,\n                'Search for an address...',\n              )}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BaN8grjD.js → p-DNxp10y2.js}

@@ -3,11 +3,11 @@ import { a as api } from './p-ClaAWer0.js';
 import { P as PAYMENT_METHOD_ENUM, s as state, I as I18nService } from './p-DPQ5M9bH.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { P as PDFGenerator } from './p-BbHMUVCH.js';
-import { d as defineCustomElement$6 } from './p-mGnGyYiQ.js';
-import { d as defineCustomElement$5 } from './p-C1R9RQEK.js';
+import { d as defineCustomElement$6 } from './p-BVtSIdnS.js';
+import { d as defineCustomElement$5 } from './p-u7D3-_Vp.js';
 import { d as defineCustomElement$4 } from './p-RdOKMVMV.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$2 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$2 } from './p-DmG9jqf9.js';
 import { d as defineCustomElement$1 } from './p-BlISs4vH.js';
 
 var STATUS_REQ_CHECKOUT_APM;
@@ -349,6 +349,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { APMCheckout as A, PaymentMethodMapper as P, STATUS_REQ_CHECKOUT_APM as S, PaymentMethodNameE as a, defineCustomElement as d };
-//# sourceMappingURL=p-BaN8grjD.js.map
+//# sourceMappingURL=p-DNxp10y2.js.map
 
-//# sourceMappingURL=p-BaN8grjD.js.map
+//# sourceMappingURL=p-DNxp10y2.js.map

package/dist/components/{p-BaN8grjD.js.map → p-DNxp10y2.js.map}

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

package/dist/components/{p-BshrHj7X.js → p-DQi9Jit7.js}

@@ -1,10 +1,10 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { s as state } from './p-DPQ5M9bH.js';
-import { d as defineCustomElement$5 } from './p-B2TDQClH.js';
-import { d as defineCustomElement$4 } from './p-D6JNNodL.js';
+import { d as defineCustomElement$5 } from './p-Dua4qdwP.js';
+import { d as defineCustomElement$4 } from './p-BZ90sz6G.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
 import { d as defineCustomElement$2 } from './p-Umq37yA2.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const checkoutSingleColumnCss = ".checkout-single-column{min-height:100vh;background:var(--rebill-color-background);display:flex;flex-direction:column;position:relative;overflow-x:hidden;min-width:320px}.header{display:flex;justify-content:flex-start;align-items:center;height:72px;width:100%;max-width:1448px;min-width:348px;background:var(--rebill-color-background);margin-left:30px;box-sizing:border-box}.main-content{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;width:100%;box-sizing:border-box;max-width:450px;margin:0 auto;gap:2rem}.footer-container{margin-top:auto;height:60px;display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.footer-content{width:100%;max-width:450px;min-width:auto;flex-shrink:1;flex-basis:auto;box-sizing:border-box}@media (max-width: 1024px){.header{width:100%;max-width:100%;justify-content:flex-start}.main-content{gap:0;align-items:center;justify-content:center;padding-top:2rem;flex:1;min-height:0;width:100%}.footer-container{width:100%;height:auto;min-height:60px;justify-content:center}.footer-content{width:100%;min-width:auto;max-width:100%;flex-basis:auto}}@media (max-width: 767px){.header{height:60px;margin-left:12px;margin-right:12px;width:100%}.main-content{padding-top:1rem;align-items:center;justify-content:center;flex:1;width:100%}.footer-container{margin-left:12px;margin-right:12px;height:auto;min-height:60px;width:100%;justify-content:center}}@media (min-width: 1025px){.checkout-single-column{background:var(--rebill-color-background-left)}.footer-container{margin-left:16px}.header{background:var(--rebill-color-background-left)}}";
 
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LayoutCheckoutSingleColumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-BshrHj7X.js.map
+//# sourceMappingURL=p-DQi9Jit7.js.map
 
-//# sourceMappingURL=p-BshrHj7X.js.map
+//# sourceMappingURL=p-DQi9Jit7.js.map

package/dist/components/{p-BshrHj7X.js.map → p-DQi9Jit7.js.map}

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

package/dist/components/{p-fLN8M37t.js → p-DbLIZ0gI.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { g as getAPIConfig } from './p-DWIgRPXl.js';
 import { r as renewalState, o as onChange$1, R as RenewalStore } from './p-BAhf-JiS.js';
 import { s as state, o as onChange, a as SessionStore } from './p-DPQ5M9bH.js';
-import { d as defineCustomElement$1 } from './p-JVLfbdAy.js';
+import { d as defineCustomElement$1 } from './p-C0a5bxXF.js';
 
 const CardIframe = /*@__PURE__*/ proxyCustomElement(class CardIframe extends H {
     constructor() {
@@ -372,6 +372,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardIframe as C, defineCustomElement as d };
-//# sourceMappingURL=p-fLN8M37t.js.map
+//# sourceMappingURL=p-DbLIZ0gI.js.map
 
-//# sourceMappingURL=p-fLN8M37t.js.map
+//# sourceMappingURL=p-DbLIZ0gI.js.map