npm - rebill-web-components-sdk - Versions diffs - 1.10.1 → 1.10.2-beta.0 - Mend

rebill-web-components-sdk 1.10.1 → 1.10.2-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (303) hide show

package/dist/components/{p-UUAqyvL7.js → p-AFaRRX6m.js} RENAMED Viewed

@@ -2,11 +2,12 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
 import { a as api } from './p-D0zT4zMi.js';
 import { I as I18nService, o as onChange, s as state, S as SessionStore } from './p-Be63Lt_2.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
-import { d as defineCustomElement$6 } from './p-ClLeKt1B.js';
-import { d as defineCustomElement$5 } from './p-CZ4Ng3BX.js';
+import { d as defineCustomElement$7 } from './p-D-FRnRNO.js';
+import { d as defineCustomElement$6 } from './p-Dgn-b0VN.js';
+import { d as defineCustomElement$5 } from './p-Cb2XT9Pi.js';
 import { d as defineCustomElement$4 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$3 } from './p-BLD5qbS8.js';
-import { d as defineCustomElement$2 } from './p-BDqkAG1R.js';
+import { d as defineCustomElement$3 } from './p-C9-xmJLv.js';
+import { d as defineCustomElement$2 } from './p-4NckTb-f.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 const addressCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#0056f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}:host{display:block}.billing-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.address-container{display:flex;flex-direction:column;gap:16px;width:100%}.state-zip-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.search-link{background:none;border:none;text-decoration:underline;font-size:14px;cursor:pointer;padding:4px 0;text-decoration-color:var(--rebill-color-primary)}.state-zip-row rebill-input-select,.state-zip-row rebill-input-text{flex:1}.search-input-container{margin-top:8px}.manual-entry-link-wrapper{margin-top:8px;text-align:left}.same-as-shipping-section{margin:24px 0;padding:16px 0}.shipping-address-section{margin-top:24px;padding-top:24px}";
@@ -218,7 +219,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["rebill-address", "rebill-address-form", "rebill-address-search", "rebill-icon", "rebill-input-select", "rebill-input-text", "rebill-typography"];
+    const components = ["rebill-address", "rebill-address-form", "rebill-address-search", "rebill-autofill-detector", "rebill-icon", "rebill-input-select", "rebill-input-text", "rebill-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "rebill-address":
             if (!customElements.get(tagName)) {
@@ -227,10 +228,15 @@ function defineCustomElement() {
             break;
         case "rebill-address-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "rebill-address-search":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "rebill-autofill-detector":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
@@ -260,6 +266,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Address as A, defineCustomElement as d };
-//# sourceMappingURL=p-UUAqyvL7.js.map
+//# sourceMappingURL=p-AFaRRX6m.js.map
-//# sourceMappingURL=p-UUAqyvL7.js.map
+//# sourceMappingURL=p-AFaRRX6m.js.map

package/dist/components/p-AFaRRX6m.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-AFaRRX6m.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/address/address.css?tag=rebill-address","src/components/checkout/address/address.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n:host {\n display: block;\n}\n\n.billing-header-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n\n.address-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n\n.state-zip-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n}\n.search-link {\n background: none;\n border: none;\n text-decoration: underline;\n font-size: 14px;\n cursor: pointer;\n padding: 4px 0;\n text-decoration-color: var(--rebill-color-primary);\n}\n\n.state-zip-row rebill-input-select,\n.state-zip-row rebill-input-text {\n flex: 1;\n}\n\n.search-input-container {\n margin-top: 8px;\n}\n\n.manual-entry-link-wrapper {\n margin-top: 8px;\n text-align: left;\n}\n\n.same-as-shipping-section {\n margin: 24px 0;\n padding: 16px 0;\n}\n\n.shipping-address-section {\n margin-top: 24px;\n padding-top: 24px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { onChange, sessionState, SessionStore } from '../../../store/session.store';\nimport { AddressComponents } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-address',\n styleUrl: 'address.css',\n shadow: false,\n})\nexport class Address {\n @Element() el: HTMLElement;\n @Prop({ mutable: true, reflect: true }) billingView: 'search' | 'form' = 'search';\n @State() currentBillingStateOptions: { label: string; value: string }[] = [];\n @State() isLoadingAddress: boolean = false;\n @Prop() disabled: boolean = false;\n @Event() searchRequested: EventEmitter<void>;\n @Prop() countryOptions: { label: string; value: string }[] = [];\n\n @Prop() errors?: {\n 'billing-country': string;\n 'billing-state': string;\n 'billing-address': string;\n 'billing-city': string;\n 'billing-zip': string;\n } | null = null;\n\n private unsubscribeAddressStore?: () => void;\n\n private translateError(errorKey: string | undefined): string {\n if (!errorKey) return '';\n if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n return I18nService.translate(errorKey);\n }\n return errorKey;\n }\n\n @Event() addressUpdated: EventEmitter<{\n country: string;\n state: string;\n address: string;\n city: string;\n zip: string;\n addInformation: string;\n }>;\n\n componentDidLoad() {\n this.unsubscribeAddressStore = onChange('data', () => {\n const billingAddress = sessionState.data.userInformation.address?.billingAddress;\n\n if (billingAddress) {\n const addressData: AddressComponents = {\n country: billingAddress.country || '',\n state: billingAddress.state || '',\n address: billingAddress.address || '',\n city: billingAddress.city || '',\n zip: billingAddress.zip || '',\n addInformation: billingAddress.addInformation || '',\n };\n\n this.emitInputEventsForAddress(addressData);\n }\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribeAddressStore) {\n this.unsubscribeAddressStore();\n }\n }\n\n private async handleAddressSelected(address: AddressComponents) {\n this.isLoadingAddress = true;\n\n // Normalize text function for handling accents and special characters\n const normalizeText = (text: string) => {\n return text\n .toLowerCase()\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '') // Remove accents\n .replace(/\\./g, '') // Remove dots\n .replace(/\\s+/g, ' ') // Normalize spaces\n .trim();\n };\n this.billingView = 'form';\n\n if (address.country) {\n await this.loadStatesForCountry(address.country);\n\n // Compare Google state with API states\n if (address.state && this.currentBillingStateOptions.length > 0) {\n const exactMatch = this.currentBillingStateOptions.find(\n option => option.value.toLowerCase() === address.state.toLowerCase(),\n );\n\n const partialMatch = this.currentBillingStateOptions.find(\n option =>\n option.value.toLowerCase().includes(address.state.toLowerCase()) ||\n address.state.toLowerCase().includes(option.value.toLowerCase()),\n );\n\n // Try to find matches with common variations\n const normalizedGoogleState = normalizeText(address.state)\n .replace('ciudad de ', '')\n .replace('estado de ', '')\n .replace('provincia de ', '');\n\n const normalizedMatch = this.currentBillingStateOptions.find(option => {\n const normalizedOption = normalizeText(option.value)\n .replace('ciudad de ', '')\n .replace('estado de ', '')\n .replace('provincia de ', '');\n\n const matches =\n normalizedOption === normalizedGoogleState ||\n normalizedOption.startsWith(normalizedGoogleState + ' ') ||\n normalizedGoogleState.startsWith(normalizedOption + ' ');\n return matches;\n });\n\n if (exactMatch) {\n address.state = exactMatch.value;\n } else if (normalizedMatch) {\n address.state = normalizedMatch.value;\n } else if (partialMatch) {\n address.state = partialMatch.value;\n } else {\n address.state = undefined;\n }\n }\n }\n SessionStore.setBillingAddress(address);\n\n this.addressUpdated.emit({\n country: address.country || '',\n address: address.address || '',\n city: address.city || '',\n state: address.state || undefined,\n zip: address.zip || '',\n addInformation: address.addInformation || '',\n });\n\n // Use requestAnimationFrame to ensure the form is rendered with the new state options\n // before emitting events. This ensures the state field can be properly populated.\n requestAnimationFrame(() => {\n this.emitInputEventsForAddress(address);\n setTimeout(() => {\n this.isLoadingAddress = false;\n }, 500);\n });\n }\n\n private emitInputEventsForAddress(address: AddressComponents) {\n // Emit input events for each address field that has a value\n // This mimics user input to properly clear validation errors\n const fields = [\n { id: `billing-country`, value: address.country },\n { id: `billing-address`, value: address.address },\n { id: `billing-city`, value: address.city },\n { id: `billing-state`, value: address.state },\n { id: `billing-zip`, value: address.zip },\n { id: `billing-addInformation`, value: address.addInformation },\n ];\n\n fields.forEach(field => {\n if (field.value) {\n this.emitInputEvent(field.id, field.value);\n }\n });\n }\n\n private emitInputEvent(id: string, value: string) {\n if (value) {\n // Create and dispatch a custom input event that the form component can listen to\n const inputEvent = new CustomEvent('input', {\n detail: { id, value },\n bubbles: true,\n composed: true,\n });\n this.el.dispatchEvent(inputEvent);\n }\n }\n private handleSearchRequest = () => {\n this.billingView = 'search';\n };\n\n private async loadStatesForCountry(countryCode: string) {\n try {\n const response = await api.data.getStates(countryCode);\n const statesResponse = response.data;\n const stateOptions =\n statesResponse && statesResponse.states\n ? statesResponse.states.map(state => ({ label: state, value: state }))\n : [];\n\n this.currentBillingStateOptions = stateOptions;\n } catch (error) {\n this.currentBillingStateOptions = [];\n }\n }\n\n private handleManualEntry = () => {\n this.billingView = 'form';\n };\n\n private async handleInput(field: string, value: string) {\n if (value === undefined) return;\n SessionStore.setBillingAddress({ [field]: value } as any);\n // Emit input event to form to sync with form data\n this.emitInputEvent(`billing-${field}`, value);\n\n // If country changes, load states for the new country\n if (field === 'country') {\n await this.loadStatesForCountry(value);\n // Clear the current state selection since the country changed\n SessionStore.setBillingAddress({ state: '' } as any);\n }\n }\n\n private renderAddressHeader() {\n return (\n <div class=\"billing-header-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('billingAddress.title')}\n </rebill-typography>\n {this.billingView === 'form' && (\n <button class=\"search-link\" type=\"button\" onClick={this.handleSearchRequest}>\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.LINK} class=\"footer-link\">\n {I18nService.translate('billingAddress.searchPlaceholder', 'Search address')}\n </rebill-typography>\n </button>\n )}\n </div>\n );\n }\n\n private renderAddressForm() {\n if (this.billingView === 'search') {\n const addressError =\n this.translateError(this.errors?.['billing-address']) ||\n this.translateError(this.errors?.['billing-country']) ||\n this.translateError(this.errors?.['billing-state']) ||\n this.translateError(this.errors?.['billing-city']) ||\n this.translateError(this.errors?.['billing-zip']) ||\n '';\n return (\n <div>\n {this.renderAddressHeader()}\n <rebill-address-search\n onAddressSelected={e => this.handleAddressSelected(e.detail)}\n onManualEntryRequested={() => this.handleManualEntry()}\n error={addressError}\n disabled={this.disabled}\n />\n </div>\n );\n }\n\n const errorsToShow = this.isLoadingAddress ? null : this.errors;\n\n return (\n <div>\n {this.renderAddressHeader()}\n <rebill-address-form\n countryOptions={this.countryOptions}\n stateOptions={this.currentBillingStateOptions}\n errors={errorsToShow}\n disabled={this.disabled}\n onFieldChanged={e => this.handleInput(e.detail.field, e.detail.value)}\n />\n </div>\n );\n }\n\n render() {\n return (\n <div>\n {/* Billing Address */}\n {this.renderAddressForm()}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BM7arRE4.js → p-BFqhozQ0.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, H, h, Host } from './p-8BpuJ_V5.js';
 import { S as SessionStore, I as I18nService } from './p-Be63Lt_2.js';
 import { d as defineCustomElement$2 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$1 } from './p-CTCwiLaJ.js';
+import { d as defineCustomElement$1 } from './p-RbKsk0NK.js';
 const userInformationCss = ":host{display:block}.inputs-container{display:flex;flex-direction:column;gap:16px;width:100%}.customer-exists{display:flex;justify-content:flex-end;margin-bottom:16px}";
@@ -66,7 +66,7 @@ const UserInformationPhone = /*@__PURE__*/ proxyCustomElement(class UserInformat
         }
     }
     render() {
-        return (h(Host, { key: '8055d21e666b3d2678c413a1ccf5624059fbaa8b' }, h("div", { key: '4a39e79589f206ff2db4f644583645662f53554e' }, h("rebill-input-phone", { key: 'bb94d618d16788b120bb16978cb78efbf03c06d1', disabled: this.disabled, validationErrorId: "isValidPhoneNumber", phoneNumberId: "phoneNumber", countryCodeId: "countryCodePhoneNumber", placeholder: I18nService.translate('userInformation.phoneNumberPlaceholder'), "initial-country": this.countryCode?.toLowerCase() || 'ar', error: this.error, required: true, searchable: true, searchPlaceholder: I18nService.translate('userInformation.searchCountriesPlaceholder') }))));
+        return (h(Host, { key: '22a19f5259c0c44af49eccf475a23f2184f86aa7' }, h("div", { key: '936709bd5c83400535819879936335948358d0dd' }, h("rebill-input-phone", { key: '65163b7395a0219ced0b86bd65041afe4ca07dee', disabled: this.disabled, validationErrorId: "isValidPhoneNumber", phoneNumberId: "phoneNumber", countryCodeId: "countryCodePhoneNumber", placeholder: I18nService.translate('userInformation.phoneNumberPlaceholder'), "initial-country": this.countryCode?.toLowerCase() || 'ar', error: this.error, required: true, searchable: true, searchPlaceholder: I18nService.translate('userInformation.searchCountriesPlaceholder') }))));
     }
     static get style() { return userInformationCss; }
 }, [256, "user-information-phone", {
@@ -101,6 +101,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { UserInformationPhone as U, defineCustomElement as d };
-//# sourceMappingURL=p-BM7arRE4.js.map
+//# sourceMappingURL=p-BFqhozQ0.js.map
-//# sourceMappingURL=p-BM7arRE4.js.map
+//# sourceMappingURL=p-BFqhozQ0.js.map

package/dist/components/{p-BM7arRE4.js.map → p-BFqhozQ0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BM7arRE4~~.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,yKAAyK;;MCSvL,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;;;IACvB,KAAK,GAAkB,IAAI;IAC3B,WAAW,GAAmB,IAAI;IACjC,qBAAqB,GAAW,CAAC;IAClC,QAAQ,GAAY,KAAK;AAEzB,IAAA,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CrC,gBAAgB,GAAA;QACd,IAAI,CAAC,6BAA6B,GAAG,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAK;YAC/E,IAAI,CAAC,qBAAqB,EAAE;AAC9B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;;IAIxC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,iBAAiB,EAAC,oBAAoB,EACtC,aAAa,EAAC,aAAa,EAC3B,aAAa,EAAC,wBAAwB,EACtC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAC3D,iBAAA,EAAA,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,IAAI,EACxD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,4CAA4C,CAAC,EAAA,CACtF,CACE,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/user-information/user-information.css?tag=user-information-phone","src/components/checkout/user-information/user-information-phone.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.inputs-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n.customer-exists {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 16px;\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SessionStore } from '../../../store/session.store';\n\n@Component({\n tag: 'user-information-phone',\n styleUrl: 'user-information.css',\n shadow: false,\n})\nexport class UserInformationPhone {\n @Prop() error: string \| null = null;\n @Prop() countryCode?: string \| null = null;\n @State() languageUpdateTrigger: number = 0;\n @Prop() disabled: boolean = false;\n\n private unsubscribeCurrentLocaleStore?: () => void;\n\n // @Listen('phoneInput')\n // handleInputChange(event: CustomEvent<{ id: string; value: string }>) {\n // if (!event.detail) return;\n\n // const { id, value } = event.detail;\n // if (id === 'phoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: value,\n // countryCode: this.userInformationPhone.countryCode,\n // });\n // } else if (id === 'countryCodePhoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: this.userInformationPhone.phoneNumber.number,\n // countryCode: value,\n // });\n // } else {\n // SessionStore.setUserInformation({ [id]: value });\n // }\n\n // // Don't stop propagation - let the form handle the event too\n // }\n\n // @Listen('blurPhone')\n // handleBlurPhone(event: CustomEvent<{ id: string; value: string }>) {\n // if (!event.detail) return; // Ignore native input events or malformed events\n\n // const { id, value } = event.detail;\n // if (id === 'phoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: value,\n // countryCode: this.userInformationPhone.countryCode,\n // });\n // } else if (id === 'countryCodePhoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: this.userInformationPhone.phoneNumber.number,\n // countryCode: value,\n // });\n // } else {\n // SessionStore.setUserInformation({ [id]: value });\n // }\n\n // // Don't stop propagation - let the form handle the event too\n // }\n\n componentDidLoad() {\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.languageUpdateTrigger++;\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n\n render() {\n return (\n <Host>\n <div>\n <rebill-input-phone\n disabled={this.disabled}\n validationErrorId=\"isValidPhoneNumber\"\n phoneNumberId=\"phoneNumber\"\n countryCodeId=\"countryCodePhoneNumber\"\n placeholder={I18nService.translate('userInformation.phoneNumberPlaceholder')}\n initial-country={this.countryCode?.toLowerCase() \|\| 'ar'}\n error={this.error}\n required={true}\n searchable={true}\n searchPlaceholder={I18nService.translate('userInformation.searchCountriesPlaceholder')}\n />\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BFqhozQ0.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,yKAAyK;;MCSvL,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;;;IACvB,KAAK,GAAkB,IAAI;IAC3B,WAAW,GAAmB,IAAI;IACjC,qBAAqB,GAAW,CAAC;IAClC,QAAQ,GAAY,KAAK;AAEzB,IAAA,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CrC,gBAAgB,GAAA;QACd,IAAI,CAAC,6BAA6B,GAAG,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAK;YAC/E,IAAI,CAAC,qBAAqB,EAAE;AAC9B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;;IAIxC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,iBAAiB,EAAC,oBAAoB,EACtC,aAAa,EAAC,aAAa,EAC3B,aAAa,EAAC,wBAAwB,EACtC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAC3D,iBAAA,EAAA,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,IAAI,EACxD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,4CAA4C,CAAC,EAAA,CACtF,CACE,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/user-information/user-information.css?tag=user-information-phone","src/components/checkout/user-information/user-information-phone.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.inputs-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n.customer-exists {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 16px;\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SessionStore } from '../../../store/session.store';\n\n@Component({\n tag: 'user-information-phone',\n styleUrl: 'user-information.css',\n shadow: false,\n})\nexport class UserInformationPhone {\n @Prop() error: string \| null = null;\n @Prop() countryCode?: string \| null = null;\n @State() languageUpdateTrigger: number = 0;\n @Prop() disabled: boolean = false;\n\n private unsubscribeCurrentLocaleStore?: () => void;\n\n // @Listen('phoneInput')\n // handleInputChange(event: CustomEvent<{ id: string; value: string }>) {\n // if (!event.detail) return;\n\n // const { id, value } = event.detail;\n // if (id === 'phoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: value,\n // countryCode: this.userInformationPhone.countryCode,\n // });\n // } else if (id === 'countryCodePhoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: this.userInformationPhone.phoneNumber.number,\n // countryCode: value,\n // });\n // } else {\n // SessionStore.setUserInformation({ [id]: value });\n // }\n\n // // Don't stop propagation - let the form handle the event too\n // }\n\n // @Listen('blurPhone')\n // handleBlurPhone(event: CustomEvent<{ id: string; value: string }>) {\n // if (!event.detail) return; // Ignore native input events or malformed events\n\n // const { id, value } = event.detail;\n // if (id === 'phoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: value,\n // countryCode: this.userInformationPhone.countryCode,\n // });\n // } else if (id === 'countryCodePhoneNumber') {\n // SessionStore.setUserPhoneNumber({\n // number: this.userInformationPhone.phoneNumber.number,\n // countryCode: value,\n // });\n // } else {\n // SessionStore.setUserInformation({ [id]: value });\n // }\n\n // // Don't stop propagation - let the form handle the event too\n // }\n\n componentDidLoad() {\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.languageUpdateTrigger++;\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n\n render() {\n return (\n <Host>\n <div>\n <rebill-input-phone\n disabled={this.disabled}\n validationErrorId=\"isValidPhoneNumber\"\n phoneNumberId=\"phoneNumber\"\n countryCodeId=\"countryCodePhoneNumber\"\n placeholder={I18nService.translate('userInformation.phoneNumberPlaceholder')}\n initial-country={this.countryCode?.toLowerCase() \|\| 'ar'}\n error={this.error}\n required={true}\n searchable={true}\n searchPlaceholder={I18nService.translate('userInformation.searchCountriesPlaceholder')}\n />\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-B-Svp05F.js → p-BMX_V4NR.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { f as formatAmount, e as instance, k as SESSION_DISCOUNT_TYPE_ENUM, s as state } from './p-Be63Lt_2.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
-import { d as defineCustomElement$4 } from './p-BU6zbBCY.js';
+import { d as defineCustomElement$4 } from './p-BhAb6Xb9.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$2 } from './p-T8LQxh_O.js';
-import { d as defineCustomElement$1 } from './p-BjRD9lS0.js';
+import { d as defineCustomElement$1 } from './p-DHO4T8Ax.js';
 var DEBIT_STRATEGY_ENUM;
 (function (DEBIT_STRATEGY_ENUM) {
@@ -258,7 +258,7 @@ const TimelineDebitDay = /*@__PURE__*/ proxyCustomElement(class TimelineDebitDay
     }
     render() {
         const events = this.buildEvents();
-        return (h("div", { key: 'd574fa96d847d06e1308c07ad175d81f8b26a012', class: "timeline-container" }, h("div", { key: '7ac3e866828ebd3e299f9768d75c4407758836e7', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
+        return (h("div", { key: '615579b2426ae88ed9691622127addaa02e4b6cf', class: "timeline-container" }, h("div", { key: 'c85f7b90e8b2be2a974c5d00a72323c479f55ef0', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
     }
     static get style() { return timelineDebitDayCss; }
 }, [256, "rebill-timeline-debit-day", {
@@ -311,6 +311,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { TimelineDebitDay as T, defineCustomElement as d };
-//# sourceMappingURL=p-B-Svp05F.js.map
+//# sourceMappingURL=p-BMX_V4NR.js.map
-//# sourceMappingURL=p-B-Svp05F.js.map
+//# sourceMappingURL=p-BMX_V4NR.js.map

package/dist/components/{p-B-Svp05F.js.map → p-BMX_V4NR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B-Svp05F.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/models/enums/debit-strategy.enum.ts","src/components/shared/timeline/timeline-debit-day.css?tag=rebill-timeline-debit-day","src/components/shared/timeline/timeline-debit-day.tsx"],"sourcesContent":["export enum DEBIT_STRATEGY_ENUM {\n CHARGE_FULL = 'charge_full',\n CHARGE_NEXT_CYCLE = 'charge_next_cycle',\n CHARGE_PRORATED = 'charge_prorated',\n}\n",".timeline-container {\n width: 100%;\n margin: 0 auto;\n}\n\n.timeline {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 16px;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-border);\n border-radius: 8px;\n justify-content: space-evenly;\n}\n\n.timeline-event {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n position: relative;\n}\n\n.timeline-icon-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-shrink: 0;\n position: relative;\n gap: 4px;\n}\n.timeline-connector-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-shrink: 0;\n position: relative;\n min-height: 45px;\n}\n.timeline-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n flex-shrink: 0;\n z-index: 2;\n gap: 4px;\n}\n\n.timeline-connector-icon {\n display: block;\n flex-shrink: 0;\n z-index: 1;\n}\n\n.event-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.discount-info {\n margin-top: 8px;\n}\n\n.event-date rebill-icon {\n display: inline-block;\n vertical-align: text-top;\n margin: 0 4px;\n width: 14px;\n height: 14px;\n transform: translateY(-1px);\n}\n\n@media (max-width: 1024px) {\n .timeline {\n border: none;\n padding: 0;\n }\n\n .timeline-event {\n gap: 12px;\n align-items: flex-start;\n }\n\n .timeline-icon {\n width: 28px;\n height: 28px;\n }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { DEBIT_STRATEGY_ENUM } from '../../../models/enums/debit-strategy.enum';\nimport { SESSION_DISCOUNT_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\n\ninterface TimelineEvent {\n day: number;\n type: 'today' \| 'first_charge' \| 'recurring';\n date: string;\n title: string;\n description?: string;\n icon: string;\n amount?: string;\n discountInfo?: string;\n}\n\n@Component({\n tag: 'rebill-timeline-debit-day',\n styleUrl: 'timeline-debit-day.css',\n shadow: false,\n})\nexport class TimelineDebitDay {\n @State() currentLanguage: string;\n\n @Prop() debitDay: number;\n @Prop() totalAmount: number;\n @Prop() planAmount: number;\n @Prop() currency: string;\n @Prop() debitStrategy: DEBIT_STRATEGY_ENUM;\n @Prop() language?: string;\n @Prop() discountApplied: boolean = false;\n @Prop() discountType: SESSION_DISCOUNT_TYPE_ENUM;\n @Prop() discountedPercentage: number = 0;\n @Prop() discountDuration: number = 0;\n @Prop() discountAmount: number = 0;\n\n private get totalAmountFormatted() {\n return formatAmount(this.totalAmount, this.currency, false);\n }\n\n private get planAmountFormatted() {\n return formatAmount(this.planAmount, this.currency, false);\n }\n\n private getDurationTranslation(duration: number): string {\n return duration === 1\n ? i18n.t('summary.month_one')\n : i18n.t('summary.month_other', { count: duration });\n }\n\n private get hasDiscountApplied(): boolean {\n return this.discountApplied && (this.discountedPercentage > 0 \|\| this.discountAmount > 0);\n }\n\n private getDiscountDescription(): string {\n if (!this.hasDiscountApplied) return '';\n\n const couponCode =\n sessionState.data.discount.couponCode \|\| sessionState.data.pricing.discountCouponCode;\n const discount =\n this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n ? `${this.discountedPercentage}%`\n : formatAmount(this.discountAmount, this.currency);\n\n if (this.discountDuration) {\n return i18n.t(`summary.planDiscountDescriptionWithDuration`, {\n discount: couponCode ? `${couponCode} – ${discount}` : discount,\n duration: this.getDurationTranslation(this.discountDuration),\n });\n } else {\n return i18n.t(`summary.planDiscountDescriptionWithoutDuration`, {\n discount: couponCode ? `${couponCode} – ${discount}` : discount,\n });\n }\n }\n\n private calculateDelayedChargeDate(): string {\n if (!this.hasDiscountApplied \|\| !this.discountDuration) {\n return this.getDateForDay(this.debitDay);\n }\n\n const today = new Date();\n const targetDate = new Date(today);\n\n targetDate.setMonth(today.getMonth() + this.discountDuration);\n targetDate.setDate(this.debitDay);\n\n return targetDate.toLocaleDateString(this.currentLanguage, {\n day: 'numeric',\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n componentWillLoad() {\n this.currentLanguage = this.language \|\| i18n.language;\n i18n.on('languageChanged', this.handleLanguageChange);\n }\n\n disconnectedCallback() {\n i18n.off('languageChanged', this.handleLanguageChange);\n }\n\n private handleLanguageChange = () => {\n this.currentLanguage = this.language \|\| i18n.language;\n };\n\n private getDateForDay(dayNumber: number): string {\n const today = new Date();\n const targetDate = new Date(today);\n\n if (dayNumber === 1) {\n // Día 1 es siempre hoy\n return targetDate.toLocaleDateString(this.currentLanguage, {\n day: 'numeric',\n month: 'long',\n timeZone: 'UTC',\n });\n } else {\n const currentMonth = today.getMonth();\n\n if (this.debitDay < today.getDate()) {\n targetDate.setMonth(currentMonth + 1);\n }\n\n targetDate.setDate(this.debitDay);\n return targetDate.toLocaleDateString(this.currentLanguage, {\n day: 'numeric',\n month: 'long',\n timeZone: 'UTC',\n });\n }\n }\n\n private getNextMonthName(): string {\n const today = new Date();\n const nextMonth = new Date(today);\n nextMonth.setMonth(today.getMonth() + 1);\n return nextMonth.toLocaleDateString(this.currentLanguage, {\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n private getMonthNameForDebitDay(): string {\n const today = new Date();\n const targetDate = new Date(today);\n if (this.debitDay < today.getDate()) {\n targetDate.setMonth(today.getMonth() + 1);\n }\n\n return targetDate.toLocaleDateString(this.currentLanguage, {\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n private getMonthNameForDelayedCharge(): string {\n if (!this.hasDiscountApplied \|\| !this.discountDuration) {\n return this.getNextMonthName();\n }\n\n const today = new Date();\n const targetDate = new Date(today);\n targetDate.setMonth(today.getMonth() + this.discountDuration);\n\n return targetDate.toLocaleDateString(this.currentLanguage, {\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n private buildEvents(): TimelineEvent[] {\n const events: TimelineEvent[] = [];\n const nextMonthName = this.getNextMonthName();\n const delayedChargeDate = this.calculateDelayedChargeDate();\n const discountInfo = this.hasDiscountApplied ? this.getDiscountDescription() : undefined;\n\n switch (this.debitStrategy) {\n case DEBIT_STRATEGY_ENUM.CHARGE_FULL:\n events.push({\n day: 1,\n type: 'today',\n date: this.getDateForDay(1),\n title: i18n.t('timeline.today'),\n description: i18n.t('timeline.chargeFullToday', {\n amount: `$${this.totalAmountFormatted}`,\n }),\n icon: 'circle-calendar',\n discountInfo,\n });\n\n events.push({\n day: this.debitDay,\n type: 'recurring',\n date: this.hasDiscountApplied ? delayedChargeDate : '',\n title: i18n.t('timeline.after'),\n description: i18n.t('timeline.recurringCharge', {\n day: this.debitDay,\n amount: `$${this.planAmountFormatted}`,\n month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n }),\n icon: 'circle-receipt-active',\n });\n break;\n\n case DEBIT_STRATEGY_ENUM.CHARGE_NEXT_CYCLE:\n events.push({\n day: 1,\n type: 'today',\n date: this.getDateForDay(1),\n title: i18n.t('timeline.today'),\n icon: 'circle-calendar',\n amount: `$${this.totalAmountFormatted}`,\n discountInfo,\n });\n\n events.push({\n day: this.debitDay,\n type: 'first_charge',\n date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n title: i18n.t('timeline.firstCharge'),\n description: '',\n icon: 'circle-receipt',\n amount: `$${this.planAmountFormatted}`,\n });\n\n events.push({\n day: this.debitDay + 1,\n type: 'recurring',\n date: '',\n title: i18n.t('timeline.after'),\n description: i18n.t('timeline.recurringCharge', {\n day: this.debitDay,\n amount: `$${this.planAmountFormatted}`,\n month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n }),\n icon: 'clock-and-calendar',\n });\n break;\n\n case DEBIT_STRATEGY_ENUM.CHARGE_PRORATED:\n events.push({\n day: 1,\n type: 'today',\n date: this.getDateForDay(1),\n title: i18n.t('timeline.today'),\n description: i18n.t('timeline.proratedCharge', {\n amount: `$${this.totalAmountFormatted}`,\n day: this.debitDay,\n month: this.getMonthNameForDebitDay(),\n }),\n icon: 'circle-calendar',\n amount: `$${this.totalAmountFormatted}`,\n discountInfo,\n });\n\n events.push({\n day: this.debitDay,\n type: 'first_charge',\n date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n title: i18n.t('timeline.firstCharge'),\n description: '',\n icon: 'circle-receipt',\n amount: `$${this.planAmountFormatted}`,\n });\n\n events.push({\n day: this.debitDay + 1,\n type: 'recurring',\n date: '',\n title: i18n.t('timeline.after'),\n description: i18n.t('timeline.recurringCharge', {\n day: this.debitDay,\n amount: `$${this.planAmountFormatted}`,\n month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n }),\n icon: 'clock-and-calendar',\n });\n break;\n }\n\n return events;\n }\n\n private renderEvent(event: TimelineEvent, isLast: boolean, isFirst: boolean) {\n const events = this.buildEvents();\n const totalEvents = events.length;\n\n return (\n <div key={event.day} class=\"timeline-event\">\n <div class=\"timeline-icon-container\">\n <rebill-icon name={event.icon} style={{ marginTop: '3px' }} />\n <div class=\"timeline-connector-container\">\n {!isLast &&\n (isFirst ? (\n totalEvents === 2 ? (\n <rebill-vertical-divider\n connectorActive\n color={COLORS_ENUM.INFO_BORDER}\n class=\"timeline-connector-icon\"\n height={event.discountInfo ? '65px' : '45px'}\n />\n ) : (\n <rebill-vertical-divider\n connectorActive\n color={COLORS_ENUM.INFO_BORDER}\n class=\"timeline-connector-icon\"\n height={event.discountInfo ? '65px' : '45px'}\n withDot\n />\n )\n ) : (\n <rebill-vertical-divider\n color={COLORS_ENUM.TIMELINE_CONNECTOR}\n class=\"timeline-connector-icon\"\n height={event.discountInfo ? '65px' : '45px'}\n />\n ))}\n </div>\n </div>\n <div class=\"event-content\">\n <rebill-typography variant=\"subtitle-bold\">{event.title}</rebill-typography>\n <div class=\"event-date\">\n <rebill-typography variant=\"body2\">\n {event.amount ? (\n <span>\n {event.date} <rebill-icon name=\"arrow-right\" /> {event.amount} {event.description}\n </span>\n ) : event.date ? (\n `${event.date} - ${event.description}`\n ) : (\n event.description\n )}\n </rebill-typography>\n </div>\n {event.discountInfo && (\n <div class=\"discount-info\">\n <rebill-alert\n variant=\"filled\"\n type=\"coupon\"\n icon=\"tag-green\"\n size=\"small\"\n colorIcon={COLORS_ENUM.GREEN}\n alertTitle={event.discountInfo}\n />\n </div>\n )}\n </div>\n </div>\n );\n }\n\n render() {\n const events = this.buildEvents();\n\n return (\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n {events.map((event, index) =>\n this.renderEvent(event, index === events.length - 1, index === 0),\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BMX_V4NR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/models/enums/debit-strategy.enum.ts","src/components/shared/timeline/timeline-debit-day.css?tag=rebill-timeline-debit-day","src/components/shared/timeline/timeline-debit-day.tsx"],"sourcesContent":["export enum DEBIT_STRATEGY_ENUM {\n CHARGE_FULL = 'charge_full',\n CHARGE_NEXT_CYCLE = 'charge_next_cycle',\n CHARGE_PRORATED = 'charge_prorated',\n}\n",".timeline-container {\n width: 100%;\n margin: 0 auto;\n}\n\n.timeline {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 16px;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-border);\n border-radius: 8px;\n justify-content: space-evenly;\n}\n\n.timeline-event {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n position: relative;\n}\n\n.timeline-icon-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-shrink: 0;\n position: relative;\n gap: 4px;\n}\n.timeline-connector-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-shrink: 0;\n position: relative;\n min-height: 45px;\n}\n.timeline-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n flex-shrink: 0;\n z-index: 2;\n gap: 4px;\n}\n\n.timeline-connector-icon {\n display: block;\n flex-shrink: 0;\n z-index: 1;\n}\n\n.event-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.discount-info {\n margin-top: 8px;\n}\n\n.event-date rebill-icon {\n display: inline-block;\n vertical-align: text-top;\n margin: 0 4px;\n width: 14px;\n height: 14px;\n transform: translateY(-1px);\n}\n\n@media (max-width: 1024px) {\n .timeline {\n border: none;\n padding: 0;\n }\n\n .timeline-event {\n gap: 12px;\n align-items: flex-start;\n }\n\n .timeline-icon {\n width: 28px;\n height: 28px;\n }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { DEBIT_STRATEGY_ENUM } from '../../../models/enums/debit-strategy.enum';\nimport { SESSION_DISCOUNT_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\n\ninterface TimelineEvent {\n day: number;\n type: 'today' \| 'first_charge' \| 'recurring';\n date: string;\n title: string;\n description?: string;\n icon: string;\n amount?: string;\n discountInfo?: string;\n}\n\n@Component({\n tag: 'rebill-timeline-debit-day',\n styleUrl: 'timeline-debit-day.css',\n shadow: false,\n})\nexport class TimelineDebitDay {\n @State() currentLanguage: string;\n\n @Prop() debitDay: number;\n @Prop() totalAmount: number;\n @Prop() planAmount: number;\n @Prop() currency: string;\n @Prop() debitStrategy: DEBIT_STRATEGY_ENUM;\n @Prop() language?: string;\n @Prop() discountApplied: boolean = false;\n @Prop() discountType: SESSION_DISCOUNT_TYPE_ENUM;\n @Prop() discountedPercentage: number = 0;\n @Prop() discountDuration: number = 0;\n @Prop() discountAmount: number = 0;\n\n private get totalAmountFormatted() {\n return formatAmount(this.totalAmount, this.currency, false);\n }\n\n private get planAmountFormatted() {\n return formatAmount(this.planAmount, this.currency, false);\n }\n\n private getDurationTranslation(duration: number): string {\n return duration === 1\n ? i18n.t('summary.month_one')\n : i18n.t('summary.month_other', { count: duration });\n }\n\n private get hasDiscountApplied(): boolean {\n return this.discountApplied && (this.discountedPercentage > 0 \|\| this.discountAmount > 0);\n }\n\n private getDiscountDescription(): string {\n if (!this.hasDiscountApplied) return '';\n\n const couponCode =\n sessionState.data.discount.couponCode \|\| sessionState.data.pricing.discountCouponCode;\n const discount =\n this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n ? `${this.discountedPercentage}%`\n : formatAmount(this.discountAmount, this.currency);\n\n if (this.discountDuration) {\n return i18n.t(`summary.planDiscountDescriptionWithDuration`, {\n discount: couponCode ? `${couponCode} – ${discount}` : discount,\n duration: this.getDurationTranslation(this.discountDuration),\n });\n } else {\n return i18n.t(`summary.planDiscountDescriptionWithoutDuration`, {\n discount: couponCode ? `${couponCode} – ${discount}` : discount,\n });\n }\n }\n\n private calculateDelayedChargeDate(): string {\n if (!this.hasDiscountApplied \|\| !this.discountDuration) {\n return this.getDateForDay(this.debitDay);\n }\n\n const today = new Date();\n const targetDate = new Date(today);\n\n targetDate.setMonth(today.getMonth() + this.discountDuration);\n targetDate.setDate(this.debitDay);\n\n return targetDate.toLocaleDateString(this.currentLanguage, {\n day: 'numeric',\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n componentWillLoad() {\n this.currentLanguage = this.language \|\| i18n.language;\n i18n.on('languageChanged', this.handleLanguageChange);\n }\n\n disconnectedCallback() {\n i18n.off('languageChanged', this.handleLanguageChange);\n }\n\n private handleLanguageChange = () => {\n this.currentLanguage = this.language \|\| i18n.language;\n };\n\n private getDateForDay(dayNumber: number): string {\n const today = new Date();\n const targetDate = new Date(today);\n\n if (dayNumber === 1) {\n // Día 1 es siempre hoy\n return targetDate.toLocaleDateString(this.currentLanguage, {\n day: 'numeric',\n month: 'long',\n timeZone: 'UTC',\n });\n } else {\n const currentMonth = today.getMonth();\n\n if (this.debitDay < today.getDate()) {\n targetDate.setMonth(currentMonth + 1);\n }\n\n targetDate.setDate(this.debitDay);\n return targetDate.toLocaleDateString(this.currentLanguage, {\n day: 'numeric',\n month: 'long',\n timeZone: 'UTC',\n });\n }\n }\n\n private getNextMonthName(): string {\n const today = new Date();\n const nextMonth = new Date(today);\n nextMonth.setMonth(today.getMonth() + 1);\n return nextMonth.toLocaleDateString(this.currentLanguage, {\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n private getMonthNameForDebitDay(): string {\n const today = new Date();\n const targetDate = new Date(today);\n if (this.debitDay < today.getDate()) {\n targetDate.setMonth(today.getMonth() + 1);\n }\n\n return targetDate.toLocaleDateString(this.currentLanguage, {\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n private getMonthNameForDelayedCharge(): string {\n if (!this.hasDiscountApplied \|\| !this.discountDuration) {\n return this.getNextMonthName();\n }\n\n const today = new Date();\n const targetDate = new Date(today);\n targetDate.setMonth(today.getMonth() + this.discountDuration);\n\n return targetDate.toLocaleDateString(this.currentLanguage, {\n month: 'long',\n timeZone: 'UTC',\n });\n }\n\n private buildEvents(): TimelineEvent[] {\n const events: TimelineEvent[] = [];\n const nextMonthName = this.getNextMonthName();\n const delayedChargeDate = this.calculateDelayedChargeDate();\n const discountInfo = this.hasDiscountApplied ? this.getDiscountDescription() : undefined;\n\n switch (this.debitStrategy) {\n case DEBIT_STRATEGY_ENUM.CHARGE_FULL:\n events.push({\n day: 1,\n type: 'today',\n date: this.getDateForDay(1),\n title: i18n.t('timeline.today'),\n description: i18n.t('timeline.chargeFullToday', {\n amount: `$${this.totalAmountFormatted}`,\n }),\n icon: 'circle-calendar',\n discountInfo,\n });\n\n events.push({\n day: this.debitDay,\n type: 'recurring',\n date: this.hasDiscountApplied ? delayedChargeDate : '',\n title: i18n.t('timeline.after'),\n description: i18n.t('timeline.recurringCharge', {\n day: this.debitDay,\n amount: `$${this.planAmountFormatted}`,\n month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n }),\n icon: 'circle-receipt-active',\n });\n break;\n\n case DEBIT_STRATEGY_ENUM.CHARGE_NEXT_CYCLE:\n events.push({\n day: 1,\n type: 'today',\n date: this.getDateForDay(1),\n title: i18n.t('timeline.today'),\n icon: 'circle-calendar',\n amount: `$${this.totalAmountFormatted}`,\n discountInfo,\n });\n\n events.push({\n day: this.debitDay,\n type: 'first_charge',\n date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n title: i18n.t('timeline.firstCharge'),\n description: '',\n icon: 'circle-receipt',\n amount: `$${this.planAmountFormatted}`,\n });\n\n events.push({\n day: this.debitDay + 1,\n type: 'recurring',\n date: '',\n title: i18n.t('timeline.after'),\n description: i18n.t('timeline.recurringCharge', {\n day: this.debitDay,\n amount: `$${this.planAmountFormatted}`,\n month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n }),\n icon: 'clock-and-calendar',\n });\n break;\n\n case DEBIT_STRATEGY_ENUM.CHARGE_PRORATED:\n events.push({\n day: 1,\n type: 'today',\n date: this.getDateForDay(1),\n title: i18n.t('timeline.today'),\n description: i18n.t('timeline.proratedCharge', {\n amount: `$${this.totalAmountFormatted}`,\n day: this.debitDay,\n month: this.getMonthNameForDebitDay(),\n }),\n icon: 'circle-calendar',\n amount: `$${this.totalAmountFormatted}`,\n discountInfo,\n });\n\n events.push({\n day: this.debitDay,\n type: 'first_charge',\n date: this.hasDiscountApplied ? delayedChargeDate : this.getDateForDay(this.debitDay),\n title: i18n.t('timeline.firstCharge'),\n description: '',\n icon: 'circle-receipt',\n amount: `$${this.planAmountFormatted}`,\n });\n\n events.push({\n day: this.debitDay + 1,\n type: 'recurring',\n date: '',\n title: i18n.t('timeline.after'),\n description: i18n.t('timeline.recurringCharge', {\n day: this.debitDay,\n amount: `$${this.planAmountFormatted}`,\n month: this.hasDiscountApplied ? this.getMonthNameForDelayedCharge() : nextMonthName,\n }),\n icon: 'clock-and-calendar',\n });\n break;\n }\n\n return events;\n }\n\n private renderEvent(event: TimelineEvent, isLast: boolean, isFirst: boolean) {\n const events = this.buildEvents();\n const totalEvents = events.length;\n\n return (\n <div key={event.day} class=\"timeline-event\">\n <div class=\"timeline-icon-container\">\n <rebill-icon name={event.icon} style={{ marginTop: '3px' }} />\n <div class=\"timeline-connector-container\">\n {!isLast &&\n (isFirst ? (\n totalEvents === 2 ? (\n <rebill-vertical-divider\n connectorActive\n color={COLORS_ENUM.INFO_BORDER}\n class=\"timeline-connector-icon\"\n height={event.discountInfo ? '65px' : '45px'}\n />\n ) : (\n <rebill-vertical-divider\n connectorActive\n color={COLORS_ENUM.INFO_BORDER}\n class=\"timeline-connector-icon\"\n height={event.discountInfo ? '65px' : '45px'}\n withDot\n />\n )\n ) : (\n <rebill-vertical-divider\n color={COLORS_ENUM.TIMELINE_CONNECTOR}\n class=\"timeline-connector-icon\"\n height={event.discountInfo ? '65px' : '45px'}\n />\n ))}\n </div>\n </div>\n <div class=\"event-content\">\n <rebill-typography variant=\"subtitle-bold\">{event.title}</rebill-typography>\n <div class=\"event-date\">\n <rebill-typography variant=\"body2\">\n {event.amount ? (\n <span>\n {event.date} <rebill-icon name=\"arrow-right\" /> {event.amount} {event.description}\n </span>\n ) : event.date ? (\n `${event.date} - ${event.description}`\n ) : (\n event.description\n )}\n </rebill-typography>\n </div>\n {event.discountInfo && (\n <div class=\"discount-info\">\n <rebill-alert\n variant=\"filled\"\n type=\"coupon\"\n icon=\"tag-green\"\n size=\"small\"\n colorIcon={COLORS_ENUM.GREEN}\n alertTitle={event.discountInfo}\n />\n </div>\n )}\n </div>\n </div>\n );\n }\n\n render() {\n const events = this.buildEvents();\n\n return (\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n {events.map((event, index) =>\n this.renderEvent(event, index === events.length - 1, index === 0),\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-xqbCGsb4.js → p-BMdmsMrv.js} RENAMED Viewed

@@ -19,9 +19,9 @@ const SinglePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SinglePayment
     paymentMethodDetails;
     icons = [];
     render() {
-        return (h("div", { key: '2d233264d6381f700745152929e89011878a0bde', class: "single-payment-method" }, h("div", { key: '957b8c7d7532135f2d4811730fae134a6cdd4efb', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: 'fb6cc4457081579a56fbabcfe6e0a67fa6d617be', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (h("rebill-icon", { key: '5518baf52b69cf8e6203dab3db694683b4a50e4a', name: "cash" })), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry === 'AR' && h("rebill-icon", { key: 'dd3ee71a4b4bd945056b066750101afd7acc3cbd', name: "qr-code" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
-            this.currencyCountry !== 'AR' && h("rebill-icon", { key: '8576429beb78cb089ff4ad5874b04d788872ea8c', name: "bank" }), h("rebill-typography", { key: '641dcc8aa10c1932c7d25ea09408265129cd98ba', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD
+        return (h("div", { key: '805c192db74578fdb9b3dc5e834420c1a927d108', class: "single-payment-method" }, h("div", { key: 'cffba26f380d3dafbe11b713434d698f16490dda', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: 'b907c16e54c735162efc004f6ddd604c48e38d45', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (h("rebill-icon", { key: '745c9f1314c7bb1354f3472f0680f9288826f579', name: "cash" })), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry === 'AR' && h("rebill-icon", { key: '8ea9522422daac6d79868a2a213e565e32e1f56f', name: "qr-code" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
+            this.currencyCountry !== 'AR' && h("rebill-icon", { key: 'b1436ff24cce03b01880dfa4c35e3b4ca64626f6', name: "bank" }), h("rebill-typography", { key: '2821b70236c18cacd349d31284ab9df867702830', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD
             ? I18nService.translate('paymentMethods.cardDescription')
             : this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
                 this.currencyCountry === 'AR'
@@ -31,7 +31,7 @@ const SinglePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SinglePayment
                     ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) ||
                         I18nService.translate('paymentMethods.cash')
                     : I18nService.translate(`paymentMethods.${this.paymentMethod}`))), (this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||
-            this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (h("div", { key: '179d9b6da12cdde78a2b2099dd240d4abf3f9afd', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
+            this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (h("div", { key: 'd4a25a2dcc60a2d1937807d0f9042ab0958fc7ac', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
     }
     static get style() { return singlePaymentMethodCss; }
 }, [256, "single-payment-method", {
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { SinglePaymentMethod as S, defineCustomElement as d };
-//# sourceMappingURL=p-xqbCGsb4.js.map
+//# sourceMappingURL=p-BMdmsMrv.js.map
-//# sourceMappingURL=p-xqbCGsb4.js.map
+//# sourceMappingURL=p-BMdmsMrv.js.map

package/dist/components/{p-xqbCGsb4.js.map → p-BMdmsMrv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~xqbCGsb4~~.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,wsBAAwsB;;MCY1tB,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB,IAAA,aAAa;AACb,IAAA,eAAe;AACf,IAAA,oBAAoB;IACpB,KAAK,GAAa,EAAE;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9E,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,KAC9C,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,GAAG,CAC5B,EACA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,EAChE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAE/C,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC;AAC1C,cAAE,WAAW,CAAC,SAAS,CAAC,gCAAgC;AACxD,cAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;gBACtD,IAAI,CAAC,eAAe,KAAK;AAC3B,kBAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC;AACzD,kBAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI;oBAC7C,IAAI,CAAC,eAAe,KAAK;sBACzB,2BAA2B,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC;AAC3E,wBAAA,WAAW,CAAC,SAAS,CAAC,qBAAqB;sBAC3C,WAAW,CAAC,SAAS,CAAC,CAAkB,eAAA,EAAA,IAAI,CAAC,aAAa,CAAA,CAAE,CAAC,CACnD,CAChB,EAEL,CAAC,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;AACxD,YAAA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,MAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAA,CAAI,CAAC,KAE1E,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,CAC5B,CACG,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/singlePaymentMethod/single-payment-method.css?tag=single-payment-method","src/components/shared/singlePaymentMethod/singlePaymentMethod.tsx"],"sourcesContent":[".single-payment-method {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n height: 40px;\n width: 100%;\n border-radius: 8px;\n background-color: var(--rebill-color-background-right);\n padding: 2px 4px 2px 4px;\n box-sizing: border-box;\n}\n\n.payment-method {\n display: flex;\n align-items: center;\n gap: 8px;\n height: 100%;\n}\n\n.icon-container {\n height: 32px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.icon-container rebill-icon {\n height: 32px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 4px;\n box-sizing: border-box;\n}\n\n.payment-method rebill-icon {\n height: 32px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 2px 4px;\n box-sizing: border-box;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { PaymentMethodDetails } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\n@Component({\n tag: 'single-payment-method',\n styleUrl: 'single-payment-method.css',\n shadow: false,\n})\nexport class SinglePaymentMethod {\n @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n @Prop() currencyCountry: string;\n @Prop() paymentMethodDetails: PaymentMethodDetails[];\n @Prop() icons: string[] = [];\n render() {\n return (\n <div class=\"single-payment-method\">\n <div class=\"payment-method\">\n {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && <rebill-icon name=\"card\" />}\n {this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (\n <rebill-icon name=\"cash\" />\n )}\n {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n this.currencyCountry === 'AR' && <rebill-icon name=\"qr-code\" />}\n {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n this.currencyCountry !== 'AR' && <rebill-icon name=\"bank\" />}\n <rebill-typography\n variant=\"body2-small\"\n color={COLORS_ENUM.NEUTRALS_700}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD\n ? I18nService.translate('paymentMethods.cardDescription')\n : this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n this.currencyCountry === 'AR'\n ? I18nService.translate('paymentMethods.bank_transfer_qr')\n : this.paymentMethod === PAYMENT_METHOD_ENUM.CASH &&\n this.currencyCountry === 'BR'\n ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) \|\|\n I18nService.translate('paymentMethods.cash')\n : I18nService.translate(`paymentMethods.${this.paymentMethod}`)}\n </rebill-typography>\n </div>\n\n {(this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER \|\|\n this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (\n <div class=\"icon-container\">\n {this.icons.length > 0 ? (\n this.icons.map(iconName => <rebill-icon name={iconName} key={iconName} />)\n ) : (\n <rebill-icon name=\"card\" />\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BMdmsMrv.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,wsBAAwsB;;MCY1tB,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB,IAAA,aAAa;AACb,IAAA,eAAe;AACf,IAAA,oBAAoB;IACpB,KAAK,GAAa,EAAE;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9E,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,KAC9C,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,GAAG,CAC5B,EACA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,EAChE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;YACvD,IAAI,CAAC,eAAe,KAAK,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAE/C,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC;AAC1C,cAAE,WAAW,CAAC,SAAS,CAAC,gCAAgC;AACxD,cAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;gBACtD,IAAI,CAAC,eAAe,KAAK;AAC3B,kBAAE,WAAW,CAAC,SAAS,CAAC,iCAAiC;AACzD,kBAAE,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI;oBAC7C,IAAI,CAAC,eAAe,KAAK;sBACzB,2BAA2B,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC;AAC3E,wBAAA,WAAW,CAAC,SAAS,CAAC,qBAAqB;sBAC3C,WAAW,CAAC,SAAS,CAAC,CAAkB,eAAA,EAAA,IAAI,CAAC,aAAa,CAAA,CAAE,CAAC,CACnD,CAChB,EAEL,CAAC,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa;AACxD,YAAA,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,MAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAA,CAAI,CAAC,KAE1E,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,CAC5B,CACG,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/singlePaymentMethod/single-payment-method.css?tag=single-payment-method","src/components/shared/singlePaymentMethod/singlePaymentMethod.tsx"],"sourcesContent":[".single-payment-method {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n height: 40px;\n width: 100%;\n border-radius: 8px;\n background-color: var(--rebill-color-background-right);\n padding: 2px 4px 2px 4px;\n box-sizing: border-box;\n}\n\n.payment-method {\n display: flex;\n align-items: center;\n gap: 8px;\n height: 100%;\n}\n\n.icon-container {\n height: 32px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.icon-container rebill-icon {\n height: 32px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 4px;\n box-sizing: border-box;\n}\n\n.payment-method rebill-icon {\n height: 32px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 2px 4px;\n box-sizing: border-box;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { PaymentMethodDetails } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\n@Component({\n tag: 'single-payment-method',\n styleUrl: 'single-payment-method.css',\n shadow: false,\n})\nexport class SinglePaymentMethod {\n @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n @Prop() currencyCountry: string;\n @Prop() paymentMethodDetails: PaymentMethodDetails[];\n @Prop() icons: string[] = [];\n render() {\n return (\n <div class=\"single-payment-method\">\n <div class=\"payment-method\">\n {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && <rebill-icon name=\"card\" />}\n {this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (\n <rebill-icon name=\"cash\" />\n )}\n {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n this.currencyCountry === 'AR' && <rebill-icon name=\"qr-code\" />}\n {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n this.currencyCountry !== 'AR' && <rebill-icon name=\"bank\" />}\n <rebill-typography\n variant=\"body2-small\"\n color={COLORS_ENUM.NEUTRALS_700}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD\n ? I18nService.translate('paymentMethods.cardDescription')\n : this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&\n this.currencyCountry === 'AR'\n ? I18nService.translate('paymentMethods.bank_transfer_qr')\n : this.paymentMethod === PAYMENT_METHOD_ENUM.CASH &&\n this.currencyCountry === 'BR'\n ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) \|\|\n I18nService.translate('paymentMethods.cash')\n : I18nService.translate(`paymentMethods.${this.paymentMethod}`)}\n </rebill-typography>\n </div>\n\n {(this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER \|\|\n this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (\n <div class=\"icon-container\">\n {this.icons.length > 0 ? (\n this.icons.map(iconName => <rebill-icon name={iconName} key={iconName} />)\n ) : (\n <rebill-icon name=\"card\" />\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BU6zbBCY.js → p-BhAb6Xb9.js} RENAMED Viewed

@@ -20,7 +20,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends H {
     size = 'small';
     colorIcon;
     render() {
-        return (h("div", { key: '00ddd4733c6dcb008b838fae988e79525419d958', class: `alert ${this.type} ${this.variant} ${this.size}` }, this.icon && (h("div", { key: 'f4d687f16eebb0d58d425e1af070b09075ba0200', class: "alert-icon" }, h("rebill-icon", { key: 'f10a09536fc811c3730d06e2880376703222c633', name: this.icon, color: this.colorIcon }))), h("div", { key: 'b328d16362f8032371c440bd99d77cdc5409ca3e', class: "alert-message" }, this.alertTitle && (h("rebill-typography", { key: '25f35b220d9e62f3d4a21f4883963dc4acbbf6b3', variant: this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold', color: this.type === 'error'
+        return (h("div", { key: '8296cc8a9a11c8a06dde7c8cce9a738802f98d4b', class: `alert ${this.type} ${this.variant} ${this.size}` }, this.icon && (h("div", { key: '1bef9259f291bb850f6976581d1ba4e2e5e3c598', class: "alert-icon" }, h("rebill-icon", { key: '37281c5092e5717b428b00e14e86f5af835cf4a2', name: this.icon, color: this.colorIcon }))), h("div", { key: 'd042265d8235c7cf67e26d357e14e412f2a5ff50', class: "alert-message" }, this.alertTitle && (h("rebill-typography", { key: 'ff660e9596ccfa356b0a0d1d02a85235bb3e5344', variant: this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold', color: this.type === 'error'
                 ? COLORS_ENUM.ERROR_DARK
                 : this.type === 'info'
                     ? COLORS_ENUM.INFO_TEXT
@@ -28,7 +28,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends H {
                         ? COLORS_ENUM.NEUTRALS_700
                         : this.type === 'coupon'
                             ? COLORS_ENUM.GREEN_TEXT
-                            : COLORS_ENUM.GREEN }, this.alertTitle)), this.message && (h("rebill-typography", { key: '8b43dee74c6d5571ad217834e1462ee623e7212c', variant: "body2", color: this.type === 'error'
+                            : COLORS_ENUM.GREEN }, this.alertTitle)), this.message && (h("rebill-typography", { key: 'd9595d24af06bb12a91718294cead294e0d1fadc', variant: "body2", color: this.type === 'error'
                 ? COLORS_ENUM.ERROR_DARK
                 : this.type === 'info'
                     ? COLORS_ENUM.INFO_TEXT
@@ -72,6 +72,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Alert as A, defineCustomElement as d };
-//# sourceMappingURL=p-BU6zbBCY.js.map
+//# sourceMappingURL=p-BhAb6Xb9.js.map
-//# sourceMappingURL=p-BU6zbBCY.js.map
+//# sourceMappingURL=p-BhAb6Xb9.js.map

package/dist/components/{p-BU6zbBCY.js.map → p-BhAb6Xb9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BU6zbBCY~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,+xCAA+xC;;MCQnyC,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;IACR,IAAI,GAAuD,OAAO;AAClE,IAAA,OAAO;AACP,IAAA,UAAU;AACV,IAAA,IAAI;IACJ,OAAO,GAA8D,QAAQ;IAC7E,IAAI,GAAuB,OAAO;AAClC,IAAA,SAAS;IACjB,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1D,IAAI,CAAC,IAAI,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,CAAI,CACnD,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,UAAU,KACd,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,EAC/D,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,IAAI,CAAC,IAAI,KAAK;8BACZ,WAAW,CAAC;AACd,8BAAE,WAAW,CAAC,KAAK,IAG5B,IAAI,CAAC,UAAU,CACE,CACrB,EACA,IAAI,CAAC,OAAO,KACX,0EACE,OAAO,EAAC,OAAO,EACf,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,WAAW,CAAC,KAAK,EAG1B,EAAA,IAAI,CAAC,OAAO,CACK,CACrB,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/alert/alert.css?tag=rebill-alert","src/components/shared/alert/alert.tsx"],"sourcesContent":[".alert {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n border-radius: 8px;\n box-sizing: border-box;\n border: 1px solid;\n font-size: 12px;\n gap: 10px;\n}\n\n.alert.medium {\n height: 48px;\n}\n\n.alert.error {\n background-color: var(--rebill-color-error-background);\n border-color: var(--rebill-color-error);\n}\n\n.alert.success {\n background-color: #f0fdf4;\n border-color: var(--rebill-color-green-light);\n}\n\n.alert.coupon {\n background-color: var(--rebill-color-green-light);\n border-color: var(--rebill-color-green-light);\n}\n\n.alert.info {\n background-color: var(--rebill-color-info-background);\n border-color: var(--rebill-color-info-border);\n box-sizing: content-box;\n}\n\n.alert-icon {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n}\n\n.alert-message {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.alert.filled {\n border: none;\n}\n\n.alert.variant-secure {\n background-color: var(--rebill-color-border);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n border-radius: 8px;\n border: none;\n text-align: center;\n gap: 8px;\n height: 40px;\n}\n\n.alert.variant-secure .alert-icon {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n}\n\n.alert.variant-secure .alert-message {\n flex: 0 1 auto;\n text-align: center;\n}\n.alert.variant-info {\n background-color: #f4f5f6;\n border: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-alert',\n styleUrl: 'alert.css',\n shadow: false,\n})\nexport class Alert {\n @Prop() type: 'error' \| 'success' \| 'info' \| 'secure' \| 'coupon' = 'error';\n @Prop() message: string;\n @Prop() alertTitle: string;\n @Prop() icon: string;\n @Prop() variant: 'filled' \| 'outlined' \| 'variant-secure' \| 'variant-info' = 'filled';\n @Prop() size: 'small' \| 'medium' = 'small';\n @Prop() colorIcon: COLORS_ENUM;\n render() {\n return (\n <div class={`alert ${this.type} ${this.variant} ${this.size}`}>\n {this.icon && (\n <div class=\"alert-icon\">\n <rebill-icon name={this.icon} color={this.colorIcon} />\n </div>\n )}\n <div class=\"alert-message\">\n {this.alertTitle && (\n <rebill-typography\n variant={this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold'}\n color={\n this.type === 'error'\n ? COLORS_ENUM.ERROR_DARK\n : this.type === 'info'\n ? COLORS_ENUM.INFO_TEXT\n : this.type === 'secure'\n ? COLORS_ENUM.NEUTRALS_700\n : this.type === 'coupon'\n ? COLORS_ENUM.GREEN_TEXT\n : COLORS_ENUM.GREEN\n }\n >\n {this.alertTitle}\n </rebill-typography>\n )}\n {this.message && (\n <rebill-typography\n variant=\"body2\"\n color={\n this.type === 'error'\n ? COLORS_ENUM.ERROR_DARK\n : this.type === 'info'\n ? COLORS_ENUM.INFO_TEXT\n : this.type === 'secure'\n ? COLORS_ENUM.NEUTRALS_700\n : COLORS_ENUM.GREEN\n }\n >\n {this.message}\n </rebill-typography>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BhAb6Xb9.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,+xCAA+xC;;MCQnyC,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;IACR,IAAI,GAAuD,OAAO;AAClE,IAAA,OAAO;AACP,IAAA,UAAU;AACV,IAAA,IAAI;IACJ,OAAO,GAA8D,QAAQ;IAC7E,IAAI,GAAuB,OAAO;AAClC,IAAA,SAAS;IACjB,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1D,IAAI,CAAC,IAAI,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,CAAI,CACnD,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,UAAU,KACd,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,EAC/D,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,IAAI,CAAC,IAAI,KAAK;8BACZ,WAAW,CAAC;AACd,8BAAE,WAAW,CAAC,KAAK,IAG5B,IAAI,CAAC,UAAU,CACE,CACrB,EACA,IAAI,CAAC,OAAO,KACX,0EACE,OAAO,EAAC,OAAO,EACf,KAAK,EACH,IAAI,CAAC,IAAI,KAAK;kBACV,WAAW,CAAC;AACd,kBAAE,IAAI,CAAC,IAAI,KAAK;sBACZ,WAAW,CAAC;AACd,sBAAE,IAAI,CAAC,IAAI,KAAK;0BACZ,WAAW,CAAC;AACd,0BAAE,WAAW,CAAC,KAAK,EAG1B,EAAA,IAAI,CAAC,OAAO,CACK,CACrB,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/alert/alert.css?tag=rebill-alert","src/components/shared/alert/alert.tsx"],"sourcesContent":[".alert {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n border-radius: 8px;\n box-sizing: border-box;\n border: 1px solid;\n font-size: 12px;\n gap: 10px;\n}\n\n.alert.medium {\n height: 48px;\n}\n\n.alert.error {\n background-color: var(--rebill-color-error-background);\n border-color: var(--rebill-color-error);\n}\n\n.alert.success {\n background-color: #f0fdf4;\n border-color: var(--rebill-color-green-light);\n}\n\n.alert.coupon {\n background-color: var(--rebill-color-green-light);\n border-color: var(--rebill-color-green-light);\n}\n\n.alert.info {\n background-color: var(--rebill-color-info-background);\n border-color: var(--rebill-color-info-border);\n box-sizing: content-box;\n}\n\n.alert-icon {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n}\n\n.alert-message {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.alert.filled {\n border: none;\n}\n\n.alert.variant-secure {\n background-color: var(--rebill-color-border);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n border-radius: 8px;\n border: none;\n text-align: center;\n gap: 8px;\n height: 40px;\n}\n\n.alert.variant-secure .alert-icon {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n}\n\n.alert.variant-secure .alert-message {\n flex: 0 1 auto;\n text-align: center;\n}\n.alert.variant-info {\n background-color: #f4f5f6;\n border: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-alert',\n styleUrl: 'alert.css',\n shadow: false,\n})\nexport class Alert {\n @Prop() type: 'error' \| 'success' \| 'info' \| 'secure' \| 'coupon' = 'error';\n @Prop() message: string;\n @Prop() alertTitle: string;\n @Prop() icon: string;\n @Prop() variant: 'filled' \| 'outlined' \| 'variant-secure' \| 'variant-info' = 'filled';\n @Prop() size: 'small' \| 'medium' = 'small';\n @Prop() colorIcon: COLORS_ENUM;\n render() {\n return (\n <div class={`alert ${this.type} ${this.variant} ${this.size}`}>\n {this.icon && (\n <div class=\"alert-icon\">\n <rebill-icon name={this.icon} color={this.colorIcon} />\n </div>\n )}\n <div class=\"alert-message\">\n {this.alertTitle && (\n <rebill-typography\n variant={this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold'}\n color={\n this.type === 'error'\n ? COLORS_ENUM.ERROR_DARK\n : this.type === 'info'\n ? COLORS_ENUM.INFO_TEXT\n : this.type === 'secure'\n ? COLORS_ENUM.NEUTRALS_700\n : this.type === 'coupon'\n ? COLORS_ENUM.GREEN_TEXT\n : COLORS_ENUM.GREEN\n }\n >\n {this.alertTitle}\n </rebill-typography>\n )}\n {this.message && (\n <rebill-typography\n variant=\"body2\"\n color={\n this.type === 'error'\n ? COLORS_ENUM.ERROR_DARK\n : this.type === 'info'\n ? COLORS_ENUM.INFO_TEXT\n : this.type === 'secure'\n ? COLORS_ENUM.NEUTRALS_700\n : COLORS_ENUM.GREEN\n }\n >\n {this.message}\n </rebill-typography>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Dow9Oa1e.js → p-BldhoZKa.js} RENAMED Viewed

@@ -36,7 +36,7 @@ const InputCheckbox = /*@__PURE__*/ proxyCustomElement(class InputCheckbox exten
         this.input.emit({ id: this.id, value: this.checked });
     };
     render() {
-        return (h("div", { key: 'd7fcac45db4981eefd185b35776c20f869b1a01b', class: "checkbox-container input-container" }, h("label", { key: '2f51a2d7320962b3fae2ee80f9a96f7ba6730d2a', class: `checkbox-label input-label ${this.disabled ? 'disabled' : ''}` }, 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 }), h("span", { key: 'ad010213bc72b2a0320e12dfd5e0c1d7b4d10a07', class: "label-text" }, this.label)), this.error && h("span", { key: '214feb95cd5e00e0413fd3cd65c13526582f467c', class: "error-message" }, this.error)));
+        return (h("div", { key: '888f7ce2e82236feff53f36895a2bd3fe0a4208a', class: "checkbox-container input-container" }, h("label", { key: 'c79209579804656847ed0b04a6a955220ef2d09a', class: `checkbox-label input-label ${this.disabled ? 'disabled' : ''}` }, 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 }), h("span", { key: '5e2f99199b20359377a14cb2afd2059efb6df892', class: "label-text" }, this.label)), this.error && h("span", { key: 'f90d5d734a5ac6bfdf7da128ad539d3e264dd0e4', class: "error-message" }, this.error)));
     }
     static get style() { return inputCheckboxCss; }
 }, [256, "rebill-input-checkbox", {
@@ -62,6 +62,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { InputCheckbox as I, defineCustomElement as d };
-//# sourceMappingURL=p-Dow9Oa1e.js.map
+//# sourceMappingURL=p-BldhoZKa.js.map
-//# sourceMappingURL=p-Dow9Oa1e.js.map
+//# sourceMappingURL=p-BldhoZKa.js.map

package/dist/components/{p-Dow9Oa1e.js.map → p-BldhoZKa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Dow9Oa1e~~.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,+mFAA+mF;;MCO3nF,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAEhB,KAAK,GAAW,EAAE;;IAEc,OAAO,GAAY,KAAK;;IAExD,KAAK,GAAW,EAAE;;IAElB,EAAE,GAAW,EAAE;;IAEf,QAAQ,GAAY,KAAK;;AAExB,IAAA,KAAK;AAGd,IAAA,gBAAgB,CAAC,KAAkB,EAAA;AACjC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM;QAC7B,IAAI,QAAQ,IAAI,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE;YACnC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;;;AAI5B,IAAA,gBAAgB,GAAG,CAAC,KAAY,KAAI;QAC1C,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAA0B;AACjD,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO;AAC/B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;AACvD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,CAAA,2BAAA,EAA8B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3E,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,GAAG,gBAAgB,GAAG,EAAE,CAAE,CAAA,EAC/D,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACtC,EACP,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,eAAe,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/inputs/input-checkbox/input-checkbox.css?tag=rebill-input-checkbox","src/components/shared/inputs/input-checkbox/input-checkbox.tsx"],"sourcesContent":["@import '../shared-input.css';\n\n.checkbox-container {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.checkbox-label.disabled {\n cursor: not-allowed !important;\n opacity: 1;\n}\n\n.checkbox-element {\n appearance: none;\n width: 16px;\n height: 16px;\n border: 1.5px solid var(--rebill-color-border-primary);\n border-radius: 4px;\n background: var(--rebill-color-background);\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n position: relative;\n cursor: pointer;\n}\n\n.checkbox-element:disabled {\n border-color: var(--rebill-color-disabled);\n cursor: not-allowed;\n}\n\n.checkbox-element:checked {\n background-color: var(--rebill-color-primary);\n border-color: var(--rebill-color-primary);\n}\n\n.checkbox-element:checked:disabled {\n background-color: var(--rebill-color-disabled);\n border-color: var(--rebill-color-disabled);\n}\n\n.checkbox-element:checked::after {\n content: '';\n display: block;\n position: absolute;\n left: 4.5px;\n top: 1.5px;\n width: 2.5px;\n height: 7px;\n border: solid var(--rebill-color-background);\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg);\n}\n\n.checkbox-element:disabled:checked::after {\n border-color: var(--rebill-color-background);\n}\n\n.checkbox-error {\n border-color: var(--rebill-color-error) !important;\n}\n\n.label-text {\n user-select: none;\n font-weight: 400;\n}\n","import { Component, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'rebill-input-checkbox',\n styleUrl: 'input-checkbox.css',\n shadow: false,\n})\nexport class InputCheckbox {\n /** Etiqueta que se muestra a la derecha del checkbox /\n @Prop() label: string = '';\n /* Estado del checkbox /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n /* Mensaje de error /\n @Prop() error: string = '';\n /* ID del checkbox /\n @Prop() id: string = '';\n /* Estado deshabilitado /\n @Prop() disabled: boolean = false;\n /* Evento al cambiar el valor */\n @Event() input: EventEmitter<{ id: string; value: boolean }>;\n\n @Listen('change', { target: 'document' })\n handleFormChange(event: CustomEvent) {\n const formData = event.detail;\n if (formData && this.id in formData) {\n this.checked = formData[this.id];\n }\n }\n\n private onCheckboxChange = (event: Event) => {\n if (this.disabled) return;\n const checkbox = event.target as HTMLInputElement;\n this.checked = checkbox.checked;\n this.input.emit({ id: this.id, value: this.checked });\n };\n\n render() {\n return (\n <div class=\"checkbox-container input-container\">\n <label class={`checkbox-label input-label ${this.disabled ? 'disabled' : ''}`}>\n <input\n id={this.id}\n type=\"checkbox\"\n class={`checkbox-element ${this.error ? 'checkbox-error' : ''}`}\n checked={this.checked}\n onChange={this.onCheckboxChange}\n disabled={this.disabled}\n />\n <span class=\"label-text\">{this.label}</span>\n </label>\n {this.error && <span class=\"error-message\">{this.error}</span>}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BldhoZKa.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,+mFAA+mF;;MCO3nF,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAEhB,KAAK,GAAW,EAAE;;IAEc,OAAO,GAAY,KAAK;;IAExD,KAAK,GAAW,EAAE;;IAElB,EAAE,GAAW,EAAE;;IAEf,QAAQ,GAAY,KAAK;;AAExB,IAAA,KAAK;AAGd,IAAA,gBAAgB,CAAC,KAAkB,EAAA;AACjC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM;QAC7B,IAAI,QAAQ,IAAI,IAAI,CAAC,EAAE,IAAI,QAAQ,EAAE;YACnC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;;;AAI5B,IAAA,gBAAgB,GAAG,CAAC,KAAY,KAAI;QAC1C,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAA0B;AACjD,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO;AAC/B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;AACvD,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,CAAA,2BAAA,EAA8B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3E,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,GAAG,gBAAgB,GAAG,EAAE,CAAE,CAAA,EAC/D,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACtC,EACP,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,eAAe,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/inputs/input-checkbox/input-checkbox.css?tag=rebill-input-checkbox","src/components/shared/inputs/input-checkbox/input-checkbox.tsx"],"sourcesContent":["@import '../shared-input.css';\n\n.checkbox-container {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.checkbox-label.disabled {\n cursor: not-allowed !important;\n opacity: 1;\n}\n\n.checkbox-element {\n appearance: none;\n width: 16px;\n height: 16px;\n border: 1.5px solid var(--rebill-color-border-primary);\n border-radius: 4px;\n background: var(--rebill-color-background);\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n border-color 0.15s,\n box-shadow 0.15s;\n position: relative;\n cursor: pointer;\n}\n\n.checkbox-element:disabled {\n border-color: var(--rebill-color-disabled);\n cursor: not-allowed;\n}\n\n.checkbox-element:checked {\n background-color: var(--rebill-color-primary);\n border-color: var(--rebill-color-primary);\n}\n\n.checkbox-element:checked:disabled {\n background-color: var(--rebill-color-disabled);\n border-color: var(--rebill-color-disabled);\n}\n\n.checkbox-element:checked::after {\n content: '';\n display: block;\n position: absolute;\n left: 4.5px;\n top: 1.5px;\n width: 2.5px;\n height: 7px;\n border: solid var(--rebill-color-background);\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg);\n}\n\n.checkbox-element:disabled:checked::after {\n border-color: var(--rebill-color-background);\n}\n\n.checkbox-error {\n border-color: var(--rebill-color-error) !important;\n}\n\n.label-text {\n user-select: none;\n font-weight: 400;\n}\n","import { Component, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'rebill-input-checkbox',\n styleUrl: 'input-checkbox.css',\n shadow: false,\n})\nexport class InputCheckbox {\n /** Etiqueta que se muestra a la derecha del checkbox /\n @Prop() label: string = '';\n /* Estado del checkbox /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n /* Mensaje de error /\n @Prop() error: string = '';\n /* ID del checkbox /\n @Prop() id: string = '';\n /* Estado deshabilitado /\n @Prop() disabled: boolean = false;\n /* Evento al cambiar el valor */\n @Event() input: EventEmitter<{ id: string; value: boolean }>;\n\n @Listen('change', { target: 'document' })\n handleFormChange(event: CustomEvent) {\n const formData = event.detail;\n if (formData && this.id in formData) {\n this.checked = formData[this.id];\n }\n }\n\n private onCheckboxChange = (event: Event) => {\n if (this.disabled) return;\n const checkbox = event.target as HTMLInputElement;\n this.checked = checkbox.checked;\n this.input.emit({ id: this.id, value: this.checked });\n };\n\n render() {\n return (\n <div class=\"checkbox-container input-container\">\n <label class={`checkbox-label input-label ${this.disabled ? 'disabled' : ''}`}>\n <input\n id={this.id}\n type=\"checkbox\"\n class={`checkbox-element ${this.error ? 'checkbox-error' : ''}`}\n checked={this.checked}\n onChange={this.onCheckboxChange}\n disabled={this.disabled}\n />\n <span class=\"label-text\">{this.label}</span>\n </label>\n {this.error && <span class=\"error-message\">{this.error}</span>}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-9OVqnxbl.js → p-BmSGsGCP.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { f as formatAmount, e as instance, k as SESSION_DISCOUNT_TYPE_ENUM, s as state, I as I18nService } from './p-Be63Lt_2.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
-import { d as defineCustomElement$4 } from './p-BU6zbBCY.js';
+import { d as defineCustomElement$4 } from './p-BhAb6Xb9.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$2 } from './p-T8LQxh_O.js';
-import { d as defineCustomElement$1 } from './p-BjRD9lS0.js';
+import { d as defineCustomElement$1 } from './p-DHO4T8Ax.js';
 const timelineFreeTrialCss = ".timeline-container{width:100%;margin:0 auto}.timeline{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:8px;justify-content:space-evenly}.timeline-event{display:flex;align-items:flex-start;gap:8px;position:relative}.timeline-icon-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;gap:4px}.timeline-connector-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;min-height:40px}.timeline-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;z-index:2;gap:4px}.timeline-connector-divider{display:block;flex-shrink:0;z-index:1}.event-content{flex:1;display:flex;flex-direction:column}.discount-info{margin-top:8px}@media (max-width: 1024px){.timeline{border:none;padding:0}.timeline-event{gap:12px;align-items:flex-start}.timeline-icon{width:28px;height:28px}}";
@@ -172,7 +172,7 @@ const Timeline = /*@__PURE__*/ proxyCustomElement(class Timeline extends H {
     }
     render() {
         const events = this.buildEvents();
-        return (h("div", { key: 'fa2300b235bb88fb441202f542ca4d4a02981e98', class: "timeline-container" }, h("div", { key: 'ae353a3c2a3b5ede3883a81e9a8261e209442510', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
+        return (h("div", { key: 'c9032dbd0e3e8fab03dae48c2f37131aee703f08', class: "timeline-container" }, h("div", { key: 'b810d9bdd42b4e5829456f07990806e487a526a1', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
     }
     static get style() { return timelineFreeTrialCss; }
 }, [256, "rebill-timeline-free-trial", {
@@ -225,6 +225,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Timeline as T, defineCustomElement as d };
-//# sourceMappingURL=p-9OVqnxbl.js.map
+//# sourceMappingURL=p-BmSGsGCP.js.map
-//# sourceMappingURL=p-9OVqnxbl.js.map
+//# sourceMappingURL=p-BmSGsGCP.js.map