rebill-web-components-sdk 1.13.16 → 1.13.17

package/dist/cjs/apm-checkout_14.cjs.entry.js

@@ -1458,7 +1458,7 @@ const UserInformationPhone = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '4aee805b1260e7a4b029ec9464c88acbeee4dce3' }, index$1.h("div", { key: '92c6c9478f5c66bd2e21e418cbb337ed0dcafe49' }, index$1.h("rebill-input-phone", { key: 'e524cd47a7806cf7c05c7d147007866b5bc15228', disabled: this.disabled, validationErrorId: "isValidPhoneNumber", phoneNumberId: "phoneNumber", countryCodeId: "countryCodePhoneNumber", placeholder: i18n_service.I18nService.translate('userInformation.phoneNumberPlaceholder'), "initial-country": this.countryCode?.toLowerCase() || 'ar', error: this.error, required: true, searchable: true, searchPlaceholder: i18n_service.I18nService.translate('userInformation.searchCountriesPlaceholder') }))));
+        return (index$1.h(index$1.Host, { key: '0e2246a0b1042699b0f4e17f8e1f5ffcf2e89354' }, index$1.h("div", { key: '76964588e5d31c94737f2faec06a201bf2b713af' }, index$1.h("rebill-input-phone", { key: '9179011062f7d567b582968dab083ffdafffb3b2', disabled: this.disabled, validationErrorId: "isValidPhoneNumber", phoneNumberId: "phoneNumber", countryCodeId: "countryCodePhoneNumber", placeholder: i18n_service.I18nService.translate('userInformation.phoneNumberPlaceholder'), "initial-country": this.countryCode?.toLowerCase() || 'ar', error: this.error, required: true, searchable: true, searchPlaceholder: i18n_service.I18nService.translate('userInformation.searchCountriesPlaceholder') }))));
     }
 };
 UserInformationPhone.style = userInformationCss;

package/dist/cjs/card-fields-wrapper_11.cjs.entry.js

