rebill-web-components-sdk 1.17.6 → 1.17.7-beta.2

package/dist/cjs/card-fields-wrapper_16.cjs.entry.js

@@ -280,7 +280,7 @@ const PaymentMethodSelector = class {
                 display: 'flex',
                 justifyContent: 'flex-end',
                 alignItems: 'center',
-            } })), this.selectedPaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && (index.h(index.h.Fragment, null, index.h("div", null, index.h("card-fields-wrapper", { installmentsError: this.installmentsError, documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError, showDocument: this.showDocument, customCSS: this.customCSS, hideInstallments: this.hideInstallments })))), (this.selectedPaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER ||
+            } })), this.selectedPaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && (index.h(index.h.Fragment, null, index.h("div", null, index.h("card-fields-wrapper", { installmentsError: this.installmentsError, documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError, showDocument: this.showDocument, customCSS: this.customCSS, hideInstallments: this.hideInstallments, disabled: this.disabled })))), (this.selectedPaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER ||
             this.selectedPaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH) &&
             this.showDocument && (index.h("div", null, index.h("card-identification", { documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError, disabled: this.disabled })))));
     }
@@ -822,11 +822,12 @@ const CardFieldsWrapper = class {
     showDocument;
     customCSS;
     hideInstallments = false;
+    disabled = false;
     render() {
-        return (index.h("div", { key: '4cde9fbcd5485988c6a778cc140b5d98175666c1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("card-iframe", { key: '81a72b336e7078d3338005918e2f142d32ffdc2f', customCSS: this.customCSS }), !this.hideInstallments &&
+        return (index.h("div", { key: 'afbe5c86fddf951b3c59dcb8bfc34a6bd434ee1f', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("card-iframe", { key: 'd76c994cc11e2f46eed245003417e82c9b255182', customCSS: this.customCSS, disabled: this.disabled }), !this.hideInstallments &&
             !renewal_store.renewalState.isInitialized &&
             i18n_service.state.data?.itemInformation?.type !== i18n_service.SESSION_ITEM_TYPE_ENUM.PLAN &&
-            i18n_service.state.data.cardInformation?.installments?.installments.length > 0 && (index.h("rebill-installments", { key: 'eeec0413f6eb16f25736781fbcd05588751714b0', error: this.installmentsError })), this.showDocument && (index.h("card-identification", { key: '2606d14c9d907b945a60dcc95879608d86a67437', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
+            i18n_service.state.data.cardInformation?.installments?.installments.length > 0 && (index.h("rebill-installments", { key: '6554f0dbf50ffbf975eb49b19e587b65e27d31a2', error: this.installmentsError })), this.showDocument && (index.h("card-identification", { key: '0da294d04785e6c800652d8b1a925f747eb3a998', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError, disabled: this.disabled }))));
     }
 };
 
@@ -904,6 +905,7 @@ const CardIframe = class {
         index.registerInstance(this, hostRef);
     }
     customCSS;
+    disabled = false;
     iframeLoaded = false;
     currentLang = i18n_service.state.currentLocale;
     initialLang = i18n_service.state.currentLocale;
@@ -1097,6 +1099,17 @@ const CardIframe = class {
             }, '*');
         }
     }
+    postDisabledToIframe(disabled) {
+        if (this.iframeRef && this.iframeRef.contentWindow) {
+            this.iframeRef.contentWindow.postMessage({
+                type: 'SET_DISABLED',
+                payload: { disabled },
+            }, '*');
+        }
+    }
+    onDisabledChange(newValue) {
+        this.postDisabledToIframe(newValue);
+    }
     postClearCustomerIdToIframe() {
         const currentCustomerId = i18n_service.state.data.customerId || null;
         const hadCustomer = !!this.previousCustomerId;
@@ -1217,6 +1230,10 @@ const CardIframe = class {
         }
         // Send custom CSS immediately when iframe loads
         this.postCustomCSSToIframe();
+        // Sync disabled state in case it was set before iframe finished loading
+        if (this.disabled) {
+            this.postDisabledToIframe(true);
+        }
         setTimeout(() => {
             this.postInitialDataToIframe();
         }, 500);
@@ -1336,24 +1353,27 @@ const CardIframe = class {
         }
     };
     render() {
-        return (index.h("div", { key: '77605bc8cb05ee08473f7d47e336b5f8e7aa4277', style: {
+        return (index.h("div", { key: 'bf1558a79f862f235e1f8f53441f4c6ef0b866ae', style: {
                 width: '100%',
                 height: this.iframeHeight,
                 position: 'relative',
                 overflow: 'visible',
-            } }, !this.iframeLoaded && index.h("card-skeleton", { key: 'aa76561f324a1fe6a296520b08e8b3fabaf2852b' }), index.h("iframe", { key: '373683f04cedd92e2f3bf7b4d1d783d57647fb04', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
+            } }, !this.iframeLoaded && index.h("card-skeleton", { key: 'c40ad065b885937fc527d2ccced6213ea10a2038' }), index.h("iframe", { key: 'd106daf6a7c796c62acfe04326b9f2dc8f72e79d', ref: el => (this.iframeRef = el), src: this.getIframeURL(), style: {
                 width: '100%',
                 height: '100%',
                 border: 'none',
                 overflow: 'hidden',
-            }, title: "Card Payment Component", allow: "payment", onLoad: this.handleIframeLoad }), this.showCvcTooltip && this.tooltipPosition && (index.h("div", { key: 'fc9f0d797c3eafa61abcf37f17ec6c0fc776c5b5', ref: el => (this.tooltipRef = el), class: "cvc-tooltip", style: {
+            }, title: "Card Payment Component", allow: "payment", onLoad: this.handleIframeLoad }), this.showCvcTooltip && this.tooltipPosition && (index.h("div", { key: '99969637b9ae844bf657da3f05250d05be805dda', ref: el => (this.tooltipRef = el), class: "cvc-tooltip", style: {
                 position: 'absolute',
                 top: `${this.tooltipPosition.top}px`,
                 left: '100%',
                 marginLeft: '8px',
                 zIndex: '1000',
-            }, onMouseEnter: this.handleTooltipMouseEnter, onMouseLeave: this.handleTooltipMouseLeave }, index.h("p", { key: 'd065bbf742fe44abf01d12c92fdee9b617a0dcae', class: "cvc-tooltip-title" }, i18n_service.I18nService.translate('cvcTooltip.title')), index.h("div", { key: '93d6dc5d7be4155f1a1a01f8453a3cb2b0e67825', class: "cvc-tooltip-row" }, index.h("img", { key: '9544b560cc783f2c3f01c849574872641b7cd530', src: assets.getAssetURL('icons/cvc-visa.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: 'a7a438b37e17ec4e190ede159e745f1b6db28bbc', class: "cvc-tooltip-text" }, index.h("strong", { key: '83942f4c4491d32d060e6a0c7d6dcf3dd6d1c5c3' }, i18n_service.I18nService.translate('cvcTooltip.threeDigits')), index.h("p", { key: '4bcc7d2c07211a34761f45fe5ecbe914457955b9' }, i18n_service.I18nService.translate('cvcTooltip.threeDigitsDesc')))), index.h("div", { key: 'b589de4a1b4febb6bb7418c6e9d72b9dd4ec894b', class: "cvc-tooltip-row" }, index.h("img", { key: 'a624565bcae5debfdbb248e54707ad7804ac6b6b', src: assets.getAssetURL('icons/cvc-amex.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '857154206f0700786424a50652feb82ae67ac3bf', class: "cvc-tooltip-text" }, index.h("strong", { key: 'c8c388b5c8a6e0d0619948f885b5ed6e0c74f3fc' }, i18n_service.I18nService.translate('cvcTooltip.fourDigits')), index.h("p", { key: 'd6edf10ba59ee1e9d59b575ea719f5a2075a9302' }, i18n_service.I18nService.translate('cvcTooltip.fourDigitsDesc'))))))));
+            }, onMouseEnter: this.handleTooltipMouseEnter, onMouseLeave: this.handleTooltipMouseLeave }, index.h("p", { key: '3109ed6884b8035ff26c87769f960cb0e2fd357d', class: "cvc-tooltip-title" }, i18n_service.I18nService.translate('cvcTooltip.title')), index.h("div", { key: 'd2a01d6642c6bba84f0fd124f2475d07e9373b39', class: "cvc-tooltip-row" }, index.h("img", { key: 'be8866287a109fe035d4498cd04b38cbb3eddea7', src: assets.getAssetURL('icons/cvc-visa.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '28d2891947c64299efb1957b685e41502e4f2c29', class: "cvc-tooltip-text" }, index.h("strong", { key: '60f990156f6ff29db9cf3a8aca725eeaa035e17c' }, i18n_service.I18nService.translate('cvcTooltip.threeDigits')), index.h("p", { key: '032d4deb979907e52879a8734f10c1ab188af208' }, i18n_service.I18nService.translate('cvcTooltip.threeDigitsDesc')))), index.h("div", { key: '23f75fb1ccabc0020773298015c5b76d70c377e4', class: "cvc-tooltip-row" }, index.h("img", { key: '56c8c4daf78364de1f128594e94027fa0fbb9e52', src: assets.getAssetURL('icons/cvc-amex.svg'), class: "cvc-tooltip-card-img", alt: "" }), index.h("div", { key: '652655551b038d64df496ff6da9c358e09434340', class: "cvc-tooltip-text" }, index.h("strong", { key: 'ee60c30d97bf5f4761701019a1ddbf30f1338315' }, i18n_service.I18nService.translate('cvcTooltip.fourDigits')), index.h("p", { key: 'e97b5eadbc0721af43f1a987276e94dc8a48f6d7' }, i18n_service.I18nService.translate('cvcTooltip.fourDigitsDesc'))))))));
     }
+    static get watchers() { return {
+        "disabled": ["onDisabledChange"]
+    }; }
 };
 CardIframe.style = cardIframeCss;