npm - rebill-web-components-sdk - Versions diffs - 1.8.34-beta.1 → 1.8.35 - Mend

rebill-web-components-sdk 1.8.34-beta.1 → 1.8.35

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 (124) hide show

package/dist/rebill-web-components-sdk/discount-coupon.rebill-divider.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"discount-coupon.rebill-divider.entry.esm.js","sources":["src/components/checkout/discount-coupon/discount-coupon.css?tag=discount-coupon","src/components/checkout/discount-coupon/discount-coupon.tsx","src/components/shared/divider/divider.css?tag=rebill-divider","src/components/shared/divider/divider.tsx"],"sourcesContent":[".summary-row {\n gap: 12px;\n}\n.coupon-chip {\n display: flex;\n align-items: center;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-border-primary);\n justify-content: space-between;\n border-radius: 6px;\n padding: 4px 8px;\n gap: 8px;\n width: fit-content;\n}\n\n.coupon-chip--readonly {\n cursor: default;\n}\n\n.coupon-icon {\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n}\n\n.coupon-close {\n cursor: pointer;\n}\n\n.coupon-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 4px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nenum ACTION_STATUS {\n EDITING = 'editing',\n APPLIED = 'applied',\n NOT_APPLIED = 'not_applied',\n}\n\n@Component({\n tag: 'discount-coupon',\n styleUrl: 'discount-coupon.css',\n shadow: false,\n})\nexport class DiscountCoupon {\n @Element() el: HTMLElement;\n @Prop() hideLabel: boolean = false;\n @Prop() displayMode: 'editable' \| 'readonly' = 'editable';\n @Prop() readonlyCouponCode?: string;\n @Prop() readonlyDiscountAmount?: number;\n @Prop() readonlyCurrency?: string;\n @State() couponCode: string = '';\n @State() actionStatus: ACTION_STATUS = ACTION_STATUS.NOT_APPLIED;\n @State() isLoading: boolean = false;\n @State() isError: boolean = false;\n @State() currentLocale: string = sessionState.currentLocale;\n @Event() discountApplied: EventEmitter<boolean>;\n private inputRef: HTMLRebillInputTextElement;\n private unsubscribeCurrentLocaleStore?: () => void;\n\n componentWillLoad() {\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n\n if (this.readonlyCouponCode) {\n return;\n }\n\n if (\n sessionState.data.pricing.discountCouponCode &&\n sessionState.data.pricing.discountAmount > 0\n ) {\n this.actionStatus = ACTION_STATUS.APPLIED;\n this.couponCode = sessionState.data.pricing.discountCouponCode;\n }\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n componentDidUpdate() {\n if (this.readonlyCouponCode) {\n return;\n }\n\n if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {\n setTimeout(async () => {\n const inputElement = await this.inputRef.getInputElement();\n if (inputElement) {\n inputElement.focus();\n }\n }, 0);\n }\n }\n\n private async onApplyCoupon() {\n if (this.readonlyCouponCode) return;\n const sessionId = sessionState.data.sessionId;\n if (!sessionId) {\n return;\n }\n this.isLoading = true;\n try {\n const response = await api.discountCoupon.applyDiscountCoupon({\n couponCode: this.couponCode,\n quantity: 1,\n sessionId: sessionId,\n organizationId: sessionState.data.organization.id,\n });\n this.actionStatus = ACTION_STATUS.APPLIED;\n SessionStore.setDiscount({\n couponCode: this.couponCode,\n amount: response.amount,\n discountType: response.discountType,\n discountAmount: response.discountedAmount,\n discountedPercentage: response?.discountedPercentage \|\| 0,\n discountDuration: response?.discountDuration \|\| null,\n });\n this.discountApplied.emit(true);\n } catch (error) {\n this.actionStatus = ACTION_STATUS.EDITING;\n this.discountApplied.emit(false);\n this.isError = true;\n SessionStore.setDiscount(null);\n } finally {\n this.isLoading = false;\n }\n }\n\n private onCancelCoupon() {\n if (this.readonlyCouponCode) return;\n this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n this.couponCode = '';\n this.isError = false;\n }\n\n private renderReadonlyView() {\n if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {\n return null;\n }\n\n return (\n <div class=\"coupon-chip coupon-chip--readonly\">\n <rebill-icon name=\"tag-sale\" size=\"16px\" />\n <div class=\"coupon-content\">\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.readonlyCouponCode}\n </rebill-typography>\n {this.readonlyDiscountAmount && (\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n -$\n {formatAmountWithoutCurrency(\n this.readonlyDiscountAmount,\n this.readonlyCurrency as any,\n )}\n </rebill-typography>\n )}\n </div>\n </div>\n );\n }\n\n render() {\n if (this.readonlyCouponCode) {\n return this.renderReadonlyView();\n }\n\n return (\n <div>\n <div\n class=\"summary-row\"\n style={{\n alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',\n display: 'flex',\n }}\n >\n {!this.hideLabel && (\n <rebill-typography\n variant=\"body2\"\n style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' }}\n >\n {I18nService.translate('discountCoupons.discount')}\n </rebill-typography>\n )}\n {this.actionStatus === ACTION_STATUS.NOT_APPLIED && (\n <rebill-button\n variant=\"filled\"\n size=\"small\"\n theme=\"primary-dark\"\n onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n >\n {I18nService.translate('discountCoupons.addDiscount')}\n </rebill-button>\n )}\n {this.actionStatus === ACTION_STATUS.EDITING && (\n <div class=\"summary-row\" style={{ alignItems: 'flex-start', display: 'flex' }}>\n <rebill-input-text\n ref={el => (this.inputRef = el)}\n id=\"discountCoupon\"\n value={this.couponCode}\n placeholder={I18nService.translate('discountCoupons.addDiscount')}\n disabled={this.isLoading}\n error={this.isError ? I18nService.translate('discountCoupons.error') : ''}\n clearable={true}\n uppercase={true}\n onInput={e => {\n e.stopPropagation();\n if (e.detail && e.detail.value !== undefined) {\n this.couponCode = e.detail.value;\n }\n }}\n onBlur={() => {\n if (!this.couponCode.trim()) {\n this.onCancelCoupon();\n }\n }}\n />\n <rebill-button\n variant=\"filled\"\n theme=\"primary-dark\"\n size=\"small\"\n loading={this.isLoading}\n disabled={this.isLoading \|\| !this.couponCode.trim()}\n onClick={() => this.onApplyCoupon()}\n style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' }}\n >\n {I18nService.translate('discountCoupons.apply')}\n </rebill-button>\n </div>\n )}\n {this.actionStatus === ACTION_STATUS.APPLIED && (\n <div class=\"coupon-chip\">\n <rebill-icon name=\"tag-sale\" size=\"16px\" />\n <div\n class=\"coupon-content\"\n onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n >\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {sessionState.data.pricing.discountCouponCode}\n </rebill-typography>\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n -$\n {formatAmountWithoutCurrency(\n sessionState.data.pricing.discountAmount,\n sessionState.data.pricing.currency,\n )}\n </rebill-typography>\n </div>\n <div\n class=\"coupon-close\"\n onClick={() => {\n this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n this.couponCode = '';\n SessionStore.setDiscount(null);\n this.discountApplied.emit(false);\n }}\n >\n <rebill-icon name=\"x\" size=\"20px\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} />\n </div>\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n",".rebill-divider {\n border: none;\n border-top: 0.5px solid var(--rebill-color-border-primary);\n width: 100%;\n height: 0.5px;\n}\n","import { Component, h } from '@stencil/core';\nimport './divider.css';\n\n@Component({\n tag: 'rebill-divider',\n styleUrl: 'divider.css',\n shadow: false,\n})\nexport class Divider {\n render() {\n return <div class=\"rebill-divider\"></div>;\n }\n}\n"],"names":["sessionState"],"mappings":"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"}
1	+ {"version":3,"file":"discount-coupon.rebill-divider.entry.esm.js","sources":["src/components/checkout/discount-coupon/discount-coupon.css?tag=discount-coupon","src/components/checkout/discount-coupon/discount-coupon.tsx","src/components/shared/divider/divider.css?tag=rebill-divider","src/components/shared/divider/divider.tsx"],"sourcesContent":[".summary-row {\n gap: 12px;\n}\n.coupon-chip {\n display: flex;\n align-items: center;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-border-primary);\n justify-content: space-between;\n border-radius: 6px;\n padding: 4px 8px;\n gap: 8px;\n width: fit-content;\n}\n\n.coupon-chip--readonly {\n cursor: default;\n}\n\n.coupon-icon {\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n}\n\n.coupon-close {\n cursor: pointer;\n}\n\n.coupon-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 4px;\n}\n","import { Component, Element, Event, EventEmitter, h, JSX, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nenum ACTION_STATUS {\n EDITING = 'editing',\n APPLIED = 'applied',\n NOT_APPLIED = 'not_applied',\n}\n\n@Component({\n tag: 'discount-coupon',\n styleUrl: 'discount-coupon.css',\n shadow: false,\n})\nexport class DiscountCoupon {\n @Element() el: HTMLElement;\n @Prop() hideLabel: boolean = false;\n @Prop() displayMode: 'editable' \| 'readonly' = 'editable';\n @Prop() readonlyCouponCode?: string;\n @Prop() readonlyDiscountAmount?: number;\n @Prop() readonlyCurrency?: string;\n @State() couponCode: string = '';\n @State() actionStatus: ACTION_STATUS = ACTION_STATUS.NOT_APPLIED;\n @State() isLoading: boolean = false;\n @State() isError: boolean = false;\n @State() currentLocale: string = sessionState.currentLocale;\n @Event() discountApplied: EventEmitter<boolean>;\n private inputRef: HTMLRebillInputTextElement;\n private unsubscribeCurrentLocaleStore?: () => void;\n\n componentWillLoad() {\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n\n if (this.readonlyCouponCode) {\n return;\n }\n\n if (\n sessionState.data.pricing.discountCouponCode &&\n sessionState.data.pricing.discountAmount > 0\n ) {\n this.actionStatus = ACTION_STATUS.APPLIED;\n this.couponCode = sessionState.data.pricing.discountCouponCode;\n }\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n componentDidUpdate() {\n if (this.readonlyCouponCode) {\n return;\n }\n\n if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {\n setTimeout(async () => {\n const inputElement = await this.inputRef.getInputElement();\n if (inputElement) {\n inputElement.focus();\n }\n }, 0);\n }\n }\n\n private async onApplyCoupon() {\n if (this.readonlyCouponCode) return;\n const sessionId = sessionState.data.sessionId;\n if (!sessionId) {\n return;\n }\n this.isLoading = true;\n try {\n const response = await api.discountCoupon.applyDiscountCoupon({\n couponCode: this.couponCode,\n quantity: 1,\n sessionId: sessionId,\n organizationId: sessionState.data.organization.id,\n });\n this.actionStatus = ACTION_STATUS.APPLIED;\n SessionStore.setDiscount({\n couponCode: this.couponCode,\n amount: response.amount,\n discountType: response.discountType,\n discountAmount: response.discountedAmount,\n discountedPercentage: response?.discountedPercentage \|\| 0,\n discountDuration: response?.discountDuration \|\| null,\n });\n this.discountApplied.emit(true);\n } catch (error) {\n this.actionStatus = ACTION_STATUS.EDITING;\n this.discountApplied.emit(false);\n this.isError = true;\n SessionStore.setDiscount(null);\n } finally {\n this.isLoading = false;\n }\n }\n\n private onCancelCoupon() {\n if (this.readonlyCouponCode) return;\n this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n this.couponCode = '';\n this.isError = false;\n }\n\n private renderCouponChip({\n couponCode,\n discountAmount,\n currency,\n readonly = false,\n onClick,\n onRemove,\n }: {\n couponCode?: string;\n discountAmount?: number \| null;\n currency?: string \| null;\n readonly?: boolean;\n onClick?: () => void;\n onRemove?: () => void;\n }): JSX.Element \| null {\n if (!couponCode) {\n return null;\n }\n\n const hasDiscountAmount = typeof discountAmount === 'number';\n\n return (\n <div class={`coupon-chip${readonly ? ' coupon-chip--readonly' : ''}`}>\n <rebill-icon name=\"tag-sale\" size=\"16px\" />\n <div class=\"coupon-content\" onClick={!readonly ? onClick : undefined}>\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {couponCode}\n </rebill-typography>\n {hasDiscountAmount && (\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n -$\n {formatAmountWithoutCurrency(discountAmount as number, currency as any)}\n </rebill-typography>\n )}\n </div>\n {!readonly && onRemove && (\n <div class=\"coupon-close\" onClick={onRemove}>\n <rebill-icon name=\"x\" size=\"20px\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} />\n </div>\n )}\n </div>\n );\n }\n\n private renderReadonlyView() {\n if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {\n return null;\n }\n\n return this.renderCouponChip({\n couponCode: this.readonlyCouponCode,\n discountAmount: this.readonlyDiscountAmount ?? null,\n currency: this.readonlyCurrency ?? null,\n readonly: true,\n });\n }\n\n render() {\n if (this.readonlyCouponCode) {\n return this.renderReadonlyView();\n }\n\n return (\n <div>\n <div\n class=\"summary-row\"\n style={{\n alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',\n display: 'flex',\n }}\n >\n {!this.hideLabel && (\n <rebill-typography\n variant=\"body2\"\n style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' }}\n >\n {I18nService.translate('discountCoupons.discount')}\n </rebill-typography>\n )}\n {this.actionStatus === ACTION_STATUS.NOT_APPLIED && (\n <rebill-button\n variant=\"filled\"\n size=\"small\"\n theme=\"primary-dark\"\n onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n >\n {I18nService.translate('discountCoupons.addDiscount')}\n </rebill-button>\n )}\n {this.actionStatus === ACTION_STATUS.EDITING && (\n <div class=\"summary-row\" style={{ alignItems: 'flex-start', display: 'flex' }}>\n <rebill-input-text\n ref={el => (this.inputRef = el)}\n id=\"discountCoupon\"\n value={this.couponCode}\n placeholder={I18nService.translate('discountCoupons.addDiscount')}\n disabled={this.isLoading}\n error={this.isError ? I18nService.translate('discountCoupons.error') : ''}\n clearable={true}\n uppercase={true}\n onInput={e => {\n e.stopPropagation();\n if (e.detail && e.detail.value !== undefined) {\n this.couponCode = e.detail.value;\n }\n }}\n onBlur={() => {\n if (!this.couponCode.trim()) {\n this.onCancelCoupon();\n }\n }}\n />\n <rebill-button\n variant=\"filled\"\n theme=\"primary-dark\"\n size=\"small\"\n loading={this.isLoading}\n disabled={this.isLoading \|\| !this.couponCode.trim()}\n onClick={() => this.onApplyCoupon()}\n style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' }}\n >\n {I18nService.translate('discountCoupons.apply')}\n </rebill-button>\n </div>\n )}\n {this.actionStatus === ACTION_STATUS.APPLIED &&\n this.renderCouponChip({\n couponCode: sessionState.data.pricing.discountCouponCode,\n discountAmount: sessionState.data.pricing.discountAmount,\n currency: sessionState.data.pricing.currency,\n onClick: () => (this.actionStatus = ACTION_STATUS.EDITING),\n onRemove: () => {\n this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n this.couponCode = '';\n SessionStore.setDiscount(null);\n this.discountApplied.emit(false);\n },\n })}\n </div>\n </div>\n );\n }\n}\n",".rebill-divider {\n border: none;\n border-top: 0.5px solid var(--rebill-color-border-primary);\n width: 100%;\n height: 0.5px;\n}\n","import { Component, h } from '@stencil/core';\nimport './divider.css';\n\n@Component({\n tag: 'rebill-divider',\n styleUrl: 'divider.css',\n shadow: false,\n})\nexport class Divider {\n render() {\n return <div class=\"rebill-divider\"></div>;\n }\n}\n"],"names":["sessionState"],"mappings":"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"}

