rebill-web-components-sdk 1.8.23 → 1.8.24

package/dist/components/{p-DLh7v0Ng.js → p-Dzeq5BdH.js}

@@ -5,10 +5,10 @@ import { B as BREAKPOINT_ENUM, g as getBreakpoint } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$7 } from './p-B48kVXFC.js';
 import { d as defineCustomElement$6 } from './p-DaYZxslj.js';
-import { d as defineCustomElement$5 } from './p-D2wX2Bnk.js';
-import { d as defineCustomElement$4 } from './p-DVmistTq.js';
+import { d as defineCustomElement$5 } from './p-C4TcKKa8.js';
+import { d as defineCustomElement$4 } from './p-BIHeH7ht.js';
 import { d as defineCustomElement$3 } from './p-BSay3C61.js';
-import { d as defineCustomElement$2 } from './p-CWdTbodL.js';
+import { d as defineCustomElement$2 } from './p-Bw7Jq0SL.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
 
 const processingPaymentCss = ".lottie-container{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.lottie-animation{width:166px;height:165px;display:flex;justify-content:center;align-items:center}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.security-badge{width:100%;max-width:450px;height:40px;display:flex;align-items:center;justify-content:center;background:#ebedef;border-radius:8px;box-sizing:border-box}.lock-icon{width:16px;height:16px;color:var(--rebill-color-text-secondary, #6b7280)}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}.contact-info{text-align:left}@media (max-width: 1024px){.security-badge{width:100%;max-width:100%}.lottie-animation{width:166px;height:165px}.text-content{gap:12px}}@media (max-width: 767px){.processing-container{padding:0 16px}}.processing-container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}";
@@ -152,6 +152,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ProcessingPayment as P, defineCustomElement as d };
-//# sourceMappingURL=p-DLh7v0Ng.js.map
+//# sourceMappingURL=p-Dzeq5BdH.js.map
 
-//# sourceMappingURL=p-DLh7v0Ng.js.map
+//# sourceMappingURL=p-Dzeq5BdH.js.map

package/dist/components/{p-DLh7v0Ng.js.map → p-Dzeq5BdH.js.map}

