rebill-web-components-sdk 1.17.7-beta.2 → 1.17.7-beta.4

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

@@ -5619,10 +5619,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: 'e670b27ac059c5f8ce2884e47dc1b6fa33c6a272', class: "input-container" }, index.h("div", { key: '412a71da1ad5ab209eee0fee15471fa32c10272a', class: inputClasses }, index.h("div", { key: 'c46d57cc26083427f44db7a7c8c4bcadef8d6546', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: '38e2521e42a894b861440357ceed875de2e3bacb', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: '325cd2017a43135ed375a41af74eb3fee5fd5245', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: '6f8d4dbcc6ddc2f63fa7b23aee18e3e47fb135e4', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: 'b8252f66b78c7095fdf9715e0231c603f8194bcf', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '00d41855865ec108b8753d1ad1c2c76bf2c6a04f', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: 'e261e00da172c0100941ec1ffb96a2ba45cfa46f', class: "search-input-wrapper" }, index.h("rebill-icon", { key: 'b0fb64e0f0d52f7ca58bc4a4c321fd16523c815a', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: 'd4ce58d089fa9eb5e655c4baf62b55e38a5fd9ef', 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: 'd443260dede71edfa16b5a8cac1f0d7d3d522001', type: "button", class: "clear-search", onClick: event => {
+        return (index.h("div", { key: 'f0ab79aa252011f07557abe46a81d0747c69de01', class: "input-container" }, index.h("div", { key: 'c78362e70f418e971a7b154255c5b9fe0590754e', class: inputClasses }, index.h("div", { key: '7a3d16ec8be4f691892dac3f3caf87dbaae8e684', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: 'b12406aa22a928963cb45f1d71e4e952b50f3618', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: 'f6ed1039a1119e0b84f317ddd7971f62a20e906f', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: '6855f510f4fd5451f6a63ca4c3f031960bc089d8', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: '8a83b39389769980398048bf928c11a63f363140', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '49ee48a35c9b4183e6cb5becbdf552d7e17f50fd', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: 'fd23ac8cdce73c6b010c717b5eefd5a9c633a7df', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '1a571a60c6da7fcd1793175492b398de5d628877', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: '527394595d2323d0cca4f0a51e8736cc180f184d', 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: 'c3595b1bb7ead0234e8b81c20469d20a5d561e3f', type: "button", class: "clear-search", onClick: event => {
                 event.stopPropagation();
                 this.clearSearch();
-            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '6ff585b7abadbedf9dec3bf8242416fa9471d5f9', 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: '7e4fcbdbcf8d29882a4ae0851cf8d81c07026e42', 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: 'f3db91fab2e9500d819a09ed6530489b5e8e6d4d', class: "error-message" }, displayError)));
+            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: 'fe423dd555dbb1f5dec0aee39167798ba8044d59', 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: '075938fc27373baa862e14a69a60567d469dd5db', 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: 'f1734526bfffe31c739b250cfe4b42e8436570bf', class: "error-message" }, displayError)));
     }
     static get watchers() { return {
         "initialCountry": ["initialCountryChanged"]
@@ -5703,11 +5703,11 @@ const SelectableCard = class {
         this.selectableCardClick.emit(this.cardKey);
     };
     render() {
-        return (index.h("button", { key: 'ebd36a9bbedcda09f1f3b0ce70eae86048d29a3f', class: {
+        return (index.h("button", { key: 'd2bafc059d3b15de0ee3ef80deef0e2644165e48', class: {
                 'selectable-card': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, index.h("div", { key: '1bc0c1630bb1f0dc6ebc1e585e2f2a4ffd45b4be', class: "icon" }, index.h("slot", { key: '08d274e75986f2d6cb59482267c4fe63d0805af1', name: "icon" })), index.h("span", { key: '6bab9f4f94244b4edb660aadcd1df845f71c6bf2', class: "label" }, this.label)));
+            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, index.h("div", { key: '020277b015f4ff7d177dae9dcd5b4afb141b0eb7', class: "icon" }, index.h("slot", { key: 'f1c1e6e4d991d8735e66d0f608dd590e8e065e57', name: "icon" })), index.h("span", { key: '9f1795b72491196def19571dcfdf3653cab83bdc', class: "label" }, this.label)));
     }
 };
 SelectableCard.style = selectableCardCss;
@@ -5723,9 +5723,9 @@ const SinglePaymentMethod = class {
     paymentMethodDetails;
     icons = [];
     render() {
-        return (index.h("div", { key: 'f3a23039b7f8ed2141aa35d4ea0d89d75df1fc77', class: "single-payment-method" }, index.h("div", { key: 'c0b48583b385c6bd2fff20559dfcc5286866222e', class: "payment-method" }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && index.h("rebill-icon", { key: '4f13de20bbd4852f9c240bf9d4f05350531358a8', name: "card" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH && index.h("rebill-icon", { key: '31dd157e45e29438e060ab8e10107e7c6a172fb3', name: "cash" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry === 'AR' && index.h("rebill-icon", { key: '9570e6279ab20539140ccad1c07b7c3fb402f646', name: "qr-code" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry !== 'AR' && index.h("rebill-icon", { key: '19c485b4f8189ea2d2c8f8df7c3bbb8130fa58ac', name: "bank" }), index.h("rebill-typography", { key: '9eb04f7ec43bcc4bd6532b9f760f6ad36f37b77c', 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: '84fcb22381bfa1bf70d690edec8134e0b8def062', class: "single-payment-method" }, index.h("div", { key: '2ff278a403a6fb2214fc43fb2a34bf4d0ac5d5fc', class: "payment-method" }, this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && index.h("rebill-icon", { key: '78aa8fc9f7507406986ca229319818bf0f3be3fc', name: "card" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH && index.h("rebill-icon", { key: '79e4e97e6c5c706ecd4928d26bdd4c30384d07b6', name: "cash" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry === 'AR' && index.h("rebill-icon", { key: '91aeb35873c2b19bb827922b11a691c7d73e7c13', name: "qr-code" }), this.paymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry !== 'AR' && index.h("rebill-icon", { key: '313e5ff25f0d89b823522a9690d0115cde517140', name: "bank" }), index.h("rebill-typography", { key: 'fc77681daaef45a15905ec84d5664fe652c92a2d', 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'
@@ -5737,7 +5737,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: 'd8a9972b9822fd2fafc07b84aa7977e901342252', 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: '25ce4dbcbb93269999787678cec331e9c04c30bd', 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;