rebill-web-components-sdk 1.8.33 → 1.8.34-beta.0

package/dist/esm/card-identification_5.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, c as createEvent, g as getElement } from './index-D8cwEAmw.js';
 import { a as api } from './index-BOj-Hiz8.js';
 import { I as I18nService, s as state, e as instance, a as SessionStore, o as onChange$1 } from './i18n.service-D2TBhbJY.js';
-import { r as renewalState, o as onChange, R as RenewalStore } from './renewal.store-C6hSvhsF.js';
+import { r as renewalState, o as onChange, R as RenewalStore } from './renewal.store-vAxzxA8H.js';
 import { g as getAPIConfig } from './config-BuNv9JwG.js';
 import { c as getInstallmentDisabledPlaceholderByCurrency, d as getInstallmentPlaceholderByCurrency, E as ENUM_INSTALLMENT_MODEL, e as getInstallmentLabel, b as getRecalculatedInstallmentAmount } from './installment-utils-BFqd8XjG.js';
 import { C as COLORS_ENUM } from './color-class-mapper-DA598vBj.js';
@@ -68,7 +68,7 @@ const Identification = class {
             label: documentType.value,
             value: documentType.value,
         }));
-        return (h(h.Fragment, null, h("rebill-input-combo", { key: '6823049ae91bcbbf61c0b0e9b913ae4b581e21b9', "select-id": "documentType", "input-id": "documentNumber", "on-input": this.handleInputChange, "select-placeholder": I18nService.translate('document.typePlaceholder'), "input-placeholder": I18nService.translate('document.numberPlaceholder'), error: I18nService.translate(error), options: options, disabled: this.disabled })));
+        return (h(h.Fragment, null, h("rebill-input-combo", { key: '075b874873f297d3e2e72e54625db2d5cc49c619', "select-id": "documentType", "input-id": "documentNumber", "on-input": this.handleInputChange, "select-placeholder": I18nService.translate('document.typePlaceholder'), "input-placeholder": I18nService.translate('document.numberPlaceholder'), error: I18nService.translate(error), options: options, disabled: this.disabled })));
     }
 };
 
