npm - rebill-web-components-sdk - Versions diffs - 1.10.0 → 1.10.2-beta.0 - Mend

rebill-web-components-sdk 1.10.0 → 1.10.2-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (316) hide show

package/dist/components/{p-ClLeKt1B.js.map → p-D-FRnRNO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-ClLeKt1B.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,ykBAAykB;;MCQnlB,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;IACxB,yBAAyB,GAAY,KAAK;AAC1C,IAAA,YAAY;AAEb,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,2BAA2B,GAAG,MAAK;AACzC,QAAA,IAAI,CAAC,yBAAyB,GAAG,CAAC,IAAI,CAAC,yBAAyB;AAClE,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,CAAG,EAAA,IAAI,CAAC,WAAW,UAAU,CAAC,CAAC,EACxE,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,CAAA,QAAA,CAAU,EACjC,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAqB,mBAAA,CAAA,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,CAAwB,sBAAA,CAAA,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,CAAU,QAAA,CAAA,CAAC,CAAC,EACxE,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,UAAU,EACjC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,mBAAA,CAAqB,CAAC,EAC1E,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAA,mBAAA,CAAqB,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,GAAG,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,GAAG,cAAc,CAAA,gBAAA,CAAkB,CAAC,EACvE,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,gBAAA,CAAkB,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,CAAG,EAAA,IAAI,CAAC,WAAW,CAAA,MAAA,CAAQ,CAAC,CAAC,EACtE,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,CAAA,MAAA,CAAQ,EAC/B,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,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,CAAe,aAAA,CAAA,CAAC,EAC1E,CAAA,EACF,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,WAAW,CAAM,IAAA,CAAA,CAAC,CAAC,EACpE,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,WAAW,MAAM,EAC7B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAA,eAAA,CAAiB,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,GACvB,CACE,EACL,IAAI,CAAC,yBAAyB,KAC7B,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAA,eAAA,CAAiB,CAAC,CAAC,EAC/E,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,CAAiB,eAAA,CAAA,EACxC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,0BAAA,CAA4B,CAAC,EACjF,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA,0BAAA,CAA4B,CAAC,EAC3E,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAG,CAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,EACjF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACH,CACG,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC7B,CAAC,IAAI,CAAC,yBAAyB,KAC9B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,2BAA2B,EAAA,EAEzC,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,KAAK,EAAC,aAAa,EAAA,EAElB,WAAW,CAAC,SAAS,CAAC,CAAA,EAAG,cAAc,CAAA,sBAAA,CAAwB,CAAC,CAC/C,CACb,CACV,CACG,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 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.additional-information {\n background: none;\n border: none;\n color: var(--rebill-color-primary);\n cursor: pointer;\n font-size: 14px;\n padding: 4px 0;\n text-decoration: underline;\n text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Event, EventEmitter, h, Prop, State } 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 @State() showAdditionalInformation: boolean = false;\n @Event() fieldChanged: EventEmitter<{ field: string; value: string }>;\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 handleAdditionalInformation = () => {\n this.showAdditionalInformation = !this.showAdditionalInformation;\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 {this.showAdditionalInformation && (\n <rebill-input-text\n error={this.translateError(this.errors?.[`${this.addressType}-addInformation`])}\n id={`${this.addressType}-addInformation`}\n placeholder={I18nService.translate(`${translationKey}.addInformationPlaceholder`)}\n variant=\"floating\"\n label={I18nService.translate(`${translationKey}.addInformationPlaceholder`)}\n onInput={e => this.handleInput('addInformation', (e as CustomEvent).detail.value)}\n disabled={this.disabled}\n />\n )}\n </div>\n <div class=\"search-link-wrapper\">\n {!this.showAdditionalInformation && (\n <button\n class=\"additional-information\"\n type=\"button\"\n onClick={this.handleAdditionalInformation}\n >\n <rebill-typography\n variant=\"subtitle2\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-link\"\n >\n {I18nService.translate(`${translationKey}.additionalInformation`)}\n </rebill-typography>\n </button>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-D-FRnRNO.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 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.additional-information {\n background: none;\n border: none;\n color: var(--rebill-color-primary);\n cursor: pointer;\n font-size: 14px;\n padding: 4px 0;\n text-decoration: underline;\n text-decoration-color: var(--rebill-color-text-secondary);\n}\n","import { Component, Event, EventEmitter, h, Prop, State } 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 @State() showAdditionalInformation: boolean = false;\n @Event() fieldChanged: EventEmitter<{ field: string; value: string }>;\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 handleAdditionalInformation = () => {\n this.showAdditionalInformation = !this.showAdditionalInformation;\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 {this.showAdditionalInformation && (\n <rebill-input-text\n error={this.translateError(this.errors?.[`${this.addressType}-addInformation`])}\n id={`${this.addressType}-addInformation`}\n placeholder={I18nService.translate(`${translationKey}.addInformationPlaceholder`)}\n variant=\"floating\"\n label={I18nService.translate(`${translationKey}.addInformationPlaceholder`)}\n onInput={e => this.handleInput('addInformation', (e as CustomEvent).detail.value)}\n disabled={this.disabled}\n />\n )}\n </div>\n <div class=\"search-link-wrapper\">\n {!this.showAdditionalInformation && (\n <button\n class=\"additional-information\"\n type=\"button\"\n onClick={this.handleAdditionalInformation}\n >\n <rebill-typography\n variant=\"subtitle2\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-link\"\n >\n {I18nService.translate(`${translationKey}.additionalInformation`)}\n </rebill-typography>\n </button>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"file":"p-BrxxkM_7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","renewalOnChange"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { getAPIConfig } from 'api/config';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from 'store/renewal.store';\nimport { onChange, sessionState, SessionStore } from 'store/session.store';\n\n@Component({\n tag: 'card-iframe',\n shadow: false,\n})\nexport class CardIframe {\n @Prop() customCSS?: string;\n @State() iframeLoaded: boolean = false;\n @State() currentLang: string = sessionState.currentLocale;\n @State() initialLang: string = sessionState.currentLocale;\n @State() iframeHeight: string = '100px';\n\n private getIframeURL(): string {\n const baseURL = getAPIConfig().iframeURL;\n const url = new URL(baseURL);\n url.searchParams.set('lang', this.initialLang);\n\n if (renewalState.data?.subscription?.customerId && renewalState.token) {\n url.searchParams.set('customerId', renewalState.data.subscription.customerId);\n url.searchParams.set('token', renewalState.token);\n }\n return url.toString();\n }\n\n private iframeRef?: HTMLIFrameElement;\n private unsubscribeCurrentLocaleStore?: () => void;\n private unsubscribeDataStore?: () => void;\n private unsubscribeRenewalStore?: () => void;\n // private lastTotalPrice?: number;\n\n private postInitialDataToIframe() {\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n if (renewalState.data?.organization?.id) {\n this.postOrganizationIdToIframe(renewalState.data.organization.id);\n }\n this.postLanguageToIframe();\n this.postTotalPriceToIframe();\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n } else {\n if (sessionState.data?.organization?.id) {\n this.postOrganizationIdToIframe(sessionState.data.organization.id);\n }\n if (sessionState?.currentLocale) {\n this.postLanguageToIframe();\n }\n this.postTotalPriceToIframe();\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n }\n\n // Always send custom CSS if available\n this.postCustomCSSToIframe();\n }\n\n private postTotalPriceToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow) {\n let totalPrice: number;\n\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n totalPrice = renewalState.data?.price?.amount \|\| 0;\n } else {\n totalPrice = sessionState.data?.pricing?.totalWithoutInstallment \|\| 0;\n }\n\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_TOTAL_PRICE',\n payload: {\n total: totalPrice,\n },\n },\n '',\n );\n }\n }\n\n private postCustomerIdToIframe() {\n if (\n this.iframeRef &&\n this.iframeRef.contentWindow &&\n renewalState.data?.subscription?.customerId\n ) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CUSTOMER_ID',\n payload: {\n customerId: renewalState.data.subscription.customerId,\n },\n },\n '',\n );\n } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.customerId) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CUSTOMER_ID',\n payload: { customerId: sessionState.data.customerId },\n },\n '',\n );\n }\n }\n\n private postLanguageToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_LANGUAGE',\n payload: { lang: this.currentLang },\n },\n '',\n );\n }\n }\n\n private postOrganizationIdToIframe(organizationId: string) {\n if (!!this.iframeRef && !!this.iframeRef.contentWindow) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_ORGANIZATION_ID',\n payload: { organizationId },\n },\n '',\n );\n }\n }\n private postTokenToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow && renewalState.token) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_TOKEN',\n payload: {\n token: renewalState.token,\n },\n },\n '',\n );\n } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.accessToken) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_TOKEN',\n payload: { token: sessionState.data.accessToken },\n },\n '',\n );\n }\n }\n\n private postItemTypeToIframe() {\n if (!this.iframeRef \|\| !this.iframeRef.contentWindow) {\n return;\n }\n\n if (renewalState.isInitialized && renewalState.data?.subscription?.type) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_ITEM_TYPE',\n payload: { itemType: renewalState.data.subscription.type },\n },\n '',\n );\n } else if (sessionState.data?.itemInformation?.type) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_ITEM_TYPE',\n payload: { itemType: sessionState.data.itemInformation.type },\n },\n '',\n );\n }\n }\n\n private postCurrencyToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow) {\n let currency: string;\n\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n currency = renewalState.data?.price?.currency \|\| '';\n } else {\n currency = sessionState.data?.pricing?.currency \|\| '';\n }\n\n if (currency) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CURRENCY',\n payload: {\n currency: currency,\n },\n },\n '',\n );\n }\n }\n }\n\n private postCustomCSSToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow && this.customCSS) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CUSTOM_CSS',\n payload: {\n css: this.customCSS,\n },\n },\n '',\n );\n }\n }\n\n private postClearCustomerIdToIframe() {\n if (\n this.iframeRef &&\n this.iframeRef.contentWindow &&\n (!sessionState.data.customerId \|\| !sessionState.data.accessToken)\n ) {\n this.iframeRef.contentWindow.postMessage({ type: 'CLEAR_CUSTOMER_ID_AND_TOKEN' }, '');\n }\n }\n\n componentWillLoad() {\n this.initialLang = sessionState.currentLocale;\n this.unsubscribeCurrentLocaleStore = onChange('currentLocale', () => {\n this.currentLang = sessionState.currentLocale;\n this.postLanguageToIframe();\n });\n\n this.unsubscribeDataStore = onChange('data', () => {\n // Only handle session store changes if renewal is not initialized\n if (!renewalState.isInitialized) {\n if (sessionState.data?.organization?.id) {\n this.postOrganizationIdToIframe(sessionState.data.organization.id);\n }\n if (\n sessionState.data?.pricing?.totalWithoutInstallment !== undefined &&\n sessionState.data?.pricing?.totalWithoutInstallment !== null\n ) {\n this.postTotalPriceToIframe();\n }\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n this.postClearCustomerIdToIframe();\n }\n });\n\n // Listen for renewal store changes\n this.unsubscribeRenewalStore = renewalOnChange('data', () => {\n if (renewalState.isInitialized) {\n if (renewalState.data?.organization?.id) {\n this.postOrganizationIdToIframe(renewalState.data.organization.id);\n }\n if (renewalState.data?.price?.amount !== undefined) {\n this.postTotalPriceToIframe();\n }\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n }\n });\n\n setTimeout(() => {\n this.postInitialDataToIframe();\n }, 1000);\n }\n\n componentWillUpdate() {\n // Send CSS when customCSS prop changes\n if (this.iframeLoaded) {\n this.postCustomCSSToIframe();\n }\n }\n\n componentDidLoad() {\n window.addEventListener('message', this.handleIframeMessage);\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) this.unsubscribeCurrentLocaleStore();\n if (this.unsubscribeDataStore) this.unsubscribeDataStore();\n if (this.unsubscribeRenewalStore) this.unsubscribeRenewalStore();\n window.removeEventListener('message', this.handleIframeMessage);\n }\n\n private handleIframeLoad = () => {\n this.iframeLoaded = true;\n this.postLanguageToIframe();\n\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n if (renewalState.data?.organization?.id) {\n this.postOrganizationIdToIframe(renewalState.data.organization.id);\n }\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n }\n\n // Send custom CSS immediately when iframe loads\n this.postCustomCSSToIframe();\n\n setTimeout(() => {\n this.postInitialDataToIframe();\n }, 500);\n };\n\n private handleIframeMessage = (event: MessageEvent) => {\n if (\n event.data &&\n event.data.type === 'IFRAME_HEIGHT' &&\n event.data.payload &&\n typeof event.data.payload.height === 'number'\n ) {\n this.iframeHeight = `${event.data.payload.height}px`;\n }\n if (event.data && event.data.type === 'FORM_STATE') {\n if (renewalState.isInitialized) {\n if (!event.data.payload?.complete) {\n RenewalStore.setCardId(null);\n RenewalStore.setCardTokenId(null);\n }\n } else if (sessionState.isInitialized) {\n if (!event.data.payload?.complete) {\n SessionStore.setCardId(null);\n SessionStore.setCardTokenId(null);\n }\n }\n }\n if (event.data && event.data.type === 'INSTALLMENTS' && event.data.payload) {\n if (renewalState.isInitialized) {\n RenewalStore.setCardInformation(event.data.payload);\n } else {\n SessionStore.setCardInformation(event.data.payload);\n }\n }\n // if (event.data && event.data.type === 'CARD_TOKENIZED' && event.data.payload) {\n if (event.data && event.data.type === 'CARD_TOKENIZED') {\n if (renewalState.isInitialized) {\n RenewalStore.setCardTokenId(event.data?.payload?.token);\n // Update card information if available in the payload\n if (event.data?.payload?.cardInformation) {\n RenewalStore.setCardInformation(event.data.payload.cardInformation);\n }\n } else if (sessionState.isInitialized) {\n SessionStore.setCardTokenId(event.data?.payload?.token);\n // Update card information if available in the payload\n if (event.data?.payload?.cardInformation) {\n SessionStore.setCardInformation(event.data.payload.cardInformation);\n }\n }\n }\n if (event.data && event.data.type === 'CARD_ID') {\n if (renewalState.isInitialized) {\n RenewalStore.setCardId(event.data.payload?.id);\n } else if (sessionState.isInitialized) {\n SessionStore.setCardId(event.data.payload?.id);\n }\n }\n if (event.data && event.data.type === 'SAVE_CARD') {\n if (sessionState.isInitialized) {\n SessionStore.setSaveCard(event.data.payload?.saveCard);\n }\n }\n if (event.data && event.data.type === 'FETCHING_INSTALLMENTS') {\n const isFetching = event.data.payload?.fetching \|\| false;\n if (renewalState.isInitialized) {\n RenewalStore.setFetchingInstallments(isFetching);\n } else if (sessionState.isInitialized) {\n SessionStore.setFetchingInstallments(isFetching);\n }\n }\n if (event.data && event.data.type === 'NEW_CARD_MODE') {\n const mode = event.data.payload?.mode;\n\n if (mode && (mode === 'input' \|\| mode === 'select')) {\n if (renewalState.isInitialized) {\n RenewalStore.setCardMode(mode);\n } else if (sessionState.isInitialized) {\n SessionStore.setCardMode(mode);\n }\n }\n }\n };\n\n render() {\n return (\n <div\n style={{\n width: '100%',\n height: this.iframeHeight,\n position: 'relative',\n overflow: 'hidden',\n }}\n >\n {!this.iframeLoaded && <card-skeleton />}\n <iframe\n ref={el => (this.iframeRef = el as HTMLIFrameElement)}\n src={this.getIframeURL()}\n style={{\n width: '100%',\n height: '100%',\n border: 'none',\n overflow: 'hidden',\n }}\n title=\"Card Payment Component\"\n allow=\"payment\"\n onLoad={this.handleIframeLoad}\n />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DcndzUFT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","renewalOnChange"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { getAPIConfig } from 'api/config';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from 'store/renewal.store';\nimport { onChange, sessionState, SessionStore } from 'store/session.store';\n\n@Component({\n tag: 'card-iframe',\n shadow: false,\n})\nexport class CardIframe {\n @Prop() customCSS?: string;\n @State() iframeLoaded: boolean = false;\n @State() currentLang: string = sessionState.currentLocale;\n @State() initialLang: string = sessionState.currentLocale;\n @State() iframeHeight: string = '100px';\n\n private getIframeURL(): string {\n const baseURL = getAPIConfig().iframeURL;\n const url = new URL(baseURL);\n url.searchParams.set('lang', this.initialLang);\n\n if (renewalState.data?.subscription?.customerId && renewalState.token) {\n url.searchParams.set('customerId', renewalState.data.subscription.customerId);\n url.searchParams.set('token', renewalState.token);\n }\n return url.toString();\n }\n\n private iframeRef?: HTMLIFrameElement;\n private unsubscribeCurrentLocaleStore?: () => void;\n private unsubscribeDataStore?: () => void;\n private unsubscribeRenewalStore?: () => void;\n // private lastTotalPrice?: number;\n\n private postInitialDataToIframe() {\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n if (renewalState.data?.organization?.id) {\n this.postOrganizationIdToIframe(renewalState.data.organization.id);\n }\n this.postLanguageToIframe();\n this.postTotalPriceToIframe();\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n } else {\n if (sessionState.data?.organization?.id) {\n this.postOrganizationIdToIframe(sessionState.data.organization.id);\n }\n if (sessionState?.currentLocale) {\n this.postLanguageToIframe();\n }\n this.postTotalPriceToIframe();\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n }\n\n // Always send custom CSS if available\n this.postCustomCSSToIframe();\n }\n\n private postTotalPriceToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow) {\n let totalPrice: number;\n\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n totalPrice = renewalState.data?.price?.amount \|\| 0;\n } else {\n totalPrice = sessionState.data?.pricing?.totalWithoutInstallment \|\| 0;\n }\n\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_TOTAL_PRICE',\n payload: {\n total: totalPrice,\n },\n },\n '',\n );\n }\n }\n\n private postCustomerIdToIframe() {\n if (\n this.iframeRef &&\n this.iframeRef.contentWindow &&\n renewalState.data?.subscription?.customerId\n ) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CUSTOMER_ID',\n payload: {\n customerId: renewalState.data.subscription.customerId,\n },\n },\n '',\n );\n } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.customerId) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CUSTOMER_ID',\n payload: { customerId: sessionState.data.customerId },\n },\n '',\n );\n }\n }\n\n private postLanguageToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_LANGUAGE',\n payload: { lang: this.currentLang },\n },\n '',\n );\n }\n }\n\n private postOrganizationIdToIframe(organizationId: string) {\n if (!!this.iframeRef && !!this.iframeRef.contentWindow) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_ORGANIZATION_ID',\n payload: { organizationId },\n },\n '',\n );\n }\n }\n private postTokenToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow && renewalState.token) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_TOKEN',\n payload: {\n token: renewalState.token,\n },\n },\n '',\n );\n } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.accessToken) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_TOKEN',\n payload: { token: sessionState.data.accessToken },\n },\n '',\n );\n }\n }\n\n private postItemTypeToIframe() {\n if (!this.iframeRef \|\| !this.iframeRef.contentWindow) {\n return;\n }\n\n if (renewalState.isInitialized && renewalState.data?.subscription?.type) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_ITEM_TYPE',\n payload: { itemType: renewalState.data.subscription.type },\n },\n '',\n );\n } else if (sessionState.data?.itemInformation?.type) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_ITEM_TYPE',\n payload: { itemType: sessionState.data.itemInformation.type },\n },\n '',\n );\n }\n }\n\n private postCurrencyToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow) {\n let currency: string;\n\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n currency = renewalState.data?.price?.currency \|\| '';\n } else {\n currency = sessionState.data?.pricing?.currency \|\| '';\n }\n\n if (currency) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CURRENCY',\n payload: {\n currency: currency,\n },\n },\n '',\n );\n }\n }\n }\n\n private postCustomCSSToIframe() {\n if (this.iframeRef && this.iframeRef.contentWindow && this.customCSS) {\n this.iframeRef.contentWindow.postMessage(\n {\n type: 'SET_CUSTOM_CSS',\n payload: {\n css: this.customCSS,\n },\n },\n '',\n );\n }\n }\n\n private postClearCustomerIdToIframe() {\n if (\n this.iframeRef &&\n this.iframeRef.contentWindow &&\n (!sessionState.data.customerId \|\| !sessionState.data.accessToken)\n ) {\n this.iframeRef.contentWindow.postMessage({ type: 'CLEAR_CUSTOMER_ID_AND_TOKEN' }, '');\n }\n }\n\n componentWillLoad() {\n this.initialLang = sessionState.currentLocale;\n this.unsubscribeCurrentLocaleStore = onChange('currentLocale', () => {\n this.currentLang = sessionState.currentLocale;\n this.postLanguageToIframe();\n });\n\n this.unsubscribeDataStore = onChange('data', () => {\n // Only handle session store changes if renewal is not initialized\n if (!renewalState.isInitialized) {\n if (sessionState.data?.organization?.id) {\n this.postOrganizationIdToIframe(sessionState.data.organization.id);\n }\n if (\n sessionState.data?.pricing?.totalWithoutInstallment !== undefined &&\n sessionState.data?.pricing?.totalWithoutInstallment !== null\n ) {\n this.postTotalPriceToIframe();\n }\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n this.postClearCustomerIdToIframe();\n }\n });\n\n // Listen for renewal store changes\n this.unsubscribeRenewalStore = renewalOnChange('data', () => {\n if (renewalState.isInitialized) {\n if (renewalState.data?.organization?.id) {\n this.postOrganizationIdToIframe(renewalState.data.organization.id);\n }\n if (renewalState.data?.price?.amount !== undefined) {\n this.postTotalPriceToIframe();\n }\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n }\n });\n\n setTimeout(() => {\n this.postInitialDataToIframe();\n }, 1000);\n }\n\n componentWillUpdate() {\n // Send CSS when customCSS prop changes\n if (this.iframeLoaded) {\n this.postCustomCSSToIframe();\n }\n }\n\n componentDidLoad() {\n window.addEventListener('message', this.handleIframeMessage);\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) this.unsubscribeCurrentLocaleStore();\n if (this.unsubscribeDataStore) this.unsubscribeDataStore();\n if (this.unsubscribeRenewalStore) this.unsubscribeRenewalStore();\n window.removeEventListener('message', this.handleIframeMessage);\n }\n\n private handleIframeLoad = () => {\n this.iframeLoaded = true;\n this.postLanguageToIframe();\n\n // Use renewal store data if initialized, otherwise use session store\n if (renewalState.isInitialized) {\n if (renewalState.data?.organization?.id) {\n this.postOrganizationIdToIframe(renewalState.data.organization.id);\n }\n this.postCurrencyToIframe();\n this.postCustomerIdToIframe();\n this.postTokenToIframe();\n this.postItemTypeToIframe();\n }\n\n // Send custom CSS immediately when iframe loads\n this.postCustomCSSToIframe();\n\n setTimeout(() => {\n this.postInitialDataToIframe();\n }, 500);\n };\n\n private handleIframeMessage = (event: MessageEvent) => {\n if (\n event.data &&\n event.data.type === 'IFRAME_HEIGHT' &&\n event.data.payload &&\n typeof event.data.payload.height === 'number'\n ) {\n this.iframeHeight = `${event.data.payload.height}px`;\n }\n if (event.data && event.data.type === 'FORM_STATE') {\n if (renewalState.isInitialized) {\n if (!event.data.payload?.complete) {\n RenewalStore.setCardId(null);\n RenewalStore.setCardTokenId(null);\n }\n } else if (sessionState.isInitialized) {\n if (!event.data.payload?.complete) {\n SessionStore.setCardId(null);\n SessionStore.setCardTokenId(null);\n }\n }\n }\n if (event.data && event.data.type === 'INSTALLMENTS' && event.data.payload) {\n if (renewalState.isInitialized) {\n RenewalStore.setCardInformation(event.data.payload);\n } else {\n SessionStore.setCardInformation(event.data.payload);\n }\n }\n // if (event.data && event.data.type === 'CARD_TOKENIZED' && event.data.payload) {\n if (event.data && event.data.type === 'CARD_TOKENIZED') {\n if (renewalState.isInitialized) {\n RenewalStore.setCardTokenId(event.data?.payload?.token);\n // Update card information if available in the payload\n if (event.data?.payload?.cardInformation) {\n RenewalStore.setCardInformation(event.data.payload.cardInformation);\n }\n } else if (sessionState.isInitialized) {\n SessionStore.setCardTokenId(event.data?.payload?.token);\n // Update card information if available in the payload\n if (event.data?.payload?.cardInformation) {\n SessionStore.setCardInformation(event.data.payload.cardInformation);\n }\n }\n }\n if (event.data && event.data.type === 'CARD_ID') {\n if (renewalState.isInitialized) {\n RenewalStore.setCardId(event.data.payload?.id);\n } else if (sessionState.isInitialized) {\n SessionStore.setCardId(event.data.payload?.id);\n }\n }\n if (event.data && event.data.type === 'SAVE_CARD') {\n if (sessionState.isInitialized) {\n SessionStore.setSaveCard(event.data.payload?.saveCard);\n }\n }\n if (event.data && event.data.type === 'FETCHING_INSTALLMENTS') {\n const isFetching = event.data.payload?.fetching \|\| false;\n if (renewalState.isInitialized) {\n RenewalStore.setFetchingInstallments(isFetching);\n } else if (sessionState.isInitialized) {\n SessionStore.setFetchingInstallments(isFetching);\n }\n }\n if (event.data && event.data.type === 'NEW_CARD_MODE') {\n const mode = event.data.payload?.mode;\n\n if (mode && (mode === 'input' \|\| mode === 'select')) {\n if (renewalState.isInitialized) {\n RenewalStore.setCardMode(mode);\n } else if (sessionState.isInitialized) {\n SessionStore.setCardMode(mode);\n }\n }\n }\n };\n\n render() {\n return (\n <div\n style={{\n width: '100%',\n height: this.iframeHeight,\n position: 'relative',\n overflow: 'hidden',\n }}\n >\n {!this.iframeLoaded && <card-skeleton />}\n <iframe\n ref={el => (this.iframeRef = el as HTMLIFrameElement)}\n src={this.getIframeURL()}\n style={{\n width: '100%',\n height: '100%',\n border: 'none',\n overflow: 'hidden',\n }}\n title=\"Card Payment Component\"\n allow=\"payment\"\n onLoad={this.handleIframeLoad}\n />\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -3,7 +3,7 @@ import { S as SessionStore, s as state, I as I18nService } from './p-Be63Lt_2.js
 import { g as getInstallmentDisabledPlaceholderByCurrency, a as getInstallmentPlaceholderByCurrency, E as ENUM_INSTALLMENT_MODEL, b as getInstallmentLabel, c as getRecalculatedInstallmentAmount } from './p-CVmkUGob.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BLD5qbS8.js';
+import { d as defineCustomElement$2 } from './p-C9-xmJLv.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 const installmentsCss = "";
@@ -50,11 +50,11 @@ const Installments = /*@__PURE__*/ proxyCustomElement(class Installments extends
         });
     }
     render() {
-        return (h("div", { key: '2f60849281be2e756c126b23cd7b261711e35c56' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: state.data.cardInformation?.installments?.installments.map(installment => ({
+        return (h("div", { key: '4af075549b78b088506e275cb19a75967a9ae39f' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: state.data.cardInformation?.installments?.installments.map(installment => ({
                 label: getInstallmentLabel(installment.installment, getRecalculatedInstallmentAmount(installment.installmentAmount), state.data.pricing?.currency, installment.cft, installment.model),
                 value: installment?.installment?.toString(),
             })) || [], loading: state.data.fetchingInstallments, placeholder: this.placeholder, disabled: this.isDisabled, "on-input": this.handleInstallments, error: I18nService.translate(this.error) }), state.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
-            state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '552a970b2345f074bcb83f9a53ec4b04cf202c6e', variant: "italic", color: COLORS_ENUM.SECONDARY }, I18nService.translate('installments.interest')))));
+            state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '812dd9796b719b349ed1a07ad4619a3d619f2ba8', variant: "italic", color: COLORS_ENUM.SECONDARY }, I18nService.translate('installments.interest')))));
     }
     static get style() { return installmentsCss; }
 }, [256, "rebill-installments", {
@@ -95,6 +95,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Installments as I, defineCustomElement as d };
-//# sourceMappingURL=p-COYitAD7.js.map
+//# sourceMappingURL=p-DdSBiiVX.js.map
-//# sourceMappingURL=p-COYitAD7.js.map
+//# sourceMappingURL=p-DdSBiiVX.js.map

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

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

package/dist/components/{p-CZ4Ng3BX.js → p-Dgn-b0VN.js} RENAMED Viewed

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