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

package/dist/components/p-Bl3lkRJY.js

@@ -1,85 +0,0 @@
-import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
-import { I as I18nService, d as instance } from './p-DPQ5M9bH.js';
-import { c as copyToClipboard } from './p-OxmhgFET.js';
-import { C as COLORS_ENUM } from './p-DA598vBj.js';
-import { d as defineCustomElement$3 } from './p-RdOKMVMV.js';
-import { d as defineCustomElement$2 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
-
-const modeSandboxMobileCss = ":host{display:flex;position:relative;width:100%;justify-content:center;align-items:center}.test-mode-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:5;animation:fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:auto;cursor:pointer}.test-mode-chip-mobile{display:flex;width:100%;min-width:auto;max-width:100%;height:40px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative;z-index:20}.chip-content-mobile{display:flex;align-items:center;gap:2px;justify-content:flex-end;min-height:24px;flex-shrink:0;width:100%;margin:8px}.test-mode-chip-mobile.expanded .chip-content-mobile{justify-content:flex-end;width:100%}.cards-dropdown-panel-header{display:flex;align-items:center;gap:8px;padding:8px}.docs-section{display:flex;align-items:center;gap:8px;cursor:pointer;margin-left:0;transition:background-color 0.2s ease;justify-content:flex-end;padding:8px;margin-top:8px}.cards-dropdown-panel{position:absolute;top:100%;left:0;right:0;width:100%;background:#ffffff;border-top:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-top:16px;z-index:25;animation:expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:top center}.card-section{display:flex;flex-direction:column;justify-content:space-between}.header-content{display:flex;align-items:center;gap:8px;margin:8px}.card-details{background:#fafafa;border-radius:8px;border:1px solid #e5e7eb;margin:8px;min-height:208px;display:flex;flex-direction:column}.card-row{display:flex;gap:12px;align-items:stretch;background:#ffffff;justify-content:space-around;border-radius:8px;border:1px solid #e5e7eb;height:auto;padding:8px;margin:8px}.card-value{display:flex;flex-direction:column;gap:6px;flex:1}.field-value{display:flex;flex-direction:row;align-items:center;gap:8px;max-height:20px}.copy-button{align-items:center;margin-left:auto;margin-right:0}.icon-button{margin-left:auto;margin-right:16px}@keyframes expandDown{from{opacity:0;transform:translateY(-10px) scaleY(0.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";
-
-const RebillTestModeChipMobile = /*@__PURE__*/ proxyCustomElement(class RebillTestModeChipMobile extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    get el() { return this; }
-    isPanelVisible = false;
-    currentLanguage = I18nService.getCurrentLanguage();
-    componentWillLoad() {
-        instance.on('languageChanged', this.handleLanguageChange);
-    }
-    disconnectedCallback() {
-        instance.off('languageChanged', this.handleLanguageChange);
-    }
-    handleLanguageChange = () => {
-        this.currentLanguage = I18nService.getCurrentLanguage();
-    };
-    togglePanel = () => {
-        this.isPanelVisible = !this.isPanelVisible;
-    };
-    handleCopy = (text) => {
-        copyToClipboard(text);
-        this.isPanelVisible = false;
-    };
-    handleDocsClick = () => {
-        window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');
-    };
-    renderBasicChip() {
-        return (h("div", { class: "chip-content-mobile" }, h("div", { class: "info-icon" }, h("rebill-icon", { name: "circle-info", size: "24px", color: COLORS_ENUM.ORANGE })), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.testMode')), h("div", { class: "icon-button" }, h("rebill-button", { variant: "text", size: "small", onClick: this.togglePanel }, h("rebill-icon", { name: "hamburger" })))));
-    }
-    renderCardsPanel() {
-        return (h("div", { class: "cards-dropdown-panel" }, h("div", { class: "cards-dropdown-panel-header" }, h("rebill-icon", { name: "card-test" }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.cardTest'))), h("div", { class: "card-details" }, h("div", { class: "card-section" }, h("div", { class: "header-content" }, h("rebill-icon", { name: "succes", color: COLORS_ENUM.GREEN }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.successPayment'))), h("div", { class: "card-row" }, h("div", { class: "card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cardNumber')), h("div", { class: "field-value" }, h("rebill-icon", { name: "visa" }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "4539148803436467"))), h("div", { class: "card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.exp')), h("div", { class: "field-value" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "01/99"))), h("div", { class: "card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cvv')), h("div", { class: "field-value field-value-with-copy" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "123"), h("div", { class: "copy-button" }, h("rebill-button", { variant: "text", size: "small", onClick: () => this.handleCopy('4539148803436467 01/99 123') }, h("rebill-icon", { name: "copy" }))))))), h("div", { class: "card-section" }, h("div", { class: "header-content" }, h("rebill-icon", { name: "rejected", color: COLORS_ENUM.ERROR }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.rejectedPayment'))), h("div", { class: "card-row" }, h("div", { class: "card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cardNumber')), h("div", { class: "field-value" }, h("rebill-icon", { name: "visa" }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "4485364739527352"))), h("div", { class: "card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.exp')), h("div", { class: "field-value" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "01/99"))), h("div", { class: "card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cvv')), h("div", { class: "field-value field-value-with-copy" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "123"), h("div", { class: "copy-button" }, h("rebill-button", { variant: "text", size: "small", onClick: () => this.handleCopy('4485364739527352 01/99 123') }, h("rebill-icon", { name: "copy" })))))))), h("div", { class: "docs-section", onClick: this.handleDocsClick }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('sandbox.docs')), h("rebill-icon", { name: "external-link" }))));
-    }
-    render() {
-        return (h("div", { key: '9c89ecbf8e6ee940bd56c01cd6d1ade8106cc008', class: `test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && h("div", { key: 'df0e79c1765bfa496e25e2ac64a072ed8b806e08', class: "overlay" }), h("div", { key: '005349daa4967dabcb6ce2c8211e60114b606ecc', class: `test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
-    }
-    static get style() { return modeSandboxMobileCss; }
-}, [0, "rebill-mode-sandbox-mobile", {
-        "isPanelVisible": [32],
-        "currentLanguage": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["rebill-mode-sandbox-mobile", "rebill-button", "rebill-icon", "rebill-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "rebill-mode-sandbox-mobile":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, RebillTestModeChipMobile);
-            }
-            break;
-        case "rebill-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "rebill-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "rebill-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { RebillTestModeChipMobile as R, defineCustomElement as d };
-//# sourceMappingURL=p-Bl3lkRJY.js.map
-
-//# sourceMappingURL=p-Bl3lkRJY.js.map

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

@@ -1 +0,0 @@
-{"file":"p-Bl3lkRJY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox-mobile.css?tag=rebill-mode-sandbox-mobile","src/components/shared/mode-sandbox/mode-sandbox-mobile.tsx"],"sourcesContent":[":host {\n  display: flex;\n  position: relative;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\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  width: 100%;\n}\n\n.overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 5;\n  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n.test-mode-chip-mobile {\n  display: flex;\n  width: 100%;\n  min-width: auto;\n  max-width: 100%;\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: 20;\n}\n\n.chip-content-mobile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  justify-content: flex-end;\n  min-height: 24px;\n  flex-shrink: 0;\n  width: 100%;\n  margin: 8px;\n}\n\n.test-mode-chip-mobile.expanded .chip-content-mobile {\n  justify-content: flex-end;\n  width: 100%;\n}\n\n.cards-dropdown-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n}\n\n/* Sección de Docs */\n.docs-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  margin-left: 0;\n  transition: background-color 0.2s ease;\n  justify-content: flex-end;\n  padding: 8px;\n  margin-top: 8px;\n}\n\n.cards-dropdown-panel {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  width: 100%;\n  background: #ffffff;\n  border-top: none;\n  border-left: 1px solid #e5e7eb;\n  border-right: 1px solid #e5e7eb;\n  border-bottom: 1px solid #e5e7eb;\n  margin-top: 16px;\n  z-index: 25;\n  animation: expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: top center;\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: 208px;\n  display: flex;\n  flex-direction: column;\n}\n\n.card-row {\n  display: flex;\n  gap: 12px;\n  align-items: stretch;\n  background: #ffffff;\n  justify-content: space-around;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  height: auto;\n  padding: 8px;\n  margin: 8px;\n}\n\n.card-value {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\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  margin-left: auto;\n  margin-right: 0;\n}\n\n.icon-button {\n  margin-left: auto;\n  margin-right: 16px;\n}\n\n/* Animaciones */\n\n@keyframes expandDown {\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 fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\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-mobile',\n  styleUrl: 'mode-sandbox-mobile.css',\n  shadow: false,\n})\nexport class RebillTestModeChipMobile {\n  @Element() el: HTMLElement;\n  @State() isPanelVisible = 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    this.isPanelVisible = !this.isPanelVisible;\n  };\n\n  private handleCopy = (text: string) => {\n    copyToClipboard(text);\n    this.isPanelVisible = false;\n  };\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-mobile\">\n        <div class=\"info-icon\">\n          <rebill-icon name=\"circle-info\" size=\"24px\" color={COLORS_ENUM.ORANGE} />\n        </div>\n        <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n          {I18nService.translate('sandbox.testMode')}\n        </rebill-typography>\n        <div class=\"icon-button\">\n          <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n            <rebill-icon name=\"hamburger\" />\n          </rebill-button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCardsPanel() {\n    return (\n      <div class=\"cards-dropdown-panel\">\n        <div class=\"cards-dropdown-panel-header\">\n          <rebill-icon name=\"card-test\" />\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            {I18nService.translate('sandbox.cardTest')}\n          </rebill-typography>\n        </div>\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.exp')}\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 field-value-with-copy\">\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.exp')}\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 field-value-with-copy\">\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\n        <div class=\"docs-section\" 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\" />\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div class={`test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}`}>\n        {this.isPanelVisible && <div class=\"overlay\"></div>}\n        <div class={`test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}`}>\n          {this.renderBasicChip()}\n        </div>\n        {this.isPanelVisible && this.renderCardsPanel()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-C-BFyHag.js.map

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

package/dist/rebill-web-components-sdk/p-174a9543.entry.js

@@ -1,2 +0,0 @@
-import{r,c as e,h as o}from"./p-DyaDabZ4.js";import{C as l}from"./p-DA598vBj.js";const a=":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.collapsible-card{border-radius:8px;border:1px solid var(--rebill-color-border);overflow:hidden}.collapsible-card.flat{border-radius:0 0 8px 8px;border:none;background:var(--rebill-color-grey-100)}.collapsible-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;padding:8px 16px;color:var(--rebill-color-text-primary);background:var(--rebill-color-background-secondary);cursor:pointer;outline:none;transition:background 0.2s}.chevron{display:flex;align-items:center;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.open{transform:rotate(-180deg)}.chevron svg path{stroke:var(--rebill-color-text-secondary-light)}.content{max-height:0;overflow:hidden;background:var(--rebill-color-background);transition:max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px}.content.open{max-height:500px;padding:16px}";const i=class{constructor(o){r(this,o);this.toggled=e(this,"toggled")}header;open=true;variant="default";isOpen=this.open;toggled;toggle=()=>{this.isOpen=!this.isOpen;this.toggled.emit(this.isOpen)};render(){return o("div",{key:"131201a0335d9db12fc70a407d075fa8def8a377",class:`collapsible-card ${this.variant}`},o("button",{key:"45e151e779a04afbcb16bf57c1608b64775febe4",class:"collapsible-card-header",onClick:this.toggle,"aria-expanded":this.isOpen,type:"button"},o("rebill-typography",{key:"11f39eaf57cc163925a773be05413c8030d77fe8",variant:this.variant==="flat"?"subtitle2":"overline",color:l.TEXT_PRIMARY},this.header),o("span",{key:"01df82ceeece8ee8dd63533f279e0546539efc77",class:{chevron:true,open:this.isOpen}},o("rebill-icon",{key:"d6488f86ad0fcdbda2ec89e51b90ba638ab4d2b1",name:"chevron-down",size:"20px",color:"currentColor"}))),o("div",{key:"b84134d09cf22ab9c833d1a7152d74820db44725",class:{content:true,open:this.isOpen}},o("slot",{key:"ffd634209b59302aceadad638aa2ba1cd01f22b3"})))}};i.style=a;export{i as collapsible_card};
-//# sourceMappingURL=p-174a9543.entry.js.map

package/dist/rebill-web-components-sdk/p-62fc3d11.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-DyaDabZ4.js";import{g as r}from"./p-Bf6g23G6.js";import{c as o}from"./p-DA598vBj.js";import"./p-uZj1dMLQ.js";const i=class{constructor(e){t(this,e)}name="card";size;color="currentColor";svgContent="";componentWillLoad(){this.loadIcon()}async loadIcon(){if(!this.name)return;try{const t=r(`icons/${this.name}.svg`);const e=await fetch(t);if(!e.ok){console.warn(`Icon not found: ${this.name} at ${t}`);return}const o=await e.text();this.svgContent=o}catch(t){console.error("Error loading SVG:",t)}}render(){const t=this.color==="currentColor"?"currentColor":o(this.color);let r=this.svgContent;if(this.svgContent&&this.color!=="currentColor"){r=this.svgContent.replace(/fill="[^"]*"/g,`fill="${t}"`).replace(/stroke="[^"]*"/g,`stroke="${t}"`).replace(/fill='[^']*'/g,`fill='${t}'`).replace(/stroke='[^']*'/g,`stroke='${t}'`)}return e("div",{key:"06ec29c9fe0e0abd082f03dd0fc9382c70ffed89",style:{width:this.size,height:this.size,color:t,display:"flex",alignItems:"center",justifyContent:"center"},innerHTML:r})}};const a=":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}:host{display:block;margin:0;padding:0}.typography-h1{font-size:6rem;font-weight:300;line-height:1.167;letter-spacing:-0.01562em}.typography-h2{font-size:3.75rem;font-weight:300;line-height:1.2;letter-spacing:-0.00833em}.typography-h3{font-size:1.375rem;font-weight:600;font-style:Medium;line-height:20px;letter-spacing:0px;margin-bottom:0;margin-top:0}.typography-h4{font-size:2.125rem;font-weight:600;line-height:1.235;letter-spacing:0.00735em;margin-bottom:0;margin-top:0}.typography-h5{font-size:1.5rem;font-weight:400;line-height:1.334;letter-spacing:0}.typography-h6{font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:0.0075em;margin-bottom:0;margin-top:0}.typography-subtitle-bold{font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:0;margin-top:0}.typography-subtitle1{font-size:1rem;font-weight:400;line-height:1.75;letter-spacing:0.00938em;margin-bottom:0;margin-top:0}.typography-subtitle2{font-size:12px;font-weight:400}.typography-subtitle3{font-size:10px;font-weight:500}.typography-body1{font-size:16px;font-weight:500;letter-spacing:0.00938em}.typography-body2{font-size:14px;font-weight:400 !important;letter-spacing:0.01071em;margin-bottom:0;margin-top:0}.typography-body3{font-size:16px;font-weight:500;letter-spacing:0.01071em;margin-bottom:0;margin-top:0}@media (max-width: 1024px){.typography-body2{line-height:20px}}.typography-button{font-size:0.875rem;font-weight:500;line-height:1.75;letter-spacing:0.02857em;text-transform:uppercase}.typography-caption{font-size:0.75rem;font-weight:400;line-height:1.66;letter-spacing:0.03333em}.typography-overline{font-size:14px;font-weight:600;line-height:20px}.typography-italic{font-weight:500;font-style:italic;font-size:11px;line-height:24px;letter-spacing:0%}.typography-information-text{font-weight:500;font-size:11px;line-height:160%}.typography-align-left{text-align:left}.typography-align-center{text-align:center}.typography-align-right{text-align:right}.typography-align-justify{text-align:justify}.typography-no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography-paragraph{margin-bottom:16px}.typography-h4-span{font-size:34px;font-weight:500;letter-spacing:0%;margin-bottom:0;margin-top:0}";const l=class{constructor(e){t(this,e)}variant="body1";color;align;noWrap;gutterBottom;paragraph;getColor=()=>o(this.color);render(){const t=this.getTag();const r={[`typography-${this.variant}`]:true,[`typography-align-${this.align}`]:this.align,"typography-no-wrap":this.noWrap,"typography-gutter-bottom":this.gutterBottom,"typography-paragraph":this.paragraph};return e(t,{key:"a82af215cc966e1a87ed63af2e34aa3bcb024fc7",class:r,style:{color:this.getColor()}},e("slot",{key:"f8fde8b70ef884e2fd4666dfda9d4af7fcce57d0"}))}getTag(){switch(this.variant){case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return this.variant;case"subtitle1":case"subtitle2":case"subtitle3":return"span";case"body1":case"body2":case"body3":return"span";case"button":return"span";case"caption":case"overline":return"span";case"italic":case"information-text":return"span";case"subtitle-bold":return"span";case"h4-span":return"span";default:return"p"}}};l.style=a;export{i as rebill_icon,l as rebill_typography};
-//# sourceMappingURL=p-62fc3d11.entry.js.map

package/dist/rebill-web-components-sdk/p-8edd1215.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as r}from"./p-DyaDabZ4.js";const l=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;box-sizing:border-box}.icon-left,.icon-right{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}.icon-left{left:0.75rem;color:var(--rebill-color-text-secondary-light)}.icon-right{right:0.75rem;cursor:pointer;color:var(--rebill-color-text-secondary-light)}.input-element.input-error:focus{flex-direction:column;box-shadow:0 0 0 2px var(--rebill-color-error-light)}.floating-label{position:relative}.floating-label .input-label{position:absolute;top:50%;left:0.75rem;transform:translateY(-50%);color:var(--rebill-color-text-secondary-light);transition:all 0.1s ease-in-out;pointer-events:none}.floating-label .input-element::placeholder{color:transparent}.floating-label .input-element:focus~.input-label,.floating-label .input-element:not(:placeholder-shown)~.input-label{top:0;font-size:0.62rem;color:var(--rebill-color-text-secondary);background-color:var(--rebill-color-background);padding:0 4px;left:0.75rem}.floating-label.has-left-icon .input-label{left:2.5rem}.input-element:disabled{color:var(--rebill-color-neutrals-500)}.input-wrapper:has(.input-element:disabled) .icon-left,.input-wrapper:has(.input-element:disabled) .icon-right{color:var(--rebill-color-text-secondary-light) !important}";const o=class{constructor(i){e(this,i);this.input=t(this,"input");this.rightIconClick=t(this,"rightIconClick");this.blur=t(this,"blur")}get el(){return i(this)}inputElement;label="";placeholder="";value="";error="";id="";disabled=false;leftIcon;rightIcon;clearable=false;variant="default";uppercase=false;input;rightIconClick;blur;handleFormChange(e){const t=e.detail;if(t&&this.id in t){this.value=t[this.id]}}onInput=e=>{if(this.disabled)return;const t=e.target;let i=t.value;if(this.id==="email"){i=i.toLowerCase();t.value=i}else if(this.uppercase){i=i.toUpperCase();t.value=i}this.value=i;this.input.emit({id:this.id,value:this.value})};onClear=()=>{if(this.disabled)return;this.value="";this.input.emit({id:this.id,value:this.value})};onRightIconClick=()=>{if(this.disabled)return;this.rightIconClick.emit({id:this.id})};onBlur=()=>{const e=this.value.trim();if(e!==this.value){this.value=e;this.input.emit({id:this.id,value:this.value})}this.blur.emit({id:this.id,value:this.value})};async getInputElement(){return this.inputElement}render(){const e=this.variant==="floating";const t={"input-element":true,"input-error":!!this.error};const i={"input-wrapper":true,"floating-label":e,"has-left-icon":!!this.leftIcon,"has-right-icon":!!this.rightIcon};return r("div",{key:"ae839c43b839fd758395e38d5fe0a72c55a8ee9f",class:"input-container"},!e&&this.label&&r("label",{key:"fb636004e05ca2b8e76c2081d060e1a9bd2f9c16",class:`input-label ${this.disabled?"disabled":""}`},this.label),r("div",{key:"9eb98685027a407cc996e84bf305982e52c0284c",class:i},this.leftIcon&&r("div",{key:"571a39e99cb432c3d64d0d0215ae984460df7f4c",class:"icon-left"},r("rebill-icon",{key:"179a0b6cd7d749ed04d57000336b1ab852f07972",name:this.leftIcon})),r("input",{key:"b572b87584c7bada77123da31b221526e277488b",ref:e=>this.inputElement=e,type:"text",class:t,placeholder:e?this.label:this.placeholder,value:this.value,onInput:this.onInput,onBlur:this.onBlur,disabled:this.disabled,style:{paddingLeft:this.leftIcon?"2.5rem":"0.75rem",paddingRight:this.clearable||this.rightIcon?"2.5rem":"0.75rem"}}),e&&r("label",{key:"429c7dcec5eb91009fb641d81b46044968f9926e",class:"input-label"},this.label),this.clearable&&this.value&&r("div",{key:"d99318529056a6fc248a5a88049f284f4d637201",class:"icon-right",onClick:this.onClear},r("rebill-icon",{key:"2a50251d20d1edeadffac9ebe9fb2c5d8d7818bf",name:"x"})),this.rightIcon&&!this.clearable&&r("div",{key:"e5bc2350e31b100edee41a17a357418cc36504c0",class:"icon-right",onClick:this.onRightIconClick},r("rebill-icon",{key:"a5b39c778c1cc826ca7ee48d045015f5caed7dd0",name:this.rightIcon}))),this.error&&r("span",{key:"091b3de24f95ca6911d05521d10736179bcde4f8",class:"error-message"},this.error))}};o.style=l;export{o as rebill_input_text};
-//# sourceMappingURL=p-8edd1215.entry.js.map

package/dist/rebill-web-components-sdk/p-8edd1215.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputTextCss","InputText","inputElement","label","placeholder","value","error","id","disabled","leftIcon","rightIcon","clearable","variant","uppercase","input","rightIconClick","blur","handleFormChange","event","formData","detail","this","onInput","target","inputValue","toLowerCase","toUpperCase","emit","onClear","onRightIconClick","onBlur","trimmedValue","trim","getInputElement","render","isFloating","inputClasses","wrapperClasses","h","key","class","name","ref","el","type","style","paddingLeft","paddingRight","onClick"],"sources":["src/components/shared/inputs/input-text/input-text.css?tag=rebill-input-text","src/components/shared/inputs/input-text/input-text.tsx"],"sourcesContent":["@import '../shared-input.css';\n\n.input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input-element {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.icon-left,\n.icon-right {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.icon-left {\n  left: 0.75rem;\n  color: var(--rebill-color-text-secondary-light);\n}\n\n.icon-right {\n  right: 0.75rem;\n  cursor: pointer;\n  color: var(--rebill-color-text-secondary-light);\n}\n\n.input-element.input-error:focus {\n  flex-direction: column;\n  box-shadow: 0 0 0 2px var(--rebill-color-error-light);\n}\n\n/* Floating label styles */\n.floating-label {\n  position: relative;\n}\n\n.floating-label .input-label {\n  position: absolute;\n  top: 50%;\n  left: 0.75rem;\n  transform: translateY(-50%);\n  color: var(--rebill-color-text-secondary-light);\n  transition: all 0.1s ease-in-out;\n  pointer-events: none;\n}\n\n.floating-label .input-element::placeholder {\n  color: transparent;\n}\n\n.floating-label .input-element:focus ~ .input-label,\n.floating-label .input-element:not(:placeholder-shown) ~ .input-label {\n  top: 0;\n  font-size: 0.62rem;\n  color: var(--rebill-color-text-secondary);\n  background-color: var(--rebill-color-background);\n  padding: 0 4px;\n  left: 0.75rem;\n}\n\n.floating-label.has-left-icon .input-label {\n  left: 2.5rem;\n}\n\n/* Disabled state styles */\n.input-element:disabled {\n  color: var(--rebill-color-neutrals-500);\n}\n\n.input-wrapper:has(.input-element:disabled) .icon-left,\n.input-wrapper:has(.input-element:disabled) .icon-right {\n  color: var(--rebill-color-text-secondary-light) !important;\n}\n","import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'rebill-input-text',\n  styleUrl: 'input-text.css',\n  shadow: false,\n})\nexport class InputText {\n  @Element() el: HTMLElement;\n  private inputElement: HTMLInputElement;\n\n  /** Etiqueta que se muestra arriba del input */\n  @Prop() label: string = '';\n  /** Placeholder del input */\n  @Prop() placeholder: string = '';\n  /** Valor del input */\n  @Prop({ mutable: true, reflect: true }) value: string = '';\n  /** Mensaje de error */\n  @Prop() error: string = '';\n  /** ID del input */\n  @Prop() id: string = '';\n  /** Estado deshabilitado */\n  @Prop() disabled: boolean = false;\n  /** Icono a la izquierda */\n  @Prop() leftIcon: string;\n  /** Icono a la derecha */\n  @Prop() rightIcon: string;\n  /** Permitir limpiar el input */\n  @Prop() clearable: boolean = false;\n  /** Variacion de estilo del input */\n  @Prop() variant: 'default' | 'floating' = 'default';\n  /** Convertir texto a mayúsculas automáticamente */\n  @Prop() uppercase: boolean = false;\n  /** Evento al cambiar el valor */\n  @Event() input: EventEmitter<{ id: string; value: string }>;\n  /** Evento al hacer clic en el icono derecho */\n  @Event() rightIconClick: EventEmitter<{ id: string }>;\n  /** Evento al salir del input */\n  @Event() blur: EventEmitter<{ id: string; value: string }>;\n  @Listen('change', { target: 'document' })\n  handleFormChange(event: CustomEvent) {\n    const formData = event.detail;\n    if (formData && this.id in formData) {\n      this.value = formData[this.id];\n    }\n  }\n\n  private onInput = (event: Event) => {\n    if (this.disabled) return;\n    const input = event.target as HTMLInputElement;\n    let inputValue = input.value;\n\n    if (this.id === 'email') {\n      inputValue = inputValue.toLowerCase();\n      input.value = inputValue;\n    } else if (this.uppercase) {\n      inputValue = inputValue.toUpperCase();\n      input.value = inputValue;\n    }\n\n    this.value = inputValue;\n    this.input.emit({ id: this.id, value: this.value });\n  };\n\n  private onClear = () => {\n    if (this.disabled) return;\n    this.value = '';\n    this.input.emit({ id: this.id, value: this.value });\n  };\n\n  private onRightIconClick = () => {\n    if (this.disabled) return;\n    this.rightIconClick.emit({ id: this.id });\n  };\n\n  private onBlur = () => {\n    const trimmedValue = this.value.trim();\n\n    if (trimmedValue !== this.value) {\n      this.value = trimmedValue;\n      this.input.emit({ id: this.id, value: this.value });\n    }\n\n    this.blur.emit({ id: this.id, value: this.value });\n  };\n\n  @Method()\n  async getInputElement(): Promise<HTMLInputElement | null> {\n    return this.inputElement;\n  }\n\n  render() {\n    const isFloating = this.variant === 'floating';\n\n    const inputClasses = {\n      'input-element': true,\n      'input-error': !!this.error,\n    };\n\n    const wrapperClasses = {\n      'input-wrapper': true,\n      'floating-label': isFloating,\n      'has-left-icon': !!this.leftIcon,\n      'has-right-icon': !!this.rightIcon,\n    };\n\n    return (\n      <div class=\"input-container\">\n        {!isFloating && this.label && (\n          <label class={`input-label ${this.disabled ? 'disabled' : ''}`}>{this.label}</label>\n        )}\n        <div class={wrapperClasses}>\n          {this.leftIcon && (\n            <div class=\"icon-left\">\n              <rebill-icon name={this.leftIcon}></rebill-icon>\n            </div>\n          )}\n          <input\n            ref={el => (this.inputElement = el)}\n            type=\"text\"\n            class={inputClasses}\n            placeholder={isFloating ? this.label : this.placeholder}\n            value={this.value}\n            onInput={this.onInput}\n            onBlur={this.onBlur}\n            disabled={this.disabled}\n            style={{\n              paddingLeft: this.leftIcon ? '2.5rem' : '0.75rem',\n              paddingRight: this.clearable || this.rightIcon ? '2.5rem' : '0.75rem',\n            }}\n          />\n          {isFloating && <label class=\"input-label\">{this.label}</label>}\n          {this.clearable && this.value && (\n            <div class=\"icon-right\" onClick={this.onClear}>\n              <rebill-icon name=\"x\"></rebill-icon>\n            </div>\n          )}\n          {this.rightIcon && !this.clearable && (\n            <div class=\"icon-right\" onClick={this.onRightIconClick}>\n              <rebill-icon name={this.rightIcon}></rebill-icon>\n            </div>\n          )}\n        </div>\n        {this.error && <span class=\"error-message\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}