rebill-web-components-sdk 1.14.0 → 1.14.1-beta.2

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

@@ -4,7 +4,7 @@ var index = require('./index-C-VTnc0I.js');
 var renewal_store = require('./renewal.store-Ap4GKMXr.js');
 var i18n_service = require('./i18n.service-BU6GskRx.js');
 var index$1 = require('./index-wXf6Fdhl.js');
-var saveCard_store = require('./save-card.store-BfkywQ8a.js');
+var saveCard_store = require('./save-card.store-C0-ettWj.js');
 var config = require('./config-Do8H115c.js');
 var assets = require('./assets-DxsAikMY.js');
 var getPaymentMethodDisplayName = require('./get-payment-method-display-name-DiTxuFKH.js');
@@ -307,6 +307,7 @@ const Address = class {
     countryOptions = [];
     errors = null;
     unsubscribeAddressStore;
+    unsubscribeSaveCardStore;
     translateError(errorKey) {
         if (!errorKey)
             return '';
@@ -319,9 +320,12 @@ const Address = class {
     async componentDidLoad() {
         this.syncAddressLineFromStore();
         // Si ya hay dirección en store (prefilled o vuelve al checkout), mostrar formulario completo
-        const billing = i18n_service.state.data?.userInformation?.address?.billingAddress;
-        if (billing?.address || billing?.city) {
+        const billing = this.getBillingAddress();
+        if (billing?.address || billing?.city || billing?.state || billing?.country || billing?.zip) {
             this.addressCommitted = true;
+            if (billing.country) {
+                await this.loadStatesForCountry(billing.country);
+            }
         }
         this.unsubscribeAddressStore = i18n_service.onChange('data', () => {
             const billingAddress = i18n_service.state.data.userInformation.address?.billingAddress;
@@ -338,15 +342,47 @@ const Address = class {
                 this.emitInputEventsForAddress(addressData);
             }
         });
+        // Subscribe a saveCardState (para save-card)
+        this.unsubscribeSaveCardStore = saveCard_store.SaveCardStore.onChange('userInformation', () => {
+            const billingAddress = saveCard_store.saveCardState.userInformation.address?.billingAddress;
+            if (billingAddress) {
+                this.addressLine = billingAddress.address ?? '';
+                const addressData = {
+                    country: billingAddress.country || '',
+                    state: billingAddress.state || '',
+                    address: billingAddress.address || '',
+                    city: billingAddress.city || '',
+                    zip: billingAddress.zip || '',
+                    addInformation: billingAddress.addInformation || '',
+                };
+                this.emitInputEventsForAddress(addressData);
+            }
+        });
+    }
+    /**
+     * Obtiene la dirección de facturación desde el store correspondiente
+     * Prioriza sessionState (checkout/renewal), sino usa saveCardState (save-card)
+     */
+    getBillingAddress() {
+        if (i18n_service.state.isInitialized) {
+            return i18n_service.state.data?.userInformation?.address?.billingAddress;
+        }
+        if (saveCard_store.saveCardState.isInitialized) {
+            return saveCard_store.saveCardState.userInformation?.address?.billingAddress;
+        }
+        return null;
     }
     syncAddressLineFromStore() {
-        const billingAddress = i18n_service.state.data?.userInformation?.address?.billingAddress;
+        const billingAddress = this.getBillingAddress();
         this.addressLine = billingAddress?.address ?? '';
     }
     disconnectedCallback() {
         if (this.unsubscribeAddressStore) {
             this.unsubscribeAddressStore();
         }
+        if (this.unsubscribeSaveCardStore) {
+            this.unsubscribeSaveCardStore();
+        }
     }
     async handleAddressSelected(address) {
         this.isLoadingAddress = true;
@@ -399,16 +435,16 @@ const Address = class {
                     address.state = partialMatch.value;
                 }
                 else {
-                    address.state = undefined;
+                    address.state = '';
                 }
             }
         }
-        i18n_service.SessionStore.setBillingAddress(address);
+        this.setBillingAddress(address);
         this.addressUpdated.emit({
             country: address.country || '',
             address: address.address || '',
             city: address.city || '',
-            state: address.state || undefined,
+            state: address.state || '',
             zip: address.zip || '',
             addInformation: address.addInformation || '',
         });
@@ -421,6 +457,27 @@ const Address = class {
             }, 500);
         });
     }
