rebill-web-components-sdk 1.8.23 → 1.8.25

package/dist/cjs/otp-component_7.cjs.entry.js

@@ -879,7 +879,7 @@ const Otp = class {
 };
 Otp.style = otpCss;
 
-const modalOverlayCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10000;padding:12px 16px;box-sizing:border-box}.modal-content{background:white;border-radius:8px;padding:16px 20px;width:350px;box-shadow:0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);position:relative;display:flex;align-items:center;gap:12px}.modal-content .alert{margin:0;flex:1;padding:0;background:transparent;border:none;box-shadow:none}.modal-content .alert{background-color:transparent !important;border-color:transparent !important}.modal-content .alert-message{display:flex;flex-direction:column;gap:4px}.modal-content .close-button{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease;padding:0;margin:0;outline:none;box-shadow:none;line-height:1}.modal-content .close-button:focus{outline:none;box-shadow:none}.modal-content .close-button:hover{background-color:#f0f0f0}.modal-content .close-button rebill-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-overlay{padding:8px 12px}.modal-content{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}.modal-content .close-button{width:100%}}";
+const modalOverlayCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10000;padding:12px 16px;box-sizing:border-box}.modal-content{background:white;border-radius:8px;padding:16px 20px;width:350px;box-shadow:0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);position:relative;display:flex;align-items:center;gap:12px}.modal-content .alert{margin:0;flex:1;padding:0;background:transparent;border:none;box-shadow:none}.modal-content .alert{background-color:transparent !important;border-color:transparent !important}.modal-content .alert-message{display:flex;flex-direction:column;gap:4px}.modal-content .close-button{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease;padding:0;margin:0;outline:none;box-shadow:none;line-height:1}.modal-content .close-button:focus{outline:none;box-shadow:none}.modal-content .close-button:hover{background-color:#f0f0f0}.modal-content .close-button rebill-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-overlay{padding:8px 12px}.modal-content{padding:12px 16px;width:100%;max-width:350px;flex-direction:row;gap:12px;text-align:left}.modal-content .close-button{position:absolute;top:8px;right:8px;width:20px;height:20px;flex-shrink:0}}";
 
 const ModalOverlay = class {
     constructor(hostRef) {

package/dist/cjs/rebill-checkout.cjs.entry.js

@@ -453,6 +453,9 @@ const RebillCheckout = class {
             googleMaps_service.GoogleMapsService.loadGoogleMapsScript();
             const response = await index.api.data.getCountries();
             this.countries = response.data;
+            if (this.parsedCustomerInformation) {
+                i18n_service.SessionStore.setUserInformation(this.parsedCustomerInformation);
+            }
             this.initialData = this.getInitialData();
             this.allRequiredFields = await getAllRequiredFields();
             if (this.filteredPaymentMethods.length > 0) {
@@ -1018,8 +1021,8 @@ const RebillCheckout = class {
             label: country.country,
             value: country.isoCountryCode,
         }));
-        const renderRebillSummary = (props = {}) => (index$1.h("rebill-summary", { key: '889ee4307f38fbed3dd973d68d4e71979519b971', totalAmount: i18n_service.state.data.pricing.total, currency: i18n_service.state.data.pricing.currency, itemTitle: i18n_service.state._session?.getTitle(), itemDescription: i18n_service.state._session?.getDescription(), itemAmount: i18n_service.state.data.pricing.subtotal, subtotal: i18n_service.state.data.pricing.subtotal, allowCoupon: i18n_service.state._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: i18n_service.state._session?.getPlanFrequency(), planFrequencyCount: i18n_service.state._session?.getPlanFrequencyCount(), discountType: i18n_service.state.data.discount.discountType, discountedPercentage: i18n_service.state.data.discount.discountedPercentage, discountDuration: i18n_service.state.data.discount.discountDuration, discountAmount: i18n_service.state.data.discount.discountAmount, ...props }));
-        return (i18n_service.state.isInitialized && (index$1.h(index$1.h.Fragment, null, this.showRefreshModal && index$1.h("rebill-modal-overlay", { key: 'ab3333710743b424ad676702aba95f4c2ea83f92' }), this.displayConfig.processingPayment && (index$1.h("rebill-processing-payment", { key: '30e84979156a983056fe59ed1d684dafc0adc1d9', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
+        const renderRebillSummary = (props = {}) => (index$1.h("rebill-summary", { key: '16fdd9759135895d7c3a64441715df1a53d1d44f', totalAmount: i18n_service.state.data.pricing.total, currency: i18n_service.state.data.pricing.currency, itemTitle: i18n_service.state._session?.getTitle(), itemDescription: i18n_service.state._session?.getDescription(), itemAmount: i18n_service.state.data.pricing.subtotal, subtotal: i18n_service.state.data.pricing.subtotal, allowCoupon: i18n_service.state._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: i18n_service.state._session?.getPlanFrequency(), planFrequencyCount: i18n_service.state._session?.getPlanFrequencyCount(), discountType: i18n_service.state.data.discount.discountType, discountedPercentage: i18n_service.state.data.discount.discountedPercentage, discountDuration: i18n_service.state.data.discount.discountDuration, discountAmount: i18n_service.state.data.discount.discountAmount, ...props }));
+        return (i18n_service.state.isInitialized && (index$1.h(index$1.h.Fragment, null, this.showRefreshModal && index$1.h("rebill-modal-overlay", { key: 'a015528effd8f661aac44f6bc692da7dc25693a0' }), this.displayConfig.processingPayment && (index$1.h("rebill-processing-payment", { key: '4213db86bc17a1e06972b8dce1b5c63da815ab30', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
             this.isPaymentApproved() &&
             i18n_service.state.isInitialized ? (index$1.h("success-page", { typePaymentMethod: i18n_service.state.data.paymentMethodSelected, paymentMethodName: googleMaps_service.PaymentMethodMapper.mapToAPMPaymentMethod(i18n_service.state.data.paymentMethodSelected ||
                 i18n_service.state.data.payment?.paymentMethodType, i18n_service.state.data?.pricing?.country), country: i18n_service.state.data?.pricing?.country, bank: i18n_service.state.data.payment?.paymentMethodMetadata?.bank ||