@@ -23,9 +23,9 @@ const CardFieldsWrapper = class {
     showDocument;
     customCSS;
     render() {
-        return (index.h("div", { key: 'b992b516a266b3a56d6e023f30d606a1d46eb4fa', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("card-iframe", { key: 'eba74e2286daa09035d057f8afb5562493306ff3', customCSS: this.customCSS }), !renewal_store.renewalState.isInitialized &&
+        return (index.h("div", { key: 'd2d13c8b43ac83c032a20a27cd26a35a27478270', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("card-iframe", { key: '88bedb4599965f2e811d21a015c503e468a421cd', customCSS: this.customCSS }), !renewal_store.renewalState.isInitialized &&
             i18n_service.state.data?.itemInformation?.type !== i18n_service.SESSION_ITEM_TYPE_ENUM.PLAN &&
-            i18n_service.state.data.cardInformation?.installments?.installments.length > 0 && (index.h("rebill-installments", { key: '6a111a75ec41cdd99498a11a8cbe5eb3c43499bd', error: this.installmentsError })), this.showDocument && (index.h("card-identification", { key: '9d2aec269d8d42a364451065575dc8eda422dde2', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
+            i18n_service.state.data.cardInformation?.installments?.installments.length > 0 && (index.h("rebill-installments", { key: 'e5e2f139eb7b0e857d48b7e8ae20b1deba4e4bf3', error: this.installmentsError })), this.showDocument && (index.h("card-identification", { key: '150f5355fe805e3ec12aa91f322a2096a43ee9ca', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
     }
 };
 
@@ -90,7 +90,7 @@ const Identification = class {
             label: documentType.value,
             value: documentType.value,
         }));
-        return (index.h(index.h.Fragment, null, index.h("rebill-input-combo", { key: '07c2aeacf2b3da04680fbeea36e8fb57f3287b72', "select-id": "documentType", "input-id": "documentNumber", "on-input": this.handleInputChange, "select-placeholder": i18n_service.I18nService.translate('document.typePlaceholder'), "input-placeholder": i18n_service.I18nService.translate('document.numberPlaceholder'), error: i18n_service.I18nService.translate(error), options: options, disabled: this.disabled })));
+        return (index.h(index.h.Fragment, null, index.h("rebill-input-combo", { key: '3a995ac7c50c2b36c0827ab9d9696b3682160311', "select-id": "documentType", "input-id": "documentNumber", "on-input": this.handleInputChange, "select-placeholder": i18n_service.I18nService.translate('document.typePlaceholder'), "input-placeholder": i18n_service.I18nService.translate('document.numberPlaceholder'), error: i18n_service.I18nService.translate(error), options: options, disabled: this.disabled })));
     }
 };
 
@@ -495,23 +495,23 @@ const CardIframe = class {
         }
     };
     render() {
-        return (index.h("div", { key: 'ac9e1d0e9ce2b9b5a5f09de4ea8cc8fb67a5d0ef', style: {
+        return (index.h("div", { key: '31109da15325086138712cbc0654ea8720dbc870', style: {
                 width: '100%',
                 height: this.iframeHeight,
                 position: 'relative',
                 overflow: 'visible',
-            } }, !this.iframeLoaded && index.h("card-skeleton", { key: '1b9dc543823a66582d620b97f7609e5d3f3fb6bf' }), index.h("iframe", { key: '969abd9349b7a7b8fd83a2ad1976fa451ced48c7', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
+            } }, !this.iframeLoaded && index.h("card-skeleton", { key: '1ee9f6e084348dc5b102f3ade868be82c473cdd9' }), index.h("iframe", { key: 'da853e1cf9b8b2d4b448414636612662c800b562', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
                 width: '100%',
                 height: '100%',
                 border: 'none',
                 overflow: 'hidden',
-            }, title: "Card Payment Component", allow: "payment", onLoad: this.handleIframeLoad }), this.showCvcTooltip && this.tooltipPosition && (index.h("div", { key: 'b50e33c3cd43b01625c5b28b8a6367360e607762', ref: el => (this.tooltipRef = el), class: "cvc-tooltip", style: {
+            }, title: "Card Payment Component", allow: "payment", onLoad: this.handleIframeLoad }), this.showCvcTooltip && this.tooltipPosition && (index.h("div", { key: 'eca93ef04c748c659b2fcdae5b22f0b3f27fce12', ref: el => (this.tooltipRef = el), class: "cvc-tooltip", style: {
                 position: 'absolute',
                 top: `${this.tooltipPosition.top}px`,
                 left: '100%',
                 marginLeft: '8px',
                 zIndex: '1000',
-            }, onMouseEnter: this.handleTooltipMouseEnter, onMouseLeave: this.handleTooltipMouseLeave }, index.h("p", { key: 'c78c9d17ba7f5a4efaea8fff15fd080dd0c9d9fc', class: "cvc-tooltip-title" }, i18n_service.I18nService.translate('cvcTooltip.title')), index.h("div", { key: '2523ef2110bd2eeb1c42aab22eba0769a235be56', class: "cvc-tooltip-row" }, index.h("img", { key: 'a3fd32c128ccdd192f02379827dde4bc693275a8', src: assets.getAssetURL('icons/cvc-visa.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '9c4c1d3fbd5cfcc890a4d066fb67d087e197a5f8', class: "cvc-tooltip-text" }, index.h("strong", { key: '01f7da3adcf368b93cfe283f30ed5f0cf13ecebc' }, i18n_service.I18nService.translate('cvcTooltip.threeDigits')), index.h("p", { key: 'b4dc1b7279242857e4ae02a171f89057de0e7be8' }, i18n_service.I18nService.translate('cvcTooltip.threeDigitsDesc')))), index.h("div", { key: 'b674ae5916ceaeca979a262fd68d7da6eb55fe40', class: "cvc-tooltip-row" }, index.h("img", { key: '9c75e01ff24d6fcc4fa80a71b7120fb55779105c', src: assets.getAssetURL('icons/cvc-amex.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '6bde4c84ea25a8da1d5108fad3a8147453aa4714', class: "cvc-tooltip-text" }, index.h("strong", { key: '43bfb6fd1c823079343aceb88558427ec7382587' }, i18n_service.I18nService.translate('cvcTooltip.fourDigits')), index.h("p", { key: '3b0bce7c026d726eb23d934e1992061cb821fb8a' }, i18n_service.I18nService.translate('cvcTooltip.fourDigitsDesc'))))))));
+            }, onMouseEnter: this.handleTooltipMouseEnter, onMouseLeave: this.handleTooltipMouseLeave }, index.h("p", { key: 'b81853be3915fa62b42c20b02782db1326973cab', class: "cvc-tooltip-title" }, i18n_service.I18nService.translate('cvcTooltip.title')), index.h("div", { key: 'a7ae6ecb8ccdcbf70bc65d06017db42c34188391', class: "cvc-tooltip-row" }, index.h("img", { key: 'dadd20b0aaa55db9dbdca8e045cb41eb8fcd856e', src: assets.getAssetURL('icons/cvc-visa.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '5ea5c2cca8f428a626ed5cbeace4ed910eacedeb', class: "cvc-tooltip-text" }, index.h("strong", { key: '2580957b2055202ff9b0711ce2214b8c337ac7e3' }, i18n_service.I18nService.translate('cvcTooltip.threeDigits')), index.h("p", { key: '656afa51d8eb0d013c12e59768bd7b58f72cbc39' }, i18n_service.I18nService.translate('cvcTooltip.threeDigitsDesc')))), index.h("div", { key: '2f168121aea9d41a5609a4f2c7369e0fbff90a5e', class: "cvc-tooltip-row" }, index.h("img", { key: '81db50603d8fec1fd42087a56fec655d4ee247f4', src: assets.getAssetURL('icons/cvc-amex.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: 'fcebd9494a89edcc3e1df17445982bef006a0845', class: "cvc-tooltip-text" }, index.h("strong", { key: '9ccd7f196ea322c3f2eaff3171f69b811a12dee4' }, i18n_service.I18nService.translate('cvcTooltip.fourDigits')), index.h("p", { key: '3dd8c5b6b579367fb1a1bdc14756641d9d20b74d' }, i18n_service.I18nService.translate('cvcTooltip.fourDigitsDesc'))))))));
     }
 };
 CardIframe.style = cardIframeCss;
@@ -523,7 +523,7 @@ const CardSkeleton = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f1bb26fad7b2f4ab18d360ae5007dc56325da59f', class: "iframe-skeleton" }, index.h("div", { key: '5462eb9b0679f29f4d335408934f776bea4cf64d', class: "input-skeleton" }), index.h("div", { key: '3a57a45a6fa71b7dfb72e9cd463480601d5259d5', class: "input-skeleton" })));
+        return (index.h("div", { key: 'd8e69615d1d9b737d89e5a398e7663f593e478b8', class: "iframe-skeleton" }, index.h("div", { key: '1e5d584aeba09cfc6cf50b80885b678e3d5ab116', class: "input-skeleton" }), index.h("div", { key: 'b722e6bd8af6939fb3aba64e58b38a5f899688fb', class: "input-skeleton" })));
     }
 };
 CardSkeleton.style = cardSkeletonCss;
@@ -910,7 +910,7 @@ const InputCombo = class {
     render() {
         const selectedLabel = this.getSelectedOptionLabel();
         const hasSelectValue = this.selectValue !== '';
-        return (index.h("div", { key: '738c52a24b050fba93a8df1cfbc5c9b669406d8a', class: "input-container" }, this.label && (index.h("label", { key: 'dee92de4ce41f41087095851f3c9c6e6ce6d3ab2', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: '2876678f73749a45b74dc18031442ec675eddc22', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, index.h("div", { key: 'f4374bb82e9f1d0e663a288daf85514f674a0ce9', class: "select-section", style: { width: this.selectWidth } }, index.h("div", { key: 'b81dc94698d7e225eda63e7a2a0ce1dd7749b245', ref: el => (this.triggerRef = el), class: `input-combo-select select-combo-trigger ${!hasSelectValue ? 'placeholder' : ''}`, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown, onBlur: this.onSelectBlur, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox" }, index.h("span", { key: '3000ad461f27b23de7ca4a730daf21b650d5245e', class: "select-value" }, selectedLabel), index.h("div", { key: '6c997dcf65c7800e868f4c315902406558ca3809', class: "icon-wrapper" }, index.h("rebill-icon", { key: '96443c49c5e327e5a57a70a0398052a98da6d5e7', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (index.h("div", { key: 'd40c2c887636ca716673194176e1445df760402e', ref: el => (this.dropdownRef = el), class: "select-dropdown", role: "listbox" }, this.options.map((option, index$1) => (index.h("div", { class: `select-option ${this.selectValue === option.value ? 'selected' : ''} ${this.highlightedIndex === index$1 ? 'highlighted' : ''}`, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.selectValue === option.value ? 'true' : 'false' }, option.label)))))), index.h("div", { key: 'aedbc0fb871a9f3308bf3a5b91e5a1dbffdb5377', class: "combo-divider" }), index.h("div", { key: '549483a26101491f7ceae3ada7f86029c0eef03a', class: "input-section" }, index.h("input", { key: '5f8facfc83ecca210d27471727123419a779d10a', type: "text", class: "input-combo-element combo-input", placeholder: this.inputPlaceholder, value: this.inputValue, onInput: this.onInputChange, onBlur: this.onInputBlur, disabled: this.disabled }))), this.error && index.h("span", { key: 'ef81f4baba0c2f3216b38480abdcc36e66d59d95', class: "error-message" }, this.error)));
+        return (index.h("div", { key: '4ba74586782253734a1fb7698c7508b86316505c', class: "input-container" }, this.label && (index.h("label", { key: '7d2c67fd8fab1c5ea635d60179e4eadd07fef093', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: '7b984cfecdcb7780c9ac0be8114e1dd5451fbb3c', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, index.h("div", { key: '725faa1727f08e78a00c4d85653843a3ec90fe43', class: "select-section", style: { width: this.selectWidth } }, index.h("div", { key: 'cad10e91e78048ca1367197f2938d9d8eecd9c0e', ref: el => (this.triggerRef = el), class: `input-combo-select select-combo-trigger ${!hasSelectValue ? 'placeholder' : ''}`, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown, onBlur: this.onSelectBlur, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox" }, index.h("span", { key: '2806d2c9b4ea0d46491688985cd56cb13dd05655', class: "select-value" }, selectedLabel), index.h("div", { key: '3da58dca9a8cdbf074c1011885cefd42b7fcc118', class: "icon-wrapper" }, index.h("rebill-icon", { key: '4865f6bfdb97d12c156cda46b89d57c8d9ca594d', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (index.h("div", { key: 'ae5f5e5086b51ed4e65e25f4060911c4e417e1d2', ref: el => (this.dropdownRef = el), class: "select-dropdown", role: "listbox" }, this.options.map((option, index$1) => (index.h("div", { class: `select-option ${this.selectValue === option.value ? 'selected' : ''} ${this.highlightedIndex === index$1 ? 'highlighted' : ''}`, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.selectValue === option.value ? 'true' : 'false' }, option.label)))))), index.h("div", { key: 'f3e455ece6829aae7b2c41138781db53b2dc6315', class: "combo-divider" }), index.h("div", { key: '029ab7aa5c8b3f36cf01449b00ba3d468f02b736', class: "input-section" }, index.h("input", { key: '93ccf68ad93f214910f4f242fd945f3356eb4df1', type: "text", class: "input-combo-element combo-input", placeholder: this.inputPlaceholder, value: this.inputValue, onInput: this.onInputChange, onBlur: this.onInputBlur, disabled: this.disabled }))), this.error && index.h("span", { key: '1442c30601b4d0e694f2a88af3ede96892d2223b', class: "error-message" }, this.error)));
     }
 };
 InputCombo.style = inputComboCss;
@@ -4262,10 +4262,10 @@ const InputPhone = class {
         const translatedError = this.translateError(this.error);
         const translatedValidationError = this.translateError(this.validationError);
         const displayError = translatedValidationError || translatedError;
-        return (index.h("div", { key: 'd85cc44fff5aa6ce000be33bf6e575f047338c32', class: "input-container" }, index.h("div", { key: '9eb91e8129c12fcc4dfcc197da1e01142d72ed9e', class: inputClasses }, index.h("div", { key: '17dfe13c22edd1cbbbdeecfba23f5865122186bb', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: '7e769622b770bf1126a78556ab52d662c238b5a1', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: 'ce2fa10446b0cbe702e0a606ba5d58f385fa41c5', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: '62519ad4cffc2e600a6749bbb47a036766599ecb', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: '073eb6b668319a39b805d8272eb2b26cfc56bd8c', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '53ad35d0396114ee2c8ba91562e7759b63dceeb5', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: '5acbf733cd98443f1278c65ba97d4c30523ee591', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '44ff527edcf5fba5863704576e3ca69dc3948238', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: 'def9a09a55839a270de64c7b52054ea27deb7612', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick }), this.searchTerm && (index.h("button", { key: '89e3cf5f9125039797c212d08c751f320d59b392', type: "button", class: "clear-search", onClick: event => {
+        return (index.h("div", { key: 'be229f11a0e37f229e20751e67b533b2fa610375', class: "input-container" }, index.h("div", { key: 'b357dcb7b1ae852a26f33232dbb726af5e6970bb', class: inputClasses }, index.h("div", { key: 'a2222214efe777ced4bdde4cfb288749121f655e', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: '08e605f70344814a233e8119604c177bbf24dd33', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: '2b0fb0aebd173b66bd82d697b6531ba399af9c95', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: 'f1de602fdfc47570c88e26249288bb54c2603fbd', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: '1feec9038d701387016fe83038ea66b2425d171d', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '74863ff92c4df873992675b1b4af7dd9ca1d9eb5', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: '1942d5bdce11bb7d75b72373702b13e75dddbb04', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '38a790340566544bd03a9bc383e9ac749aadae4e', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: 'c441962df1c187757091a46ab35db727986643e6', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick }), this.searchTerm && (index.h("button", { key: '0d2aec3782aadc40f3ab0885fa6145a6a12a305d', type: "button", class: "clear-search", onClick: event => {
                 event.stopPropagation();
                 this.clearSearch();
-            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '0bac2500e899b1ce3940b1aec37d4ecd37d467c4', name: "x", size: "16px" })))))), this.filteredCountries.length > 0 ? (this.filteredCountries.map(country => (index.h("div", { key: country.code, class: "country-option", onClick: e => this.selectCountry(country, e) }, index.h("span", { class: "flag" }, country.flag), index.h("span", { class: "country-name" }, country.name), index.h("span", { class: "dial-code" }, country.dialCode))))) : (index.h("div", { class: "no-results" }, "No se encontraron resultados")))), index.h("input", { key: '646975b777e091f30a08be77d322c4ce43ed750d', id: this.phoneNumberId, type: "tel", class: "input-combo-element phone-number-input", placeholder: this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onPhoneBlurPhone, disabled: this.disabled, required: this.required })), displayError && index.h("span", { key: '10d1036f31b9f898a39bf479d6e8a8f57223b94b', class: "error-message" }, displayError)));
+            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '31dbc6cba0bf0b4c200a8dc297d9d92c7cafa094', name: "x", size: "16px" })))))), this.filteredCountries.length > 0 ? (this.filteredCountries.map(country => (index.h("div", { key: country.code, class: "country-option", onClick: e => this.selectCountry(country, e) }, index.h("span", { class: "flag" }, country.flag), index.h("span", { class: "country-name" }, country.name), index.h("span", { class: "dial-code" }, country.dialCode))))) : (index.h("div", { class: "no-results" }, "No se encontraron resultados")))), index.h("input", { key: '7ce6dd9f841ddf52f4c4d7f8a07d4fcca6ad5756', id: this.phoneNumberId, type: "tel", class: "input-combo-element phone-number-input", placeholder: this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onPhoneBlurPhone, disabled: this.disabled, required: this.required })), displayError && index.h("span", { key: 'd657f03fa4a3118d0e2b8b8001f5b04e6874f071', class: "error-message" }, displayError)));
     }
 };
 InputPhone.style = inputPhoneCss;
@@ -4311,11 +4311,11 @@ const Installments = class {
         });
     }
     render() {
-        return (index.h("div", { key: '24691a223b0f1fc7c768cf6c81cbd545ceb9199a' }, index.h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: i18n_service.state.data.cardInformation?.installments?.installments.map(installment => ({
+        return (index.h("div", { key: '643af8beff1956e409cba2ff2d798ccafa9333ac' }, index.h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: i18n_service.state.data.cardInformation?.installments?.installments.map(installment => ({
                 label: installmentUtils.getInstallmentLabel(installment.installment, installmentUtils.getRecalculatedInstallmentAmount(installment.installmentAmount), i18n_service.state.data.pricing?.currency, installment.cft, installment.model),
                 value: installment?.installment?.toString(),
             })) || [], loading: i18n_service.state.data.fetchingInstallments, placeholder: this.placeholder, disabled: this.isDisabled, "on-input": this.handleInstallments, error: i18n_service.I18nService.translate(this.error) }), i18n_service.state.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
-            i18n_service.state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === installmentUtils.ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (index.h("rebill-typography", { key: '62256d06dca9859a87f6834d015a8195590436b1', variant: "italic", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('installments.interest')))));
+            i18n_service.state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === installmentUtils.ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (index.h("rebill-typography", { key: '39286ae609f3d3fa738c4282010145eaa258c780', variant: "italic", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('installments.interest')))));
     }
 };
 Installments.style = installmentsCss;
@@ -4343,11 +4343,11 @@ const SelectableCard = class {
         this.selectableCardClick.emit(this.cardKey);
     };
     render() {
-        return (index.h("button", { key: '9effae0859bf7bd8b76c740ee01ebedfd338350b', class: {
+        return (index.h("button", { key: '65bae5ddf0d0785f81e02e366d52ed5b03ace2de', class: {
                 'selectable-card': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, index.h("div", { key: '886067eb14db3e48900cbcf26ba3a4a6190df6a8', class: "icon" }, index.h("slot", { key: '2c817b38da15929f10fbfa566b6de265671c6973', name: "icon" })), index.h("span", { key: '91fa3ab76bd05684a1f91bc6bababe86dc9b785c', class: "label" }, this.label)));
+            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, index.h("div", { key: '1ed396c0249f24ecfc1f234ab36b0956cabcf5a3', class: "icon" }, index.h("slot", { key: '448328293b3d9fb44323108818ece501275e4811', name: "icon" })), index.h("span", { key: 'cb0ac3e68bf9d366aa6e30b141dd6376f529783c', class: "label" }, this.label)));
     }
 };
 SelectableCard.style = selectableCardCss;
@@ -4363,9 +4363,9 @@ const SinglePaymentMethod = class {
     paymentMethodDetails;
     icons = [];
     render() {
-        return (index.h("div", { key: 'af7c4d9bc73283c52c6e823e18146c95f227f985', class: "single-payment-method" }, index.h("div", { key: '5ed388471e683aecfacc273ad42c6863559e085c', class: "payment-method" }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && index.h("rebill-icon", { key: 'cd6aadc182db8a9359edd7c7798c9971d24342c6', name: "card" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH && (index.h("rebill-icon", { key: '245c472c9e9cdf42f27bb1669c5ed0001b10ff8d', name: "cash" })), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry === 'AR' && index.h("rebill-icon", { key: '6463c30d2f3609d6ace9bc07428fd1e78d7d2ecb', name: "qr-code" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry !== 'AR' && index.h("rebill-icon", { key: 'ed6353f7f0a5be655f3d1d3b56e6a880bd2250f8', name: "bank" }), index.h("rebill-typography", { key: 'd2c390287eb64d84c1936620dd10874ba91f5502', variant: "body2-small", color: colorClassMapper.COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD
+        return (index.h("div", { key: 'bcb11f9bad71e83bc82d75a7c78a6788b0401d48', class: "single-payment-method" }, index.h("div", { key: '6c24f3b62e4af50b9560a5cff3ce05f320f03b1c', class: "payment-method" }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && index.h("rebill-icon", { key: 'a81ce7a5277e03c10f049c979acb693e933b052b', name: "card" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH && (index.h("rebill-icon", { key: 'bbbf7da49415ecdff65e92b6d8e9777788706e9b', name: "cash" })), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry === 'AR' && index.h("rebill-icon", { key: '0c2d13c57f2561c8e95c9372c8c2bbe4ac35c1c8', name: "qr-code" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry !== 'AR' && index.h("rebill-icon", { key: 'f5e450fa353287fc87dc5cf3dcb943f3caf49df0', name: "bank" }), index.h("rebill-typography", { key: '9e665b18b7434ff067883d18ebc7ac58292c0490', variant: "body2-small", color: colorClassMapper.COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD
             ? i18n_service.I18nService.translate('paymentMethods.cardDescription')
             : this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
                 this.currencyCountry === 'AR'
@@ -4375,7 +4375,7 @@ const SinglePaymentMethod = class {
                     ? getPaymentMethodDisplayName.getPaymentMethodDisplayName(i18n_service.PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) ||
                         i18n_service.I18nService.translate('paymentMethods.cash')
                     : i18n_service.I18nService.translate(`paymentMethods.${this.paymentMethod}`))), (this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER ||
-            this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH) && (index.h("div", { key: '04f51b0f735bb0cfbf5f6fc1fff71e0840248744', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => index.h("rebill-icon", { name: iconName, key: iconName }))) : (index.h("rebill-icon", { name: "card" }))))));
+            this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH) && (index.h("div", { key: '693c15881469da474b7145d82f06a2787f4944bb', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => index.h("rebill-icon", { name: iconName, key: iconName }))) : (index.h("rebill-icon", { name: "card" }))))));
     }
 };
 SinglePaymentMethod.style = singlePaymentMethodCss;

package/dist/cjs/collapsible-card_3.cjs.entry.js

@@ -27,7 +27,7 @@ const CollapsibleCard = class {
         this.toggled.emit(this.isOpen);
     };
     render() {
-        return (index.h("div", { key: 'ef99dc3499edca8f08cc2a42020a21324c7040b3', class: `collapsible-card ${this.variant}` }, index.h("button", { key: '3ae4157170dde03c6f4a1d0c29384445c207b35c', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, index.h("rebill-typography", { key: 'bfd6c97bf16cef5f5546d8fe8d639dfcbb9307b8', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: colorClassMapper.COLORS_ENUM.TEXT_PRIMARY }, this.header), index.h("span", { key: 'ffa5c56c396a8d4c32b5fc9ac0e830e3178b606b', class: { chevron: true, open: this.isOpen } }, index.h("rebill-icon", { key: '95a67550ac2cb4e864d65278fe6e0685d022d9ec', name: "chevron-down", size: "20px", color: "currentColor" }))), index.h("div", { key: 'e560c18e6882cc66a4a56dd359f1c1cdd27dc966', class: { content: true, open: this.isOpen } }, index.h("slot", { key: '1b9e100bd1f324daa3c7b8061559fa90627f2c18' }))));
+        return (index.h("div", { key: 'e4b965eeaaca9cf3b25b6d79f9804f3bc844dbd9', class: `collapsible-card ${this.variant}` }, index.h("button", { key: '7249211328fb64f9ff56af72ed97c14d35429b54', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, index.h("rebill-typography", { key: 'b531d2e73776f0e7e3fbcebf17a084135921c643', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: colorClassMapper.COLORS_ENUM.TEXT_PRIMARY }, this.header), index.h("span", { key: '3c554495ef3402a08014a331cce8b13a753ff5f9', class: { chevron: true, open: this.isOpen } }, index.h("rebill-icon", { key: '06a7295128df16e018a5743070d8d0786698df64', name: "chevron-down", size: "20px", color: "currentColor" }))), index.h("div", { key: '241570a25de55792197566ed8b3e41ac4bf97e49', class: { content: true, open: this.isOpen } }, index.h("slot", { key: 'c251809c2abd20071a04734ddf933fd33ade1b8d' }))));
     }
 };
 CollapsibleCard.style = collapsibleCardCss;
@@ -215,7 +215,7 @@ const Divider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("div", { key: '68c7cd3bddd0dceffc7e6440fdc8a11152202379', class: "rebill-divider" });
+        return index.h("div", { key: '0bb014efbe428481ac92ce0583d0f3a4a5e747df', class: "rebill-divider" });
     }
 };
 Divider.style = dividerCss;