+    /**
+     * Guarda la dirección en el store correspondiente
+     */
+    setBillingAddress(address) {
+        if (i18n_service.state.isInitialized) {
+            // Flujo checkout/renewal
+            i18n_service.SessionStore.setBillingAddress(address);
+        }
+        else if (saveCard_store.saveCardState.isInitialized) {
+            // Flujo save-card
+            const currentAddress = saveCard_store.saveCardState.userInformation.address?.billingAddress || {};
+            saveCard_store.SaveCardStore.setUserInformation({
+                address: {
+                    billingAddress: {
+                        ...currentAddress,
+                        ...address,
+                    },
+                },
+            });
+        }
+    }
     emitInputEventsForAddress(address) {
         // Emit input events for each address field that has a value
         // This mimics user input to properly clear validation errors
@@ -452,16 +509,17 @@ const Address = class {
     handleFreeTextAddress = (value) => {
         // No activar modo manual en blur - solo guardar el valor
         // El modo manual se activa con Enter (commitRequested) o click en "Ingresar manualmente"
-        i18n_service.SessionStore.setBillingAddress({ address: value });
+        this.setBillingAddress({ address: value });
         this.addressLine = value;
         this.emitInputEvent('billing-address', value);
+        const billing = this.getBillingAddress();
         this.addressUpdated.emit({
-            country: i18n_service.state.data?.userInformation?.address?.billingAddress?.country ?? '',
+            country: billing?.country ?? '',
             address: value,
-            city: i18n_service.state.data?.userInformation?.address?.billingAddress?.city ?? '',
-            state: i18n_service.state.data?.userInformation?.address?.billingAddress?.state ?? '',
-            zip: i18n_service.state.data?.userInformation?.address?.billingAddress?.zip ?? '',
-            addInformation: i18n_service.state.data?.userInformation?.address?.billingAddress?.addInformation ?? '',
+            city: billing?.city ?? '',
+            state: billing?.state ?? '',
+            zip: billing?.zip ?? '',
+            addInformation: billing?.addInformation ?? '',
         });
     };
     async loadStatesForCountry(countryCode) {
@@ -483,14 +541,14 @@ const Address = class {
     async handleInput(field, value) {
         if (value === undefined)
             return;
-        i18n_service.SessionStore.setBillingAddress({ [field]: value });
+        this.setBillingAddress({ [field]: value });
         // Emit input event to form to sync with form data
         this.emitInputEvent(`billing-${field}`, value);
         // If country changes, load states for the new country
         if (field === 'country') {
             await this.loadStatesForCountry(value);
             // Clear the current state selection since the country changed
-            i18n_service.SessionStore.setBillingAddress({ state: '' });
+            this.setBillingAddress({ state: '' });
         }
     }
     renderAddressHeader() {
@@ -500,10 +558,19 @@ const Address = class {
         // Solo mostrar en el search el error del campo dirección; ciudad/estado/zip tienen su error en su propio campo
         const addressSearchError = this.translateError(this.errors?.['billing-address']) || '';
         const errorsToShow = this.isLoadingAddress ? null : this.errors;
-        return (index.h("div", null, this.renderAddressHeader(), index.h("rebill-address-search", { value: this.addressLine, onAddressSelected: e => this.handleAddressSelected(e.detail), onFreeTextAddress: e => this.handleFreeTextAddress(e.detail), onCommitRequested: () => (this.addressCommitted = true), onManualEntryRequested: () => this.handleManualEntry(), error: addressSearchError, disabled: this.disabled, showManualEntryLink: !this.addressCommitted }), this.addressCommitted && (index.h("rebill-address-form", { countryOptions: this.countryOptions, stateOptions: this.currentBillingStateOptions, errors: errorsToShow, disabled: this.disabled, onFieldChanged: e => this.handleInput(e.detail.field, e.detail.value) }))));
+        return (index.h("div", null, this.renderAddressHeader(), index.h("rebill-address-search", { value: this.addressLine, onAddressSelected: e => this.handleAddressSelected(e.detail), onFreeTextAddress: e => this.handleFreeTextAddress(e.detail), onCommitRequested: () => (this.addressCommitted = true), onManualEntryRequested: () => this.handleManualEntry(), error: addressSearchError, disabled: this.disabled, showManualEntryLink: !this.addressCommitted }), this.addressCommitted && (index.h("rebill-address-form", { countryOptions: this.countryOptions, stateOptions: this.currentBillingStateOptions, errors: errorsToShow, disabled: this.disabled, onFieldChanged: e => this.handleInput(e.detail.field, e.detail.value), initialValues: (() => {
+                const billing = this.getBillingAddress();
+                return {
+                    country: billing?.country,
+                    city: billing?.city,
+                    state: billing?.state,
+                    zip: billing?.zip,
+                    addInformation: billing?.addInformation,
+                };
+            })() }))));
     }
     render() {
-        return (index.h("div", { key: '3cfc235537bf964ad7630456f2178b7ae149ec44' }, this.renderAddressForm()));
+        return (index.h("div", { key: 'f37bec4053e01a3893cb9574cdc3f48024da9193' }, this.renderAddressForm()));
     }
 };
 Address.style = addressCss;
@@ -840,7 +907,7 @@ const CardIframe = class {
             this.postTokenToIframe();
             this.postItemTypeToIframe();
         }
-        else if (saveCard_store.saveCardState.organizationId) {
+        else if (saveCard_store.saveCardState.isInitialized) {
             // Save card flow
             this.postOrganizationIdToIframe(saveCard_store.saveCardState.organizationId);
             if (i18n_service.state?.currentLocale) {
@@ -939,7 +1006,7 @@ const CardIframe = class {
             return;
         }
         // If in save card flow, always send null (no checkbox needed)
-        if (saveCard_store.saveCardState.organizationId) {
+        if (saveCard_store.saveCardState.isInitialized) {
             this.iframeRef.contentWindow.postMessage({
                 type: 'SET_ITEM_TYPE',
                 payload: { itemType: null },
@@ -1111,7 +1178,7 @@ const CardIframe = class {
             this.postTokenToIframe();
             this.postItemTypeToIframe();
         }
-        else if (saveCard_store.saveCardState.organizationId) {
+        else if (saveCard_store.saveCardState.isInitialized) {
             this.postItemTypeToIframe();
         }
         // Send custom CSS immediately when iframe loads
@@ -1134,6 +1201,11 @@ const CardIframe = class {
                     renewal_store.RenewalStore.setCardTokenId(null);
                 }
             }
+            else if (saveCard_store.saveCardState.isInitialized) {
+                if (!event.data.payload?.complete) {
+                    saveCard_store.SaveCardStore.setCardTokenId(null);
+                }
+            }
             else if (i18n_service.state.isInitialized) {
                 if (!event.data.payload?.complete) {
                     i18n_service.SessionStore.setCardId(null);
@@ -1158,7 +1230,7 @@ const CardIframe = class {
                     renewal_store.RenewalStore.setCardInformation(event.data.payload.cardInformation);
                 }
             }
-            else if (saveCard_store.saveCardState.organizationId) {
+            else if (saveCard_store.saveCardState.isInitialized) {
                 // Save card flow
                 saveCard_store.SaveCardStore.setCardTokenId(event.data?.payload?.token);
             }
@@ -1227,23 +1299,23 @@ const CardIframe = class {
         }
     };
     render() {
-        return (index.h("div", { key: '9a00f86de4c7e39e98219beaa54c461cd8effaec', style: {
+        return (index.h("div", { key: 'a5d6d643d98c163b598f51113cd0e162d90d8394', style: {
                 width: '100%',
                 height: this.iframeHeight,
                 position: 'relative',
                 overflow: 'visible',
-            } }, !this.iframeLoaded && index.h("card-skeleton", { key: '5d726c3b8d842cfd3f91259d06c1e2eccd0b7807' }), index.h("iframe", { key: '8152c23ca7de08ed2cc975de58d2a4d0e91e8e2c', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
+            } }, !this.iframeLoaded && index.h("card-skeleton", { key: 'e7945844d93f82bfff22d6195e2f0fdd6ec72bb3' }), index.h("iframe", { key: '726d512ed422dc4f6d10e6e52c30b0dca54d0534', 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: 'fc8cd729323a77e06f3df3ff3df8704bf861e175', 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: '89c119329ab442a8f32aa8173fc958ca699d1076', 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: 'b18fb593ebf86f3d8031fc93a5a7c61fa2d5e9e7', class: "cvc-tooltip-title" }, i18n_service.I18nService.translate('cvcTooltip.title')), index.h("div", { key: 'ff7c1d1e5f33242893a5f229bfeb64990626d2ed', class: "cvc-tooltip-row" }, index.h("img", { key: '060c85ada6290dbd78b071c737b7c4987c93d6b8', src: assets.getAssetURL('icons/cvc-visa.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '2bd42e08541ec80ba29d9885b99348d37cf0e1b5', class: "cvc-tooltip-text" }, index.h("strong", { key: '73c46ebaca23a23bf96ae5f455fd186b91734acd' }, i18n_service.I18nService.translate('cvcTooltip.threeDigits')), index.h("p", { key: '922377a69203603d3eb470fcb6aa5dedcbd2cd76' }, i18n_service.I18nService.translate('cvcTooltip.threeDigitsDesc')))), index.h("div", { key: '49b5eb8073a20240b31641ca7df38eb9715bbd68', class: "cvc-tooltip-row" }, index.h("img", { key: '86ede2f56a66cf4e8ca520c2b3938dfb087b78f9', src: assets.getAssetURL('icons/cvc-amex.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '885e1fe8fa2749574c1c399d560e3d5e5f8b4cb1', class: "cvc-tooltip-text" }, index.h("strong", { key: '4f0d1dc67a246a2554360b575b6d2aaa4915a2cc' }, i18n_service.I18nService.translate('cvcTooltip.fourDigits')), index.h("p", { key: '72342ade5c9c0a7a9f22150d505b62d2114afb1a' }, i18n_service.I18nService.translate('cvcTooltip.fourDigitsDesc'))))))));
+            }, onMouseEnter: this.handleTooltipMouseEnter, onMouseLeave: this.handleTooltipMouseLeave }, index.h("p", { key: '1982340978040639d529510bf6b19321c760ceb8', class: "cvc-tooltip-title" }, i18n_service.I18nService.translate('cvcTooltip.title')), index.h("div", { key: '28ce4911552a6ea29ebc020ec6cd013e8e871a2c', class: "cvc-tooltip-row" }, index.h("img", { key: 'd525100f4a59428b2a96b84606f2409431c6a10a', src: assets.getAssetURL('icons/cvc-visa.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '8c2af4de035f0536c9359c68fc2f5f7f40f91214', class: "cvc-tooltip-text" }, index.h("strong", { key: 'f81efd7e3ff5c91061539ddb7337dbdbff347f42' }, i18n_service.I18nService.translate('cvcTooltip.threeDigits')), index.h("p", { key: '45ab385214375fa12b03d776ed6fab508aabf1b9' }, i18n_service.I18nService.translate('cvcTooltip.threeDigitsDesc')))), index.h("div", { key: '8cf481d1fd7c5efb54d48dc98d2532230548b562', class: "cvc-tooltip-row" }, index.h("img", { key: 'f1449b7c65e09ddf59d22bc8b1634b6bd6e0beb2', src: assets.getAssetURL('icons/cvc-amex.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: 'cbe485d0f32f6dcc181174a74249585b6a7ac960', class: "cvc-tooltip-text" }, index.h("strong", { key: '04b73f24a5a3024f9726782689680513b226e2ed' }, i18n_service.I18nService.translate('cvcTooltip.fourDigits')), index.h("p", { key: '4a0018cd9428933330f3e9bc01bf9cdcf0980f22' }, i18n_service.I18nService.translate('cvcTooltip.fourDigitsDesc'))))))));
     }
 };
 CardIframe.style = cardIframeCss;
@@ -1260,6 +1332,7 @@ const AddressForm = class {
     stateOptions = [];
     errors = null;
     disabled = false;
+    initialValues;
     showAdditionalInformation = false;
     fieldChanged;
     translateError(errorKey) {
@@ -1278,7 +1351,7 @@ const AddressForm = class {
     };
     render() {
         const translationKey = this.addressType === 'shipping' ? 'shippingAddress' : 'billingAddress';
-        return (index.h("div", { key: '0d797ce69e71c0b903e4753cf6c7186e12e9cc70', class: "address-form-container" }, index.h("div", { key: 'c5f5eba79d185d12d1c2bb66587925aa204c9369', class: "address-container" }, index.h("rebill-input-select", { key: '2135c4e6e10093071b68d9fc8864c2c9d40be633', error: this.translateError(this.errors?.[`${this.addressType}-country`]), id: `${this.addressType}-country`, options: this.countryOptions, placeholder: i18n_service.I18nService.translate(`${translationKey}.countryPlaceholder`), onInput: e => this.handleInput('country', e.detail.value), searchable: true, searchPlaceholder: i18n_service.I18nService.translate(`search.searchCountries`), disabled: this.disabled }), index.h("rebill-input-text", { key: '2a83f12486930e3a92e9153a26fe4272a68f3a8f', error: this.translateError(this.errors?.[`${this.addressType}-city`]), id: `${this.addressType}-city`, placeholder: i18n_service.I18nService.translate(`${translationKey}.cityPlaceholder`), variant: "floating", label: i18n_service.I18nService.translate(`${translationKey}.cityPlaceholder`), onInput: e => this.handleInput('city', e.detail.value), disabled: this.disabled }), index.h("div", { key: 'f12a9ff37ac29b831045577b455bd5f8fce6bf6f', class: "state-zip-row" }, index.h("rebill-input-select", { key: '975496900fb7e059849a487a2d0a25845febb2cc', error: this.translateError(this.errors?.[`${this.addressType}-state`]), id: `${this.addressType}-state`, options: this.stateOptions, placeholder: i18n_service.I18nService.translate(`${translationKey}.statePlaceholder`), disabled: this.disabled || this.stateOptions.length === 0, onInput: e => this.handleInput('state', e.detail.value), searchable: true, searchPlaceholder: i18n_service.I18nService.translate(`${translationKey}.searchStates`) }), index.h("rebill-input-text", { key: '6ad9f85136c839312f1613083537a123d398a096', error: this.translateError(this.errors?.[`${this.addressType}-zip`]), id: `${this.addressType}-zip`, placeholder: i18n_service.I18nService.translate(`${translationKey}.zipPlaceholder`), variant: "floating", label: i18n_service.I18nService.translate(`${translationKey}.zipPlaceholder`), onInput: e => this.handleInput('zip', e.detail.value), disabled: this.disabled })), this.showAdditionalInformation && (index.h("rebill-input-text", { key: 'c4dbc1f29ebe2dc85efdcf85d3b5fc115fcb82bb', error: this.translateError(this.errors?.[`${this.addressType}-addInformation`]), id: `${this.addressType}-addInformation`, placeholder: i18n_service.I18nService.translate(`${translationKey}.addInformationPlaceholder`), variant: "floating", label: i18n_service.I18nService.translate(`${translationKey}.addInformationPlaceholder`), onInput: e => this.handleInput('addInformation', e.detail.value), disabled: this.disabled }))), index.h("div", { key: '614efbfb24ed8ff8f9979404b7d9d555398e9dc4', class: "search-link-wrapper" }, !this.showAdditionalInformation && (index.h("button", { key: '603f8f66f48fc140549866cedf9c44756ceffe8e', class: "additional-information", type: "button", onClick: this.handleAdditionalInformation }, index.h("rebill-typography", { key: '231aab49d785dbc7752ade7f3557042d41b8385d', variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.SECONDARY, class: "footer-link" }, i18n_service.I18nService.translate(`${translationKey}.additionalInformation`)))))));
+        return (index.h("div", { key: '926d01f6003574bcba99b18f5cfbf6519c69fdbe', class: "address-form-container" }, index.h("div", { key: '445a48d0a4519b7a6bfb6fd419503ca212cab270', class: "address-container" }, index.h("rebill-input-select", { key: 'fbfd1c02a0d5971f4c3f06e45b32996b6eae54cf', error: this.translateError(this.errors?.[`${this.addressType}-country`]), id: `${this.addressType}-country`, options: this.countryOptions, placeholder: i18n_service.I18nService.translate(`${translationKey}.countryPlaceholder`), onInput: e => this.handleInput('country', e.detail.value), searchable: true, searchPlaceholder: i18n_service.I18nService.translate(`search.searchCountries`), disabled: this.disabled, value: this.initialValues?.country }), index.h("rebill-input-text", { key: 'b29bc51f6d79d66ec5d38ada733f2e934cbd9117', error: this.translateError(this.errors?.[`${this.addressType}-city`]), id: `${this.addressType}-city`, placeholder: i18n_service.I18nService.translate(`${translationKey}.cityPlaceholder`), variant: "floating", label: i18n_service.I18nService.translate(`${translationKey}.cityPlaceholder`), onInput: e => this.handleInput('city', e.detail.value), disabled: this.disabled, value: this.initialValues?.city }), index.h("div", { key: '50a31b282d0f87c0dc0804520a305a8f87c12189', class: "state-zip-row" }, index.h("rebill-input-select", { key: 'c18cb027cb216db0fcbfa07650eaa19f18b8587b', error: this.translateError(this.errors?.[`${this.addressType}-state`]), id: `${this.addressType}-state`, options: this.stateOptions, placeholder: i18n_service.I18nService.translate(`${translationKey}.statePlaceholder`), disabled: this.disabled || this.stateOptions.length === 0, onInput: e => this.handleInput('state', e.detail.value), searchable: true, searchPlaceholder: i18n_service.I18nService.translate(`${translationKey}.searchStates`), value: this.initialValues?.state }), index.h("rebill-input-text", { key: '041f692200f9d29fdc6f4ee2afc6aea678e9e9b7', error: this.translateError(this.errors?.[`${this.addressType}-zip`]), id: `${this.addressType}-zip`, placeholder: i18n_service.I18nService.translate(`${translationKey}.zipPlaceholder`), variant: "floating", label: i18n_service.I18nService.translate(`${translationKey}.zipPlaceholder`), onInput: e => this.handleInput('zip', e.detail.value), disabled: this.disabled, value: this.initialValues?.zip })), this.showAdditionalInformation && (index.h("rebill-input-text", { key: '6b62710688a1f7338b6f80f98b10ccc9fb09047a', error: this.translateError(this.errors?.[`${this.addressType}-addInformation`]), id: `${this.addressType}-addInformation`, placeholder: i18n_service.I18nService.translate(`${translationKey}.addInformationPlaceholder`), variant: "floating", label: i18n_service.I18nService.translate(`${translationKey}.addInformationPlaceholder`), onInput: e => this.handleInput('addInformation', e.detail.value), disabled: this.disabled, value: this.initialValues?.addInformation }))), index.h("div", { key: '08e025262f74f88e9c48ace679ee38c5fff14dc0', class: "search-link-wrapper" }, !this.showAdditionalInformation && (index.h("button", { key: '9711089d661fb4de8f2b0d2f70e21b2b38ad4717', class: "additional-information", type: "button", onClick: this.handleAdditionalInformation }, index.h("rebill-typography", { key: '49af22ecd14eac3d4db5b35c5d405b8696a1732b', variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.SECONDARY, class: "footer-link" }, i18n_service.I18nService.translate(`${translationKey}.additionalInformation`)))))));
     }
 };
 AddressForm.style = addressFormCss;
@@ -2049,7 +2122,7 @@ const Form = class {
         await this.submitForm();
     };
     render() {
-        return (index.h("form", { key: 'a15f168b60bd76b089b95ade32786baf7f3fd20a', onSubmit: e => this.handleSubmit(e), noValidate: true }, this.renderForm ? (this.renderForm({
+        return (index.h("form", { key: 'f043cfb9d0e8da2f11a0fd36d956008a30eb587c', onSubmit: e => this.handleSubmit(e), noValidate: true }, this.renderForm ? (this.renderForm({
             submit: () => this.submitForm(),
             formData: this.formData,
             errors: this.errors,
@@ -5408,10 +5481,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: 'c6722c7fde107a6d4b0c85d6ae398b4638f4d3b8', class: "input-container" }, index.h("div", { key: '928ef31a64f18e0f1e230364fd1787cb09efb8e9', class: inputClasses }, index.h("div", { key: '72062d3ce0d02d8c44f19c577481ce4f265cc732', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: 'bb6359f023ffcabe84e2a73a772962c3a707530e', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: 'b2e58d1334042645acd4ec8980e9d93dee35d47a', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: 'd7c9dfde229844c011b3403d95c5073a02275b07', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: 'ce202ca1137c5b1210e3ecc791b46e2eed58cce5', class: "country-dropdown" }, this.searchable && (index.h("div", { key: '53c6ec4126e6024fcfc4c4422f5170b73820eda1', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: '2337c04acffd605aacd61f80d4c08c644563a083', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '215b13d7e5335b155fe7d2d078f7b2803c4e6653', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: 'f6aff1ade2a63b0d07bb6164d836f2c648d79885', 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: 'fd43375ebcf586b8ccc71396390cfa1af7551de3', type: "button", class: "clear-search", onClick: event => {
+        return (index.h("div", { key: '1460230e841bf61c29e0ffedd6eea8a2174c3bde', class: "input-container" }, index.h("div", { key: '8252d784f43a41571269d2142d87d76ffc0afa8c', class: inputClasses }, index.h("div", { key: 'c9536df254df27f4f0d1fbca4711862c0e2052c2', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, index.h("span", { key: '38b45349dde56950f8c06544f1cbce1da3fa972d', class: "flag" }, this.selectedCountry.flag), index.h("span", { key: '84fe84173d3bf32c4a52e375c9cd7cd7d4acd7c1', class: "dial-code" }, this.selectedCountry.dialCode), index.h("span", { key: '0120d56ba107e1f50a528647bd59462efcdc4edb', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (index.h("div", { key: 'f849e19dacefe235676cd338e6137e4844a89d2b', class: "country-dropdown" }, this.searchable && (index.h("div", { key: 'aeabd4c1294540c2c4a8b615232181faccb88485', class: "search-container", onClick: this.handleSearchClick }, index.h("div", { key: 'c4bd435105c67425072797138be885e1fc1c4d6a', class: "search-input-wrapper" }, index.h("rebill-icon", { key: '3a01b14ec4dad622a7cd238124a96f91c0adf3c3', name: "search", size: "16px", class: "search-icon" }), index.h("input", { key: '031cfb885e41d86f24faef6346b3d4e47a822391', 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: '9c3c50b064ad6291e62bdb2c4d66f31a33e43b27', type: "button", class: "clear-search", onClick: event => {
                 event.stopPropagation();
                 this.clearSearch();
-            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '67f4c59c438a19d681763b9091a8214a8fe635d5', 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: '02f33987b54147ab3a6355e5bdc55751d3b7c6d7', 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: '0bc9f6ba62c8f9f0a190b2fd386c6f919e1cf5ed', class: "error-message" }, displayError)));
+            }, "aria-label": "Clear search" }, index.h("rebill-icon", { key: '56e86127c617165718123a3610fc39896bde2b1c', 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: '799a0c461f94f234aaaa40ef57ef367828c832ca', 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: '625661cb19d333d06da32b31d89caa31d0437495', class: "error-message" }, displayError)));
     }
 };
 InputPhone.style = inputPhoneCss;

package/dist/cjs/card-skeleton_2.cjs.entry.js

@@ -189,7 +189,7 @@ const InputCombo = class {
     render() {
         const selectedLabel = this.getSelectedOptionLabel();
         const hasSelectValue = this.selectValue !== '';
-        return (index.h("div", { key: 'bd5709fdfda250d0f0880a614add862588119456', class: "input-container" }, this.label && (index.h("label", { key: 'baf4e8a23722a2db2ab20ba87756ee76a757edb6', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: 'bbda0bbacff9ce0cdbef4df8ec659872efa33519', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, index.h("div", { key: 'eaa8731e8347e3f1be0f2f5965a9ded1ccbd0b31', class: "select-section", style: { width: this.selectWidth } }, index.h("div", { key: 'c73233ab0a065db726d25cd40bee2267c95b5f18', 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: '681c3a89650d5f05cec01725b66d901dea2738f6', class: "select-value" }, selectedLabel), index.h("div", { key: '300e04bb6c30d254527059862d0b02da7abaa5fd', class: "icon-wrapper" }, index.h("rebill-icon", { key: '056dcad999aa11e3d91b06c8ccf0261e05738530', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (index.h("div", { key: '76a47c2679ce04ae2e6b90aad6d4721e0033ab70', 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: '5ee03ab734bed8d3c77c6b0e237b19a0d08e366f', class: "combo-divider" }), index.h("div", { key: 'ed95a6331fdbac42da41ff26b463301ccb478831', class: "input-section" }, index.h("input", { key: '93d8fb221f3b760e27b949e7f302b0da95c4261e', 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: 'bb33316a4b800e95407675456ce183a8819c6d05', class: "error-message" }, this.error)));
+        return (index.h("div", { key: '21978babf963dd699cc63456153ae0dc0be5457b', class: "input-container" }, this.label && (index.h("label", { key: '2de58639ed1b0d6c1342c4a42bf44301569528f2', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), index.h("div", { key: 'ab808ff138d15d36757bce1950430b084adceb9c', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, index.h("div", { key: 'b548c102ea267b42ad7e90559d97271fbb5e91b7', class: "select-section", style: { width: this.selectWidth } }, index.h("div", { key: 'fcc1828a74dde49cf6089637ae42d25ee7764374', 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: 'bddec0b73e4da607021f9ae38d8d5185c107fd9a', class: "select-value" }, selectedLabel), index.h("div", { key: 'ac660349497dece76542cbcaccd735b8e0133617', class: "icon-wrapper" }, index.h("rebill-icon", { key: '9be4f23a0fe6a83ee828f92cd5804fd72109fc2b', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (index.h("div", { key: '41fe387a47213e475784d0bb9e2639587550fad3', 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: '4f77501fb39e40956469a64071dfe76154cd09f5', class: "combo-divider" }), index.h("div", { key: '75aed3ba97af25bbc707a661ac61053db939c946', class: "input-section" }, index.h("input", { key: '0583bd5baf5b3e1036bf3a0a6682b6ba9f665f67', 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: 'ed31be8e12d877a7e4e34d164f78cc90a3500c79', class: "error-message" }, this.error)));
     }
 };
 InputCombo.style = inputComboCss;

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: '669dbf37153dd9c054fdb6ea54aef525508556e0', class: `collapsible-card ${this.variant}` }, index.h("button", { key: '2948105c3bd885d043e6c3966ce211114ccaa94e', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, index.h("rebill-typography", { key: 'ea4aed0324fa745d8ae6c46c6d1e24af6d6f4da0', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: colorClassMapper.COLORS_ENUM.TEXT_PRIMARY }, this.header), index.h("span", { key: '6272ef50372fb696dba2385612eeb1796b0a3689', class: { chevron: true, open: this.isOpen } }, index.h("rebill-icon", { key: 'a17123f387313e1fbd845693b7f27d7d6fd23916', name: "chevron-down", size: "20px", color: "currentColor" }))), index.h("div", { key: '24273d791635aa4dc8457474b6f1f413af221f57', class: { content: true, open: this.isOpen } }, index.h("slot", { key: 'af809b540b5e327c824189189fb3ca6c70b7a468' }))));
+        return (index.h("div", { key: '68b26eccac2cef4d777dcdb2eeaac36fe2331e15', class: `collapsible-card ${this.variant}` }, index.h("button", { key: 'f64b2ca3cac02f7eaf9b0634ec7dda58bd1ee1cd', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, index.h("rebill-typography", { key: 'd4f1f18cc22b60da0cb233fc79ea93b6ca8364bc', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: colorClassMapper.COLORS_ENUM.TEXT_PRIMARY }, this.header), index.h("span", { key: '63f8bb46ce58585e214ff5bed409c09554faa2a4', class: { chevron: true, open: this.isOpen } }, index.h("rebill-icon", { key: 'f04954e7e5640a7f6e91906dd88d910bd921b45f', name: "chevron-down", size: "20px", color: "currentColor" }))), index.h("div", { key: '34b86ba2c04f4b79d5ade66553108351b214e921', class: { content: true, open: this.isOpen } }, index.h("slot", { key: 'f5bd4a2305c0d750015bf61461a0662dbc8c6cf5' }))));
     }
 };
 CollapsibleCard.style = collapsibleCardCss;
@@ -215,7 +215,7 @@ const Divider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("div", { key: '74534e1e97d3162be17a8206cb028c140021a78d', class: "rebill-divider" });
+        return index.h("div", { key: 'c0b8c27f99bd5c1bcdc1174af037563ca3a32608', class: "rebill-divider" });
     }
 };
 Divider.style = dividerCss;