package/dist/rebill-web-components-sdk/organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.esm.js","sources":["src/components/shared/card-icon/card-icon.css?tag=rebill-card-icon","src/components/shared/card-icon/card-icon.tsx","src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx","src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx","src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.card-icon-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nenum PAYMENT_ICON_TYPE_ENUM {\n VISA = 'visa',\n MASTERCARD = 'mastercard',\n DISCOVER = 'discover',\n JCB = 'jcb',\n UNIONPAY = 'unionpay',\n MAESTRO = 'maestro',\n MIR = 'mir',\n ELO = 'elo',\n HIPER = 'hiper',\n HIPERCARD = 'hipercard',\n GENERIC = 'generic',\n AMEX = 'amex',\n DINERS = 'diners',\n}\n\nconst CARD_TYPE_MAP: Record<string, PAYMENT_ICON_TYPE_ENUM> = {\n 'visa': PAYMENT_ICON_TYPE_ENUM.VISA,\n 'mastercard': PAYMENT_ICON_TYPE_ENUM.MASTERCARD,\n 'american-express': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'amex': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'diners-club': PAYMENT_ICON_TYPE_ENUM.DINERS,\n 'discover': PAYMENT_ICON_TYPE_ENUM.DISCOVER,\n 'jcb': PAYMENT_ICON_TYPE_ENUM.JCB,\n 'unionpay': PAYMENT_ICON_TYPE_ENUM.UNIONPAY,\n 'maestro': PAYMENT_ICON_TYPE_ENUM.MAESTRO,\n 'mir': PAYMENT_ICON_TYPE_ENUM.MIR,\n 'elo': PAYMENT_ICON_TYPE_ENUM.ELO,\n 'hiper': PAYMENT_ICON_TYPE_ENUM.HIPER,\n 'hipercard': PAYMENT_ICON_TYPE_ENUM.HIPERCARD,\n};\n\n@Component({\n tag: 'rebill-card-icon',\n styleUrl: 'card-icon.css',\n shadow: false,\n})\nexport class CardIcon {\n @Prop() cardBrand?: string;\n @Prop() width?: number = 35;\n @Prop() height?: number = 24;\n\n private getCardType(): PAYMENT_ICON_TYPE_ENUM {\n if (this.cardBrand) {\n const brandLower = this.cardBrand.toLowerCase();\n return CARD_TYPE_MAP[brandLower] \|\| PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n return PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n\n private renderVisaIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"22\" height=\"15\" rx=\"2\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.02517 10.8392H5.63182L4.58697 6.79524C4.53738 6.60922 4.43208 6.44477 4.27718 6.36726C3.89063 6.17248 3.46468 6.01746 3 5.93928V5.78359H5.24458C5.55437 5.78359 5.78671 6.01746 5.82543 6.28908L6.36756 9.20609L7.76023 5.78359H9.11486L7.02517 10.8392ZM9.88932 10.8392H8.57341L9.65698 5.78359H10.9729L9.88932 10.8392ZM12.6754 7.18413C12.7141 6.91184 12.9464 6.75615 13.2175 6.75615C13.6434 6.71706 14.1074 6.79524 14.4947 6.98935L14.727 5.90087C14.3398 5.74517 13.9138 5.66699 13.5273 5.66699C12.2501 5.66699 11.3207 6.36726 11.3207 7.33915C11.3207 8.07851 11.979 8.46673 12.4437 8.7006C12.9464 8.9338 13.14 9.08949 13.1013 9.32269C13.1013 9.67249 12.7141 9.82818 12.3275 9.82818C11.8629 9.82818 11.3982 9.71158 10.9729 9.5168L10.7406 10.606C11.2052 10.8001 11.708 10.8783 12.1726 10.8783C13.6047 10.9167 14.4947 10.2171 14.4947 9.167C14.4947 7.84464 12.6754 7.76713 12.6754 7.18413ZM19.1 10.8392L18.0552 5.78359H16.9329C16.7005 5.78359 16.4682 5.93928 16.3907 6.17248L14.4559 10.8392H15.8106L16.081 10.1005H17.7454L17.9003 10.8392H19.1ZM17.1265 7.14505L17.513 9.05041H16.4294L17.1265 7.14505Z\"\n fill=\"#172B85\"\n />\n </svg>\n );\n }\n\n private renderMastercardIcon() {\n return (\n <svg\n width=\"35\"\n height=\"25\"\n viewBox=\"0 0 35 25\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"1.01758\" width=\"34\" height=\"23\" rx=\"3.5\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4864 19.3231 18.9416 18.7007 17.75 17.6719C16.5584 18.7007 15.0137 19.3231 13.3242 19.3232C9.55566 19.3232 6.50018 16.2332 6.5 12.4209C6.5 8.60848 9.55555 5.51758 13.3242 5.51758C15.0134 5.51769 16.5584 6.13943 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#ED0006\"\n />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4863 19.3231 18.9416 18.7007 17.75 17.6719C19.2164 16.4058 20.1474 14.524 20.1475 12.4209C20.1475 10.3174 19.2168 8.4341 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#F9A000\"\n />\n <path\n d=\"M17.75 7.16895C19.2166 8.43507 20.1475 10.3176 20.1475 12.4209C20.1475 14.524 19.2163 16.4058 17.75 17.6719C16.2837 16.4058 15.3525 14.524 15.3525 12.4209C15.3525 10.3176 16.2834 8.43507 17.75 7.16895Z\"\n fill=\"#FF5E00\"\n />\n </svg>\n );\n }\n\n private renderAmexIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n x=\"0.216981\"\n y=\"0.216981\"\n width=\"22.566\"\n height=\"15.566\"\n rx=\"0.867925\"\n fill=\"#1F72CD\"\n stroke=\"#D9D9D9\"\n stroke-width=\"0.433962\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.1443 5.62012L2 10.5758H4.56703L4.88527 9.78562H5.61269L5.93093 10.5758H8.75651V9.9727L9.00828 10.5758H10.4699L10.7217 9.95995V10.5758H16.5981L17.3127 9.80614L17.9817 10.5758L21 10.5821L18.8489 8.11177L21 5.62012H18.0285L17.333 6.37551L16.685 5.62012H10.2922L9.74322 6.89921L9.18139 5.62012H6.61972V6.20265L6.33475 5.62012H4.1443ZM12.9196 6.32403H16.2941L17.3262 7.48832L18.3916 6.32403H19.4237L17.8555 8.11127L19.4237 9.87792H18.3448L17.3127 8.7001L16.2419 9.87792H12.9196V6.32403ZM13.7529 7.70949V7.06035V7.05973H15.8585L16.7772 8.09788L15.8178 9.1417H13.7529V8.43302H15.5938V7.70949H13.7529ZM4.64096 6.32403H5.89225L7.31456 9.68447V6.32403H8.68531L9.78388 8.73345L10.7963 6.32403H12.1602V9.88002H11.3303L11.3236 7.09356L10.1137 9.88002H9.37127L8.15459 7.09356V9.88002H6.4473L6.12363 9.08281H4.37497L4.05197 9.87932H3.13722L4.64096 6.32403ZM4.67357 8.34576L5.24969 6.9256L5.82513 8.34576H4.67357Z\"\n fill=\"white\"\n />\n </svg>\n );\n }\n\n private renderGenericIcon() {\n return (\n <svg\n width={this.width}\n height={this.height}\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.833984 4.50036V10.1644C0.833984 10.5326 1.13246 10.8311 1.50065 10.8311L12.498 10.8311C12.8662 10.8311 13.1647 10.5326 13.1647 10.1644V4.50036M0.833984 4.50036V1.83561C0.833984 1.46742 1.13246 1.16895 1.50065 1.16895H12.4974C12.8648 1.16895 13.163 1.46624 13.1636 1.83367C13.1651 2.72257 13.1647 3.61146 13.1647 4.50036M0.833984 4.50036H13.1647\"\n stroke=\"#788191\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n }\n\n render() {\n const cardType = this.getCardType();\n\n switch (cardType) {\n case PAYMENT_ICON_TYPE_ENUM.VISA:\n return this.renderVisaIcon();\n case PAYMENT_ICON_TYPE_ENUM.MASTERCARD:\n return this.renderMastercardIcon();\n case PAYMENT_ICON_TYPE_ENUM.AMEX:\n return this.renderAmexIcon();\n default:\n return this.renderGenericIcon();\n }\n }\n}\n","@import '../../../styles/variables.css';\n\n.organization-logo {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n}\n\n.logo-image {\n max-height: 40px;\n max-width: 120px;\n width: auto;\n height: auto;\n object-fit: contain;\n border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'organization-logo',\n styleUrl: 'organization-logo.css',\n shadow: false,\n})\nexport class OrganizationLogo {\n /*\n The organization data containing logo URL and name\n /\n @Prop() organization!: {\n name: string;\n logoUrl?: string;\n };\n\n render() {\n return (\n <div class=\"organization-logo\">\n {this.organization.logoUrl ? (\n <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n ) : (\n <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n )}\n </div>\n );\n }\n}\n",".checkout-single-column {\n min-height: 100vh;\n background: var(--rebill-color-background);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n min-width: 320px;\n}\n\n.checkout-single-column__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 72px;\n width: 100%;\n max-width: 1448px;\n min-width: 348px;\n background: var(--rebill-color-background);\n margin-left: 30px;\n box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 0;\n width: 100%;\n box-sizing: border-box;\n / padding: 0 20px; /\n max-width: 450px;\n\n margin: 0 auto;\n gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n margin-top: auto;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n width: 100%;\n max-width: 450px;\n min-width: auto;\n flex-shrink: 1;\n flex-basis: auto;\n box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n .checkout-single-column__header {\n width: 100%;\n max-width: 100%;\n\n justify-content: flex-start;\n }\n\n .checkout-single-column__main-content {\n / padding: 0 20px; */\n gap: 0;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n flex: 1;\n min-height: 0;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n width: 100%;\n height: auto;\n min-height: 60px;\n justify-content: center;\n }\n\n .checkout-single-column__footer-content {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n flex-basis: auto;\n }\n}\n\n@media (max-width: 767px) {\n .checkout-single-column__header {\n height: 60px;\n margin-left: 12px;\n margin-right: 12px;\n width: 100%;\n }\n\n .checkout-single-column__main-content {\n padding-top: 1rem;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n margin-left: 12px;\n margin-right: 12px;\n height: auto;\n min-height: 60px;\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (min-width: 1025px) {\n .checkout-single-column {\n background: var(--rebill-color-background-left);\n }\n .checkout-single-column__footer-container {\n margin-left: 16px;\n }\n\n .checkout-single-column__header {\n background: var(--rebill-color-background-left);\n }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n tag: 'rebill-checkout-single-column',\n styleUrl: 'checkout-single-column.css',\n shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n render() {\n return (\n <div class=\"checkout-single-column\">\n <header class=\"checkout-single-column__header\">\n <div class=\"header-container\">\n <organization-logo organization={sessionState.data.organization} />\n </div>\n </header>\n <main class=\"checkout-single-column__main-content\">\n <slot />\n </main>\n <div class=\"checkout-single-column__footer-container\">\n <rebill-footer class=\"checkout-single-column__footer-content\" />\n </div>\n </div>\n );\n }\n}\n",".language-selector {\n display: flex;\n align-items: center;\n margin-right: 12px;\n height: 24px;\n}\n.rebill-footer__footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin: 18px;\n}\n\n.terms-and-conditions {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: 12px;\n}\n\n.footer-powered {\n margin-right: 4px;\n}\n\n.footer-separator {\n margin-right: 6px;\n margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n display: flex;\n align-items: center;\n}\n\n.footer-link a {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-footer',\n styleUrl: 'rebill-footer.css',\n shadow: false,\n})\nexport class RebillFooter {\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n resizeHandler = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n\n async componentWillLoad() {\n this.resizeHandler();\n window.addEventListener('resize', this.resizeHandler);\n const language = I18nService.getCurrentLanguage();\n SessionStore.changeLanguage(language);\n }\n private handleLanguageChange = (event: any) => {\n I18nService.changeLanguage(event.detail.value);\n SessionStore.changeLanguage(event.detail.value);\n };\n render() {\n return (\n <div class=\"rebill-footer__footer-content\">\n <div class=\"terms-and-conditions\">\n {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-powered\"\n >\n {I18nService.translate('footer.poweredBy')}\n </rebill-typography>\n )}\n <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-separator\"\n >\n \|\n </rebill-typography>\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n <a\n href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n target=\"_blank\"\n >\n {I18nService.translate('footer.termsAndConditions')}\n </a>\n </rebill-typography>\n </div>\n <div class=\"language-selector\">\n <rebill-icon name=\"world\" />\n <rebill-input-select\n id=\"language-selector\"\n variant=\"underlined\"\n backgroundColor={\n isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? ''\n : 'var(--rebill-color-background-left)'\n }\n options={[\n { label: 'EN', value: LOCALES_ENUM.EN },\n { label: 'ES', value: LOCALES_ENUM.ES },\n { label: 'PT', value: LOCALES_ENUM.PT },\n ]}\n value={sessionState.currentLocale}\n on-input={this.handleLanguageChange}\n fontSize=\"10px\"\n dropPosition=\"up\"\n arrowIcon=\"down\"\n class=\"language-selector-input\"\n />\n </div>\n </div>\n );\n }\n}\n"],"names":["sessionState"],"mappings":"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"}
1	+ {"version":3,"file":"organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.esm.js","sources":["src/components/shared/card-icon/card-icon.css?tag=rebill-card-icon","src/components/shared/card-icon/card-icon.tsx","src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx","src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx","src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.card-icon-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nenum PAYMENT_ICON_TYPE_ENUM {\n VISA = 'visa',\n MASTERCARD = 'mastercard',\n DISCOVER = 'discover',\n JCB = 'jcb',\n UNIONPAY = 'unionpay',\n MAESTRO = 'maestro',\n MIR = 'mir',\n ELO = 'elo',\n HIPER = 'hiper',\n HIPERCARD = 'hipercard',\n GENERIC = 'generic',\n AMEX = 'amex',\n DINERS = 'diners',\n}\n\nconst CARD_TYPE_MAP: Record<string, PAYMENT_ICON_TYPE_ENUM> = {\n 'visa': PAYMENT_ICON_TYPE_ENUM.VISA,\n 'mastercard': PAYMENT_ICON_TYPE_ENUM.MASTERCARD,\n 'american-express': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'amex': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'diners-club': PAYMENT_ICON_TYPE_ENUM.DINERS,\n 'discover': PAYMENT_ICON_TYPE_ENUM.DISCOVER,\n 'jcb': PAYMENT_ICON_TYPE_ENUM.JCB,\n 'unionpay': PAYMENT_ICON_TYPE_ENUM.UNIONPAY,\n 'maestro': PAYMENT_ICON_TYPE_ENUM.MAESTRO,\n 'mir': PAYMENT_ICON_TYPE_ENUM.MIR,\n 'elo': PAYMENT_ICON_TYPE_ENUM.ELO,\n 'hiper': PAYMENT_ICON_TYPE_ENUM.HIPER,\n 'hipercard': PAYMENT_ICON_TYPE_ENUM.HIPERCARD,\n};\n\n@Component({\n tag: 'rebill-card-icon',\n styleUrl: 'card-icon.css',\n shadow: false,\n})\nexport class CardIcon {\n @Prop() cardBrand?: string;\n @Prop() width?: number = 35;\n @Prop() height?: number = 24;\n\n private getCardType(): PAYMENT_ICON_TYPE_ENUM {\n if (this.cardBrand) {\n const brandLower = this.cardBrand.toLowerCase();\n return CARD_TYPE_MAP[brandLower] \|\| PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n return PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n\n private renderVisaIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"22\" height=\"15\" rx=\"2\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.02517 10.8392H5.63182L4.58697 6.79524C4.53738 6.60922 4.43208 6.44477 4.27718 6.36726C3.89063 6.17248 3.46468 6.01746 3 5.93928V5.78359H5.24458C5.55437 5.78359 5.78671 6.01746 5.82543 6.28908L6.36756 9.20609L7.76023 5.78359H9.11486L7.02517 10.8392ZM9.88932 10.8392H8.57341L9.65698 5.78359H10.9729L9.88932 10.8392ZM12.6754 7.18413C12.7141 6.91184 12.9464 6.75615 13.2175 6.75615C13.6434 6.71706 14.1074 6.79524 14.4947 6.98935L14.727 5.90087C14.3398 5.74517 13.9138 5.66699 13.5273 5.66699C12.2501 5.66699 11.3207 6.36726 11.3207 7.33915C11.3207 8.07851 11.979 8.46673 12.4437 8.7006C12.9464 8.9338 13.14 9.08949 13.1013 9.32269C13.1013 9.67249 12.7141 9.82818 12.3275 9.82818C11.8629 9.82818 11.3982 9.71158 10.9729 9.5168L10.7406 10.606C11.2052 10.8001 11.708 10.8783 12.1726 10.8783C13.6047 10.9167 14.4947 10.2171 14.4947 9.167C14.4947 7.84464 12.6754 7.76713 12.6754 7.18413ZM19.1 10.8392L18.0552 5.78359H16.9329C16.7005 5.78359 16.4682 5.93928 16.3907 6.17248L14.4559 10.8392H15.8106L16.081 10.1005H17.7454L17.9003 10.8392H19.1ZM17.1265 7.14505L17.513 9.05041H16.4294L17.1265 7.14505Z\"\n fill=\"#172B85\"\n />\n </svg>\n );\n }\n\n private renderMastercardIcon() {\n return (\n <svg\n width=\"35\"\n height=\"25\"\n viewBox=\"0 0 35 25\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"1.01758\" width=\"34\" height=\"23\" rx=\"3.5\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4864 19.3231 18.9416 18.7007 17.75 17.6719C16.5584 18.7007 15.0137 19.3231 13.3242 19.3232C9.55566 19.3232 6.50018 16.2332 6.5 12.4209C6.5 8.60848 9.55555 5.51758 13.3242 5.51758C15.0134 5.51769 16.5584 6.13943 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#ED0006\"\n />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4863 19.3231 18.9416 18.7007 17.75 17.6719C19.2164 16.4058 20.1474 14.524 20.1475 12.4209C20.1475 10.3174 19.2168 8.4341 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#F9A000\"\n />\n <path\n d=\"M17.75 7.16895C19.2166 8.43507 20.1475 10.3176 20.1475 12.4209C20.1475 14.524 19.2163 16.4058 17.75 17.6719C16.2837 16.4058 15.3525 14.524 15.3525 12.4209C15.3525 10.3176 16.2834 8.43507 17.75 7.16895Z\"\n fill=\"#FF5E00\"\n />\n </svg>\n );\n }\n\n private renderAmexIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n x=\"0.216981\"\n y=\"0.216981\"\n width=\"22.566\"\n height=\"15.566\"\n rx=\"0.867925\"\n fill=\"#1F72CD\"\n stroke=\"#D9D9D9\"\n stroke-width=\"0.433962\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.1443 5.62012L2 10.5758H4.56703L4.88527 9.78562H5.61269L5.93093 10.5758H8.75651V9.9727L9.00828 10.5758H10.4699L10.7217 9.95995V10.5758H16.5981L17.3127 9.80614L17.9817 10.5758L21 10.5821L18.8489 8.11177L21 5.62012H18.0285L17.333 6.37551L16.685 5.62012H10.2922L9.74322 6.89921L9.18139 5.62012H6.61972V6.20265L6.33475 5.62012H4.1443ZM12.9196 6.32403H16.2941L17.3262 7.48832L18.3916 6.32403H19.4237L17.8555 8.11127L19.4237 9.87792H18.3448L17.3127 8.7001L16.2419 9.87792H12.9196V6.32403ZM13.7529 7.70949V7.06035V7.05973H15.8585L16.7772 8.09788L15.8178 9.1417H13.7529V8.43302H15.5938V7.70949H13.7529ZM4.64096 6.32403H5.89225L7.31456 9.68447V6.32403H8.68531L9.78388 8.73345L10.7963 6.32403H12.1602V9.88002H11.3303L11.3236 7.09356L10.1137 9.88002H9.37127L8.15459 7.09356V9.88002H6.4473L6.12363 9.08281H4.37497L4.05197 9.87932H3.13722L4.64096 6.32403ZM4.67357 8.34576L5.24969 6.9256L5.82513 8.34576H4.67357Z\"\n fill=\"white\"\n />\n </svg>\n );\n }\n\n private renderGenericIcon() {\n return (\n <svg\n width={this.width}\n height={this.height}\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.833984 4.50036V10.1644C0.833984 10.5326 1.13246 10.8311 1.50065 10.8311L12.498 10.8311C12.8662 10.8311 13.1647 10.5326 13.1647 10.1644V4.50036M0.833984 4.50036V1.83561C0.833984 1.46742 1.13246 1.16895 1.50065 1.16895H12.4974C12.8648 1.16895 13.163 1.46624 13.1636 1.83367C13.1651 2.72257 13.1647 3.61146 13.1647 4.50036M0.833984 4.50036H13.1647\"\n stroke=\"#788191\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n }\n\n render() {\n const cardType = this.getCardType();\n\n switch (cardType) {\n case PAYMENT_ICON_TYPE_ENUM.VISA:\n return this.renderVisaIcon();\n case PAYMENT_ICON_TYPE_ENUM.MASTERCARD:\n return this.renderMastercardIcon();\n case PAYMENT_ICON_TYPE_ENUM.AMEX:\n return this.renderAmexIcon();\n default:\n return this.renderGenericIcon();\n }\n }\n}\n","@import '../../../styles/variables.css';\n\n.organization-logo {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n}\n\n.logo-image {\n max-height: 40px;\n max-width: 120px;\n width: auto;\n height: auto;\n object-fit: contain;\n border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'organization-logo',\n styleUrl: 'organization-logo.css',\n shadow: false,\n})\nexport class OrganizationLogo {\n /*\n The organization data containing logo URL and name\n /\n @Prop() organization!: {\n name: string;\n logoUrl?: string;\n };\n\n render() {\n return (\n <div class=\"organization-logo\">\n {this.organization.logoUrl ? (\n <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n ) : (\n <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n )}\n </div>\n );\n }\n}\n",".checkout-single-column {\n min-height: 100vh;\n background: var(--rebill-color-background);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n min-width: 320px;\n}\n\n.checkout-single-column__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 72px;\n width: 100%;\n max-width: 1448px;\n min-width: 348px;\n background: var(--rebill-color-background);\n margin-left: 30px;\n box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 0;\n width: 100%;\n box-sizing: border-box;\n / padding: 0 20px; /\n max-width: 450px;\n\n margin: 0 auto;\n gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n margin-top: auto;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n width: 100%;\n max-width: 450px;\n min-width: auto;\n flex-shrink: 1;\n flex-basis: auto;\n box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n .checkout-single-column__header {\n width: 100%;\n max-width: 100%;\n\n justify-content: flex-start;\n }\n\n .checkout-single-column__main-content {\n / padding: 0 20px; */\n gap: 0;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n flex: 1;\n min-height: 0;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n width: 100%;\n height: auto;\n min-height: 60px;\n justify-content: center;\n }\n\n .checkout-single-column__footer-content {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n flex-basis: auto;\n }\n}\n\n@media (max-width: 767px) {\n .checkout-single-column__header {\n height: 60px;\n margin-left: 12px;\n margin-right: 12px;\n width: 100%;\n }\n\n .checkout-single-column__main-content {\n padding-top: 1rem;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n margin-left: 12px;\n margin-right: 12px;\n height: auto;\n min-height: 60px;\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (min-width: 1025px) {\n .checkout-single-column {\n background: var(--rebill-color-background-left);\n }\n .checkout-single-column__footer-container {\n margin-left: 16px;\n }\n\n .checkout-single-column__header {\n background: var(--rebill-color-background-left);\n }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n tag: 'rebill-checkout-single-column',\n styleUrl: 'checkout-single-column.css',\n shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n render() {\n return (\n <div class=\"checkout-single-column\">\n <header class=\"checkout-single-column__header\">\n <div class=\"header-container\">\n <organization-logo organization={sessionState.data.organization} />\n </div>\n </header>\n <main class=\"checkout-single-column__main-content\">\n <slot />\n </main>\n <div class=\"checkout-single-column__footer-container\">\n <rebill-footer class=\"checkout-single-column__footer-content\" />\n </div>\n </div>\n );\n }\n}\n",".language-selector {\n display: flex;\n align-items: center;\n margin-right: 12px;\n height: 24px;\n}\n.rebill-footer__footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin-bottom: 18px;\n margin-top: 18px;\n}\n\n.terms-and-conditions {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: 12px;\n}\n\n.footer-powered {\n margin-right: 4px;\n}\n\n.footer-separator {\n margin-right: 6px;\n margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n display: flex;\n align-items: center;\n}\n\n.footer-link a {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-footer',\n styleUrl: 'rebill-footer.css',\n shadow: false,\n})\nexport class RebillFooter {\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n resizeHandler = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n\n async componentWillLoad() {\n this.resizeHandler();\n window.addEventListener('resize', this.resizeHandler);\n const language = I18nService.getCurrentLanguage();\n SessionStore.changeLanguage(language);\n }\n private handleLanguageChange = (event: any) => {\n I18nService.changeLanguage(event.detail.value);\n SessionStore.changeLanguage(event.detail.value);\n };\n render() {\n return (\n <div class=\"rebill-footer__footer-content\">\n <div class=\"terms-and-conditions\">\n {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-powered\"\n >\n {I18nService.translate('footer.poweredBy')}\n </rebill-typography>\n )}\n <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-separator\"\n >\n \|\n </rebill-typography>\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n <a\n href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n target=\"_blank\"\n >\n {I18nService.translate('footer.termsAndConditions')}\n </a>\n </rebill-typography>\n </div>\n <div class=\"language-selector\">\n <rebill-icon name=\"world\" />\n <rebill-input-select\n id=\"language-selector\"\n variant=\"underlined\"\n backgroundColor={\n isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? ''\n : 'var(--rebill-color-background-left)'\n }\n options={[\n { label: 'EN', value: LOCALES_ENUM.EN },\n { label: 'ES', value: LOCALES_ENUM.ES },\n { label: 'PT', value: LOCALES_ENUM.PT },\n ]}\n value={sessionState.currentLocale}\n on-input={this.handleLanguageChange}\n fontSize=\"10px\"\n dropPosition=\"up\"\n arrowIcon=\"down\"\n class=\"language-selector-input\"\n />\n </div>\n </div>\n );\n }\n}\n"],"names":["sessionState"],"mappings":"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"}

package/dist/rebill-web-components-sdk/{p-b75b53a8.entry.js → p-28d04513.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as r,c as o,g as t}from"./p-D8cwEAmw.js";import{a as i}from"./p-CTo1s54i.js";import{I as l,s,e as a,a as n,o as c}from"./p-DkbFAMha.js";import{r as d,o as b,R as h}from"./p-nVuaISVM.js";import{g as p}from"./p-D339jHg4.js";import{c as f,d as u,E as m,e as g,b as y}from"./p-wvcrPcSK.js";import{C as x}from"./p-DA598vBj.js";import"./p-E-ZsRS8r.js";const v=class{constructor(r){e(this,r)}documentTypes=[];country="";currentLanguage=l.getCurrentLanguage();documentTypeError="";documentNumberError="";disabled=false;loadDocumentTypes=async()=>{const e=d.isInitialized?d.data?.price?.country:s?.data?.pricing?.country;if(e&&e!==this.country){try{const r=await i.data.getDocumentTypes(e);this.documentTypes=r.data;this.country=e}catch(e){console.error("Error loading document types:",e)}}};async componentWillLoad(){a.on("languageChanged",this.handleLanguageChange);n.onChange("data",(()=>{if(!d.isInitialized){this.loadDocumentTypes()}}));b("data",(()=>{if(d.isInitialized){this.loadDocumentTypes()}}));await this.loadDocumentTypes()}handleInputChange=e=>{const{id:r,value:o}=e.detail;if(d.isInitialized){h.setUserIdentification({[r]:o})}else{n.setUserInformation({[r]:o})}};disconnectedCallback(){a.off("languageChanged",this.handleLanguageChange)}handleLanguageChange=()=>{this.currentLanguage=l.getCurrentLanguage()};render(){const e=this.documentTypeError||this.documentNumberError;const o=this.documentTypes.map((e=>({label:e.value,value:e.value})));return r(r.Fragment,null,r("rebill-input-combo",{key:"075b874873f297d3e2e72e54625db2d5cc49c619","select-id":"documentType","input-id":"documentNumber","on-input":this.handleInputChange,"select-placeholder":l.translate("document.typePlaceholder"),"input-placeholder":l.translate("document.numberPlaceholder"),error:l.translate(e),options:o,disabled:this.disabled}))}};const k=class{constructor(r){e(this,r)}customCSS;iframeLoaded=false;currentLang=s.currentLocale;initialLang=s.currentLocale;iframeHeight="100px";getIframeURL(){const e=p().iframeURL;const r=new URL(e);r.searchParams.set("lang",this.initialLang);if(d.data?.subscription?.customerId&&d.token){r.searchParams.set("customerId",d.data.subscription.customerId);r.searchParams.set("token",d.token)}return r.toString()}iframeRef;unsubscribeCurrentLocaleStore;unsubscribeDataStore;unsubscribeRenewalStore;postInitialDataToIframe(){if(d.isInitialized){if(d.data?.organization?.id){this.postOrganizationIdToIframe(d.data.organization.id)}this.postLanguageToIframe();this.postTotalPriceToIframe();this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}else{if(s.data?.organization?.id){this.postOrganizationIdToIframe(s.data.organization.id)}if(s?.currentLocale){this.postLanguageToIframe()}this.postTotalPriceToIframe();this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}this.postCustomCSSToIframe()}postTotalPriceToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow){let e;if(d.isInitialized){e=d.data?.price?.amount||0}else{e=s.data?.pricing?.totalWithoutInstallment||0}this.iframeRef.contentWindow.postMessage({type:"SET_TOTAL_PRICE",payload:{total:e}},"*")}}postCustomerIdToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&d.data?.subscription?.customerId){this.iframeRef.contentWindow.postMessage({type:"SET_CUSTOMER_ID",payload:{customerId:d.data.subscription.customerId}},"*")}else if(this.iframeRef&&this.iframeRef.contentWindow&&s.data.customerId){this.iframeRef.contentWindow.postMessage({type:"SET_CUSTOMER_ID",payload:{customerId:s.data.customerId}},"*")}}postLanguageToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow){this.iframeRef.contentWindow.postMessage({type:"SET_LANGUAGE",payload:{lang:this.currentLang}},"*")}}postOrganizationIdToIframe(e){if(!!this.iframeRef&&!!this.iframeRef.contentWindow){this.iframeRef.contentWindow.postMessage({type:"SET_ORGANIZATION_ID",payload:{organizationId:e}},"*")}}postTokenToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&d.token){this.iframeRef.contentWindow.postMessage({type:"SET_TOKEN",payload:{token:d.token}},"*")}else if(this.iframeRef&&this.iframeRef.contentWindow&&s.data.accessToken){this.iframeRef.contentWindow.postMessage({type:"SET_TOKEN",payload:{token:s.data.accessToken}},"*")}}postItemTypeToIframe(){if(!this.iframeRef||!this.iframeRef.contentWindow){return}if(d.isInitialized&&d.data?.subscription?.type){this.iframeRef.contentWindow.postMessage({type:"SET_ITEM_TYPE",payload:{itemType:d.data.subscription.type}},"*")}else if(s.data?.itemInformation?.type){this.iframeRef.contentWindow.postMessage({type:"SET_ITEM_TYPE",payload:{itemType:s.data.itemInformation.type}},"*")}}postCurrencyToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow){let e;if(d.isInitialized){e=d.data?.price?.currency||""}else{e=s.data?.pricing?.currency||""}if(e){this.iframeRef.contentWindow.postMessage({type:"SET_CURRENCY",payload:{currency:e}},"*")}}}postCustomCSSToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&this.customCSS){this.iframeRef.contentWindow.postMessage({type:"SET_CUSTOM_CSS",payload:{css:this.customCSS}},"*")}}postClearCustomerIdToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&(!s.data.customerId||!s.data.accessToken)){this.iframeRef.contentWindow.postMessage({type:"CLEAR_CUSTOMER_ID_AND_TOKEN"},"*")}}componentWillLoad(){this.initialLang=s.currentLocale;this.unsubscribeCurrentLocaleStore=c("currentLocale",(()=>{this.currentLang=s.currentLocale;this.postLanguageToIframe()}));this.unsubscribeDataStore=c("data",(()=>{if(!d.isInitialized){if(s.data?.organization?.id){this.postOrganizationIdToIframe(s.data.organization.id)}if(s.data?.pricing?.totalWithoutInstallment!==undefined&&s.data?.pricing?.totalWithoutInstallment!==null){this.postTotalPriceToIframe()}this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe();this.postClearCustomerIdToIframe()}}));this.unsubscribeRenewalStore=b("data",(()=>{if(d.isInitialized){if(d.data?.organization?.id){this.postOrganizationIdToIframe(d.data.organization.id)}if(d.data?.price?.amount!==undefined){this.postTotalPriceToIframe()}this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}}));setTimeout((()=>{this.postInitialDataToIframe()}),1e3)}componentWillUpdate(){if(this.iframeLoaded){this.postCustomCSSToIframe()}}componentDidLoad(){window.addEventListener("message",this.handleIframeMessage)}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore)this.unsubscribeCurrentLocaleStore();if(this.unsubscribeDataStore)this.unsubscribeDataStore();if(this.unsubscribeRenewalStore)this.unsubscribeRenewalStore();window.removeEventListener("message",this.handleIframeMessage)}handleIframeLoad=()=>{this.iframeLoaded=true;this.postLanguageToIframe();if(d.isInitialized){if(d.data?.organization?.id){this.postOrganizationIdToIframe(d.data.organization.id)}this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}this.postCustomCSSToIframe();setTimeout((()=>{this.postInitialDataToIframe()}),500)};handleIframeMessage=e=>{if(e.data&&e.data.type==="IFRAME_HEIGHT"&&e.data.payload&&typeof e.data.payload.height==="number"){this.iframeHeight=`${e.data.payload.height}px`}if(e.data&&e.data.type==="FORM_STATE"){if(d.isInitialized){if(!e.data.payload?.complete){h.setCardId(null);h.setCardTokenId(null)}}else if(s.isInitialized){if(!e.data.payload?.complete){n.setCardId(null);n.setCardTokenId(null)}}}if(e.data&&e.data.type==="INSTALLMENTS"&&e.data.payload){if(d.isInitialized){h.setCardInformation(e.data.payload)}else{n.setCardInformation(e.data.payload)}}if(e.data&&e.data.type==="CARD_TOKENIZED"){if(d.isInitialized){h.setCardTokenId(e.data?.payload?.token)}else if(s.isInitialized){n.setCardTokenId(e.data?.payload?.token)}}if(e.data&&e.data.type==="CARD_ID"){if(d.isInitialized){h.setCardId(e.data.payload?.id)}else if(s.isInitialized){n.setCardId(e.data.payload?.id)}}if(e.data&&e.data.type==="SAVE_CARD"){if(s.isInitialized){n.setSaveCard(e.data.payload?.saveCard)}}if(e.data&&e.data.type==="FETCHING_INSTALLMENTS"){const r=e.data.payload?.fetching||false;if(d.isInitialized){h.setFetchingInstallments(r)}else if(s.isInitialized){n.setFetchingInstallments(r)}}if(e.data&&e.data.type==="NEW_CARD_MODE"){const r=e.data.payload?.mode;if(r&&(r==="input"||r==="select")){if(d.isInitialized){h.setCardMode(r)}else if(s.isInitialized){n.setCardMode(r)}}}};render(){return r("div",{key:"21cee6426b31b15e214272bed3b893a89cfebdc3",style:{width:"100%",height:this.iframeHeight,position:"relative",overflow:"hidden"}},!this.iframeLoaded&&r("card-skeleton",{key:"66bbb20d750975f5e6a15a72c55f21ac209c9a10"}),r("iframe",{key:"8f9c689ea04b5b88511cbcc69b792454460b2a48",ref:e=>this.iframeRef=e,src:this.getIframeURL(),style:{width:"100%",height:"100%",border:"none",overflow:"hidden"},title:"Card Payment Component",allow:"payment",onLoad:this.handleIframeLoad}))}};const w=":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--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-info-border:#0156f6;--rebill-color-info-text:#172b85;--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}.iframe-skeleton{display:flex;flex-direction:column;gap:16px}.input-skeleton{width:100%;height:40px;background:var(--rebill-color-border-primary);border-radius:8px;border:1px solid var(--rebill-color-border-primary)}";const T=class{constructor(r){e(this,r)}render(){return r("div",{key:"76c432f43c597f9ff92b949c16d70b1b6840e378",class:"iframe-skeleton"},r("div",{key:"9c77a9eeda10a23004890c934f30f8d25be7fbf1",class:"input-skeleton"}),r("div",{key:"d26032fe4bbb41dd0107e9fa5d8bd041da401351",class:"input-skeleton"}))}};T.style=w;const I=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}:host{display:block;width:100%;box-sizing:border-box}.combo-wrapper{display:flex;align-items:stretch;width:100%;height:38.33px;border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);background:var(--rebill-color-background);transition:border-color 0.2s;position:relative;box-sizing:border-box}.combo-wrapper:focus-within{border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.combo-wrapper.error{border-color:var(--rebill-color-error)}.combo-wrapper.disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}.select-section{position:relative;flex-shrink:0;min-width:80px;display:flex;align-items:center}.select-combo-trigger{width:100%;height:100%;padding:0 30px 0 14px;font-size:0.875rem;font-weight:normal;color:var(--rebill-color-text-primary);background:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;box-sizing:border-box;position:relative;transition:border-color 0.2s}.select-combo-trigger:focus{outline:none}.select-combo-trigger:hover:not(.disabled){border-color:var(--rebill-color-primary)}.select-combo-trigger.placeholder .select-value{color:var(--rebill-color-text-secondary-light)}.combo-wrapper.disabled .select-combo-trigger{cursor:not-allowed;color:var(--rebill-color-text-secondary)}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-section .icon-wrapper{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:20px;width:20px}.select-icon{color:var(--rebill-color-text-secondary);transition:transform 0.2s ease;transform-origin:50% 50%;display:block}.combo-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-top:0.25rem;max-height:200px;overflow-y:auto;animation:slideDown 0.15s ease-out;box-sizing:border-box;width:100%}.select-option{padding:0.75rem;font-size:0.875rem;color:var(--rebill-color-text-primary);cursor:pointer;border-bottom:1px solid var(--rebill-color-border);transition:background-color 0.15s ease}.select-option:last-child{border-bottom:none}.select-option:hover,.select-option.highlighted{background-color:#f0f9ff}.select-option.selected{background-color:var(--rebill-color-primary);color:white}.select-option.selected:hover,.select-option.selected.highlighted{background-color:var(--rebill-color-primary)}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}.combo-divider{width:1px;background-color:var(--rebill-color-border);margin:0;flex-shrink:0}.input-section{flex:1;min-width:0;display:flex;align-items:center}.combo-input{width:100%;height:100%;padding:0 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);background:transparent;border:none;outline:none;box-sizing:border-box}.combo-input:focus{outline:none}.combo-input::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.combo-wrapper.disabled .combo-input{color:var(--rebill-color-text-secondary);cursor:not-allowed}.combo-wrapper.disabled .combo-input::placeholder{color:var(--rebill-color-text-secondary)}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}@media screen and (max-width: 768px){.select-combo-trigger{font-size:1rem}.select-option{font-size:1rem}.combo-input{font-size:1rem}.combo-input::placeholder{font-size:1rem}}";const E=class{constructor(r){e(this,r);this.blur=o(this,"blur");this.selectChange=o(this,"selectChange");this.input=o(this,"input")}dropdownRef;triggerRef;label="";options=[];selectValue="";inputValue="";inputPlaceholder="";selectPlaceholder="";error="";selectId="";inputId="";disabled=false;selectWidth="120px";isOpen=false;highlightedIndex=-1;componentId="";blur;selectChange;input;componentWillLoad(){this.componentId=this.selectId||`combo-${Math.random().toString(36).substr(2,9)}`}handleFormChange(e){const r=e.detail;if(r){if(this.selectId&&this.selectId in r){const e=r[this.selectId];if(typeof e==="string"){this.selectValue=e}}if(this.inputId&&this.inputId in r){const e=r[this.inputId];if(typeof e==="string"){this.inputValue=e}}}}handleCloseAllSelects(e){if(e.detail!==this.componentId){this.closeDropdown()}}handleDocumentClick(e){if(this.dropdownRef&&this.triggerRef&&!this.dropdownRef.contains(e.target)&&!this.triggerRef.contains(e.target)){this.closeDropdown()}}toggleDropdown=()=>{if(this.disabled)return;const e=this.isOpen;this.isOpen=!this.isOpen;if(this.isOpen){if(!e){document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}))}this.highlightedIndex=this.options.findIndex((e=>e.value===this.selectValue));if(this.highlightedIndex===-1){this.highlightedIndex=0}}};openDropdown=()=>{if(this.disabled)return;document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}));this.isOpen=true;this.highlightedIndex=this.options.findIndex((e=>e.value===this.selectValue));if(this.highlightedIndex===-1){this.highlightedIndex=0}};closeDropdown=()=>{this.isOpen=false;this.highlightedIndex=-1};selectOption=e=>{if(this.disabled)return;this.selectValue=e.value;this.closeDropdown();this.input.emit({id:this.selectId,value:this.selectValue})};onInputChange=e=>{if(this.disabled)return;const r=e.target;this.inputValue=r.value;this.input.emit({id:this.inputId,value:this.inputValue})};onSelectBlur=()=>{this.blur.emit({id:this.selectId,value:this.selectValue})};onInputBlur=()=>{const e=this.inputValue.trim();if(e!==this.inputValue){this.inputValue=e;this.input.emit({id:this.inputId,value:this.inputValue})}this.blur.emit({id:this.inputId,value:this.inputValue})};handleKeyDown=e=>{if(this.disabled)return;switch(e.key){case"Enter":case" ":e.preventDefault();if(this.isOpen&&this.highlightedIndex>=0){this.selectOption(this.options[this.highlightedIndex])}else{this.toggleDropdown()}break;case"Escape":e.preventDefault();this.closeDropdown();break;case"ArrowDown":e.preventDefault();if(!this.isOpen){this.openDropdown()}else{this.highlightedIndex=Math.min(this.highlightedIndex+1,this.options.length-1)}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.highlightedIndex=Math.max(this.highlightedIndex-1,0)}break}};getSelectedOptionLabel=()=>{const e=this.options.find((e=>e.value===this.selectValue));return e?e.label:this.selectPlaceholder};render(){const e=this.getSelectedOptionLabel();const o=this.selectValue!=="";return r("div",{key:"f30fb3ed1389a6e12f1d923e132498fe2f44fe6c",class:"input-container"},this.label&&r("label",{key:"73a36d44f468a4a6783782db056c402e6f31d0d4",class:`input-label ${this.disabled?"disabled":""}`},this.label),r("div",{key:"c283fb595144d44c0b9dc7ea7b21cbc14b296860",class:`input-combo-wrapper combo-wrapper ${this.disabled?"disabled":""} ${this.error?"error":""}`},r("div",{key:"9c1e8ea00d44d4cecd8a7e1eef3507135c021984",class:"select-section",style:{width:this.selectWidth}},r("div",{key:"42f65608af44f4ce777f3811b19a6a5d965f980d",ref:e=>this.triggerRef=e,class:`input-combo-select select-combo-trigger ${!o?"placeholder":""}`,onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown,onBlur:this.onSelectBlur,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen.toString(),"aria-haspopup":"listbox"},r("span",{key:"1b7402f39e8edfb2857b89339b44d352168053c3",class:"select-value"},e),r("div",{key:"9521467fd6b4844aa8eef664e05fdd2fffa93084",class:"icon-wrapper"},r("rebill-icon",{key:"3ca69faf99c23aa869b4f30d86d4ec3e27dbc87a",name:"chevron-up-down",size:"20px",class:"select-icon"}))),this.isOpen&&r("div",{key:"90c3696f5950268b273a166459bde04567097e72",ref:e=>this.dropdownRef=e,class:"select-dropdown",role:"listbox"},this.options.map(((e,o)=>r("div",{class:`select-option ${this.selectValue===e.value?"selected":""} ${this.highlightedIndex===o?"highlighted":""}`,onClick:()=>this.selectOption(e),role:"option","aria-selected":this.selectValue===e.value?"true":"false"},e.label))))),r("div",{key:"dba779de6a18058418e90354d022110b7b1484df",class:"combo-divider"}),r("div",{key:"8f9bb471e5c7803a322510a4eda20b145159203e",class:"input-section"},r("input",{key:"90542af1e1f10e137b1ab711a689fdbfdd46223e",type:"text",class:"input-combo-element combo-input",placeholder:this.inputPlaceholder,value:this.inputValue,onInput:this.onInputChange,onBlur:this.onInputBlur,disabled:this.disabled}))),this.error&&r("span",{key:"46c579be0ba230af0cb3d813d209fa51b8a35774",class:"error-message"},this.error))}};E.style=I;const C="";const S=class{constructor(r){e(this,r)}get el(){return t(this)}error;currentValue=null;isDisabled=false;value=null;placeholder=null;handleInstallments=e=>{if(this.isDisabled){const e=new CustomEvent("input",{detail:{id:"installments",value:"",disabled:true},bubbles:true});this.el.dispatchEvent(e);return}this.currentValue=e.detail.value;n.setSelectedInstallment(e.detail.value)};componentWillLoad(){n.onChange("data",(()=>{this.isDisabled=!s.data.cardInformation?.installments?.isAvailableInstallments;this.placeholder=!s.data.cardInformation?.installments?.isAvailableInstallments?f(s.data.pricing?.currency):u(s.data.pricing?.currency);this.value=this.isDisabled?"":this.value;if(this.isDisabled){const e=new CustomEvent("input",{detail:{id:"installments",value:"",disabled:true},bubbles:true});this.el.dispatchEvent(e)}}))}render(){return r("div",{key:"a7e2147789a5664d4b5857c86652c85f78a88872"},r("rebill-input-select",{key:this.isDisabled.toString(),id:"installments",variant:"outlined",value:this.value,options:s.data.cardInformation?.installments?.installments.map((e=>({label:g(e.installment,y(e.installmentAmount),s.data.pricing?.currency,e.cft,e.model),value:e?.installment?.toString()})))||[],loading:s.data.fetchingInstallments,placeholder:this.placeholder,disabled:this.isDisabled,"on-input":this.handleInstallments,error:l.translate(this.error)}),s.data.cardInformation?.installments?.installments.find((e=>e.installment===s.data.cardInformation?.installments?.selectedInstallment?.installment))?.model===m.CUSTOMER_FINANCED&&r("rebill-typography",{key:"77b18f5f22cf47c79a6a2f30655117f4aaa60987",variant:"italic",color:x.SECONDARY},l.translate("installments.interest")))}};S.style=C;export{v as card_identification,k as card_iframe,T as card_skeleton,E as rebill_input_combo,S as rebill_installments};
-//# sourceMappingURL=p-b75b53a8.entry.js.map
+import{r as e,h as r,c as o,g as t}from"./p-D8cwEAmw.js";import{a as i}from"./p-CTo1s54i.js";import{I as l,s,e as a,a as n,o as c}from"./p-DkbFAMha.js";import{r as d,o as b,R as h}from"./p-BOVs95c7.js";import{g as p}from"./p-D339jHg4.js";import{c as f,d as u,E as m,e as g,b as y}from"./p-wvcrPcSK.js";import{C as x}from"./p-DA598vBj.js";import"./p-E-ZsRS8r.js";const v=class{constructor(r){e(this,r)}documentTypes=[];country="";currentLanguage=l.getCurrentLanguage();documentTypeError="";documentNumberError="";disabled=false;loadDocumentTypes=async()=>{const e=d.isInitialized?d.data?.price?.country:s?.data?.pricing?.country;if(e&&e!==this.country){try{const r=await i.data.getDocumentTypes(e);this.documentTypes=r.data;this.country=e}catch(e){console.error("Error loading document types:",e)}}};async componentWillLoad(){a.on("languageChanged",this.handleLanguageChange);n.onChange("data",(()=>{if(!d.isInitialized){this.loadDocumentTypes()}}));b("data",(()=>{if(d.isInitialized){this.loadDocumentTypes()}}));await this.loadDocumentTypes()}handleInputChange=e=>{const{id:r,value:o}=e.detail;if(d.isInitialized){h.setUserIdentification({[r]:o})}else{n.setUserInformation({[r]:o})}};disconnectedCallback(){a.off("languageChanged",this.handleLanguageChange)}handleLanguageChange=()=>{this.currentLanguage=l.getCurrentLanguage()};render(){const e=this.documentTypeError||this.documentNumberError;const o=this.documentTypes.map((e=>({label:e.value,value:e.value})));return r(r.Fragment,null,r("rebill-input-combo",{key:"075b874873f297d3e2e72e54625db2d5cc49c619","select-id":"documentType","input-id":"documentNumber","on-input":this.handleInputChange,"select-placeholder":l.translate("document.typePlaceholder"),"input-placeholder":l.translate("document.numberPlaceholder"),error:l.translate(e),options:o,disabled:this.disabled}))}};const k=class{constructor(r){e(this,r)}customCSS;iframeLoaded=false;currentLang=s.currentLocale;initialLang=s.currentLocale;iframeHeight="100px";getIframeURL(){const e=p().iframeURL;const r=new URL(e);r.searchParams.set("lang",this.initialLang);if(d.data?.subscription?.customerId&&d.token){r.searchParams.set("customerId",d.data.subscription.customerId);r.searchParams.set("token",d.token)}return r.toString()}iframeRef;unsubscribeCurrentLocaleStore;unsubscribeDataStore;unsubscribeRenewalStore;postInitialDataToIframe(){if(d.isInitialized){if(d.data?.organization?.id){this.postOrganizationIdToIframe(d.data.organization.id)}this.postLanguageToIframe();this.postTotalPriceToIframe();this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}else{if(s.data?.organization?.id){this.postOrganizationIdToIframe(s.data.organization.id)}if(s?.currentLocale){this.postLanguageToIframe()}this.postTotalPriceToIframe();this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}this.postCustomCSSToIframe()}postTotalPriceToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow){let e;if(d.isInitialized){e=d.data?.price?.amount||0}else{e=s.data?.pricing?.totalWithoutInstallment||0}this.iframeRef.contentWindow.postMessage({type:"SET_TOTAL_PRICE",payload:{total:e}},"*")}}postCustomerIdToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&d.data?.subscription?.customerId){this.iframeRef.contentWindow.postMessage({type:"SET_CUSTOMER_ID",payload:{customerId:d.data.subscription.customerId}},"*")}else if(this.iframeRef&&this.iframeRef.contentWindow&&s.data.customerId){this.iframeRef.contentWindow.postMessage({type:"SET_CUSTOMER_ID",payload:{customerId:s.data.customerId}},"*")}}postLanguageToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow){this.iframeRef.contentWindow.postMessage({type:"SET_LANGUAGE",payload:{lang:this.currentLang}},"*")}}postOrganizationIdToIframe(e){if(!!this.iframeRef&&!!this.iframeRef.contentWindow){this.iframeRef.contentWindow.postMessage({type:"SET_ORGANIZATION_ID",payload:{organizationId:e}},"*")}}postTokenToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&d.token){this.iframeRef.contentWindow.postMessage({type:"SET_TOKEN",payload:{token:d.token}},"*")}else if(this.iframeRef&&this.iframeRef.contentWindow&&s.data.accessToken){this.iframeRef.contentWindow.postMessage({type:"SET_TOKEN",payload:{token:s.data.accessToken}},"*")}}postItemTypeToIframe(){if(!this.iframeRef||!this.iframeRef.contentWindow){return}if(d.isInitialized&&d.data?.subscription?.type){this.iframeRef.contentWindow.postMessage({type:"SET_ITEM_TYPE",payload:{itemType:d.data.subscription.type}},"*")}else if(s.data?.itemInformation?.type){this.iframeRef.contentWindow.postMessage({type:"SET_ITEM_TYPE",payload:{itemType:s.data.itemInformation.type}},"*")}}postCurrencyToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow){let e;if(d.isInitialized){e=d.data?.price?.currency||""}else{e=s.data?.pricing?.currency||""}if(e){this.iframeRef.contentWindow.postMessage({type:"SET_CURRENCY",payload:{currency:e}},"*")}}}postCustomCSSToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&this.customCSS){this.iframeRef.contentWindow.postMessage({type:"SET_CUSTOM_CSS",payload:{css:this.customCSS}},"*")}}postClearCustomerIdToIframe(){if(this.iframeRef&&this.iframeRef.contentWindow&&(!s.data.customerId||!s.data.accessToken)){this.iframeRef.contentWindow.postMessage({type:"CLEAR_CUSTOMER_ID_AND_TOKEN"},"*")}}componentWillLoad(){this.initialLang=s.currentLocale;this.unsubscribeCurrentLocaleStore=c("currentLocale",(()=>{this.currentLang=s.currentLocale;this.postLanguageToIframe()}));this.unsubscribeDataStore=c("data",(()=>{if(!d.isInitialized){if(s.data?.organization?.id){this.postOrganizationIdToIframe(s.data.organization.id)}if(s.data?.pricing?.totalWithoutInstallment!==undefined&&s.data?.pricing?.totalWithoutInstallment!==null){this.postTotalPriceToIframe()}this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe();this.postClearCustomerIdToIframe()}}));this.unsubscribeRenewalStore=b("data",(()=>{if(d.isInitialized){if(d.data?.organization?.id){this.postOrganizationIdToIframe(d.data.organization.id)}if(d.data?.price?.amount!==undefined){this.postTotalPriceToIframe()}this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}}));setTimeout((()=>{this.postInitialDataToIframe()}),1e3)}componentWillUpdate(){if(this.iframeLoaded){this.postCustomCSSToIframe()}}componentDidLoad(){window.addEventListener("message",this.handleIframeMessage)}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore)this.unsubscribeCurrentLocaleStore();if(this.unsubscribeDataStore)this.unsubscribeDataStore();if(this.unsubscribeRenewalStore)this.unsubscribeRenewalStore();window.removeEventListener("message",this.handleIframeMessage)}handleIframeLoad=()=>{this.iframeLoaded=true;this.postLanguageToIframe();if(d.isInitialized){if(d.data?.organization?.id){this.postOrganizationIdToIframe(d.data.organization.id)}this.postCurrencyToIframe();this.postCustomerIdToIframe();this.postTokenToIframe();this.postItemTypeToIframe()}this.postCustomCSSToIframe();setTimeout((()=>{this.postInitialDataToIframe()}),500)};handleIframeMessage=e=>{if(e.data&&e.data.type==="IFRAME_HEIGHT"&&e.data.payload&&typeof e.data.payload.height==="number"){this.iframeHeight=`${e.data.payload.height}px`}if(e.data&&e.data.type==="FORM_STATE"){if(d.isInitialized){if(!e.data.payload?.complete){h.setCardId(null);h.setCardTokenId(null)}}else if(s.isInitialized){if(!e.data.payload?.complete){n.setCardId(null);n.setCardTokenId(null)}}}if(e.data&&e.data.type==="INSTALLMENTS"&&e.data.payload){if(d.isInitialized){h.setCardInformation(e.data.payload)}else{n.setCardInformation(e.data.payload)}}if(e.data&&e.data.type==="CARD_TOKENIZED"){if(d.isInitialized){h.setCardTokenId(e.data?.payload?.token)}else if(s.isInitialized){n.setCardTokenId(e.data?.payload?.token)}}if(e.data&&e.data.type==="CARD_ID"){if(d.isInitialized){h.setCardId(e.data.payload?.id)}else if(s.isInitialized){n.setCardId(e.data.payload?.id)}}if(e.data&&e.data.type==="SAVE_CARD"){if(s.isInitialized){n.setSaveCard(e.data.payload?.saveCard)}}if(e.data&&e.data.type==="FETCHING_INSTALLMENTS"){const r=e.data.payload?.fetching||false;if(d.isInitialized){h.setFetchingInstallments(r)}else if(s.isInitialized){n.setFetchingInstallments(r)}}if(e.data&&e.data.type==="NEW_CARD_MODE"){const r=e.data.payload?.mode;if(r&&(r==="input"||r==="select")){if(d.isInitialized){h.setCardMode(r)}else if(s.isInitialized){n.setCardMode(r)}}}};render(){return r("div",{key:"21cee6426b31b15e214272bed3b893a89cfebdc3",style:{width:"100%",height:this.iframeHeight,position:"relative",overflow:"hidden"}},!this.iframeLoaded&&r("card-skeleton",{key:"66bbb20d750975f5e6a15a72c55f21ac209c9a10"}),r("iframe",{key:"8f9c689ea04b5b88511cbcc69b792454460b2a48",ref:e=>this.iframeRef=e,src:this.getIframeURL(),style:{width:"100%",height:"100%",border:"none",overflow:"hidden"},title:"Card Payment Component",allow:"payment",onLoad:this.handleIframeLoad}))}};const w=":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--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-info-border:#0156f6;--rebill-color-info-text:#172b85;--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}.iframe-skeleton{display:flex;flex-direction:column;gap:16px}.input-skeleton{width:100%;height:40px;background:var(--rebill-color-border-primary);border-radius:8px;border:1px solid var(--rebill-color-border-primary)}";const T=class{constructor(r){e(this,r)}render(){return r("div",{key:"76c432f43c597f9ff92b949c16d70b1b6840e378",class:"iframe-skeleton"},r("div",{key:"9c77a9eeda10a23004890c934f30f8d25be7fbf1",class:"input-skeleton"}),r("div",{key:"d26032fe4bbb41dd0107e9fa5d8bd041da401351",class:"input-skeleton"}))}};T.style=w;const I=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}:host{display:block;width:100%;box-sizing:border-box}.combo-wrapper{display:flex;align-items:stretch;width:100%;height:38.33px;border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);background:var(--rebill-color-background);transition:border-color 0.2s;position:relative;box-sizing:border-box}.combo-wrapper:focus-within{border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.combo-wrapper.error{border-color:var(--rebill-color-error)}.combo-wrapper.disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}.select-section{position:relative;flex-shrink:0;min-width:80px;display:flex;align-items:center}.select-combo-trigger{width:100%;height:100%;padding:0 30px 0 14px;font-size:0.875rem;font-weight:normal;color:var(--rebill-color-text-primary);background:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;box-sizing:border-box;position:relative;transition:border-color 0.2s}.select-combo-trigger:focus{outline:none}.select-combo-trigger:hover:not(.disabled){border-color:var(--rebill-color-primary)}.select-combo-trigger.placeholder .select-value{color:var(--rebill-color-text-secondary-light)}.combo-wrapper.disabled .select-combo-trigger{cursor:not-allowed;color:var(--rebill-color-text-secondary)}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-section .icon-wrapper{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:20px;width:20px}.select-icon{color:var(--rebill-color-text-secondary);transition:transform 0.2s ease;transform-origin:50% 50%;display:block}.combo-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-top:0.25rem;max-height:200px;overflow-y:auto;animation:slideDown 0.15s ease-out;box-sizing:border-box;width:100%}.select-option{padding:0.75rem;font-size:0.875rem;color:var(--rebill-color-text-primary);cursor:pointer;border-bottom:1px solid var(--rebill-color-border);transition:background-color 0.15s ease}.select-option:last-child{border-bottom:none}.select-option:hover,.select-option.highlighted{background-color:#f0f9ff}.select-option.selected{background-color:var(--rebill-color-primary);color:white}.select-option.selected:hover,.select-option.selected.highlighted{background-color:var(--rebill-color-primary)}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}.combo-divider{width:1px;background-color:var(--rebill-color-border);margin:0;flex-shrink:0}.input-section{flex:1;min-width:0;display:flex;align-items:center}.combo-input{width:100%;height:100%;padding:0 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);background:transparent;border:none;outline:none;box-sizing:border-box}.combo-input:focus{outline:none}.combo-input::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.combo-wrapper.disabled .combo-input{color:var(--rebill-color-text-secondary);cursor:not-allowed}.combo-wrapper.disabled .combo-input::placeholder{color:var(--rebill-color-text-secondary)}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}@media screen and (max-width: 768px){.select-combo-trigger{font-size:1rem}.select-option{font-size:1rem}.combo-input{font-size:1rem}.combo-input::placeholder{font-size:1rem}}";const E=class{constructor(r){e(this,r);this.blur=o(this,"blur");this.selectChange=o(this,"selectChange");this.input=o(this,"input")}dropdownRef;triggerRef;label="";options=[];selectValue="";inputValue="";inputPlaceholder="";selectPlaceholder="";error="";selectId="";inputId="";disabled=false;selectWidth="120px";isOpen=false;highlightedIndex=-1;componentId="";blur;selectChange;input;componentWillLoad(){this.componentId=this.selectId||`combo-${Math.random().toString(36).substr(2,9)}`}handleFormChange(e){const r=e.detail;if(r){if(this.selectId&&this.selectId in r){const e=r[this.selectId];if(typeof e==="string"){this.selectValue=e}}if(this.inputId&&this.inputId in r){const e=r[this.inputId];if(typeof e==="string"){this.inputValue=e}}}}handleCloseAllSelects(e){if(e.detail!==this.componentId){this.closeDropdown()}}handleDocumentClick(e){if(this.dropdownRef&&this.triggerRef&&!this.dropdownRef.contains(e.target)&&!this.triggerRef.contains(e.target)){this.closeDropdown()}}toggleDropdown=()=>{if(this.disabled)return;const e=this.isOpen;this.isOpen=!this.isOpen;if(this.isOpen){if(!e){document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}))}this.highlightedIndex=this.options.findIndex((e=>e.value===this.selectValue));if(this.highlightedIndex===-1){this.highlightedIndex=0}}};openDropdown=()=>{if(this.disabled)return;document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}));this.isOpen=true;this.highlightedIndex=this.options.findIndex((e=>e.value===this.selectValue));if(this.highlightedIndex===-1){this.highlightedIndex=0}};closeDropdown=()=>{this.isOpen=false;this.highlightedIndex=-1};selectOption=e=>{if(this.disabled)return;this.selectValue=e.value;this.closeDropdown();this.input.emit({id:this.selectId,value:this.selectValue})};onInputChange=e=>{if(this.disabled)return;const r=e.target;this.inputValue=r.value;this.input.emit({id:this.inputId,value:this.inputValue})};onSelectBlur=()=>{this.blur.emit({id:this.selectId,value:this.selectValue})};onInputBlur=()=>{const e=this.inputValue.trim();if(e!==this.inputValue){this.inputValue=e;this.input.emit({id:this.inputId,value:this.inputValue})}this.blur.emit({id:this.inputId,value:this.inputValue})};handleKeyDown=e=>{if(this.disabled)return;switch(e.key){case"Enter":case" ":e.preventDefault();if(this.isOpen&&this.highlightedIndex>=0){this.selectOption(this.options[this.highlightedIndex])}else{this.toggleDropdown()}break;case"Escape":e.preventDefault();this.closeDropdown();break;case"ArrowDown":e.preventDefault();if(!this.isOpen){this.openDropdown()}else{this.highlightedIndex=Math.min(this.highlightedIndex+1,this.options.length-1)}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.highlightedIndex=Math.max(this.highlightedIndex-1,0)}break}};getSelectedOptionLabel=()=>{const e=this.options.find((e=>e.value===this.selectValue));return e?e.label:this.selectPlaceholder};render(){const e=this.getSelectedOptionLabel();const o=this.selectValue!=="";return r("div",{key:"f30fb3ed1389a6e12f1d923e132498fe2f44fe6c",class:"input-container"},this.label&&r("label",{key:"73a36d44f468a4a6783782db056c402e6f31d0d4",class:`input-label ${this.disabled?"disabled":""}`},this.label),r("div",{key:"c283fb595144d44c0b9dc7ea7b21cbc14b296860",class:`input-combo-wrapper combo-wrapper ${this.disabled?"disabled":""} ${this.error?"error":""}`},r("div",{key:"9c1e8ea00d44d4cecd8a7e1eef3507135c021984",class:"select-section",style:{width:this.selectWidth}},r("div",{key:"42f65608af44f4ce777f3811b19a6a5d965f980d",ref:e=>this.triggerRef=e,class:`input-combo-select select-combo-trigger ${!o?"placeholder":""}`,onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown,onBlur:this.onSelectBlur,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen.toString(),"aria-haspopup":"listbox"},r("span",{key:"1b7402f39e8edfb2857b89339b44d352168053c3",class:"select-value"},e),r("div",{key:"9521467fd6b4844aa8eef664e05fdd2fffa93084",class:"icon-wrapper"},r("rebill-icon",{key:"3ca69faf99c23aa869b4f30d86d4ec3e27dbc87a",name:"chevron-up-down",size:"20px",class:"select-icon"}))),this.isOpen&&r("div",{key:"90c3696f5950268b273a166459bde04567097e72",ref:e=>this.dropdownRef=e,class:"select-dropdown",role:"listbox"},this.options.map(((e,o)=>r("div",{class:`select-option ${this.selectValue===e.value?"selected":""} ${this.highlightedIndex===o?"highlighted":""}`,onClick:()=>this.selectOption(e),role:"option","aria-selected":this.selectValue===e.value?"true":"false"},e.label))))),r("div",{key:"dba779de6a18058418e90354d022110b7b1484df",class:"combo-divider"}),r("div",{key:"8f9bb471e5c7803a322510a4eda20b145159203e",class:"input-section"},r("input",{key:"90542af1e1f10e137b1ab711a689fdbfdd46223e",type:"text",class:"input-combo-element combo-input",placeholder:this.inputPlaceholder,value:this.inputValue,onInput:this.onInputChange,onBlur:this.onInputBlur,disabled:this.disabled}))),this.error&&r("span",{key:"46c579be0ba230af0cb3d813d209fa51b8a35774",class:"error-message"},this.error))}};E.style=I;const C="";const S=class{constructor(r){e(this,r)}get el(){return t(this)}error;currentValue=null;isDisabled=false;value=null;placeholder=null;handleInstallments=e=>{if(this.isDisabled){const e=new CustomEvent("input",{detail:{id:"installments",value:"",disabled:true},bubbles:true});this.el.dispatchEvent(e);return}this.currentValue=e.detail.value;n.setSelectedInstallment(e.detail.value)};componentWillLoad(){n.onChange("data",(()=>{this.isDisabled=!s.data.cardInformation?.installments?.isAvailableInstallments;this.placeholder=!s.data.cardInformation?.installments?.isAvailableInstallments?f(s.data.pricing?.currency):u(s.data.pricing?.currency);this.value=this.isDisabled?"":this.value;if(this.isDisabled){const e=new CustomEvent("input",{detail:{id:"installments",value:"",disabled:true},bubbles:true});this.el.dispatchEvent(e)}}))}render(){return r("div",{key:"a7e2147789a5664d4b5857c86652c85f78a88872"},r("rebill-input-select",{key:this.isDisabled.toString(),id:"installments",variant:"outlined",value:this.value,options:s.data.cardInformation?.installments?.installments.map((e=>({label:g(e.installment,y(e.installmentAmount),s.data.pricing?.currency,e.cft,e.model),value:e?.installment?.toString()})))||[],loading:s.data.fetchingInstallments,placeholder:this.placeholder,disabled:this.isDisabled,"on-input":this.handleInstallments,error:l.translate(this.error)}),s.data.cardInformation?.installments?.installments.find((e=>e.installment===s.data.cardInformation?.installments?.selectedInstallment?.installment))?.model===m.CUSTOMER_FINANCED&&r("rebill-typography",{key:"77b18f5f22cf47c79a6a2f30655117f4aaa60987",variant:"italic",color:x.SECONDARY},l.translate("installments.interest")))}};S.style=C;export{v as card_identification,k as card_iframe,T as card_skeleton,E as rebill_input_combo,S as rebill_installments};
+//# sourceMappingURL=p-28d04513.entry.js.map