rebill-web-components-sdk 1.10.1 → 1.10.2

package/dist/cjs/rebill-container_2.cjs.entry.js

@@ -17,7 +17,7 @@ const Container = class {
             width: '100%',
             boxSizing: 'border-box',
         };
-        return (index.h("div", { key: '5c7f8f3aa12d6f4ceb44a4e12113565ced3e247d', style: style }, index.h("slot", { key: 'a3574ca67ba2722c2a8e74aeefabf7c2e592a4dd' })));
+        return (index.h("div", { key: 'e1704fb8a817d641a9dde4b860e5b76598fdb3e1', style: style }, index.h("slot", { key: 'f1164b93ce59d5e6166038d4428cff273a0a1c0f' })));
     }
 };
 
@@ -54,7 +54,7 @@ const InputCheckbox = class {
         this.input.emit({ id: this.id, value: this.checked });
     };
     render() {
-        return (index.h("div", { key: 'd7fcac45db4981eefd185b35776c20f869b1a01b', class: "checkbox-container input-container" }, index.h("label", { key: '2f51a2d7320962b3fae2ee80f9a96f7ba6730d2a', class: `checkbox-label input-label ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: 'c2d21f80e4d3fec1e9f1e2732d4a4a2dc2e9fa80', id: this.id, type: "checkbox", class: `checkbox-element ${this.error ? 'checkbox-error' : ''}`, checked: this.checked, onChange: this.onCheckboxChange, disabled: this.disabled }), index.h("span", { key: 'ad010213bc72b2a0320e12dfd5e0c1d7b4d10a07', class: "label-text" }, this.label)), this.error && index.h("span", { key: '214feb95cd5e00e0413fd3cd65c13526582f467c', class: "error-message" }, this.error)));
+        return (index.h("div", { key: '888f7ce2e82236feff53f36895a2bd3fe0a4208a', class: "checkbox-container input-container" }, index.h("label", { key: 'c79209579804656847ed0b04a6a955220ef2d09a', class: `checkbox-label input-label ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: 'df046df7c58b76206ef56185de0849ea5a9a40ec', id: this.id, type: "checkbox", class: `checkbox-element ${this.error ? 'checkbox-error' : ''}`, checked: this.checked, onChange: this.onCheckboxChange, disabled: this.disabled }), index.h("span", { key: '5e2f99199b20359377a14cb2afd2059efb6df892', class: "label-text" }, this.label)), this.error && index.h("span", { key: 'f90d5d734a5ac6bfdf7da128ad539d3e264dd0e4', class: "error-message" }, this.error)));
     }
 };
 InputCheckbox.style = inputCheckboxCss;

package/dist/cjs/rebill-flex-container.cjs.entry.js

@@ -21,7 +21,7 @@ const Flex = class {
             justifyContent: this.justifyContent,
             width: '100%',
         };
-        return (index.h("div", { key: 'f3038516745b8164106476ac156fa27eb33b4b4a', style: style }, index.h("slot", { key: 'cfeb32448c6879bc4afa61ec0d0d7def3475741e' })));
+        return (index.h("div", { key: '41bcd76dd7433598fa5b9fffa856141fcd77f585', style: style }, index.h("slot", { key: '37224fd7d1b11b10cd73955ccdfde6328ff83c16' })));
     }
 };
 

package/dist/cjs/rebill-form.cjs.entry.js

@@ -151,7 +151,7 @@ const Form = class {
         await this.submitForm();
     };
     render() {
-        return (index.h("form", { key: '789067598181537713a158c43f8670dc7b345549', onSubmit: e => this.handleSubmit(e), noValidate: true }, this.renderForm ? (this.renderForm({
+        return (index.h("form", { key: '52bbd73020352379d4d196e1fa6ea32dbb5bf8cc', onSubmit: e => this.handleSubmit(e), noValidate: true }, this.renderForm ? (this.renderForm({
             submit: () => this.submitForm(),
             formData: this.formData,
             errors: this.errors,

package/dist/cjs/rebill-grid-container.cjs.entry.js

@@ -19,7 +19,7 @@ const Grid = class {
             justifyContent: this.justifyContent,
             width: '100%',
         };
-        return (index.h("div", { key: '8f59c0fe749a290106855d7923f1b965888d83df', style: style }, index.h("slot", { key: '70504f9487580a0692e909ed4afcfd1faae6d56a' })));
+        return (index.h("div", { key: 'fa76f75f9a6a57dd1142374ba0649a81f23b4b28', style: style }, index.h("slot", { key: '79dcfa6b244315f5f0e1cc30eca4e181e81fc89d' })));
     }
 };
 

package/dist/cjs/rebill-input-select.cjs.entry.js

@@ -236,10 +236,10 @@ const InputSelect = class {
     render() {
         const selectedLabel = this.getSelectedOptionLabel();
         const hasValue = this.value !== '';
-        return (index.h("div", { key: 'da4891194b49a2f7153ec3c1c29769978662ce98', class: "input-container" }, this.label && (index.h("label", { key: '9f284964ff81d941a71ff875d86e078a78d377a1', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: 'bd2dfb2037a46330adf87697c0474cec2023f022', class: `select-wrapper ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'open' : ''}` }, index.h("div", { key: 'fa54fe20e8379bbf2ee23277a6a3890aab2bde18', ref: el => (this.triggerRef = el), class: `input-element select-trigger ${this.error ? 'input-error' : ''} ${!hasValue ? 'placeholder' : ''} ${this.variant === 'underlined' ? 'underlined' : ''}`, style: { backgroundColor: this.backgroundColor }, onClick: this.toggleDropdown, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox", "aria-labelledby": this.label ? `${this.id}-label` : undefined }, index.h("span", { key: '3e56f9d736cbdc127c38ab55a793b7bacda3c553', class: "select-value", style: { fontSize: this.fontSize }, innerHTML: selectedLabel }), index.h("div", { key: 'b86180ab345c0766677ed16ef3e4da210bd18661', class: "icon-wrapper" }, this.loading ? (index.h("div", { class: "spinner" })) : (index.h("rebill-icon", { name: this.getArrowIcon(), size: "20px", class: `select-icon ${this.isOpen && this.arrowIcon === 'down' ? 'rotated' : ''}` })))), this.isOpen && (index.h("div", { key: 'c803573036fde484d1a9617baf5ab76fc970cfaa', ref: el => (this.dropdownRef = el), class: `select-dropPosition ${this.dropPosition === 'up' ? 'open-up' : 'open-down'}`, role: "listbox" }, this.searchable && (index.h("div", { key: 'def1d1d58154332e311d1fa127e33b3f3e2c9457', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: '369f1244806182410829c53b9347c4017a5870ae', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '81eecebaa50e7e466e0b219a04e10758b907ed44', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: '0938be4b52fdbd338aecb4f470326a444105481f', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick, style: { fontSize: this.fontSize } }), this.searchTerm && (index.h("button", { key: 'cbf105dc1a0b159ffbc1a049fdb6dabeaf1213d0', type: "button", class: "clear-search", onClick: event => {
+        return (index.h("div", { key: '20b4000b2cdcc947fe191506faa9f108294ddd66', class: "input-container" }, this.label && (index.h("label", { key: '79ac49d96aff90864f0f3173a3d80d49acb19d1e', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: '76fd10429df02da5b39d67441c287cf3f5eb0a49', class: `select-wrapper ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'open' : ''}` }, index.h("div", { key: '40270fd17af5fed2506fa9b30ca4d5298f15fd47', ref: el => (this.triggerRef = el), class: `input-element select-trigger ${this.error ? 'input-error' : ''} ${!hasValue ? 'placeholder' : ''} ${this.variant === 'underlined' ? 'underlined' : ''}`, style: { backgroundColor: this.backgroundColor }, onClick: this.toggleDropdown, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox", "aria-labelledby": this.label ? `${this.id}-label` : undefined }, index.h("span", { key: 'da3cf0a47ae6e56a8db03fa3c2e75b6ff48495e4', class: "select-value", style: { fontSize: this.fontSize }, innerHTML: selectedLabel }), index.h("div", { key: '77a2bdf06188deea63c8feb424d741637826c0ce', class: "icon-wrapper" }, this.loading ? (index.h("div", { class: "spinner" })) : (index.h("rebill-icon", { name: this.getArrowIcon(), size: "20px", class: `select-icon ${this.isOpen && this.arrowIcon === 'down' ? 'rotated' : ''}` })))), this.isOpen && (index.h("div", { key: '13d79dde1e9b9fc1d4b85e245317b7c39dbfa2da', ref: el => (this.dropdownRef = el), class: `select-dropPosition ${this.dropPosition === 'up' ? 'open-up' : 'open-down'}`, role: "listbox" }, this.searchable && (index.h("div", { key: 'a0c38bf43b4b2f0af0228ebacca03fced03be115', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: '7771b17ce8c91c1f8b159090ea026f94f9f9b9df', class: "search-input-wrapper" }, index.h("rebill-icon", { key: 'b5dffdb3937b1698dc800c374b01b5b0ba6743ab', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: 'a90a2054bffec4c98a449c5c8a3db21190a00cfb', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick, style: { fontSize: this.fontSize } }), this.searchTerm && (index.h("button", { key: '20b1ba62737d59fd4b85153a7d593a95971094d2', type: "button", class: "clear-search", onClick: event => {
                 event.stopPropagation();
                 this.clearSearch();
-            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '3577b9153a84468ed5f6bfce1614ad7cb091fce9', name: "x", size: "16px" })))))), this.loading && this.filteredOptions.length === 0 ? (index.h("div", { class: "loading-message", style: { fontSize: this.fontSize } }, index.h("div", { class: "spinner" }), i18n_service.I18nService.translate('common.loadingOptions'))) : this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index$1) => (index.h("div", { class: `select-option ${this.value === option.value ? 'selected' : ''} ${this.highlightedIndex === index$1 ? 'highlighted' : ''}`, style: { fontSize: this.fontSize }, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.value === option.value ? 'true' : 'false' }, index.h("span", { innerHTML: option.label }))))) : (index.h("div", { class: "no-results", style: { fontSize: this.fontSize } }, "No se encontraron resultados"))))), this.error && index.h("span", { key: '04a9ddd4ee4debcc4b0184d41fc5966861046f59', class: "error-message" }, this.error)));
+            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '30350451a922f7fe83bb833941dcaa12827c9064', name: "x", size: "16px" })))))), this.loading && this.filteredOptions.length === 0 ? (index.h("div", { class: "loading-message", style: { fontSize: this.fontSize } }, index.h("div", { class: "spinner" }), i18n_service.I18nService.translate('common.loadingOptions'))) : this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index$1) => (index.h("div", { class: `select-option ${this.value === option.value ? 'selected' : ''} ${this.highlightedIndex === index$1 ? 'highlighted' : ''}`, style: { fontSize: this.fontSize }, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.value === option.value ? 'true' : 'false' }, index.h("span", { innerHTML: option.label }))))) : (index.h("div", { class: "no-results", style: { fontSize: this.fontSize } }, "No se encontraron resultados"))))), this.error && index.h("span", { key: '9bd5a691c80f360b54f8a4db6b1a69e71c222755', class: "error-message" }, this.error)));
     }
 };
 InputSelect.style = inputSelectCss;