@@ -1 +1 @@
-{"file":"p-DLh7v0Ng.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,88BAA88B;;MCa99B,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;AACnB,IAAA,aAAa,GAAWC,KAAY,CAAC,aAAa;AAClD,IAAA,UAAU,GAAoB,eAAe,CAAC,OAAO;IACrD,cAAc,GAAW,CAAC;IAC1B,eAAe,GAAY,IAAI;AAEhC,IAAA,6BAA6B;AAC7B,IAAA,gBAAgB;AAChB,IAAA,eAAe;AACf,IAAA,eAAe;IAEvB,iBAAiB,GAAA;QACf,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;QAClD,IAAI,CAAC,6BAA6B,GAAG,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAK;AAC/E,YAAA,IAAI,CAAC,aAAa,GAAGA,KAAY,CAAC,aAAa;AACjD,SAAC,CAAC;;IAGJ,gBAAgB,GAAA;QACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;QACpD,IAAI,CAAC,mBAAmB,EAAE;;IAG5B,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;QAEtC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;QACvD,IAAI,CAAC,mBAAmB,EAAE;;IAGpB,YAAY,GAAG,MAAK;QAC1B,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;AACpD,KAAC;IAEO,mBAAmB,GAAG,YAAW;AACvC,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,MAAM,OAAO,iBAAY,oCAAC;YACzC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC,CAAA,mBAAA,CAAqB,CAAC,CAAC;AACrE,YAAA,MAAM,aAAa,GAAG,MAAM,aAAa,CAAC,IAAI,EAAE;AAEhD,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC;oBAClD,SAAS,EAAE,IAAI,CAAC,eAAe;AAC/B,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,aAAa,EAAE,aAAa;AAC7B,iBAAA,CAAC;;iBACG;gBACL,IAAI,CAAC,oBAAoB,EAAE;;;QAE7B,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,oBAAoB,EAAE;;AAE/B,KAAC;IAEO,oBAAoB,GAAG,MAAK;QAClC,MAAM,QAAQ,GAAG,IAAI;AACrB,QAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,CAAC,QAAQ,GAAG,QAAQ,IAAI,GAAG;QAE7C,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;AAC9C,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,GAAG,SAAS,EAAE,GAAG,CAAC;AACpE,YAAA,IAAI,IAAI,CAAC,cAAc,IAAI,GAAG,EAAE;gBAC9B,IAAI,CAAC,mBAAmB,EAAE;;SAE7B,EAAE,QAAQ,CAAC;AACd,KAAC;IAEO,mBAAmB,GAAG,MAAK;AACjC,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC;AACpC,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;;AAEnC,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;AAC9B,YAAA,IAAI,CAAC,eAAe,GAAG,SAAS;;AAEpC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAE/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,kBAAkB,GAAO,CACxE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACjE,WAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAClC,EACpB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EAC5E,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC,CACrC,CAChB,EAEN,CACE,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC,EACnD,CAAA,CACE,CACwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/processing-payment/processing-payment.css?tag=rebill-processing-payment","src/components/checkout/processing-payment/processing-payment.tsx"],"sourcesContent":["/* Lottie Animation */\n.lottie-container {\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.lottie-animation {\n  width: 166px;\n  height: 165px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Text Content */\n.text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Security Badge */\n.security-badge {\n  width: 100%;\n  max-width: 450px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ebedef;\n  border-radius: 8px;\n  box-sizing: border-box;\n}\n\n.lock-icon {\n  width: 16px;\n  height: 16px;\n  color: var(--rebill-color-text-secondary, #6b7280);\n}\n\n/* Animation */\n@keyframes pulse {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n.contact-info {\n  text-align: left;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .security-badge {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .lottie-animation {\n    width: 166px;\n    height: 165px;\n  }\n\n  .text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .processing-container {\n    padding: 0 16px;\n  }\n}\n\n.processing-container {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../../shared/card-icon/card-icon';\n\n@Component({\n  tag: 'rebill-processing-payment',\n  styleUrl: 'processing-payment.css',\n  shadow: false,\n})\nexport class ProcessingPayment {\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    this.loadLottieAnimation();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetURL(`loader-card-v2.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 2000;\n    const interval = 50; // Update every 50ms\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"processing-container\">\n          {/* Lottie Animation */}\n          <div class=\"lottie-container\">\n            <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n          </div>\n          <div class=\"text-content\">\n            <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingTitle')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingSubtitle')}\n            </rebill-typography>\n          </div>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dzeq5BdH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/processing-payment/processing-payment.css?tag=rebill-processing-payment","src/components/checkout/processing-payment/processing-payment.tsx"],"sourcesContent":["/* Lottie Animation */\n.lottie-container {\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.lottie-animation {\n  width: 166px;\n  height: 165px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Text Content */\n.text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Security Badge */\n.security-badge {\n  width: 100%;\n  max-width: 450px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ebedef;\n  border-radius: 8px;\n  box-sizing: border-box;\n}\n\n.lock-icon {\n  width: 16px;\n  height: 16px;\n  color: var(--rebill-color-text-secondary, #6b7280);\n}\n\n/* Animation */\n@keyframes pulse {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n.contact-info {\n  text-align: left;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .security-badge {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .lottie-animation {\n    width: 166px;\n    height: 165px;\n  }\n\n  .text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .processing-container {\n    padding: 0 16px;\n  }\n}\n\n.processing-container {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../../shared/card-icon/card-icon';\n\n@Component({\n  tag: 'rebill-processing-payment',\n  styleUrl: 'processing-payment.css',\n  shadow: false,\n})\nexport class ProcessingPayment {\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    this.loadLottieAnimation();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetURL(`loader-card-v2.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 2000;\n    const interval = 50; // Update every 50ms\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"processing-container\">\n          {/* Lottie Animation */}\n          <div class=\"lottie-container\">\n            <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n          </div>\n          <div class=\"text-content\">\n            <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingTitle')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingSubtitle')}\n            </rebill-typography>\n          </div>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}

package/dist/components/payment-method-selector.js

@@ -1,4 +1,4 @@
-import { P as PaymentMethodSelector$1, d as defineCustomElement$1 } from './p-B8GIr65u.js';
+import { P as PaymentMethodSelector$1, d as defineCustomElement$1 } from './p--gCxFWo3.js';
 
 const PaymentMethodSelector = PaymentMethodSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address-form.js

@@ -1,4 +1,4 @@
-import { A as AddressForm, d as defineCustomElement$1 } from './p-y5rBN7LS.js';
+import { A as AddressForm, d as defineCustomElement$1 } from './p-Coc_KFqp.js';
 
 const RebillAddressForm = AddressForm;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address-search.js

@@ -1,4 +1,4 @@
-import { A as AddressSearch, d as defineCustomElement$1 } from './p-Mgbx0b10.js';
+import { A as AddressSearch, d as defineCustomElement$1 } from './p--RloWBLk.js';
 
 const RebillAddressSearch = AddressSearch;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address.js

@@ -1,4 +1,4 @@
-import { A as Address, d as defineCustomElement$1 } from './p-DgIW2T8E.js';
+import { A as Address, d as defineCustomElement$1 } from './p-CVQ9SnQp.js';
 
 const RebillAddress = Address;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-bank-selector.js

@@ -1,4 +1,4 @@
-import { B as BankSelector, d as defineCustomElement$1 } from './p-c9SkZ__E.js';
+import { B as BankSelector, d as defineCustomElement$1 } from './p-Bb1L1oJK.js';
 
 const RebillBankSelector = BankSelector;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-checkout-single-column.js

@@ -1,4 +1,4 @@
-import { L as LayoutCheckoutSingleColumn, d as defineCustomElement$1 } from './p-D2wX2Bnk.js';
+import { L as LayoutCheckoutSingleColumn, d as defineCustomElement$1 } from './p-C4TcKKa8.js';
 
 const RebillCheckoutSingleColumn = LayoutCheckoutSingleColumn;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-checkout.js

@@ -4,45 +4,45 @@ import { a as api } from './p-Dh-yfb0D.js';
 import { m as mapRequiredFields, g as generateIdempotencyKey, P as PaymentMessageE, C as CheckoutStatusE, i as isFieldRequired, a as PaymentErrorMapper, b as getFieldValues } from './p-BRI7iMx8.js';
 import { P as PaymentMethodMapper, S as STATUS_REQ_CHECKOUT_APM, d as defineCustomElement$P } from './p-yU1zKrb6.js';
 import { d as defineCustomElement$D } from './p-DZKiNnX2.js';
-import { d as defineCustomElement$e } from './p-DLh7v0Ng.js';
-import { d as defineCustomElement$d } from './p-D9Eow84L.js';
+import { d as defineCustomElement$e } from './p-Dzeq5BdH.js';
+import { d as defineCustomElement$d } from './p-BnUMlZY9.js';
 import { d as defineCustomElement$2 } from './p-QHSLjyEd.js';
 import { d as defineCustomElement$F } from './p-B48kVXFC.js';
 import { s as state, S as SESSION_TYPE_ENUM, I as I18nService, a as SessionStore, i as initializeI18nWithSessionLanguage, P as PAYMENT_METHOD_ENUM, o as onChange, b as SESSION_ITEM_TYPE_ENUM } from './p-DEZl2gyc.js';
 import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
-import { G as GoogleMapsService, d as defineCustomElement$y } from './p-Mgbx0b10.js';
+import { G as GoogleMapsService, d as defineCustomElement$y } from './p--RloWBLk.js';
 import { d as defineCustomElement$g } from './p-CMD8SCGS.js';
 import { d as defineCustomElement$O } from './p-Bc7nIXet.js';
 import { d as defineCustomElement$N } from './p-BY4Pzc-R.js';
-import { d as defineCustomElement$M } from './p-DTjDV-2m.js';
-import { d as defineCustomElement$L } from './p-DQIG3sUQ.js';
+import { d as defineCustomElement$M } from './p-BxXWkB7L.js';
+import { d as defineCustomElement$L } from './p-CH8Qt-7B.js';
 import { d as defineCustomElement$K } from './p-BKlWxPzb.js';
 import { d as defineCustomElement$J } from './p-C1PdnVhw.js';
 import { d as defineCustomElement$I } from './p-C40S4S5D.js';
-import { d as defineCustomElement$H } from './p-DuW9_9Co.js';
+import { d as defineCustomElement$H } from './p-Cqrdj1mj.js';
 import { d as defineCustomElement$G } from './p-b3y0ldGK.js';
 import { d as defineCustomElement$E } from './p-2hFT3wni.js';
-import { d as defineCustomElement$C } from './p-B8GIr65u.js';
+import { d as defineCustomElement$C } from './p--gCxFWo3.js';
 import { d as defineCustomElement$B } from './p-qmr2qRdk.js';
-import { d as defineCustomElement$A } from './p-DgIW2T8E.js';
-import { d as defineCustomElement$z } from './p-y5rBN7LS.js';
+import { d as defineCustomElement$A } from './p-CVQ9SnQp.js';
+import { d as defineCustomElement$z } from './p-Coc_KFqp.js';
 import { d as defineCustomElement$x } from './p-DaYZxslj.js';
-import { d as defineCustomElement$w } from './p-c9SkZ__E.js';
+import { d as defineCustomElement$w } from './p-Bb1L1oJK.js';
 import { d as defineCustomElement$v } from './p-B49WDo0h.js';
 import { d as defineCustomElement$u } from './p-CVtYHkf8.js';
 import { d as defineCustomElement$t } from './p-N5kDm5Y3.js';
 import { d as defineCustomElement$s } from './p-DSIrgN-9.js';
-import { d as defineCustomElement$r } from './p-D2wX2Bnk.js';
+import { d as defineCustomElement$r } from './p-C4TcKKa8.js';
 import { d as defineCustomElement$q } from './p-BTR6Geae.js';
-import { d as defineCustomElement$p } from './p-DVmistTq.js';
+import { d as defineCustomElement$p } from './p-BIHeH7ht.js';
 import { d as defineCustomElement$o } from './p-f6IvxFra.js';
 import { d as defineCustomElement$n } from './p-BSay3C61.js';
-import { d as defineCustomElement$m } from './p-B9fIqz0z.js';
-import { d as defineCustomElement$l } from './p-BpkqlhjE.js';
-import { d as defineCustomElement$k } from './p-CWdTbodL.js';
-import { d as defineCustomElement$j } from './p-DStRg6vz.js';
-import { d as defineCustomElement$i } from './p-BgJ9ZORq.js';
-import { d as defineCustomElement$h } from './p-8eukGNL9.js';
+import { d as defineCustomElement$m } from './p-DSnJHRr3.js';
+import { d as defineCustomElement$l } from './p-DUxs56Lj.js';
+import { d as defineCustomElement$k } from './p-Bw7Jq0SL.js';
+import { d as defineCustomElement$j } from './p-BJHx0OQj.js';
+import { d as defineCustomElement$i } from './p-BZj9nSOY.js';
+import { d as defineCustomElement$h } from './p-C2gtk16s.js';
 import { d as defineCustomElement$f } from './p-q89ptYxi.js';
 import { d as defineCustomElement$c } from './p-CszILNbN.js';
 import { d as defineCustomElement$b } from './p-LIIHFFLB.js';
@@ -51,9 +51,9 @@ import { d as defineCustomElement$9 } from './p-DTk6aYAr.js';
 import { d as defineCustomElement$8 } from './p-CjAwP54Z.js';
 import { d as defineCustomElement$7 } from './p-xpOb67FC.js';
 import { d as defineCustomElement$6 } from './p-DHqT8Dlg.js';
-import { d as defineCustomElement$5 } from './p-CHUzEc6D.js';
-import { d as defineCustomElement$4 } from './p-zU9a56AF.js';
-import { d as defineCustomElement$3 } from './p-6aqJA2NI.js';
+import { d as defineCustomElement$5 } from './p-C8lHS2ZV.js';
+import { d as defineCustomElement$4 } from './p-BeNxLLvH.js';
+import { d as defineCustomElement$3 } from './p-CYC_SbCo.js';
 
 /**
  * Default display configuration with all sections enabled

package/dist/components/rebill-footer.js

@@ -1,4 +1,4 @@
-import { R as RebillFooter$1, d as defineCustomElement$1 } from './p-DVmistTq.js';
+import { R as RebillFooter$1, d as defineCustomElement$1 } from './p-BIHeH7ht.js';
 
 const RebillFooter = RebillFooter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-input-checkbox.js

@@ -1,4 +1,4 @@
-import { I as InputCheckbox, d as defineCustomElement$1 } from './p-ti0gvUO5.js';
+import { I as InputCheckbox, d as defineCustomElement$1 } from './p-CpCPsj5Y.js';
 
 const RebillInputCheckbox = InputCheckbox;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-input-combo.js

@@ -1,4 +1,4 @@
-import { I as InputCombo, d as defineCustomElement$1 } from './p-B9fIqz0z.js';
+import { I as InputCombo, d as defineCustomElement$1 } from './p-DSnJHRr3.js';
 
 const RebillInputCombo = InputCombo;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-input-phone.js

@@ -1,4 +1,4 @@
-import { I as InputPhone, d as defineCustomElement$1 } from './p-BpkqlhjE.js';
+import { I as InputPhone, d as defineCustomElement$1 } from './p-DUxs56Lj.js';
 
 const RebillInputPhone = InputPhone;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-input-select.js

@@ -1,4 +1,4 @@
-import { I as InputSelect, d as defineCustomElement$1 } from './p-CWdTbodL.js';
+import { I as InputSelect, d as defineCustomElement$1 } from './p-Bw7Jq0SL.js';
 
 const RebillInputSelect = InputSelect;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-input-text.js

@@ -1,4 +1,4 @@
-import { I as InputText, d as defineCustomElement$1 } from './p-DStRg6vz.js';
+import { I as InputText, d as defineCustomElement$1 } from './p-BJHx0OQj.js';
 
 const RebillInputText = InputText;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-installments.js

@@ -1,4 +1,4 @@
-import { I as Installments, d as defineCustomElement$1 } from './p-BgJ9ZORq.js';
+import { I as Installments, d as defineCustomElement$1 } from './p-BZj9nSOY.js';
 
 const RebillInstallments = Installments;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-modal-overlay.js

@@ -1,4 +1,4 @@
-import { M as ModalOverlay, d as defineCustomElement$1 } from './p-8eukGNL9.js';
+import { M as ModalOverlay, d as defineCustomElement$1 } from './p-C2gtk16s.js';
 
 const RebillModalOverlay = ModalOverlay;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-processing-payment.js

@@ -1,4 +1,4 @@
-import { P as ProcessingPayment, d as defineCustomElement$1 } from './p-DLh7v0Ng.js';
+import { P as ProcessingPayment, d as defineCustomElement$1 } from './p-Dzeq5BdH.js';
 
 const RebillProcessingPayment = ProcessingPayment;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-renewal.js

@@ -3,47 +3,47 @@ import { c as create$6 } from './p-MMCcKmy_.js';
 import { a as api } from './p-Dh-yfb0D.js';
 import { m as mapRequiredFields, i as isFieldRequired, g as generateIdempotencyKey, C as CheckoutStatusE, a as PaymentErrorMapper, b as getFieldValues } from './p-BRI7iMx8.js';
 import { P as PaymentMethodMapper, a as PaymentMethodNameE, d as defineCustomElement$E } from './p-yU1zKrb6.js';
-import { d as defineCustomElement$a } from './p-DLh7v0Ng.js';
+import { d as defineCustomElement$a } from './p-Dzeq5BdH.js';
 import { P as PAYMENT_METHOD_ENUM, I as I18nService } from './p-DEZl2gyc.js';
 import { r as renewalState, R as RenewalStore, o as onChange } from './p-sQnamRZC.js';
 import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
-import { G as GoogleMapsService, d as defineCustomElement$q } from './p-Mgbx0b10.js';
+import { G as GoogleMapsService, d as defineCustomElement$q } from './p--RloWBLk.js';
 import { d as defineCustomElement$D } from './p-Bc7nIXet.js';
 import { d as defineCustomElement$C } from './p-BY4Pzc-R.js';
-import { d as defineCustomElement$B } from './p-DTjDV-2m.js';
-import { d as defineCustomElement$A } from './p-DQIG3sUQ.js';
+import { d as defineCustomElement$B } from './p-BxXWkB7L.js';
+import { d as defineCustomElement$A } from './p-CH8Qt-7B.js';
 import { d as defineCustomElement$z } from './p-BKlWxPzb.js';
 import { d as defineCustomElement$y } from './p-C1PdnVhw.js';
 import { d as defineCustomElement$x } from './p-C40S4S5D.js';
 import { d as defineCustomElement$w } from './p-B48kVXFC.js';
 import { d as defineCustomElement$v } from './p-DZKiNnX2.js';
-import { d as defineCustomElement$u } from './p-B8GIr65u.js';
+import { d as defineCustomElement$u } from './p--gCxFWo3.js';
 import { d as defineCustomElement$t } from './p-qmr2qRdk.js';
-import { d as defineCustomElement$s } from './p-DgIW2T8E.js';
-import { d as defineCustomElement$r } from './p-y5rBN7LS.js';
+import { d as defineCustomElement$s } from './p-CVQ9SnQp.js';
+import { d as defineCustomElement$r } from './p-Coc_KFqp.js';
 import { d as defineCustomElement$p } from './p-DaYZxslj.js';
-import { d as defineCustomElement$o } from './p-c9SkZ__E.js';
+import { d as defineCustomElement$o } from './p-Bb1L1oJK.js';
 import { d as defineCustomElement$n } from './p-B49WDo0h.js';
 import { d as defineCustomElement$m } from './p-N5kDm5Y3.js';
 import { d as defineCustomElement$l } from './p-DSIrgN-9.js';
-import { d as defineCustomElement$k } from './p-D2wX2Bnk.js';
+import { d as defineCustomElement$k } from './p-C4TcKKa8.js';
 import { d as defineCustomElement$j } from './p-BTR6Geae.js';
-import { d as defineCustomElement$i } from './p-DVmistTq.js';
+import { d as defineCustomElement$i } from './p-BIHeH7ht.js';
 import { d as defineCustomElement$h } from './p-f6IvxFra.js';
 import { d as defineCustomElement$g } from './p-BSay3C61.js';
-import { d as defineCustomElement$f } from './p-B9fIqz0z.js';
-import { d as defineCustomElement$e } from './p-BpkqlhjE.js';
-import { d as defineCustomElement$d } from './p-CWdTbodL.js';
-import { d as defineCustomElement$c } from './p-DStRg6vz.js';
-import { d as defineCustomElement$b } from './p-BgJ9ZORq.js';
+import { d as defineCustomElement$f } from './p-DSnJHRr3.js';
+import { d as defineCustomElement$e } from './p-DUxs56Lj.js';
+import { d as defineCustomElement$d } from './p-Bw7Jq0SL.js';
+import { d as defineCustomElement$c } from './p-BJHx0OQj.js';
+import { d as defineCustomElement$b } from './p-BZj9nSOY.js';
 import { d as defineCustomElement$9 } from './p-C_txMekS.js';
 import { d as defineCustomElement$8 } from './p-CjAwP54Z.js';
-import { d as defineCustomElement$7 } from './p-CN4bVlrI.js';
+import { d as defineCustomElement$7 } from './p-CK6dlS5z.js';
 import { d as defineCustomElement$6 } from './p-O9cgTEpE.js';
 import { d as defineCustomElement$5 } from './p-xpOb67FC.js';
 import { d as defineCustomElement$4 } from './p-DHqT8Dlg.js';
-import { d as defineCustomElement$3 } from './p-6aqJA2NI.js';
+import { d as defineCustomElement$3 } from './p-CYC_SbCo.js';
 import { d as defineCustomElement$2 } from './p-QHSLjyEd.js';
 
 const getRequiredFields = async (currency, method, organizationId) => {

package/dist/components/rebill-summary.js

@@ -1,4 +1,4 @@
-import { S as Summary, d as defineCustomElement$1 } from './p-D9Eow84L.js';
+import { S as Summary, d as defineCustomElement$1 } from './p-BnUMlZY9.js';
 
 const RebillSummary = Summary;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/renewal-success-page.js

@@ -1,4 +1,4 @@
-import { R as RenewalSuccessPage$1, d as defineCustomElement$1 } from './p-CN4bVlrI.js';
+import { R as RenewalSuccessPage$1, d as defineCustomElement$1 } from './p-CK6dlS5z.js';
 
 const RenewalSuccessPage = RenewalSuccessPage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/root-component.js

@@ -6,9 +6,9 @@ import { d as defineCustomElement$9 } from './p-B49WDo0h.js';
 import { d as defineCustomElement$8 } from './p-BrlfQR1O.js';
 import { d as defineCustomElement$7 } from './p-f6IvxFra.js';
 import { d as defineCustomElement$6 } from './p-BSay3C61.js';
-import { d as defineCustomElement$5 } from './p-ti0gvUO5.js';
-import { d as defineCustomElement$4 } from './p-CWdTbodL.js';
-import { d as defineCustomElement$3 } from './p-DStRg6vz.js';
+import { d as defineCustomElement$5 } from './p-CpCPsj5Y.js';
+import { d as defineCustomElement$4 } from './p-Bw7Jq0SL.js';
+import { d as defineCustomElement$3 } from './p-BJHx0OQj.js';
 import { d as defineCustomElement$2 } from './p-C_txMekS.js';
 
 const rootComponentCss = ":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}:host{display:block}";

package/dist/components/success-page.js

@@ -1,4 +1,4 @@
-import { C as CardSuccessPage, d as defineCustomElement$1 } from './p-CHUzEc6D.js';
+import { C as CardSuccessPage, d as defineCustomElement$1 } from './p-C8lHS2ZV.js';
 
 const SuccessPage = CardSuccessPage;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/user-information-phone.js

@@ -1,4 +1,4 @@
-import { U as UserInformationPhone$1, d as defineCustomElement$1 } from './p-6aqJA2NI.js';
+import { U as UserInformationPhone$1, d as defineCustomElement$1 } from './p-CYC_SbCo.js';
 
 const UserInformationPhone = UserInformationPhone$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/user-information.js

@@ -1,4 +1,4 @@
-import { U as UserInformation$1, d as defineCustomElement$1 } from './p-zU9a56AF.js';
+import { U as UserInformation$1, d as defineCustomElement$1 } from './p-BeNxLLvH.js';
 
 const UserInformation = UserInformation$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/apm-checkout_19.entry.js

@@ -4408,7 +4408,7 @@ class PhoneValidator {
     }
 }
 
-const inputPhoneCss = ".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}:host{display:block;width:100%;position:relative}.input-container{display:flex;flex-direction:column;width:100%;position:relative}.phone-input-container{display:flex;height:38.33px;border:1.5px solid var(--rebill-color-border);border-radius:var(--input-group-inner-border-radius, 8px);background:var(--rebill-color-background);transition:border-color 0.2s;overflow:visible;position:relative;box-sizing:border-box}.phone-input-container:focus-within{border-color:var(--rebill-color-primary)}.phone-input-container.input-error{border-color:var(--rebill-color-error)}.phone-input-container.disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);opacity:0.7;cursor:not-allowed}.country-selector{display:flex;align-items:center;padding:10px 8px;background:var(--rebill-color-background);border-right:1.5px solid var(--rebill-color-border);border-radius:var(--input-group-inner-border-radius, 8px) 0 0\n    var(--input-group-inner-border-radius, 8px);cursor:pointer;user-select:none;position:relative;z-index:1}.country-selector:hover{background:var(--rebill-color-background-secondary, #f8f9fa)}.flag{font-size:1rem;margin-right:4px}.dial-code{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-right:4px;text-align:left !important}.dropdown-arrow{font-size:0.6rem;color:var(--rebill-color-text-secondary);transition:transform 0.3s ease;transform-origin:center}.dropdown-arrow.open{transform:rotate(180deg)}.phone-number-input{flex:1;border:none;outline:none;padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);background:transparent;min-width:0}.phone-number-input::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.phone-number-input:disabled{color:var(--rebill-color-text-secondary);cursor:not-allowed}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--rebill-color-background, #ffffff);border:1.5px solid var(--rebill-color-border, #ebedef);border-radius:var(--input-group-inner-border-radius, 8px);box-shadow:0 8px 25px -5px rgba(0, 0, 0, 0.1),\n    0 10px 10px -5px rgba(0, 0, 0, 0.04);z-index:9999;max-height:200px;overflow-y:auto;min-width:200px;width:100%;margin-top:4px}.country-option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color 0.15s ease;background:var(--rebill-color-background, #ffffff);border-bottom:1px solid var(--rebill-color-border, #ebedef)}.country-option:last-child{border-bottom:none}.country-option:hover{background:var(--rebill-color-background-secondary, #f8f9fa)}.country-option .flag{margin-right:10px;font-size:1.1rem;width:20px;text-align:center}.country-option .country-name{flex:1;font-size:0.875rem;color:var(--rebill-color-text-primary, #3b4049);margin-right:12px;font-weight:400}.country-option .dial-code{font-size:0.875rem;color:var(--rebill-color-text-secondary, #6b7280);font-weight:500;min-width:40px;text-align:right}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}.disabled .country-selector{cursor:not-allowed;background:var(--rebill-color-background)}.disabled .country-selector:hover{background:var(--rebill-color-background)}.disabled .dial-code,.disabled .dropdown-arrow{color:var(--rebill-color-text-secondary)}.search-container{padding:0.75rem;border-bottom:1px solid var(--rebill-color-border);background-color:var(--rebill-color-background)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:0.75rem;color:var(--rebill-color-text-secondary);z-index:1;pointer-events:none}.search-input{width:100%;padding:0.5rem 0.75rem 0.5rem 2.5rem;border:1px solid var(--rebill-color-border);border-radius:0.375rem;font-size:0.875rem;color:var(--rebill-color-text-primary);background-color:var(--rebill-color-background);outline:none;transition:border-color 0.2s ease;box-sizing:border-box}.search-input:focus{border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.search-input::placeholder{color:var(--rebill-color-text-secondary-light)}.clear-search{position:absolute;right:0.75rem;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;color:var(--rebill-color-text-secondary);transition:background-color 0.2s ease}.clear-search:hover{background-color:var(--rebill-color-background-hover);color:var(--rebill-color-text-primary)}.no-results{padding:0.75rem;text-align:center;color:var(--rebill-color-text-secondary);font-style:italic;border-bottom:1px solid var(--rebill-color-border)}";
+const inputPhoneCss = ".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%;position:relative}.input-container{display:flex;flex-direction:column;width:100%;position:relative}.phone-input-container{display:flex;height:38.33px;border:1.5px solid var(--rebill-color-border);border-radius:var(--input-group-inner-border-radius, 8px);background:var(--rebill-color-background);transition:border-color 0.2s;overflow:visible;position:relative;box-sizing:border-box}.phone-input-container:focus-within{border-color:var(--rebill-color-primary)}.phone-input-container.input-error{border-color:var(--rebill-color-error)}.phone-input-container.disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);opacity:0.7;cursor:not-allowed}.country-selector{display:flex;align-items:center;padding:10px 8px;background:var(--rebill-color-background);border-right:1.5px solid var(--rebill-color-border);border-radius:var(--input-group-inner-border-radius, 8px) 0 0\n    var(--input-group-inner-border-radius, 8px);cursor:pointer;user-select:none;position:relative;z-index:1}.country-selector:hover{background:var(--rebill-color-background-secondary, #f8f9fa)}.flag{font-size:0.875rem;margin-right:4px}.dial-code{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-right:4px;text-align:left !important}.dropdown-arrow{font-size:0.6rem;color:var(--rebill-color-text-secondary);transition:transform 0.3s ease;transform-origin:center}.dropdown-arrow.open{transform:rotate(180deg)}.phone-number-input{flex:1;border:none;outline:none;padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);background:transparent;min-width:0}.phone-number-input::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.phone-number-input:disabled{color:var(--rebill-color-text-secondary);cursor:not-allowed}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--rebill-color-background, #ffffff);border:1.5px solid var(--rebill-color-border, #ebedef);border-radius:var(--input-group-inner-border-radius, 8px);box-shadow:0 8px 25px -5px rgba(0, 0, 0, 0.1),\n    0 10px 10px -5px rgba(0, 0, 0, 0.04);z-index:9999;max-height:200px;overflow-y:auto;min-width:200px;width:100%;margin-top:4px}.country-option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color 0.15s ease;background:var(--rebill-color-background, #ffffff);border-bottom:1px solid var(--rebill-color-border, #ebedef)}.country-option:last-child{border-bottom:none}.country-option:hover{background:var(--rebill-color-background-secondary, #f8f9fa)}.country-option .flag{margin-right:10px;font-size:1.1rem;width:20px;text-align:center}.country-option .country-name{flex:1;font-size:0.875rem;color:var(--rebill-color-text-primary, #3b4049);margin-right:12px;font-weight:400}.country-option .dial-code{font-size:0.875rem;color:var(--rebill-color-text-secondary, #6b7280);font-weight:500;min-width:40px;text-align:right}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}.disabled .country-selector{cursor:not-allowed;background:var(--rebill-color-background)}.disabled .country-selector:hover{background:var(--rebill-color-background)}.disabled .dial-code,.disabled .dropdown-arrow{color:var(--rebill-color-text-secondary)}.search-container{padding:0.75rem;border-bottom:1px solid var(--rebill-color-border);background-color:var(--rebill-color-background)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:0.75rem;color:var(--rebill-color-text-secondary);z-index:1;pointer-events:none}.search-input{width:100%;padding:0.5rem 0.75rem 0.5rem 2.5rem;border:1px solid var(--rebill-color-border);border-radius:0.375rem;font-size:0.875rem;color:var(--rebill-color-text-primary);background-color:var(--rebill-color-background);outline:none;transition:border-color 0.2s ease;box-sizing:border-box}.search-input:focus{border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.search-input::placeholder{color:var(--rebill-color-text-secondary-light)}.clear-search{position:absolute;right:0.75rem;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;color:var(--rebill-color-text-secondary);transition:background-color 0.2s ease}.clear-search:hover{background-color:var(--rebill-color-background-hover);color:var(--rebill-color-text-primary)}.no-results{padding:0.75rem;text-align:center;color:var(--rebill-color-text-secondary);font-style:italic;border-bottom:1px solid var(--rebill-color-border)}@media screen and (max-width: 768px){.phone-number-input{font-size:1rem}.phone-number-input::placeholder{font-size:1rem}.dial-code{font-size:1rem}.country-option .country-name{font-size:1rem}.country-option .dial-code{font-size:1rem}.search-input{font-size:1rem}}";
 
 const InputPhone = class {
     constructor(hostRef) {