@@ -399,12 +399,12 @@ const CardIframe = class {
         }
     };
     render() {
-        return (h("div", { key: 'e6b649919e417b6766f8b57c4b14200973fbffbc', style: {
+        return (h("div", { key: '21cee6426b31b15e214272bed3b893a89cfebdc3', style: {
                 width: '100%',
                 height: this.iframeHeight,
                 position: 'relative',
                 overflow: 'hidden',
-            } }, !this.iframeLoaded && h("card-skeleton", { key: '0188319bd207a9b6bc7d81d0812550b1788e1bb4' }), h("iframe", { key: '7fd8a416e1d52a0a303ad14048cdc7e2803da0c7', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
+            } }, !this.iframeLoaded && h("card-skeleton", { key: '66bbb20d750975f5e6a15a72c55f21ac209c9a10' }), h("iframe", { key: '8f9c689ea04b5b88511cbcc69b792454460b2a48', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
                 width: '100%',
                 height: '100%',
                 border: 'none',
@@ -420,7 +420,7 @@ const CardSkeleton = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd87e835e37bd5986d77a45a98237a8dd3a7b3682', class: "iframe-skeleton" }, h("div", { key: '3a31614b30459c736eb66f29bc998d9aee635a6b', class: "input-skeleton" }), h("div", { key: '9149d975b4da18fa231e434520f278632c39e38b', class: "input-skeleton" })));
+        return (h("div", { key: '76c432f43c597f9ff92b949c16d70b1b6840e378', class: "iframe-skeleton" }, h("div", { key: '9c77a9eeda10a23004890c934f30f8d25be7fbf1', class: "input-skeleton" }), h("div", { key: 'd26032fe4bbb41dd0107e9fa5d8bd041da401351', class: "input-skeleton" })));
     }
 };
 CardSkeleton.style = cardSkeletonCss;
@@ -600,7 +600,7 @@ const InputCombo = class {
     render() {
         const selectedLabel = this.getSelectedOptionLabel();
         const hasSelectValue = this.selectValue !== '';
-        return (h("div", { key: 'acc0186f37b641ea3d432b5c3dc020ffef1948b7', class: "input-container" }, this.label && (h("label", { key: '793f258597ce2a5ebb85aa1a04b841575f609944', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '59b00e15043885b09e14b9c4f5e0d22bcb7e215f', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, h("div", { key: '64bd573a8c8a17183524960a845aa6b18088fdfe', class: "select-section", style: { width: this.selectWidth } }, h("div", { key: '57cbb932a7ec053f1f15ac9ec5a0f7e7981adfce', ref: el => (this.triggerRef = el), class: `input-combo-select select-combo-trigger ${!hasSelectValue ? 'placeholder' : ''}`, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown, onBlur: this.onSelectBlur, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox" }, h("span", { key: 'fb572ee0350ec89f05db26e8109da0c0402449ef', class: "select-value" }, selectedLabel), h("div", { key: 'e7a6826e68b2d6ae6a69894b51b10110811d5dd9', class: "icon-wrapper" }, h("rebill-icon", { key: 'e39c6b9d60cc34fce37d0dd0ec2e764b62f4d52e', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (h("div", { key: '383b264b2359af0e64152f122b4fcb793d7d378e', ref: el => (this.dropdownRef = el), class: "select-dropdown", role: "listbox" }, this.options.map((option, index) => (h("div", { class: `select-option ${this.selectValue === option.value ? 'selected' : ''} ${this.highlightedIndex === index ? 'highlighted' : ''}`, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.selectValue === option.value ? 'true' : 'false' }, option.label)))))), h("div", { key: '3ae30dbfc77ac17074107ad7ba4d64176cbf3ad7', class: "combo-divider" }), h("div", { key: 'ece93859123a7618977f7372d5bb4eea5f9ffdc7', class: "input-section" }, h("input", { key: '35a3e5136b2863373c7aac96735aba61bc8090d2', 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 && h("span", { key: '84addbc346d45632fa68942e36339a80ec81c787', class: "error-message" }, this.error)));
+        return (h("div", { key: '78274d3e83b4a14ec044ff3852e833a99feb8348', class: "input-container" }, this.label && (h("label", { key: '1c49d0001d73ada9f2a892bb28438fd44f369828', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'f8fdecad81908c55d33c3c5612afacf122916635', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, h("div", { key: '2b824e4efec1d67539fcc5e3dd3cd750e65e342a', class: "select-section", style: { width: this.selectWidth } }, h("div", { key: 'dc0116959636baf538f158a1c018087cf9c8890a', ref: el => (this.triggerRef = el), class: `input-combo-select select-combo-trigger ${!hasSelectValue ? 'placeholder' : ''}`, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown, onBlur: this.onSelectBlur, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox" }, h("span", { key: '0fd9d93421d8fd546771e806c93a29c0200ee408', class: "select-value" }, selectedLabel), h("div", { key: '6a3b3431c75f00bcb97d91e907c982e7abca3435', class: "icon-wrapper" }, h("rebill-icon", { key: 'b473ae6f95bdd29a45dc57b8a617c4311d89f3d3', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (h("div", { key: '90337b81ac236c22559e7bfd1c21169452e6196a', ref: el => (this.dropdownRef = el), class: "select-dropdown", role: "listbox" }, this.options.map((option, index) => (h("div", { class: `select-option ${this.selectValue === option.value ? 'selected' : ''} ${this.highlightedIndex === index ? 'highlighted' : ''}`, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.selectValue === option.value ? 'true' : 'false' }, option.label)))))), h("div", { key: 'b23f197692e344ba927859c95da58ac610d68239', class: "combo-divider" }), h("div", { key: '53947485ce5b7f58baa9755d2cbbe32d3d2d63dd', class: "input-section" }, h("input", { key: 'a4350c9c44ab5915671ba9ab26ddd98bfe443544', 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 && h("span", { key: 'fc58be7909cf174089b791270720da65050d7e19', class: "error-message" }, this.error)));
     }
 };
 InputCombo.style = inputComboCss;
@@ -646,11 +646,11 @@ const Installments = class {
         });
     }
     render() {
-        return (h("div", { key: '6a5c00fc287b609ed3bd074d3c9ea028e5770190' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: state.data.cardInformation?.installments?.installments.map(installment => ({
+        return (h("div", { key: 'a7e2147789a5664d4b5857c86652c85f78a88872' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: state.data.cardInformation?.installments?.installments.map(installment => ({
                 label: getInstallmentLabel(installment.installment, getRecalculatedInstallmentAmount(installment.installmentAmount), state.data.pricing?.currency, installment.cft, installment.model),
                 value: installment?.installment?.toString(),
             })) || [], loading: state.data.fetchingInstallments, placeholder: this.placeholder, disabled: this.isDisabled, "on-input": this.handleInstallments, error: I18nService.translate(this.error) }), state.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
-            state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '0e3cc1cbf51fd540b927d64d16c8d2107c98f06f', variant: "italic", color: COLORS_ENUM.SECONDARY }, I18nService.translate('installments.interest')))));
+            state.data.cardInformation?.installments?.selectedInstallment?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '77b18f5f22cf47c79a6a2f30655117f4aaa60987', variant: "italic", color: COLORS_ENUM.SECONDARY }, I18nService.translate('installments.interest')))));
     }
 };
 Installments.style = installmentsCss;

package/dist/esm/collapsible-card.entry.js

@@ -21,7 +21,7 @@ const CollapsibleCard = class {
         this.toggled.emit(this.isOpen);
     };
     render() {
-        return (h("div", { key: '70ba239467a88ca0ce6058bcd8020807e71c4022', class: `collapsible-card ${this.variant}` }, h("button", { key: '6d99d6a0f2e56070b4efa1bff7c9d284bdb0c290', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: '697665ffeca15b33eaa22fd91be373ec7e7e6c3e', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: 'b41772f04b16818c1bf1dbd2bb33a7e90bf60825', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: 'dc46d84a9f2caae5104822e1335a8a8828a10a03', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: '2a7dc6e7724c6c8586a83173eeca435b6b5630f0', class: { content: true, open: this.isOpen } }, h("slot", { key: '03aad6340006dd225a4b68251605413a9e1f1ce8' }))));
+        return (h("div", { key: '1457cbc26b83000ec71d1b8a9330b36339bcacc3', class: `collapsible-card ${this.variant}` }, h("button", { key: '5f21229da2ab3dbb265a4b80cad04e72364cc934', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: 'c6f347bbc712d4ede42b5c63a81b1145297bf36e', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: '7e53c8c84a60126d856a12199871ab9d328c932f', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: '7f3310ed9e9abcfacd8d0050f26a81ba2771a3ff', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: '4ab6b819a7305f97c2b4093ee5f313021c73bfc9', class: { content: true, open: this.isOpen } }, h("slot", { key: '68fd3a2c949a723f6703fb1e2b6c0fe6ad4e5877' }))));
     }
 };
 CollapsibleCard.style = collapsibleCardCss;

package/dist/esm/discount-coupon.rebill-divider.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"discount-coupon.rebill-divider.entry.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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"}

package/dist/esm/discount-coupon_2.entry.js

@@ -0,0 +1,154 @@
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-D8cwEAmw.js';
+import { a as api } from './index-BOj-Hiz8.js';
+import { s as state, a as SessionStore, g as formatAmountWithoutCurrency, I as I18nService } from './i18n.service-D2TBhbJY.js';
+import { C as COLORS_ENUM } from './color-class-mapper-DA598vBj.js';
+import './_commonjsHelpers-E-ZsRS8r.js';
+import './config-BuNv9JwG.js';
+
+const discountCouponCss = ".summary-row{gap:12px}.coupon-chip{display:flex;align-items:center;background:var(--rebill-color-background);border:1px solid var(--rebill-color-border-primary);justify-content:space-between;border-radius:6px;padding:4px 8px;gap:8px;width:fit-content}.coupon-chip--readonly{cursor:default}.coupon-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;vertical-align:middle}.coupon-close{cursor:pointer}.coupon-content{display:flex;flex-direction:row;align-items:flex-start;gap:4px}";
+
+var ACTION_STATUS;
+(function (ACTION_STATUS) {
+    ACTION_STATUS["EDITING"] = "editing";
+    ACTION_STATUS["APPLIED"] = "applied";
+    ACTION_STATUS["NOT_APPLIED"] = "not_applied";
+})(ACTION_STATUS || (ACTION_STATUS = {}));
+const DiscountCoupon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.discountApplied = createEvent(this, "discountApplied");
+    }
+    get el() { return getElement(this); }
+    hideLabel = false;
+    displayMode = 'editable';
+    readonlyCouponCode;
+    readonlyDiscountAmount;
+    readonlyCurrency;
+    couponCode = '';
+    actionStatus = ACTION_STATUS.NOT_APPLIED;
+    isLoading = false;
+    isError = false;
+    currentLocale = state.currentLocale;
+    discountApplied;
+    inputRef;
+    unsubscribeCurrentLocaleStore;
+    componentWillLoad() {
+        this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {
+            this.currentLocale = state.currentLocale;
+        });
+        if (this.readonlyCouponCode) {
+            return;
+        }
+        if (state.data.pricing.discountCouponCode &&
+            state.data.pricing.discountAmount > 0) {
+            this.actionStatus = ACTION_STATUS.APPLIED;
+            this.couponCode = state.data.pricing.discountCouponCode;
+        }
+    }
+    disconnectedCallback() {
+        if (this.unsubscribeCurrentLocaleStore) {
+            this.unsubscribeCurrentLocaleStore();
+        }
+    }
+    componentDidUpdate() {
+        if (this.readonlyCouponCode) {
+            return;
+        }
+        if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {
+            setTimeout(async () => {
+                const inputElement = await this.inputRef.getInputElement();
+                if (inputElement) {
+                    inputElement.focus();
+                }
+            }, 0);
+        }
+    }
+    async onApplyCoupon() {
+        if (this.readonlyCouponCode)
+            return;
+        const sessionId = state.data.sessionId;
+        if (!sessionId) {
+            return;
+        }
+        this.isLoading = true;
+        try {
+            const response = await api.discountCoupon.applyDiscountCoupon({
+                couponCode: this.couponCode,
+                quantity: 1,
+                sessionId: sessionId,
+                organizationId: state.data.organization.id,
+            });
+            this.actionStatus = ACTION_STATUS.APPLIED;
+            SessionStore.setDiscount({
+                couponCode: this.couponCode,
+                amount: response.amount,
+                discountType: response.discountType,
+                discountAmount: response.discountedAmount,
+                discountedPercentage: response?.discountedPercentage || 0,
+                discountDuration: response?.discountDuration || null,
+            });
+            this.discountApplied.emit(true);
+        }
+        catch (error) {
+            this.actionStatus = ACTION_STATUS.EDITING;
+            this.discountApplied.emit(false);
+            this.isError = true;
+            SessionStore.setDiscount(null);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    onCancelCoupon() {
+        if (this.readonlyCouponCode)
+            return;
+        this.actionStatus = ACTION_STATUS.NOT_APPLIED;
+        this.couponCode = '';
+        this.isError = false;
+    }
+    renderReadonlyView() {
+        if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {
+            return null;
+        }
+        return (h("div", { class: "coupon-chip coupon-chip--readonly" }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content" }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.readonlyCouponCode), this.readonlyDiscountAmount && (h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(this.readonlyDiscountAmount, this.readonlyCurrency))))));
+    }
+    render() {
+        if (this.readonlyCouponCode) {
+            return this.renderReadonlyView();
+        }
+        return (h("div", null, h("div", { class: "summary-row", style: {
+                alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',
+                display: 'flex',
+            } }, !this.hideLabel && (h("rebill-typography", { variant: "body2", style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' } }, I18nService.translate('discountCoupons.discount'))), this.actionStatus === ACTION_STATUS.NOT_APPLIED && (h("rebill-button", { variant: "filled", size: "small", theme: "primary-dark", onClick: () => (this.actionStatus = ACTION_STATUS.EDITING) }, I18nService.translate('discountCoupons.addDiscount'))), this.actionStatus === ACTION_STATUS.EDITING && (h("div", { class: "summary-row", style: { alignItems: 'flex-start', display: 'flex' } }, h("rebill-input-text", { ref: el => (this.inputRef = el), id: "discountCoupon", value: this.couponCode, placeholder: I18nService.translate('discountCoupons.addDiscount'), disabled: this.isLoading, error: this.isError ? I18nService.translate('discountCoupons.error') : '', clearable: true, uppercase: true, onInput: e => {
+                e.stopPropagation();
+                if (e.detail && e.detail.value !== undefined) {
+                    this.couponCode = e.detail.value;
+                }
+            }, onBlur: () => {
+                if (!this.couponCode.trim()) {
+                    this.onCancelCoupon();
+                }
+            } }), h("rebill-button", { variant: "filled", theme: "primary-dark", size: "small", loading: this.isLoading, disabled: this.isLoading || !this.couponCode.trim(), onClick: () => this.onApplyCoupon(), style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' } }, I18nService.translate('discountCoupons.apply')))), this.actionStatus === ACTION_STATUS.APPLIED && (h("div", { class: "coupon-chip" }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content", onClick: () => (this.actionStatus = ACTION_STATUS.EDITING) }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, state.data.pricing.discountCouponCode), h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(state.data.pricing.discountAmount, state.data.pricing.currency))), h("div", { class: "coupon-close", onClick: () => {
+                this.actionStatus = ACTION_STATUS.NOT_APPLIED;
+                this.couponCode = '';
+                SessionStore.setDiscount(null);
+                this.discountApplied.emit(false);
+            } }, h("rebill-icon", { name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))))));
+    }
+};
+DiscountCoupon.style = discountCouponCss;
+
+const dividerCss = ".rebill-divider{border:none;border-top:0.5px solid var(--rebill-color-border-primary);width:100%;height:0.5px}";
+
+const Divider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return h("div", { key: 'e473487d16557d2a754a133173d72ca6ce5a7767', class: "rebill-divider" });
+    }
+};
+Divider.style = dividerCss;
+
+export { DiscountCoupon as discount_coupon, Divider as rebill_divider };
+//# sourceMappingURL=discount-coupon.rebill-divider.entry.js.map