package/dist/cjs/rebill-input-text.cjs.entry.js

@@ -97,10 +97,10 @@ const InputText = class {
             'has-left-icon': !!this.leftIcon,
             'has-right-icon': !!this.rightIcon,
         };
-        return (index.h("div", { key: 'bdcd492afc8670f807e8bc2eda5671b690b3b680', class: "input-container" }, !isFloating && this.label && (index.h("label", { key: 'ef332abdaf7830f01066a7f1bb580eb69220e314', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: '70a407c2ae85a99be27d9b9bab5fc046c43eeac0', class: wrapperClasses }, this.leftIcon && (index.h("div", { key: 'b77249d00af2657afd0892779e2de03e0bfba86e', class: "icon-left" }, index.h("rebill-icon", { key: '85ab5630734f6b10e673c5ae81fa45524f391c1c', name: this.leftIcon }))), index.h("input", { key: '59dcf8c1cb0ff9128e31fa680bb9e4aca5090fd1', ref: el => (this.inputElement = el), type: "text", class: inputClasses, placeholder: isFloating ? this.label : this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onBlur, disabled: this.disabled, style: {
+        return (index.h("div", { key: '9715fd693cd0522a82933813ebc5f4fefdd783cd', class: "input-container" }, !isFloating && this.label && (index.h("label", { key: '7f845ed5b3981c5ae813f15488ea4282671ebbbc', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: '1b4da7a6cd434631d7d2f2bb2ac803945d907f0d', class: wrapperClasses }, this.leftIcon && (index.h("div", { key: '203fc582d830e66c814db1fd2d89df711a2fa98c', class: "icon-left" }, index.h("rebill-icon", { key: 'd07ff9a559fde0cb987b5b6bf15f27c2a56da98a', name: this.leftIcon }))), index.h("input", { key: 'dcc5481c4f14b6db1cd04d36dcff3ae6cd1a8e29', ref: el => (this.inputElement = el), type: "text", class: inputClasses, placeholder: isFloating ? this.label : this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onBlur, disabled: this.disabled, style: {
                 paddingLeft: this.leftIcon ? '2.5rem' : '0.75rem',
                 paddingRight: this.clearable || this.rightIcon ? '2.5rem' : '0.75rem',
-            } }), isFloating && index.h("label", { key: 'e6e423bacd8ee0f15f506c260b5ade107123cec6', class: "input-text__input-label input-label" }, this.label), this.clearable && this.value && (index.h("div", { key: '56888e7c3df93e8c9b8eb339f21d2a4640506a28', class: "icon-right", onClick: this.onClear }, index.h("rebill-icon", { key: 'fcf8a10d36863322ff6a311cd06b2456eba0b51b', name: "x" }))), this.rightIcon && !this.clearable && (index.h("div", { key: '1d505168e2e6284dbc1cda87fee24346e7387834', class: "icon-right", onClick: this.onRightIconClick }, index.h("rebill-icon", { key: '8006541ac0ce29efe546a197052a4de507822152', name: this.rightIcon })))), this.error && index.h("span", { key: '72cdd59316e8fd3b3d4f8ce3be6772fdae5c18f1', class: "error-message" }, this.error)));
+            } }), isFloating && index.h("label", { key: 'b1483a82c7be5c5953055d79225ef2fbb69302dd', class: "input-text__input-label input-label" }, this.label), this.clearable && this.value && (index.h("div", { key: '39899b5b2ccc583e81a1c8b311cca2a1350135fc', class: "icon-right", onClick: this.onClear }, index.h("rebill-icon", { key: 'a20f00edd2773d8e65f68a800d758624ea82ed6b', name: "x" }))), this.rightIcon && !this.clearable && (index.h("div", { key: '558bf2e4ab613aee555a5427a8ca44f77a4c0493', class: "icon-right", onClick: this.onRightIconClick }, index.h("rebill-icon", { key: 'fd8207c267b0c1b893586daa870ce4477ec67bef', name: this.rightIcon })))), this.error && index.h("span", { key: '7c9d7b847a5a8f2bcedc3941e9504919dfcfb64c', class: "error-message" }, this.error)));
     }
 };
 InputText.style = inputTextCss;

package/dist/cjs/rebill-mode-sandbox_2.cjs.entry.js

