rebill-web-components-sdk 1.10.10-beta.1 → 1.10.10-beta.2

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

@@ -4099,10 +4099,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: '93eab235bf7e6c8b066eccf5217843c47cae7060', class: "input-container" }, index.h("div", { key: '1882948328830eb6d12fec9a948e2f72c6c57141', class: inputClasses }, index.h("div", { key: '3ab0db212bf7dcabac8a19fdfc699af2523801c6', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: '8b962c76b799c661eda46eea81319ae9209a45e5', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: '4ad929ede1ec71a3b08a4277e8b29fc2f766c841', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: '6dbe62e602de2fa0dd7d37703801ef992ae982e8', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: '3caee85fddec1eae868d1caf1c0da3ce12c0d370', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '819fe233e3cf13d732e5f62a1e9e2e683a5e7304', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: 'e2ddd5531c02fda461b521722c7be14494d7bc7d', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '4ac0d06fa9dc2030ea812fdd063e437e831a8ebd', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: 'f005e7c8ccebda04eadfbe50a9d1a01f6b9e79b6', 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: '555a03acec479967f787b4ddb07410f5ef5160d8', type: "button", class: "clear-search", onClick: event => {
+        return (index.h("div", { key: '86806d2c401c9de8a1267dfee742f05ad301a6b8', class: "input-container" }, index.h("div", { key: '3efa804b16358cc980aba0133830499e17c93a52', class: inputClasses }, index.h("div", { key: 'a871c178e883e2df6ce482b3002514e995cb92b8', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: '834868a9602efc68f24c97dc93b1feac23e811c9', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: '49b3566e44b2cadfa387534fe121522bcfd38616', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: '230c7dd4bad5ed9e04fc24a8a2cf40afa59e380b', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: 'f6d8f07f4d077c986fc853f447feb8e45057b2c1', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '7b1e49fddc1dcee59e55e7441fe427a67c789933', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: 'e36e23c80c8615e8557fb453ad9217bc02679bb0', class: "search-input-wrapper" }, index.h("rebill-icon", { key: 'f1a62cad8488bb87f90324e96fb9c5db31ae3586', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: '44204f2d039489fa9486cf2d27c76e7a01e0e9e8', 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: '88713e09141e9c0378939f5a7de68520b8b56802', type: "button", class: "clear-search", onClick: event => {
                 event.stopPropagation();
                 this.clearSearch();
-            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: 'c37eb08ec3ea630a3069a2e205e1bf89998d15c8', 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: '04436bbeca6c611f3683eb5849ca6fd1d73a1e1f', 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: '3c951eaab6a3b907939e2b6f4c2a4bcc920acca3', class: "error-message" }, displayError)));
+            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '34b6821cbf7eb8cf45781edb17e7b92a9029fe8b', 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: 'a3e90dbc14a2a0b1f41bfb9fe2c3a4be30b52913', 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: 'eef5aefcd44f05877670f2818e0290d8e2480f6d', class: "error-message" }, displayError)));
     }
 };
 InputPhone.style = inputPhoneCss;
@@ -4180,11 +4180,11 @@ const SelectableCard = class {
         this.selectableCardClick.emit(this.cardKey);
     };
     render() {
-        return (index.h("button", { key: '53bab5d8611b6b473fc5056d0e5aad0bc548dc49', class: {
+        return (index.h("button", { key: 'b2fa45aaf8dd5c5a5678080518f0e809378bc532', class: {
                 'selectable-card': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, index.h("div", { key: 'bc07f0625e6eee85d6330f23f7370b629fd86db8', class: "icon" }, index.h("slot", { key: '79235ed059e6abc4de536dd92eb59c94ac4fc7b5', name: "icon" })), index.h("span", { key: '821cea793c73041083acae37db86de5a20277c4d', class: "label" }, this.label)));
+            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, index.h("div", { key: 'ea25c877a90ddb2def1a302106015dee606d9488', class: "icon" }, index.h("slot", { key: 'd46105a5771519df425a451217316e1f7f59fc1b', name: "icon" })), index.h("span", { key: '0d03a17125068d811421fdafc0669b5da3f659fb', class: "label" }, this.label)));
     }
 };
 SelectableCard.style = selectableCardCss;
@@ -4200,9 +4200,9 @@ const SinglePaymentMethod = class {
     paymentMethodDetails;
     icons = [];
     render() {
-        return (index.h("div", { key: '5122e8aea614b933b61e8ea8442e8135af660464', class: "single-payment-method" }, index.h("div", { key: 'aaff46a008eb03149d754cbe9b023797075c438d', class: "payment-method" }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && index.h("rebill-icon", { key: '88be17c0cf51dca791486ae34e54de4bf00ea30c', name: "card" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH && (index.h("rebill-icon", { key: 'b1ada6c7b426f7a9c4818e2d7b741efe0188ae86', name: "cash" })), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry === 'AR' && index.h("rebill-icon", { key: '8334e3117f6a1fc268ed9de18ec6026baefad83e', name: "qr-code" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry !== 'AR' && index.h("rebill-icon", { key: '94e87d5eae6f576ab53940e20240e50f77bbad4c', name: "bank" }), index.h("rebill-typography", { key: 'd30d521f3028e08afd970dc4b9ee6c041877fd7d', 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: '7d272962812338bd346b458abc8c01daafd6b6a0', class: "single-payment-method" }, index.h("div", { key: 'c8189b29ba5e5466994f9a426c971d255bd0af63', class: "payment-method" }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && index.h("rebill-icon", { key: 'd158957213e375adccf8167341c21333da44f1fb', name: "card" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH && (index.h("rebill-icon", { key: '8d4f791061649ef90dfc843f2f55f171331e42f1', name: "cash" })), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry === 'AR' && index.h("rebill-icon", { key: '06592c686b79377560dcbd54322667eaf7258495', name: "qr-code" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry !== 'AR' && index.h("rebill-icon", { key: '1a61ab4db46181482bf047d64dcc9ba961950ce0', name: "bank" }), index.h("rebill-typography", { key: '7c80a95e1f049ac31433a2036989ff3953be2bfa', 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'
@@ -4212,7 +4212,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: 'd835c4af0d97b582254d75555e0ca10f4d4b2aa9', 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: '3947082b76e3849c0383a973248de647f1b8b548', 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;