@@ -118,7 +118,7 @@ const RebillTestModeChipMobile = class {
         return (index.h("div", { class: "mode-sandbox-mobile__cards-dropdown-panel" }, index.h("div", { class: "mode-sandbox-mobile__cards-dropdown-panel-header" }, index.h("rebill-icon", { name: "card-test" }), index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, i18n_service.I18nService.translate('sandbox.cardTest'))), index.h("div", { class: "mode-sandbox-mobile__card-details" }, index.h("div", { class: "mode-sandbox-mobile__card-section" }, index.h("div", { class: "mode-sandbox-mobile__header-content" }, index.h("rebill-icon", { name: "succes", color: colorClassMapper.COLORS_ENUM.GREEN }), index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, i18n_service.I18nService.translate('sandbox.successPayment'))), index.h("div", { class: "mode-sandbox-mobile__card-row" }, index.h("div", { class: "mode-sandbox-mobile__card-value" }, index.h("rebill-typography", { variant: "subtitle3", color: colorClassMapper.COLORS_ENUM.GREY_700 }, i18n_service.I18nService.translate('sandbox.cardNumber')), index.h("div", { class: "mode-sandbox-mobile__field-value" }, index.h("rebill-icon", { name: "visa" }), index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, "4539148803436467"))), index.h("div", { class: "mode-sandbox-mobile__card-value" }, index.h("rebill-typography", { variant: "subtitle3", color: colorClassMapper.COLORS_ENUM.GREY_700 }, i18n_service.I18nService.translate('sandbox.exp')), index.h("div", { class: "mode-sandbox-mobile__field-value" }, index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, "01/99"))), index.h("div", { class: "mode-sandbox-mobile__card-value" }, index.h("rebill-typography", { variant: "subtitle3", color: colorClassMapper.COLORS_ENUM.GREY_700 }, i18n_service.I18nService.translate('sandbox.cvv')), index.h("div", { class: "mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy" }, index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, "123"), index.h("div", { class: "mode-sandbox-mobile__copy-button" }, index.h("rebill-button", { variant: "text", size: "small", onClick: () => this.handleCopy('4539148803436467 01/99 123') }, index.h("rebill-icon", { name: "copy" }))))))), index.h("div", { class: "mode-sandbox-mobile__card-section" }, index.h("div", { class: "mode-sandbox-mobile__header-content" }, index.h("rebill-icon", { name: "rejected", color: colorClassMapper.COLORS_ENUM.ERROR }), index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, i18n_service.I18nService.translate('sandbox.rejectedPayment'))), index.h("div", { class: "mode-sandbox-mobile__card-row" }, index.h("div", { class: "mode-sandbox-mobile__card-value" }, index.h("rebill-typography", { variant: "subtitle3", color: colorClassMapper.COLORS_ENUM.GREY_700 }, i18n_service.I18nService.translate('sandbox.cardNumber')), index.h("div", { class: "mode-sandbox-mobile__field-value" }, index.h("rebill-icon", { name: "visa" }), index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, "4485364739527352"))), index.h("div", { class: "mode-sandbox-mobile__card-value" }, index.h("rebill-typography", { variant: "subtitle3", color: colorClassMapper.COLORS_ENUM.GREY_700 }, i18n_service.I18nService.translate('sandbox.exp')), index.h("div", { class: "mode-sandbox-mobile__field-value" }, index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, "01/99"))), index.h("div", { class: "mode-sandbox-mobile__card-value" }, index.h("rebill-typography", { variant: "subtitle3", color: colorClassMapper.COLORS_ENUM.GREY_700 }, i18n_service.I18nService.translate('sandbox.cvv')), index.h("div", { class: "mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy" }, index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK }, "123"), index.h("div", { class: "mode-sandbox-mobile__copy-button" }, index.h("rebill-button", { variant: "text", size: "small", onClick: () => this.handleCopy('4485364739527352 01/99 123') }, index.h("rebill-icon", { name: "copy" })))))))), index.h("div", { class: "mode-sandbox-mobile__docs-section", onClick: this.handleDocsClick }, index.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY }, i18n_service.I18nService.translate('sandbox.docs')), index.h("rebill-icon", { name: "external-link" }))));
     }
     render() {
-        return (index.h("div", { key: '0908b30d016648a1a59c8bb39d3fa3ef8f95f44b', class: `mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && index.h("div", { key: '6db6a75df46c3558b02bf9b7279584b8f55f465f', class: "mode-sandbox-mobile__overlay" }), index.h("div", { key: '304df4678eded217a9f94959fa6e9e5b6254fd1d', class: `mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
+        return (index.h("div", { key: '880c86667de013f77f1bad1b0d1313233af2c9ec', class: `mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && index.h("div", { key: '7c222d3fe8e0af4c20bf35334b57e4954597d6ab', class: "mode-sandbox-mobile__overlay" }), index.h("div", { key: '3f409f8e75eb97797feb9d5ad1ce19b49e8d7b26', class: `mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
     }
 };
 RebillTestModeChipMobile.style = modeSandboxMobileCss;

package/dist/cjs/rebill-timeline-debit-day_2.cjs.entry.js

@@ -253,7 +253,7 @@ const TimelineDebitDay = class {
     }
     render() {
         const events = this.buildEvents();
-        return (index.h("div", { key: 'd574fa96d847d06e1308c07ad175d81f8b26a012', class: "timeline-container" }, index.h("div", { key: '7ac3e866828ebd3e299f9768d75c4407758836e7', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
+        return (index.h("div", { key: '615579b2426ae88ed9691622127addaa02e4b6cf', class: "timeline-container" }, index.h("div", { key: 'c85f7b90e8b2be2a974c5d00a72323c479f55ef0', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
     }
 };
 TimelineDebitDay.style = timelineDebitDayCss;
@@ -421,7 +421,7 @@ const Timeline = class {
     }
     render() {
         const events = this.buildEvents();
-        return (index.h("div", { key: 'fa2300b235bb88fb441202f542ca4d4a02981e98', class: "timeline-container" }, index.h("div", { key: 'ae353a3c2a3b5ede3883a81e9a8261e209442510', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
+        return (index.h("div", { key: 'c9032dbd0e3e8fab03dae48c2f37131aee703f08', class: "timeline-container" }, index.h("div", { key: 'b810d9bdd42b4e5829456f07990806e487a526a1', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
     }
 };
 Timeline.style = timelineFreeTrialCss;

package/dist/cjs/rebill-vertical-divider.cjs.entry.js

@@ -16,7 +16,7 @@ const VerticalDivider = class {
     connectorActive = false;
     withDot = false;
     render() {
-        return (index.h("div", { key: '35ca73e9c8203b1ce92f254d1f7247ff6ff46bfd', class: `rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`, style: {
+        return (index.h("div", { key: '3d7bfe6346cf967a5722784f0585887d1ed48d9d', class: `rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`, style: {
                 '--divider-color': colorClassMapper.colorClassMapper(this.color),
                 '--divider-thickness': this.thickness,
                 '--divider-dashed': this.dashed ? '2 2' : 'none',

package/dist/cjs/rebill-web-components-sdk.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"rebill-checkout.cjs\",[[256,\"rebill-checkout\",{\"productId\":[1,\"product-id\"],\"planId\":[1,\"plan-id\"],\"publicKey\":[1,\"public-key\"],\"instantProduct\":[1,\"instant-product\"],\"instantPlan\":[1,\"instant-plan\"],\"display\":[1],\"customerInformation\":[1,\"customer-information\"],\"oneClickCheckout\":[4,\"one-click-checkout\"],\"css\":[1],\"language\":[1],\"checkoutLandingSession\":[1,\"checkout-landing-session\"],\"externalPayment\":[1,\"external-payment\"],\"rejectedPaymentCard\":[32],\"rejectedPaymentAPM\":[32],\"countries\":[32],\"currentPaymentMethod\":[32],\"checkoutResponse\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"isAPMSubmitting\":[32],\"isAPMSuccess\":[32],\"storedCheckoutResults\":[32],\"alertErrorKeys\":[32],\"currentApmPaymentMethod\":[32],\"breakpoint\":[32],\"showRefreshModal\":[32],\"cardError\":[32],\"initialData\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"customerExists\":[32],\"showOtp\":[32],\"otpVerified\":[32],\"responseCheckoutCard\":[32],\"cardMode\":[32],\"submit\":[64]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"input\",\"handleInputChange\"],[0,\"onRebillAccountClick\",\"handleRebillAccountClick\"],[0,\"returnForm\",\"handleReturnForm\"],[0,\"signOut\",\"handleSignOut\"],[0,\"codeVerified\",\"handleCodeVerified\"]],{\"language\":[\"handleLanguageChange\"]}]]],[\"rebill-renewal.cjs\",[[256,\"rebill-renewal\",{\"renewalData\":[1,\"renewal-data\"],\"renewalToken\":[1,\"renewal-token\"],\"currentPaymentMethod\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"errorPaymentAPM\":[32],\"initialData\":[32],\"checkoutResponse\":[32],\"currentApmPaymentMethod\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"bankSelected\",\"handleBankSelected\"],[0,\"cardSelected\",\"handleCardSelected\"]]]]],[\"rebill-change-card.cjs\",[[256,\"rebill-change-card\",{\"changeCardData\":[1,\"change-card-data\"],\"changeCardToken\":[1,\"change-card-token\"],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"initialData\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32],\"completedAt\":[32]}]]],[\"root-component.cjs\",[[256,\"root-component\",{\"isLoading\":[32],\"currentLang\":[32],\"formData\":[32]}]]],[\"rebill-card-carousel.cjs\",[[256,\"rebill-card-carousel\",{\"interval\":[2],\"size\":[1],\"color\":[1],\"showAllCards\":[4,\"show-all-cards\"],\"currentIndex\":[32]}]]],[\"rebill-flex-container.cjs\",[[260,\"rebill-flex-container\",{\"direction\":[1],\"wrap\":[1],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"rebill-grid-container.cjs\",[[260,\"rebill-grid-container\",{\"columns\":[2],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"renewal-success-page.cjs\",[[256,\"renewal-success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}]]],[\"change-card-success.cjs\",[[256,\"change-card-success\",{\"customerName\":[1,\"customer-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"cardBrand\":[1,\"card-brand\"],\"paymentDate\":[1,\"payment-date\"],\"customerEmail\":[1,\"customer-email\"],\"currentLocale\":[32]}]]],[\"collapsible-card_3.cjs\",[[256,\"discount-coupon\",{\"hideLabel\":[4,\"hide-label\"],\"displayMode\":[1,\"display-mode\"],\"readonlyCouponCode\":[1,\"readonly-coupon-code\"],\"readonlyDiscountAmount\":[2,\"readonly-discount-amount\"],\"readonlyCurrency\":[1,\"readonly-currency\"],\"couponCode\":[32],\"actionStatus\":[32],\"isLoading\":[32],\"isError\":[32],\"currentLocale\":[32]}],[256,\"rebill-divider\"],[260,\"collapsible-card\",{\"header\":[1],\"open\":[4],\"variant\":[1],\"isOpen\":[32]}]]],[\"renewal-summary.cjs\",[[256,\"renewal-summary\",{\"displayedComponents\":[16],\"totalAmount\":[2,\"total-amount\"],\"subTotalAmount\":[2,\"sub-total-amount\"],\"subscriptionTitle\":[1,\"subscription-title\"],\"subscriptionAmount\":[2,\"subscription-amount\"],\"nextChargeDate\":[1,\"next-charge-date\"],\"frequency\":[16],\"currency\":[1],\"couponCode\":[1,\"coupon-code\"],\"discountAmount\":[2,\"discount-amount\"],\"discountPercentage\":[2,\"discount-percentage\"],\"titleKey\":[1,\"title-key\"],\"forceUpdate\":[32]}]]],[\"input-otp.cjs\",[[256,\"input-otp\",{\"error\":[1],\"otp\":[1],\"clearable\":[4],\"placeholder\":[1],\"otpValue\":[32]}]]],[\"rebill-card.cjs\",[[256,\"rebill-card\",{\"cardTitle\":[1,\"card-title\"],\"cardLabels\":[16]}]]],[\"rebill-container_2.cjs\",[[260,\"rebill-container\",{\"maxWidth\":[1,\"max-width\"],\"padding\":[1],\"fluid\":[4]}],[256,\"rebill-input-checkbox\",{\"label\":[1],\"checked\":[1540],\"error\":[1],\"id\":[1],\"disabled\":[4]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-icon_2.cjs\",[[260,\"rebill-typography\",{\"variant\":[1],\"color\":[1],\"align\":[1],\"noWrap\":[4,\"no-wrap\"],\"gutterBottom\":[4,\"gutter-bottom\"],\"paragraph\":[4]}],[256,\"rebill-icon\",{\"name\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"rebill-alert.cjs\",[[256,\"rebill-alert\",{\"type\":[1],\"message\":[1],\"alertTitle\":[1,\"alert-title\"],\"icon\":[1],\"variant\":[1],\"size\":[1],\"colorIcon\":[1,\"color-icon\"]}]]],[\"rebill-timeline-debit-day_2.cjs\",[[256,\"rebill-timeline-debit-day\",{\"debitDay\":[2,\"debit-day\"],\"totalAmount\":[2,\"total-amount\"],\"planAmount\":[2,\"plan-amount\"],\"currency\":[1],\"debitStrategy\":[1,\"debit-strategy\"],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}],[256,\"rebill-timeline-free-trial\",{\"trialPeriodEndsAt\":[1,\"trial-period-ends-at\"],\"trialPeriodEndsReminderAt\":[1,\"trial-period-ends-reminder-at\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"subtotal\":[2],\"currency\":[1],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}]]],[\"rebill-button.cjs\",[[260,\"rebill-button\",{\"type\":[1],\"disabled\":[4],\"id\":[1],\"loading\":[4],\"showSpinnerWithText\":[4,\"show-spinner-with-text\"],\"nonClickable\":[4,\"non-clickable\"],\"variant\":[1],\"theme\":[1],\"size\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"rebill-mode-sandbox_2.cjs\",[[256,\"rebill-mode-sandbox\",{\"isPanelVisible\":[32],\"isPanelClosing\":[32],\"isCardsPanelVisible\":[32],\"isCardsPanelClosing\":[32],\"currentLanguage\":[32]}],[256,\"rebill-mode-sandbox-mobile\",{\"isPanelVisible\":[32],\"currentLanguage\":[32]}]]],[\"rebill-vertical-divider.cjs\",[[256,\"rebill-vertical-divider\",{\"height\":[1],\"color\":[1],\"thickness\":[1],\"dashed\":[4],\"connectorActive\":[4,\"connector-active\"],\"withDot\":[4,\"with-dot\"]}]]],[\"rebill-input-select.cjs\",[[256,\"rebill-input-select\",{\"label\":[1],\"options\":[16],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"placeholder\":[1],\"variant\":[1],\"arrowIcon\":[1,\"arrow-icon\"],\"dropPosition\":[1,\"drop-position\"],\"fontSize\":[1,\"font-size\"],\"backgroundColor\":[1,\"background-color\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"loading\":[4],\"isOpen\":[32],\"componentId\":[32],\"highlightedIndex\":[32],\"searchTerm\":[32],\"filteredOptions\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"otp-component_5.cjs\",[[256,\"rebill-summary\",{\"totalAmount\":[8,\"total-amount\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[1,\"item-description\"],\"itemAmount\":[8,\"item-amount\"],\"planFrequency\":[1,\"plan-frequency\"],\"planFrequencyCount\":[2,\"plan-frequency-count\"],\"subtotal\":[8],\"discount\":[8],\"currency\":[1],\"displayedComponents\":[16],\"allowCoupon\":[4,\"allow-coupon\"],\"currentBreakpoint\":[1,\"current-breakpoint\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"discountApplied\":[32]},[[0,\"discountApplied\",\"handleDiscountApplied\"]]],[256,\"success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}],[256,\"otp-component\",{\"timeLeft\":[32],\"isTimerRunning\":[32],\"codeResent\":[32],\"isVerifying\":[32],\"otpValue\":[32],\"error\":[32]}],[256,\"user-information\",{\"userInformation\":[16],\"errors\":[16],\"customerExists\":[4,\"customer-exists\"],\"disabled\":[4]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]]],[256,\"rebill-modal-overlay\",{\"visible\":[32],\"languageUpdateTrigger\":[32]}]]],[\"rebill-form.cjs\",[[260,\"rebill-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"formData\":[32],\"errors\":[32],\"submitForm\":[64],\"resetValidation\":[64],\"clearError\":[64]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]],{\"initialData\":[\"handleInitialDataChange\"],\"validationSchema\":[\"handleValidationSchemaChange\"]}]]],[\"rebill-input-text.cjs\",[[256,\"rebill-input-text\",{\"label\":[1],\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"clearable\":[4],\"variant\":[1],\"uppercase\":[4],\"getInputElement\":[64]},[[4,\"change\",\"handleFormChange\"]]]]],[\"organization-logo_4.cjs\",[[256,\"rebill-card-icon\",{\"cardBrand\":[1,\"card-brand\"],\"width\":[2],\"height\":[2]}],[260,\"rebill-checkout-single-column\"],[256,\"rebill-footer\",{\"breakpoint\":[32]}],[256,\"organization-logo\",{\"organization\":[16]}]]],[\"card-fields-wrapper_11.cjs\",[[256,\"card-fields-wrapper\",{\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"showDocument\":[4,\"show-document\"],\"customCSS\":[1,\"custom-c-s-s\"]}],[256,\"rebill-address-form\",{\"addressType\":[1,\"address-type\"],\"countryOptions\":[16],\"stateOptions\":[16],\"errors\":[16],\"disabled\":[4],\"showAdditionalInformation\":[32]}],[256,\"rebill-address-search\",{\"addressType\":[1,\"address-type\"],\"placeholder\":[1],\"error\":[1],\"disabled\":[4],\"isInitialized\":[32],\"currentLocale\":[32]}],[256,\"single-payment-method\",{\"paymentMethod\":[1,\"payment-method\"],\"currencyCountry\":[1,\"currency-country\"],\"paymentMethodDetails\":[16],\"icons\":[16]}],[256,\"rebill-input-phone\",{\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"phoneNumberId\":[1,\"phone-number-id\"],\"countryCodeId\":[1,\"country-code-id\"],\"validationErrorId\":[1,\"validation-error-id\"],\"disabled\":[4],\"initialCountry\":[1,\"initial-country\"],\"required\":[4],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectedCountry\":[32],\"isDropdownOpen\":[32],\"validationError\":[32],\"searchTerm\":[32],\"filteredCountries\":[32],\"componentId\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[260,\"selectable-card\",{\"selected\":[4],\"label\":[1],\"cardKey\":[1,\"card-key\"],\"disabled\":[4]}],[256,\"rebill-installments\",{\"error\":[1],\"currentValue\":[32],\"isDisabled\":[32],\"value\":[32],\"placeholder\":[32]}],[256,\"card-identification\",{\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"disabled\":[4],\"documentTypes\":[32],\"country\":[32],\"currentLanguage\":[32]}],[256,\"card-iframe\",{\"customCSS\":[1,\"custom-c-s-s\"],\"iframeLoaded\":[32],\"currentLang\":[32],\"initialLang\":[32],\"iframeHeight\":[32]}],[256,\"rebill-input-combo\",{\"label\":[1],\"options\":[16],\"selectValue\":[1537,\"select-value\"],\"inputValue\":[1537,\"input-value\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"selectPlaceholder\":[1,\"select-placeholder\"],\"error\":[1],\"selectId\":[1,\"select-id\"],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"selectWidth\":[1,\"select-width\"],\"isOpen\":[32],\"highlightedIndex\":[32],\"componentId\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[256,\"card-skeleton\"]]],[\"apm-checkout_14.cjs\",[[256,\"apm-checkout\",{\"paymentMethod\":[1,\"payment-method\"],\"referenceId\":[1,\"reference-id\"],\"qrCodeData\":[1,\"qr-code-data\"],\"code\":[1],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"country\":[1],\"redirectUrl\":[1,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"checkoutRequestId\":[1,\"checkout-request-id\"],\"bearerToken\":[1,\"bearer-token\"],\"bankTransferData\":[8,\"bank-transfer-data\"],\"barcode\":[1],\"showRedirectMessage\":[32],\"isPolling\":[32],\"minutesLeft\":[32],\"qrStartTime\":[32],\"downloadData\":[32]}],[256,\"rebill-bank-selector\",{\"banks\":[16],\"defaultSelectedBankId\":[1,\"default-selected-bank-id\"],\"error\":[1],\"disabled\":[4],\"selectedBankId\":[32],\"languageUpdateTrigger\":[32]}],[256,\"payment-method-selector\",{\"enabledPaymentMethods\":[16],\"defaultSelected\":[1,\"default-selected\"],\"showErrorComponent\":[4,\"show-error-component\"],\"cardError\":[16],\"country\":[1],\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"showDocument\":[4,\"show-document\"],\"documentNumberError\":[1,\"document-number-error\"],\"customCSS\":[1,\"custom-c-s-s\"],\"errorComponent\":[16],\"disabled\":[4],\"icon\":[32],\"selectedPaymentMethod\":[32],\"saveCard\":[32]},[[0,\"selectableCardClick\",\"handleSelectableCardClick\"]]],[256,\"rebill-processing-payment\",{\"titleKey\":[1,\"title-key\"],\"subtitleKey\":[1,\"subtitle-key\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32]}],[256,\"rebill-address\",{\"billingView\":[1537,\"billing-view\"],\"disabled\":[4],\"countryOptions\":[16],\"errors\":[16],\"currentBillingStateOptions\":[32],\"isLoadingAddress\":[32]}],[256,\"bank-transfer\",{\"bankTransferData\":[8,\"bank-transfer-data\"]}],[256,\"qr-code\",{\"qrCodeData\":[1,\"qr-code-data\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"paymentMethod\":[1,\"payment-method\"],\"code\":[1],\"qrCodeSvg\":[32],\"isImage\":[32],\"timeLeft\":[32],\"formattedTime\":[32],\"hasCopied\":[32]}],[256,\"user-information-static\",{\"userInfo\":[16],\"variant\":[1]}],[256,\"apm-download\",{\"data\":[16]}],[256,\"payment-button\",{\"isDisabled\":[4,\"is-disabled\"],\"isLoading\":[4,\"is-loading\"],\"paymentMethod\":[1,\"payment-method\"],\"isRenewal\":[4,\"is-renewal\"],\"isChangeCard\":[4,\"is-change-card\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"redirectUrl\":[4,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"country\":[1],\"currentLanguage\":[32],\"countdownSeconds\":[32],\"paymentMethodDisplayName\":[32]},null,{\"redirectUrl\":[\"onRedirectPropsChange\"],\"timeToRedirect\":[\"onRedirectPropsChange\"]}],[256,\"user-information-phone\",{\"error\":[1],\"countryCode\":[1,\"country-code\"],\"disabled\":[4],\"languageUpdateTrigger\":[32]}],[256,\"boleto-payment\",{\"barcode\":[1],\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32],\"hasCopied\":[32]}],[256,\"rebill-checkout-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"resetValidation\":[64]},[[0,\"change\",\"handleFormChange\"]]],[256,\"reference-code\",{\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"rebill-checkout.cjs\",[[256,\"rebill-checkout\",{\"productId\":[1,\"product-id\"],\"planId\":[1,\"plan-id\"],\"publicKey\":[1,\"public-key\"],\"instantProduct\":[1,\"instant-product\"],\"instantPlan\":[1,\"instant-plan\"],\"display\":[1],\"customerInformation\":[1,\"customer-information\"],\"oneClickCheckout\":[4,\"one-click-checkout\"],\"css\":[1],\"language\":[1],\"checkoutLandingSession\":[1,\"checkout-landing-session\"],\"externalPayment\":[1,\"external-payment\"],\"rejectedPaymentCard\":[32],\"rejectedPaymentAPM\":[32],\"countries\":[32],\"currentPaymentMethod\":[32],\"checkoutResponse\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"isAPMSubmitting\":[32],\"isAPMSuccess\":[32],\"storedCheckoutResults\":[32],\"alertErrorKeys\":[32],\"currentApmPaymentMethod\":[32],\"breakpoint\":[32],\"showRefreshModal\":[32],\"cardError\":[32],\"initialData\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"customerExists\":[32],\"showOtp\":[32],\"otpVerified\":[32],\"responseCheckoutCard\":[32],\"cardMode\":[32],\"submit\":[64]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"input\",\"handleInputChange\"],[0,\"onRebillAccountClick\",\"handleRebillAccountClick\"],[0,\"returnForm\",\"handleReturnForm\"],[0,\"signOut\",\"handleSignOut\"],[0,\"codeVerified\",\"handleCodeVerified\"]],{\"language\":[\"handleLanguageChange\"]}]]],[\"rebill-renewal.cjs\",[[256,\"rebill-renewal\",{\"renewalData\":[1,\"renewal-data\"],\"renewalToken\":[1,\"renewal-token\"],\"currentPaymentMethod\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"errorPaymentAPM\":[32],\"initialData\":[32],\"checkoutResponse\":[32],\"currentApmPaymentMethod\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"bankSelected\",\"handleBankSelected\"],[0,\"cardSelected\",\"handleCardSelected\"]]]]],[\"rebill-change-card.cjs\",[[256,\"rebill-change-card\",{\"changeCardData\":[1,\"change-card-data\"],\"changeCardToken\":[1,\"change-card-token\"],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"initialData\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32],\"completedAt\":[32]}]]],[\"root-component.cjs\",[[256,\"root-component\",{\"isLoading\":[32],\"currentLang\":[32],\"formData\":[32]}]]],[\"rebill-card-carousel.cjs\",[[256,\"rebill-card-carousel\",{\"interval\":[2],\"size\":[1],\"color\":[1],\"showAllCards\":[4,\"show-all-cards\"],\"currentIndex\":[32]}]]],[\"rebill-flex-container.cjs\",[[260,\"rebill-flex-container\",{\"direction\":[1],\"wrap\":[1],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"rebill-grid-container.cjs\",[[260,\"rebill-grid-container\",{\"columns\":[2],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"renewal-success-page.cjs\",[[256,\"renewal-success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}]]],[\"change-card-success.cjs\",[[256,\"change-card-success\",{\"customerName\":[1,\"customer-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"cardBrand\":[1,\"card-brand\"],\"paymentDate\":[1,\"payment-date\"],\"customerEmail\":[1,\"customer-email\"],\"currentLocale\":[32]}]]],[\"collapsible-card_3.cjs\",[[256,\"discount-coupon\",{\"hideLabel\":[4,\"hide-label\"],\"displayMode\":[1,\"display-mode\"],\"readonlyCouponCode\":[1,\"readonly-coupon-code\"],\"readonlyDiscountAmount\":[2,\"readonly-discount-amount\"],\"readonlyCurrency\":[1,\"readonly-currency\"],\"couponCode\":[32],\"actionStatus\":[32],\"isLoading\":[32],\"isError\":[32],\"currentLocale\":[32]}],[256,\"rebill-divider\"],[260,\"collapsible-card\",{\"header\":[1],\"open\":[4],\"variant\":[1],\"isOpen\":[32]}]]],[\"renewal-summary.cjs\",[[256,\"renewal-summary\",{\"displayedComponents\":[16],\"totalAmount\":[2,\"total-amount\"],\"subTotalAmount\":[2,\"sub-total-amount\"],\"subscriptionTitle\":[1,\"subscription-title\"],\"subscriptionAmount\":[2,\"subscription-amount\"],\"nextChargeDate\":[1,\"next-charge-date\"],\"frequency\":[16],\"currency\":[1],\"couponCode\":[1,\"coupon-code\"],\"discountAmount\":[2,\"discount-amount\"],\"discountPercentage\":[2,\"discount-percentage\"],\"titleKey\":[1,\"title-key\"],\"forceUpdate\":[32]}]]],[\"input-otp.cjs\",[[256,\"input-otp\",{\"error\":[1],\"otp\":[1],\"clearable\":[4],\"placeholder\":[1],\"otpValue\":[32]}]]],[\"rebill-card.cjs\",[[256,\"rebill-card\",{\"cardTitle\":[1,\"card-title\"],\"cardLabels\":[16]}]]],[\"rebill-container_2.cjs\",[[260,\"rebill-container\",{\"maxWidth\":[1,\"max-width\"],\"padding\":[1],\"fluid\":[4]}],[256,\"rebill-input-checkbox\",{\"label\":[1],\"checked\":[1540],\"error\":[1],\"id\":[1],\"disabled\":[4]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-alert.cjs\",[[256,\"rebill-alert\",{\"type\":[1],\"message\":[1],\"alertTitle\":[1,\"alert-title\"],\"icon\":[1],\"variant\":[1],\"size\":[1],\"colorIcon\":[1,\"color-icon\"]}]]],[\"rebill-timeline-debit-day_2.cjs\",[[256,\"rebill-timeline-debit-day\",{\"debitDay\":[2,\"debit-day\"],\"totalAmount\":[2,\"total-amount\"],\"planAmount\":[2,\"plan-amount\"],\"currency\":[1],\"debitStrategy\":[1,\"debit-strategy\"],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}],[256,\"rebill-timeline-free-trial\",{\"trialPeriodEndsAt\":[1,\"trial-period-ends-at\"],\"trialPeriodEndsReminderAt\":[1,\"trial-period-ends-reminder-at\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"subtotal\":[2],\"currency\":[1],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}]]],[\"rebill-mode-sandbox_2.cjs\",[[256,\"rebill-mode-sandbox\",{\"isPanelVisible\":[32],\"isPanelClosing\":[32],\"isCardsPanelVisible\":[32],\"isCardsPanelClosing\":[32],\"currentLanguage\":[32]}],[256,\"rebill-mode-sandbox-mobile\",{\"isPanelVisible\":[32],\"currentLanguage\":[32]}]]],[\"rebill-vertical-divider.cjs\",[[256,\"rebill-vertical-divider\",{\"height\":[1],\"color\":[1],\"thickness\":[1],\"dashed\":[4],\"connectorActive\":[4,\"connector-active\"],\"withDot\":[4,\"with-dot\"]}]]],[\"rebill-icon_2.cjs\",[[260,\"rebill-typography\",{\"variant\":[1],\"color\":[1],\"align\":[1],\"noWrap\":[4,\"no-wrap\"],\"gutterBottom\":[4,\"gutter-bottom\"],\"paragraph\":[4]}],[256,\"rebill-icon\",{\"name\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"rebill-input-text.cjs\",[[256,\"rebill-input-text\",{\"label\":[1],\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"clearable\":[4],\"variant\":[1],\"uppercase\":[4],\"getInputElement\":[64]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-input-select.cjs\",[[256,\"rebill-input-select\",{\"label\":[1],\"options\":[16],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"placeholder\":[1],\"variant\":[1],\"arrowIcon\":[1,\"arrow-icon\"],\"dropPosition\":[1,\"drop-position\"],\"fontSize\":[1,\"font-size\"],\"backgroundColor\":[1,\"background-color\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"loading\":[4],\"isOpen\":[32],\"componentId\":[32],\"highlightedIndex\":[32],\"searchTerm\":[32],\"filteredOptions\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"rebill-button.cjs\",[[260,\"rebill-button\",{\"type\":[1],\"disabled\":[4],\"id\":[1],\"loading\":[4],\"showSpinnerWithText\":[4,\"show-spinner-with-text\"],\"nonClickable\":[4,\"non-clickable\"],\"variant\":[1],\"theme\":[1],\"size\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"organization-logo_4.cjs\",[[256,\"rebill-card-icon\",{\"cardBrand\":[1,\"card-brand\"],\"width\":[2],\"height\":[2]}],[260,\"rebill-checkout-single-column\"],[256,\"rebill-footer\",{\"breakpoint\":[32]}],[256,\"organization-logo\",{\"organization\":[16]}]]],[\"otp-component_5.cjs\",[[256,\"rebill-summary\",{\"totalAmount\":[8,\"total-amount\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[1,\"item-description\"],\"itemAmount\":[8,\"item-amount\"],\"planFrequency\":[1,\"plan-frequency\"],\"planFrequencyCount\":[2,\"plan-frequency-count\"],\"subtotal\":[8],\"discount\":[8],\"currency\":[1],\"displayedComponents\":[16],\"allowCoupon\":[4,\"allow-coupon\"],\"currentBreakpoint\":[1,\"current-breakpoint\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"discountApplied\":[32]},[[0,\"discountApplied\",\"handleDiscountApplied\"]]],[256,\"success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}],[256,\"otp-component\",{\"timeLeft\":[32],\"isTimerRunning\":[32],\"codeResent\":[32],\"isVerifying\":[32],\"otpValue\":[32],\"error\":[32]}],[256,\"user-information\",{\"userInformation\":[16],\"errors\":[16],\"customerExists\":[4,\"customer-exists\"],\"disabled\":[4]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]]],[256,\"rebill-modal-overlay\",{\"visible\":[32],\"languageUpdateTrigger\":[32]}]]],[\"rebill-autofill-detector.cjs\",[[260,\"rebill-autofill-detector\",{\"targetSelector\":[1,\"target-selector\"],\"disabled\":[4],\"browserAutocompleteDetected\":[32],\"disabledDetector\":[32]}]]],[\"rebill-form.cjs\",[[260,\"rebill-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"formData\":[32],\"errors\":[32],\"submitForm\":[64],\"resetValidation\":[64],\"clearError\":[64]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]],{\"initialData\":[\"handleInitialDataChange\"],\"validationSchema\":[\"handleValidationSchemaChange\"]}]]],[\"card-fields-wrapper_11.cjs\",[[256,\"card-fields-wrapper\",{\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"showDocument\":[4,\"show-document\"],\"customCSS\":[1,\"custom-c-s-s\"]}],[256,\"rebill-address-form\",{\"addressType\":[1,\"address-type\"],\"countryOptions\":[16],\"stateOptions\":[16],\"errors\":[16],\"disabled\":[4],\"showAdditionalInformation\":[32]}],[256,\"rebill-address-search\",{\"addressType\":[1,\"address-type\"],\"placeholder\":[1],\"error\":[1],\"disabled\":[4],\"isInitialized\":[32],\"currentLocale\":[32]}],[256,\"single-payment-method\",{\"paymentMethod\":[1,\"payment-method\"],\"currencyCountry\":[1,\"currency-country\"],\"paymentMethodDetails\":[16],\"icons\":[16]}],[256,\"rebill-input-phone\",{\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"phoneNumberId\":[1,\"phone-number-id\"],\"countryCodeId\":[1,\"country-code-id\"],\"validationErrorId\":[1,\"validation-error-id\"],\"disabled\":[4],\"initialCountry\":[1,\"initial-country\"],\"required\":[4],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectedCountry\":[32],\"isDropdownOpen\":[32],\"validationError\":[32],\"searchTerm\":[32],\"filteredCountries\":[32],\"componentId\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[260,\"selectable-card\",{\"selected\":[4],\"label\":[1],\"cardKey\":[1,\"card-key\"],\"disabled\":[4]}],[256,\"rebill-installments\",{\"error\":[1],\"currentValue\":[32],\"isDisabled\":[32],\"value\":[32],\"placeholder\":[32]}],[256,\"card-identification\",{\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"disabled\":[4],\"documentTypes\":[32],\"country\":[32],\"currentLanguage\":[32]}],[256,\"card-iframe\",{\"customCSS\":[1,\"custom-c-s-s\"],\"iframeLoaded\":[32],\"currentLang\":[32],\"initialLang\":[32],\"iframeHeight\":[32]}],[256,\"rebill-input-combo\",{\"label\":[1],\"options\":[16],\"selectValue\":[1537,\"select-value\"],\"inputValue\":[1537,\"input-value\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"selectPlaceholder\":[1,\"select-placeholder\"],\"error\":[1],\"selectId\":[1,\"select-id\"],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"selectWidth\":[1,\"select-width\"],\"isOpen\":[32],\"highlightedIndex\":[32],\"componentId\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[256,\"card-skeleton\"]]],[\"apm-checkout_14.cjs\",[[256,\"apm-checkout\",{\"paymentMethod\":[1,\"payment-method\"],\"referenceId\":[1,\"reference-id\"],\"qrCodeData\":[1,\"qr-code-data\"],\"code\":[1],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"country\":[1],\"redirectUrl\":[1,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"checkoutRequestId\":[1,\"checkout-request-id\"],\"bearerToken\":[1,\"bearer-token\"],\"bankTransferData\":[8,\"bank-transfer-data\"],\"barcode\":[1],\"showRedirectMessage\":[32],\"isPolling\":[32],\"minutesLeft\":[32],\"qrStartTime\":[32],\"downloadData\":[32]}],[256,\"rebill-bank-selector\",{\"banks\":[16],\"defaultSelectedBankId\":[1,\"default-selected-bank-id\"],\"error\":[1],\"disabled\":[4],\"selectedBankId\":[32],\"languageUpdateTrigger\":[32]}],[256,\"payment-method-selector\",{\"enabledPaymentMethods\":[16],\"defaultSelected\":[1,\"default-selected\"],\"showErrorComponent\":[4,\"show-error-component\"],\"cardError\":[16],\"country\":[1],\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"showDocument\":[4,\"show-document\"],\"documentNumberError\":[1,\"document-number-error\"],\"customCSS\":[1,\"custom-c-s-s\"],\"errorComponent\":[16],\"disabled\":[4],\"icon\":[32],\"selectedPaymentMethod\":[32],\"saveCard\":[32]},[[0,\"selectableCardClick\",\"handleSelectableCardClick\"]]],[256,\"rebill-address\",{\"billingView\":[1537,\"billing-view\"],\"disabled\":[4],\"countryOptions\":[16],\"errors\":[16],\"currentBillingStateOptions\":[32],\"isLoadingAddress\":[32]}],[256,\"rebill-processing-payment\",{\"titleKey\":[1,\"title-key\"],\"subtitleKey\":[1,\"subtitle-key\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32]}],[256,\"bank-transfer\",{\"bankTransferData\":[8,\"bank-transfer-data\"]}],[256,\"qr-code\",{\"qrCodeData\":[1,\"qr-code-data\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"paymentMethod\":[1,\"payment-method\"],\"code\":[1],\"qrCodeSvg\":[32],\"isImage\":[32],\"timeLeft\":[32],\"formattedTime\":[32],\"hasCopied\":[32]}],[256,\"user-information-static\",{\"userInfo\":[16],\"variant\":[1]}],[256,\"apm-download\",{\"data\":[16]}],[256,\"payment-button\",{\"isDisabled\":[4,\"is-disabled\"],\"isLoading\":[4,\"is-loading\"],\"paymentMethod\":[1,\"payment-method\"],\"isRenewal\":[4,\"is-renewal\"],\"isChangeCard\":[4,\"is-change-card\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"redirectUrl\":[4,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"country\":[1],\"currentLanguage\":[32],\"countdownSeconds\":[32],\"paymentMethodDisplayName\":[32]},null,{\"redirectUrl\":[\"onRedirectPropsChange\"],\"timeToRedirect\":[\"onRedirectPropsChange\"]}],[256,\"user-information-phone\",{\"error\":[1],\"countryCode\":[1,\"country-code\"],\"disabled\":[4],\"languageUpdateTrigger\":[32]}],[256,\"boleto-payment\",{\"barcode\":[1],\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32],\"hasCopied\":[32]}],[256,\"rebill-checkout-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"resetValidation\":[64]},[[0,\"change\",\"handleFormChange\"]]],[256,\"reference-code\",{\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/renewal-success-page.cjs.entry.js

@@ -207,9 +207,9 @@ const RenewalSuccessPage = class {
         return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;
     };
     render() {
-        return (index.h("rebill-checkout-single-column", { key: '0648e67cf19a5ec7de833a7421b357f5d78dccc6' }, index.h("div", { key: '98e4cf0928f19a0b3fde2a4e21f3faf9442f50b8', class: "renewal-success-page__success-content" }, index.h("rebill-typography", { key: 'cfc1e467be4920c821e82be60a0119dc7f18358a', variant: "h3", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.successTitle')), index.h("div", { key: '7195eed214f8b9bffabda50a0df6cbb9d958e0ee', class: "renewal-success-page__success-icon" }, index.h("svg", { key: 'a292d322c3d2ef7307a937006bfd5753d7d68867', width: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd8da8740054219e48c2fee0e6875e1157a517a83', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), index.h("div", { key: 'd0c581d3c1f43c0165ea23024162f0fb9696e362', class: "renewal-success-page__info-card" }, index.h("div", { key: 'c7d4d856c7c8fc972a453e258c360405f7eeefff', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '4ec71629ae073f9219406960ccff4bb35391532b', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentMethod')), index.h("div", { key: '96283a0620c1261c42bbffebdbb0809fd260f507', class: "renewal-success-page__card-value" }, index.h("div", { key: '82ab4579168d625fc0290d7e51f70d55ef3f3f61', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && (index.h(index.h.Fragment, null, index.h("rebill-card-icon", { key: '27dc1da90440e49dca23a64cf9237e2e0b86a14d', "card-brand": renewal_store.renewalState.data?.cardInformation?.brand || '' }), index.h("rebill-typography", { key: '194216f9ddc335c9ad0c1d8da55e01eabc720980', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER && (index.h("div", { key: '39fe357f121aa3afadcbb8bf262d4e02fadc29c1', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, index.h("div", { key: 'b5c8a08f8bc3813e29e534bdb5ad1e9132fdc495', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
+        return (index.h("rebill-checkout-single-column", { key: 'a239b828fc27cf3abf25ef3a70c8ed70a7c6347e' }, index.h("div", { key: 'a6b98f63c3429afe4156f934d27082747ad421b7', class: "renewal-success-page__success-content" }, index.h("rebill-typography", { key: 'a5d9a81697e66e108fe474973eaf7e662dd3a9a8', variant: "h3", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.successTitle')), index.h("div", { key: 'aa1d2c45651941e83ab6a2ab153b913e6fd5aa56', class: "renewal-success-page__success-icon" }, index.h("svg", { key: '3a886e1c8c0aa11a4ac034d202bd82faecf932ea', width: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '37434d1a3f1275e185e4d5a32321bad0b0c0e103', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), index.h("div", { key: '1cda6d758629c4829697814f226d78f72cdf739a', class: "renewal-success-page__info-card" }, index.h("div", { key: '7edc2f9bdad58f80f838ab9ec96ca3afc08c72af', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'b7a6e172ac1776bad3835b50419aaafb33e21348', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentMethod')), index.h("div", { key: 'bf04191d72701a6ff88c74846d86272283c5d43f', class: "renewal-success-page__card-value" }, index.h("div", { key: '1272075a876cf9c5db13612869e19780e7f6dcc7', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && (index.h(index.h.Fragment, null, index.h("rebill-card-icon", { key: 'b79718d298a67ed9d1a6e79c056ab69af5ad85ce', "card-brand": renewal_store.renewalState.data?.cardInformation?.brand || '' }), index.h("rebill-typography", { key: 'f74ca5245468cc02754234073219ca7d8fab9d90', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER && (index.h("div", { key: '5e3c90bca337d977258b893085d535f41b8d6a64', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, index.h("div", { key: 'c1dd9a6dc407156084b4024642d06679cccf950d', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
             return index.h("rebill-icon", { name: iconName, size: "24px" });
-        })), index.h("rebill-typography", { key: 'e0bf3452b7cc91f3a5fc609656c01999d1482f1c', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('paymentMethods.bank_transfer'))))))), index.h("div", { key: '0b1f6234eca45a102e627ec5f309425754b6f6fd', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'b25b3199407ecc82f0f9b0984d34e9313d62d05f', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentDate')), index.h("rebill-typography", { key: '112d106fe960bcbca6aaee3b6b8df4b2f7412f26', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, dateFormatter.formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), index.h("div", { key: '291f7e550188e84f3275729a38eb256dff3b4ec3', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '29a4222ac0abd91df2a53f2f4e1bad04cc6a4f6d', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentEmail')), index.h("rebill-typography", { key: '2e4d539c78e917c17458abdc7b6a5a2f8f2a43fe', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.customerEmail)), index.h("div", { key: '73933b82e9f12616ca7e2eb5a9691fcc70e7908e', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '564adc1ca46f4e37a7bc2e128125efa5b9e4c7f4', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentReference')), index.h("rebill-typography", { key: '075025835b6634e8462f86038730f67cd38756f9', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), index.h("div", { key: '60fc2d47fbe0538ff389e372e358f1b594c408f2', class: "renewal-success-page__info-card" }, index.h("rebill-typography", { key: 'e8026990e733a748e0c3ae3bdc40746e33b4f78f', variant: "subtitle-bold", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.purchaseDetails')), index.h("div", { key: '30f773b6ec8e9428c8fa025b7040a3efa02e56f1', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '93021283c1fae04864c81827309f9ee8d1d3a2c7', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseDetail')), index.h("rebill-typography", { key: '811c73fedbb22b69ff19643e626a5b646a027ff7', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.name[0]?.text || 'Subscription')), index.h("div", { key: '4560894326adf0d5bd9ead13de9c8671719de1b5', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'd15af8f14b154f7ec0393869a642cbe25cdfba4c', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseSubtotal')), index.h("rebill-typography", { key: '1c22b3abac80887ce2083ad7747374e595eef7d2', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.formatAmount(renewal_store.renewalState.data.subscription.subTotalAmount, renewal_store.renewalState.data.price.currency))), this.hasDiscount() && (index.h("div", { key: '8fbdbe15d94d84c9886e7e07856aa772c633029e', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'be6663fb9e89da8a2249be834722e140c4bd7ea5', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('summary.discount')), index.h("rebill-typography", { key: '919917dd1344e7136894a59470292890857e19fb', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.formatAmount(this.getDiscountAmountValue(), renewal_store.renewalState.data.price.currency)))), index.h("div", { key: '91c9a6dab0b72bfe99130cfeea9ffc5863f80571', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '82850f52eca94224850cb6ac13d434f7ff8a97e4', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseMontoTotal')), index.h("div", { key: 'abc2aaab534e121f50168a7d9c809c2391aa1140', class: "renewal-success-page__total-amount-container" }, index.h("rebill-typography", { key: '21b3253461283cfb82193c6c58dc8599a4efe614', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.formatAmount(renewal_store.renewalState.data.price.amount, renewal_store.renewalState.data.price.currency)))), index.h("div", { key: 'ccc0f72a2720a3c8871d95ed5e6838c54ec1c963', class: "renewal-success-page__card-divider" }), index.h("div", { key: 'b893bff89ce0c7d24f6d1adfe70b86a885cdf159', class: "renewal-success-page__download-container" }, index.h("svg", { key: '1d3b26fc5a7649edd9be292b71c8d1cea026513c', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b77fcdb351eaa403dfbb4cdff1fde9ac0aafe514', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("rebill-button", { key: 'ef772307a9d69070907c2a944c227d44bc728aab', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, index.h("rebill-typography", { key: '5e0e6d102413bf91f433fca1ffa937500174625d', variant: "overline", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.download')))), index.h("div", { key: 'e81b27b02ec1bd7a5fcac1713b511485207f8411', class: "renewal-success-page__contact-info" }, index.h("rebill-typography", { key: 'aad6fda656c22a151f3cf3d1ba25ebe6f1846b9a', variant: "information-text", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.downloadDescription')))))));
+        })), index.h("rebill-typography", { key: '753c7d6154d22b5a531de138ef9df66bd50d58fc', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('paymentMethods.bank_transfer'))))))), index.h("div", { key: 'c22bd3cb7c434a0a96eb538700ec6d9e84765795', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'd9e9a384c86ebca08bf38525316ac1b2dfc7422d', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentDate')), index.h("rebill-typography", { key: '0b59d5dc390de214158840fb709af78525cfefea', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, dateFormatter.formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), index.h("div", { key: '50786fa0d89399297fb1acf844b65104cebae06e', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '7d598f5fefe4dacee1de32d3d78cd7ea9637f199', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentEmail')), index.h("rebill-typography", { key: 'b6dde819b00efb0da2da325fb173341a3193c6c5', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.customerEmail)), index.h("div", { key: '3c46859ffa572d51f74493ac2c5d6049fba0aa24', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '421fcdb0c4a36d336bf2b6ef95a38386ca14bc5d', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentReference')), index.h("rebill-typography", { key: '2c27b324746d67473d5f772b1686de99e2b6e5b9', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), index.h("div", { key: 'b8f9d223b0b8fc534a6d3d9f17e0f2e8f20a3597', class: "renewal-success-page__info-card" }, index.h("rebill-typography", { key: '253f52f1f3e28f28562c8e549b4e0af24b55ff2b', variant: "subtitle-bold", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.purchaseDetails')), index.h("div", { key: 'c517721f13f50084f87c3b9f25cb3096cdd1e96a', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '1352deb43d6cfc98b573fd3ed6a51dede43938b1', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseDetail')), index.h("rebill-typography", { key: '85e18a0bb1f1f7051ddb7586ee38fe19507cc3d7', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.name[0]?.text || 'Subscription')), index.h("div", { key: '666e7b196ddfccf2562adc1918a7aa425b40e36c', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'f12b5e447030ab9257bbad458fd981bf32f7071a', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseSubtotal')), index.h("rebill-typography", { key: 'bd3b76f6ad5fb9b537b47c0c97680711c2070410', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.formatAmount(renewal_store.renewalState.data.subscription.subTotalAmount, renewal_store.renewalState.data.price.currency))), this.hasDiscount() && (index.h("div", { key: 'e82bb80c805d68bb1ac54f351975a900fb982d50', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'a961d4d1a5620633ab5ca4c60c53d2706fba3d94', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('summary.discount')), index.h("rebill-typography", { key: 'f396c19717a68069ea000abf49fd1dcf05d34b60', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.formatAmount(this.getDiscountAmountValue(), renewal_store.renewalState.data.price.currency)))), index.h("div", { key: '3e2c645f7ec6b1b293db8d1984d7628279734d81', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '7629e972d8fda078945aa253d5a8086ab87570f3', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseMontoTotal')), index.h("div", { key: 'e931d961c8563f38beba85ccf56bc5dff89f08e3', class: "renewal-success-page__total-amount-container" }, index.h("rebill-typography", { key: '7949389721ec12258633b839a3e1b8730d199776', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.formatAmount(renewal_store.renewalState.data.price.amount, renewal_store.renewalState.data.price.currency)))), index.h("div", { key: 'b1f798fefbf45fd5d35bae1f73e20c15e3678249', class: "renewal-success-page__card-divider" }), index.h("div", { key: '6833d7028be88cef990c46a1a55cea2d4b8bd840', class: "renewal-success-page__download-container" }, index.h("svg", { key: 'fa4cdf941d84391036358e49f099d70425c5b133', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '30595c88a5ca2ba310be5bb1d14a8842fc0e8b42', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("rebill-button", { key: '3f2c1f7fc634652346c1b5ae17d59951b17b5e20', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, index.h("rebill-typography", { key: 'b0739a392b85c02d5b765beaa57df27fbed686d2', variant: "overline", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.download')))), index.h("div", { key: 'c60a0eec0d7c64e131877827a2bc1c78f692e20a', class: "renewal-success-page__contact-info" }, index.h("rebill-typography", { key: '875970bb426700e60d228a8201f749d932fcb7b6', variant: "information-text", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.downloadDescription')))))));
     }
 };
 RenewalSuccessPage.style = renewalSuccessPageCss;

package/dist/cjs/root-component.cjs.entry.js

@@ -54,7 +54,7 @@ const RootComponent = class {
         i18n_service.SessionStore.setDiscount(null);
     }
     render() {
-        return (index.h("div", { key: '6d9f488e954790c0e4a3410cf6954e7ad78c0148' }, index.h("div", { key: 'b1cda1df1476e62885e196d1899b52241d4273f2', style: { display: 'flex', justifyContent: 'flex-end', padding: '1rem' } }, index.h("rebill-button", { key: '78865f0b0e4ed1c88b346861c6e9e41464b508f6', onClick: () => this.handleLanguageChange(this.currentLang === locales_enum.LOCALES_ENUM.EN ? locales_enum.LOCALES_ENUM.ES : locales_enum.LOCALES_ENUM.EN) }, this.currentLang === locales_enum.LOCALES_ENUM.EN ? 'Cambiar a Español' : 'Switch to English')), index.h("rebill-form", { key: '10cd04088cedf40bab7ce6083b3678b0c82f23f1', validationSchema: this.validationSchema, initialData: this.formData, onSubmit: e => this.handleSubmit(e), onChange: e => this.handleChange(e), renderForm: ({ submit, formData: _formData, errors }) => (index.h("rebill-container", { maxWidth: "800px" }, index.h("h3", null, i18n_service.I18nService.translate('common.welcome')), index.h("rebill-input-text", { id: "nombre", label: "Nombre", placeholder: "Ingrese su nombre", error: errors.nombre }), index.h("rebill-input-text", { id: "apellido", label: "Apellido", placeholder: "Ingrese su apellido", error: errors.apellido }), index.h("rebill-input-select", { disabled: true, id: "pais", label: "Pa\u00EDs", error: errors.pais, options: [
+        return (index.h("div", { key: 'b97d5451470512049b339d0587532ab287239c86' }, index.h("div", { key: 'cf473e173370b2112363b59c8816474a6707c2ed', style: { display: 'flex', justifyContent: 'flex-end', padding: '1rem' } }, index.h("rebill-button", { key: '8742e96b7f56cac0804d6eb62820cd6f5d4fe8a9', onClick: () => this.handleLanguageChange(this.currentLang === locales_enum.LOCALES_ENUM.EN ? locales_enum.LOCALES_ENUM.ES : locales_enum.LOCALES_ENUM.EN) }, this.currentLang === locales_enum.LOCALES_ENUM.EN ? 'Cambiar a Español' : 'Switch to English')), index.h("rebill-form", { key: '2482cb30f15dc6e4817897915acfa61caf605099', validationSchema: this.validationSchema, initialData: this.formData, onSubmit: e => this.handleSubmit(e), onChange: e => this.handleChange(e), renderForm: ({ submit, formData: _formData, errors }) => (index.h("rebill-container", { maxWidth: "800px" }, index.h("h3", null, i18n_service.I18nService.translate('common.welcome')), index.h("rebill-input-text", { id: "nombre", label: "Nombre", placeholder: "Ingrese su nombre", error: errors.nombre }), index.h("rebill-input-text", { id: "apellido", label: "Apellido", placeholder: "Ingrese su apellido", error: errors.apellido }), index.h("rebill-input-select", { disabled: true, id: "pais", label: "Pa\u00EDs", error: errors.pais, options: [
                     { label: 'Argentina', value: 'AR' },
                     { label: 'Brasil', value: 'BR' },
                     { label: 'Chile', value: 'CL' },

package/dist/collection/collection-manifest.json

@@ -22,6 +22,7 @@
     "components/checkout/address/address.js",
     "components/checkout/address/address-form/address-form.js",
     "components/checkout/address/address-search/address-search.js",
+    "components/checkout/address/autofill-detector/autofill-detector.js",
     "components/checkout/apm/bank-transfer/bank-transfer.js",
     "components/checkout/apm/qr-code/qr-code.js",
     "components/checkout/apm/reference-code/reference-code.js",

package/dist/collection/components/checkout/address/address-search/address-search.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
 import { I18nService } from "../../../../i18n/i18n.service";
 import { sessionState, SessionStore } from "../../../../store/session.store";
-import { GoogleMapsService } from "../../../../utils";
 import { COLORS_ENUM } from "../../../../utils/color-class-mapper";
+import { GoogleMapsService } from "../../../../utils/google-maps.service";
 export class AddressSearch {
     el;
     isInitialized = false;
@@ -74,7 +74,7 @@ export class AddressSearch {
     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 is() { return "rebill-address-search"; }
     static get originalStyleUrls() {
@@ -192,8 +192,8 @@ export class AddressSearch {
                     "references": {
                         "AddressComponents": {
                             "location": "import",
-                            "path": "../../../../utils",
-                            "id": "src/utils/index.ts::AddressComponents"
+                            "path": "../../../../utils/google-maps.service",
+                            "id": "src/utils/google-maps.service.ts::AddressComponents"
                         }
                     }
                 }

package/dist/collection/components/checkout/address/address-search/address-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"address-search.js","sourceRoot":"","sources":["../../../../../src/components/checkout/address/address-search/address-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../../store/session.store';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-address-search',\n  styleUrl: 'address-search.css',\n  shadow: false,\n})\nexport class AddressSearch {\n  @Element() el: HTMLElement;\n  @State() isInitialized = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() placeholder?: string;\n  @Prop() error?: string;\n  @Prop() disabled: boolean = false;\n\n  @Event() addressSelected: EventEmitter<AddressComponents>;\n  @Event() manualEntryRequested: EventEmitter<void>;\n\n  private googleMapsService = GoogleMapsService.getInstance();\n  private autocomplete: google.maps.places.Autocomplete | null = null;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  async componentDidLoad() {\n    await this.initializeAutocomplete();\n\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private async initializeAutocomplete() {\n    if (this.isInitialized) return;\n\n    try {\n      const inputElement = await this.getInputElement();\n      if (!inputElement) return;\n\n      this.autocomplete = await this.googleMapsService.createAutocomplete(\n        inputElement,\n        (address: AddressComponents) => this.handleAddressSelected(address),\n      );\n      if (this.autocomplete) {\n        this.isInitialized = true;\n      }\n    } catch (error) {\n      console.error(`Failed to initialize ${this.addressType} autocomplete:`, error);\n    }\n  }\n\n  private async getInputElement(): Promise<HTMLInputElement | null> {\n    const inputComponent = this.el?.querySelector('rebill-input-text') as any;\n    if (!inputComponent) {\n      console.error(`Input component not found for ${this.addressType}-search`);\n      return null;\n    }\n\n    try {\n      return await inputComponent.getInputElement();\n    } catch (error) {\n      console.error(`Failed to get input element:`, error);\n      return null;\n    }\n  }\n\n  private handleAddressSelected(address: AddressComponents) {\n    this.addressSelected.emit(address);\n  }\n\n  private handleManualEntry = () => {\n    this.manualEntryRequested.emit();\n  };\n\n  private cleanup() {\n    if (this.autocomplete) {\n      this.autocomplete = null;\n    }\n    this.isInitialized = false;\n  }\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n    const defaultPlaceholder = I18nService.translate(\n      `${translationKey}.searchPlaceholder`,\n      'Search for an address...',\n    );\n\n    return (\n      <div class=\"address-search-container\">\n        <div class=\"search-input-container\">\n          <rebill-input-text\n            id={`${this.addressType}-search`}\n            placeholder={this.placeholder || defaultPlaceholder}\n            rightIcon=\"search\"\n            error={this.error}\n            disabled={this.disabled}\n          />\n        </div>\n        <div class=\"manual-entry-link-wrapper\">\n          <button class=\"manual-entry-link\" type=\"button\" onClick={this.handleManualEntry}>\n            <rebill-typography\n              variant=\"subtitle2\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-link\"\n            >\n              {I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')}\n            </rebill-typography>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"address-search.js","sourceRoot":"","sources":["../../../../../src/components/checkout/address/address-search/address-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../../store/session.store';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { AddressComponents, GoogleMapsService } from '../../../../utils/google-maps.service';\n\n@Component({\n  tag: 'rebill-address-search',\n  styleUrl: 'address-search.css',\n  shadow: false,\n})\nexport class AddressSearch {\n  @Element() el: HTMLElement;\n  @State() isInitialized = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n\n  @Prop() addressType: 'billing' | 'shipping' = 'billing';\n  @Prop() placeholder?: string;\n  @Prop() error?: string;\n  @Prop() disabled: boolean = false;\n\n  @Event() addressSelected: EventEmitter<AddressComponents>;\n  @Event() manualEntryRequested: EventEmitter<void>;\n  private googleMapsService = GoogleMapsService.getInstance();\n  private autocomplete: google.maps.places.Autocomplete | null = null;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  async componentDidLoad() {\n    await this.initializeAutocomplete();\n\n    // Listen for language changes\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private async initializeAutocomplete() {\n    if (this.isInitialized) return;\n\n    try {\n      const inputElement = await this.getInputElement();\n      if (!inputElement) return;\n\n      this.autocomplete = await this.googleMapsService.createAutocomplete(\n        inputElement,\n        (address: AddressComponents) => this.handleAddressSelected(address),\n      );\n      if (this.autocomplete) {\n        this.isInitialized = true;\n      }\n    } catch (error) {\n      console.error(`Failed to initialize ${this.addressType} autocomplete:`, error);\n    }\n  }\n\n  private async getInputElement(): Promise<HTMLInputElement | null> {\n    const inputComponent = this.el?.querySelector('rebill-input-text') as any;\n    if (!inputComponent) {\n      console.error(`Input component not found for ${this.addressType}-search`);\n      return null;\n    }\n\n    try {\n      return await inputComponent.getInputElement();\n    } catch (error) {\n      console.error(`Failed to get input element:`, error);\n      return null;\n    }\n  }\n\n  private handleAddressSelected(address: AddressComponents) {\n    this.addressSelected.emit(address);\n  }\n\n  private handleManualEntry = () => {\n    this.manualEntryRequested.emit();\n  };\n  private cleanup() {\n    if (this.autocomplete) {\n      this.autocomplete = null;\n    }\n    this.isInitialized = false;\n  }\n\n  render() {\n    const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';\n    const defaultPlaceholder = I18nService.translate(\n      `${translationKey}.searchPlaceholder`,\n      'Search for an address...',\n    );\n\n    return (\n      <rebill-autofill-detector\n        target-selector=\"rebill-input-text input\"\n        disabled={this.disabled}\n        onAutofillDetected={event => this.handleAddressSelected(event.detail)}\n        onManualEntryRequested={() => this.handleManualEntry()}\n      >\n        <div class=\"address-search-container\">\n          <div class=\"search-input-container\">\n            <rebill-input-text\n              id={`${this.addressType}-search`}\n              placeholder={this.placeholder || defaultPlaceholder}\n              rightIcon=\"search\"\n              error={this.error}\n              disabled={this.disabled}\n            />\n          </div>\n          <div class=\"manual-entry-link-wrapper\">\n            <button class=\"manual-entry-link\" type=\"button\" onClick={this.handleManualEntry}>\n              <rebill-typography\n                variant=\"subtitle2\"\n                color={COLORS_ENUM.SECONDARY}\n                class=\"footer-link\"\n              >\n                {I18nService.translate(`${translationKey}.manualEntry`, 'Enter address manually')}\n              </rebill-typography>\n            </button>\n          </div>\n        </div>\n      </rebill-autofill-detector>\n    );\n  }\n}\n"]}