npm - rebill-web-components-sdk - Versions diffs - 1.8.32 → 1.8.34-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (326) hide show

package/dist/cjs/renewal-success-page_2.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-C-VTnc0I.js');
 var i18n_service = require('./i18n.service-DjVTlGfF.js');
-var renewal_store = require('./renewal.store-C9AesGY1.js');
+var renewal_store = require('./renewal.store-BaH9Id4E.js');
 var breakpoint = require('./breakpoint-CWd4pcNv.js');
 var colorClassMapper = require('./color-class-mapper-CtKnrxwI.js');
 var html2canvas = require('./pdf-generator-DV2OJH6J.js');
@@ -203,9 +203,9 @@ const RenewalSuccessPage = class {
         return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;
     };
     render() {
-        return (index.h("rebill-checkout-single-column", { key: '6372c26aa90d4891496450359e71f339c65e5ea9' }, index.h("div", { key: '11722cd7050ea37cfb029a4a9400988ba7e99529', class: "renewal-success-page__success-content" }, index.h("rebill-typography", { key: 'eaf4ca421acd30acb7b2f24bf043805cc4bcf05d', variant: "h3", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.successTitle')), index.h("div", { key: '87da6769fd2b5bd754d42ced5b8e3aa18d0ea8d5', class: "renewal-success-page__success-icon" }, index.h("svg", { key: '026849fcfaed05558aaaaa264c9e95fd6cadf7b8', width: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9662359ecb0af17af8e93092f3f2135c1a70122a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), index.h("div", { key: '50e46b5821631c1e7c275ffeca3dbd3ce98f39bb', class: "renewal-success-page__info-card" }, index.h("div", { key: '11f9594206a6950dc079e4935bc9b6c78ff668ce', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '1a1b6a8373b93c1e7336c005f8a9a300c3c315bc', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentMethod')), index.h("div", { key: '29ab8393b705dd2fdaf6160d4b410a9c7d7f3304', class: "renewal-success-page__card-value" }, index.h("div", { key: '85ce382e0b7c07638f347e42811fc2801c85a07a', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && (index.h(index.h.Fragment, null, index.h("rebill-card-icon", { key: 'b27ffe1eb53ec51a8bceb5225878a164e4460583', "card-brand": renewal_store.renewalState.data?.cardInformation?.brand || '' }), index.h("rebill-typography", { key: '83ab88f154ed3312181834a79e5d305c8ec88b03', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER && (index.h("div", { key: 'b30d8e35df3c2866e925c4190a1df976b32aa33f', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, index.h("div", { key: 'ca828d0871065994972e832dd1925f46b394417c', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
+        return (index.h("rebill-checkout-single-column", { key: 'e2146edfbd50d59dc29b1b1f9bf65a0a4fa62d99' }, index.h("div", { key: 'a66cd3a74d7f1101ff6b80c0cb5ebf8ece74f0fa', class: "renewal-success-page__success-content" }, index.h("rebill-typography", { key: '006d639c3bbf87f00cd5a54a471f34ca441ef567', variant: "h3", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.successTitle')), index.h("div", { key: '018ca7c5c6c8738b869d1b74924ec65e51088b10', class: "renewal-success-page__success-icon" }, index.h("svg", { key: '6ea6d85826586426c59e98564c798b6056b05b2d', width: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '86f2b5114a0628dc3db093f2e7cbe4f7a59b12c4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), index.h("div", { key: 'c9575e3a1d2627caf0aa80ea29240b0730b20dd2', class: "renewal-success-page__info-card" }, index.h("div", { key: 'afe371111cf2f4cda615ecb32eec06f652a9154b', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '38dc7a45fbeb51b4916a617e60be972f7e03c5ac', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentMethod')), index.h("div", { key: 'f6f93a8dac29163f7901b8adbd5816754715c109', class: "renewal-success-page__card-value" }, index.h("div", { key: 'f2e8e8ee445ba3078dce3a76f6a82290424449cd', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CARD && (index.h(index.h.Fragment, null, index.h("rebill-card-icon", { key: 'c8176486ea186d7a87314cdefe373152bd1d1736', "card-brand": renewal_store.renewalState.data?.cardInformation?.brand || '' }), index.h("rebill-typography", { key: '8275ffadcdae6f22dc1693b2d0f14a2f13973dec', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER && (index.h("div", { key: 'd841b51309ff60d7562ea4dfd9229b3737b86b25', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, index.h("div", { key: '6f8f18b839c59222030b5ba8767e785f530deb18', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
             return index.h("rebill-icon", { name: iconName, size: "24px" });
-        })), index.h("rebill-typography", { key: '8c8382839070f5fdfadf424c89eb1774a63967b3', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('paymentMethods.bank_transfer'))))))), index.h("div", { key: 'a690ea5d32d1890b6a6b274e2488a99fd497d16e', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'f943acd8adc2c9833424f181c1131da162d50f47', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentDate')), index.h("rebill-typography", { key: '474b0da2f5a1da9e03b61301354ab32be3dcf1fc', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, dateFormatter.formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), index.h("div", { key: '21c0f7dc17635f7eb3c6d3eda2b17d5d1a3952a3', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '4834902ce0b281265a3bf32b072f769555562406', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentEmail')), index.h("rebill-typography", { key: '0a23f71fcf27af3a202ca678cda49b3a4554c576', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.customerEmail)), index.h("div", { key: '385dc523bb9d226bb64c247b4ed3cd8eba7844ad', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'b44109d534100df800c046dda7308028e48a67dc', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentReference')), index.h("rebill-typography", { key: '0c50a1e7227d90f3bb35bea11792e906ec6300ad', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), index.h("div", { key: 'fd35426c906fd06415d3fbdc157f8ce85bbf1baa', class: "renewal-success-page__info-card" }, index.h("rebill-typography", { key: '49d42390980cc6a799ed890f07dee9fc868ae35a', variant: "subtitle-bold", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.purchaseDetails')), index.h("div", { key: '826d1c5b134adadd836990fb309dfccc83ea88de', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '44aa9f55836b4eb8035859dba4324eabd482fd06', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseDetail')), index.h("rebill-typography", { key: 'ed9a34d6eb567c205b34e9e94c01715fee782dfd', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.name[0]?.text || 'Subscription')), index.h("div", { key: 'ecc174e1d6df8396ef9a680981a81673633e2851', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '243ba1e6631915d4b4ead20e7922fa325a46fee0', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseSubtotal')), index.h("rebill-typography", { key: '4e5cc92eb104b08a01449a0ad38e2a50c9eaa9ba', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal())), index.h("div", { key: 'e11e2047a425b31475dfca5357f2e65029cc2cfb', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'd382d217b034cb1196a10b7ccc884bae7b292015', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseMontoTotal')), index.h("div", { key: '6a79339df904abb5605889872316e109d861f9aa', class: "renewal-success-page__total-amount-container" }, index.h("rebill-typography", { key: '5e983d3fa642d2bc794428dc3dc749dccd9afcbc', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), index.h("div", { key: '2b04dc99cf6fccadf279977752e5bf88028454e9', class: "renewal-success-page__card-divider" }), index.h("div", { key: '114a553c296d21cf1e3cceb1fd553fca001561a4', class: "renewal-success-page__download-container" }, index.h("svg", { key: 'd2e4b09986752cf84a7293f4cb3c850f482236c9', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e3c3a999df026af5095e2bee756074b9f795c9ed', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("rebill-button", { key: '350772024226eb58d1aaebc694788aabc1ac2804', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, index.h("rebill-typography", { key: 'cbcdef0b5f1f1e420b3218e40709ada6118d6cb2', variant: "overline", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.download')))), index.h("div", { key: 'ca14affb98245eff3250a5623b67de5f084aeb3f', class: "renewal-success-page__contact-info" }, index.h("rebill-typography", { key: 'e47f6deb55844f87205012525322e28953d50e95', variant: "information-text", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.downloadDescription')))))));
+        })), index.h("rebill-typography", { key: 'cdc1f6e8824cec829d63b86951b787a42e51590a', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('paymentMethods.bank_transfer'))))))), index.h("div", { key: 'ae4594811c441f28816ab96b1541d52bf6ccb581', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'f182608a30ca95723f525c2f412dba6b913fd31a', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentDate')), index.h("rebill-typography", { key: '8274d6f30d424022d7572f09542abd4d3cc26102', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, dateFormatter.formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), index.h("div", { key: 'cc8a1e805cdbe2a059e0d3d55ac00ad9a5a6c54b', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '2c27cda2c104b58dc9cd3cdb0d5e34d4d2de776d', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentEmail')), index.h("rebill-typography", { key: '0848731cf49df91c67630dc074d2cd5b1a23d2c0', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.customerEmail)), index.h("div", { key: 'c2ca80947dae7e8650a14466501601252e389ede', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: 'aad476e68218021d5b329c67f5e4a3d2d0cf8408', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.paymentReference')), index.h("rebill-typography", { key: '5805602cd60f1a597dab5f3b08936aab1f413413', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), index.h("div", { key: '08ddc28d25d2a44fe7f5967310c1d85691411344', class: "renewal-success-page__info-card" }, index.h("rebill-typography", { key: '4169af6ef1a19ca4f803a2f40698038eba00fab5', variant: "subtitle-bold", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.purchaseDetails')), index.h("div", { key: '53bb4e1ec2bfaf7978cc130c4b695b821b1a047f', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '06b15d3b19eb904ca807533c2d1c09d35987e876', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseDetail')), index.h("rebill-typography", { key: '75b11c207c212ecfb8b8e534055fed63284e04f4', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, renewal_store.renewalState.data.subscription.name[0]?.text || 'Subscription')), index.h("div", { key: 'd708351cd149371409dc1463ea4cc50c89483afd', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '466df181658f791dcdab0f90f2b3b4273b4d52d5', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseSubtotal')), index.h("rebill-typography", { key: '2075bf46e03956f38d10a1be0e81a4b376f8890a', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal())), index.h("div", { key: '8f303e0df89e32e81701d35893eaf52e9b1fb292', class: "renewal-success-page__card-row" }, index.h("rebill-typography", { key: '5692c09557b35fb139e1bd7e4fe058ae6a3710f6', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.purchaseMontoTotal')), index.h("div", { key: 'c53f7ff474c7fbb496c57ed682bcfd72952efe19', class: "renewal-success-page__total-amount-container" }, index.h("rebill-typography", { key: 'c80499907d5b09f9672295cd0a455c86ad4769f6', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), index.h("div", { key: '634c3dd9943445daa4e22f25e967d9d87626cec3', class: "renewal-success-page__card-divider" }), index.h("div", { key: '85242693ccd3b20d4185969db706e189522d57e2', class: "renewal-success-page__download-container" }, index.h("svg", { key: 'ce9a62f0dbef94f68bb6123c41a03b8d7dd1882e', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '08d9eb758104099b0659f18ce923e113e1bd6545', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("rebill-button", { key: '87939ff2ac53d1846765a75950bb2f83fef0a297', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, index.h("rebill-typography", { key: '71f24c5a35d00b90f7c7276fffd99799bf458f49', variant: "overline", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('processing.download')))), index.h("div", { key: 'f6298572d821d8c71e432c5218ef505dfcab0b13', class: "renewal-success-page__contact-info" }, index.h("rebill-typography", { key: '783e48675a837e12359795342de5220344c4a534', variant: "information-text", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('processing.downloadDescription')))))));
     }
 };
 RenewalSuccessPage.style = renewalSuccessPageCss;
@@ -222,6 +222,15 @@ const RenewalSummary = class {
         'details',
         'summary',
     ];
+    totalAmount;
+    subscriptionTitle;
+    subscriptionAmount;
+    nextChargeDate;
+    frequency;
+    currency;
+    couponCode;
+    discountAmount;
+    discountPercentage;
     componentWillLoad() {
         i18n_service.instance.on('languageChanged', this.handleLanguageChange);
     }
@@ -231,12 +240,6 @@ const RenewalSummary = class {
     handleLanguageChange = () => {
         this.forceUpdate = this.forceUpdate + 1;
     };
-    totalAmount;
-    subscriptionTitle;
-    subscriptionAmount;
-    nextChargeDate;
-    frequency;
-    currency;
     getFrequencyText() {
         if (!this.frequency || !this.frequency.period)
             return '';
@@ -245,8 +248,28 @@ const RenewalSummary = class {
         const translationKey = `summary.${period}`;
         return i18n_service.I18nService.translate(translationKey, { count });
     }
+    getDiscountAmount() {
+        const amountDiscount = Math.max(0, this.discountAmount);
+        if (amountDiscount > 0) {
+            return amountDiscount;
+        }
+        const percentage = this.discountPercentage;
+        if (percentage && percentage > 0) {
+            const base = this.totalAmount;
+            const percentageDiscount = (base * percentage) / 100;
+            return Math.max(0, percentageDiscount);
+        }
+        return 0;
+    }
+    getFinalAmount() {
+        const final = this.totalAmount - this.getDiscountAmount();
+        return Math.max(0, final);
+    }
+    hasDiscount() {
+        return this.getDiscountAmount() > 0;
+    }
     renderHeader = () => {
-        return (index.h("div", { class: "header" }, index.h("p", { class: "title" }, i18n_service.I18nService.translate('renewal.title')), index.h("p", { class: "amount" }, i18n_service.formatAmount(this.totalAmount, this.currency), ' ', index.h("span", { class: "per" }, "/ ", this.getFrequencyText().toLowerCase()))));
+        return (index.h("div", { class: "header" }, index.h("p", { class: "title" }, i18n_service.I18nService.translate('renewal.title')), index.h("p", { class: "amount" }, index.h("span", { class: "total-amount" }, i18n_service.formatAmount(this.getFinalAmount(), this.currency)), ' ', index.h("span", { class: "per" }, "/ ", this.getFrequencyText().toLowerCase()))));
     };
     renderInfoRow = (label, value) => {
         return (index.h("div", { class: "row" }, index.h("div", { class: "left" }, label), index.h("div", { class: "right" }, value)));
@@ -260,11 +283,16 @@ const RenewalSummary = class {
     renderSubtotal = () => {
         return this.renderInfoRow(i18n_service.I18nService.translate('renewal.subtotal'), i18n_service.formatAmount(this.totalAmount, this.currency));
     };
+    renderDiscount = () => {
+        if (!this.hasDiscount())
+            return null;
+        return (index.h("div", { class: "row" }, index.h("div", { class: "left" }, i18n_service.I18nService.translate('summary.discount')), index.h("div", { class: "right discount-chip-wrapper" }, index.h("discount-coupon", { displayMode: "readonly", readonlyCouponCode: this.couponCode || undefined, readonlyDiscountAmount: this.getDiscountAmount(), readonlyCurrency: this.currency }))));
+    };
     renderTotal = () => {
-        return (index.h("div", { class: "total-row" }, index.h("div", { class: "left" }, i18n_service.I18nService.translate('renewal.totalToRenew')), index.h("div", { class: "right" }, i18n_service.formatAmount(this.totalAmount, this.currency))));
+        return (index.h("div", { class: "total-row" }, index.h("div", { class: "left" }, i18n_service.I18nService.translate('renewal.totalToRenew')), index.h("div", { class: "right" }, i18n_service.formatAmount(this.getFinalAmount(), this.currency))));
     };
     renderDesktop = () => {
-        return (index.h("div", { class: "wrapper" }, this.renderHeader(), index.h("div", { class: "info" }, index.h("div", { class: "row" }, index.h("div", { class: "" }, i18n_service.I18nService.translate('renewal.subscriptionDetails'))), this.renderProduct(), this.renderNextRenewal(), this.renderSubtotal()), this.renderTotal()));
+        return (index.h("div", { class: "wrapper" }, this.renderHeader(), index.h("div", { class: "info" }, index.h("div", { class: "row" }, index.h("div", { class: "" }, i18n_service.I18nService.translate('renewal.subscriptionDetails'))), this.renderProduct(), this.renderNextRenewal(), this.renderSubtotal(), this.renderDiscount()), this.renderTotal()));
     };
     render() {
         if (this.displayedComponents.includes('header') &&
@@ -279,7 +307,7 @@ const RenewalSummary = class {
             return (index.h("collapsible-card", { header: i18n_service.I18nService.translate('summary.details') }, this.renderProduct(), this.renderNextRenewal()));
         }
         if (this.displayedComponents.includes('summary')) {
-            return (index.h("collapsible-card", { header: i18n_service.I18nService.translate('summary.summary') }, this.renderInfoRow(this.subscriptionTitle, '1 x ' + i18n_service.formatAmount(this.subscriptionAmount, this.currency)), this.renderSubtotal(), index.h("rebill-divider", null), this.renderInfoRow(i18n_service.I18nService.translate('renewal.totalToRenew'), i18n_service.formatAmount(this.totalAmount, this.currency))));
+            return (index.h("collapsible-card", { header: i18n_service.I18nService.translate('summary.summary') }, this.renderInfoRow(this.subscriptionTitle, '1 x ' + i18n_service.formatAmount(this.subscriptionAmount, this.currency)), this.renderSubtotal(), this.renderDiscount(), index.h("rebill-divider", null), this.renderInfoRow(i18n_service.I18nService.translate('renewal.totalToRenew'), i18n_service.formatAmount(this.getFinalAmount(), this.currency))));
         }
     }
 };

package/dist/cjs/{renewal.store-C9AesGY1.js → renewal.store-BaH9Id4E.js} RENAMED Viewed

@@ -63,6 +63,9 @@ const initialRenewalState = {
             currency: '',
             country: '',
             paymentMethods: [],
+            couponCode: null,
+            discountPercentage: 0,
+            discountedAmount: 0,
         },
         paymentMethods: [],
         country: '',
@@ -197,6 +200,6 @@ class RenewalStore {
 exports.RenewalStore = RenewalStore;
 exports.onChange = onChange;
 exports.renewalState = renewalState;
-//# sourceMappingURL=renewal.store-C9AesGY1.js.map
+//# sourceMappingURL=renewal.store-BaH9Id4E.js.map
-//# sourceMappingURL=renewal.store-C9AesGY1.js.map
+//# sourceMappingURL=renewal.store-BaH9Id4E.js.map

package/dist/cjs/renewal.store-BaH9Id4E.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"renewal.store-BaH9Id4E.js","sources":["src/store/renewal.store.ts"],"sourcesContent":["import { createStore } from '@stencil/store';\nimport { SavedCard } from '../api/entities/cards/types';\nimport {\n CreateAPMCheckoutResponse,\n CreateCardCheckoutResponse,\n} from '../api/entities/checkout/types';\nimport { ENUM_INSTALLMENT_MODEL } from '../models/enums/installment.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { RebillRenewalProps, RenewalSession } from '../models/renewal.model';\n\nexport interface RenewalSessionState {\n token: string;\n data: RenewalSession;\n form: {\n isLoading: boolean;\n selectedPaymentMethod?: PAYMENT_METHOD_ENUM;\n selectedCard?: SavedCard;\n cvv?: string;\n savedCards: SavedCard[];\n checkoutResponse?: CreateCardCheckoutResponse | CreateAPMCheckoutResponse | null;\n userIdentification?: {\n documentType?: string;\n documentNumber?: string;\n };\n selectedBankId?: string;\n };\n isInitialized: boolean;\n fetchingInstallments: boolean;\n cardMode?: 'input' | 'select' | null;\n deviceId?: string;\n providerKey?: string;\n}\n\nconst initialRenewalState: RenewalSessionState = {\n token: '',\n data: {\n id: '',\n cardId: '',\n cardTokenId: '',\n cardInformation: {\n brand: '',\n type: '',\n isoCountry: '',\n bank: '',\n lastFour: '',\n installments: {\n isAvailableInstallments: false,\n installments: [],\n selectedInstallment: undefined,\n },\n },\n subscription: {\n id: '',\n organizationId: '',\n status: '',\n name: [],\n description: [],\n planId: null,\n amount: 0,\n currency: '',\n isPriceFixed: false,\n targetCurrency: null,\n isProcessing: false,\n frequency: {\n count: 0,\n period: null,\n },\n repetitions: 0,\n currentRepetitions: 0,\n debitDay: null,\n type: '',\n lastChargeDate: '',\n nextChargeDate: '',\n remainingIterations: 0,\n customerId: '',\n customerName: '',\n customerEmail: '',\n paymentMethod: '',\n cardId: null,\n cardLastFour: null,\n trialPeriodDays: null,\n metadata: null,\n createdAt: '',\n },\n organization: {\n id: '',\n name: '',\n logoUrl: null,\n },\n price: {\n amount: 0,\n currency: '',\n country: '',\n paymentMethods: [],\n couponCode: null,\n discountPercentage: 0,\n discountedAmount: 0,\n },\n paymentMethods: [],\n country: '',\n createdAt: '',\n updatedAt: '',\n },\n form: {\n isLoading: false,\n savedCards: [],\n },\n isInitialized: false,\n fetchingInstallments: false,\n cardMode: 'select',\n};\n\nexport const { state: renewalState, onChange } =\n createStore<RenewalSessionState>(initialRenewalState);\n\nexport class RenewalStore {\n static initializeRenewal(renewalProps: RebillRenewalProps) {\n const { token, ...allProps } = renewalProps;\n renewalState.token = token;\n renewalState.data = allProps;\n renewalState.data.country = allProps.country;\n\n if (allProps.subscription?.cardId) {\n renewalState.data.cardId = allProps.subscription.cardId;\n }\n\n renewalState.isInitialized = true;\n }\n\n static setLoading(isLoading: boolean) {\n renewalState.form = {\n ...renewalState.form,\n isLoading,\n };\n }\n\n static setSelectedPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM) {\n renewalState.form = {\n ...renewalState.form,\n selectedPaymentMethod: paymentMethod,\n };\n }\n\n static setSelectedCard(card: SavedCard) {\n renewalState.form = {\n ...renewalState.form,\n selectedCard: card,\n };\n }\n\n static setCvv(cvv: string) {\n renewalState.form = {\n ...renewalState.form,\n cvv,\n };\n }\n\n static setSavedCards(cards: SavedCard[]) {\n renewalState.form = {\n ...renewalState.form,\n savedCards: cards,\n };\n }\n\n static setCheckoutResponse(response: CreateCardCheckoutResponse | CreateAPMCheckoutResponse) {\n renewalState.form = {\n ...renewalState.form,\n checkoutResponse: response,\n };\n }\n\n static setUserIdentification(identification: { documentType?: string; documentNumber?: string }) {\n renewalState.form = {\n ...renewalState.form,\n userIdentification: {\n ...renewalState.form.userIdentification,\n ...identification,\n },\n };\n }\n\n static clearRenewal() {\n renewalState.data = initialRenewalState.data;\n renewalState.form = initialRenewalState.form;\n renewalState.isInitialized = false;\n }\n\n static getRenewalState(): RenewalSessionState {\n return renewalState;\n }\n\n static setCardId(cardId: string) {\n renewalState.data.cardId = cardId;\n }\n\n static setCardTokenId(cardTokenId: string) {\n renewalState.data.cardTokenId = cardTokenId;\n }\n\n static setFetchingInstallments(fetchingInstallments: boolean) {\n renewalState.fetchingInstallments = fetchingInstallments;\n }\n\n static setCardInformation(cardInformation: {\n brand: string;\n type: string;\n isoCountry: string;\n bank: string;\n lastFour?: string;\n installments: {\n installments: {\n model: ENUM_INSTALLMENT_MODEL;\n cft: number;\n installment: number;\n totalAmount: number;\n installmentAmount: number;\n cftAmount: number;\n }[];\n };\n }) {\n if (cardInformation) {\n renewalState.data.cardInformation = {\n ...cardInformation,\n installments: {\n ...renewalState.data.cardInformation?.installments,\n installments: cardInformation.installments.installments,\n isAvailableInstallments: !!cardInformation.installments.installments.length,\n },\n };\n } else {\n renewalState.data.cardInformation = {\n brand: '',\n type: '',\n isoCountry: '',\n bank: '',\n lastFour: '',\n installments: {\n isAvailableInstallments: false,\n installments: [],\n selectedInstallment: undefined,\n },\n };\n }\n }\n\n static setSelectedBankId(bankId: string) {\n renewalState.form = {\n ...renewalState.form,\n selectedBankId: bankId,\n };\n }\n\n static setCardMode(cardMode: 'input' | 'select' | null) {\n renewalState.cardMode = cardMode;\n }\n\n static setDeviceId(deviceId: string) {\n renewalState.deviceId = deviceId;\n }\n\n static setProviderKey(providerKey: string) {\n renewalState.providerKey = providerKey;\n }\n}\n"],"names":["createStore"],"mappings":"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"}

package/dist/cjs/root-component.cjs.entry.js CHANGED Viewed

@@ -54,7 +54,7 @@ const RootComponent = class {
         i18n_service.SessionStore.setDiscount(null);
     }
     render() {
-        return (index.h("div", { key: '7dfbff39041d70635a330ca7d5b4ed4566124c93' }, index.h("div", { key: 'e7b0e4ba02e5539ae345dfeb2fe489078527f391', style: { display: 'flex', justifyContent: 'flex-end', padding: '1rem' } }, index.h("rebill-button", { key: '0876840b9b77efb19217e2c9ab433ba40109d633', onClick: () => this.handleLanguageChange(this.currentLang === locales_enum.LOCALES_ENUM.EN ? locales_enum.LOCALES_ENUM.ES : locales_enum.LOCALES_ENUM.EN) }, this.currentLang === locales_enum.LOCALES_ENUM.EN ? 'Cambiar a Español' : 'Switch to English')), index.h("rebill-form", { key: '29a5106beab5d5737848fcce20778b61d37b4420', validationSchema: this.validationSchema, initialData: this.formData, onSubmit: e => this.handleSubmit(e), onChange: e => this.handleChange(e), renderForm: ({ submit, formData: _formData, errors }) => (index.h("rebill-container", { maxWidth: "800px" }, index.h("h3", null, i18n_service.I18nService.translate('common.welcome')), index.h("rebill-input-text", { id: "nombre", label: "Nombre", placeholder: "Ingrese su nombre", error: errors.nombre }), index.h("rebill-input-text", { id: "apellido", label: "Apellido", placeholder: "Ingrese su apellido", error: errors.apellido }), index.h("rebill-input-select", { disabled: true, id: "pais", label: "Pa\u00EDs", error: errors.pais, options: [
+        return (index.h("div", { key: '564e1491e1df14c02c46df6840d4f615d83e1d31' }, index.h("div", { key: '2600d34a558565c7c45310e5349926958e025ef0', style: { display: 'flex', justifyContent: 'flex-end', padding: '1rem' } }, index.h("rebill-button", { key: '5fad0458517fceafcfab3fa2704206b61e528220', onClick: () => this.handleLanguageChange(this.currentLang === locales_enum.LOCALES_ENUM.EN ? locales_enum.LOCALES_ENUM.ES : locales_enum.LOCALES_ENUM.EN) }, this.currentLang === locales_enum.LOCALES_ENUM.EN ? 'Cambiar a Español' : 'Switch to English')), index.h("rebill-form", { key: '7cf4b4d03bdaf7169915336b34acb8dc42fd752b', validationSchema: this.validationSchema, initialData: this.formData, onSubmit: e => this.handleSubmit(e), onChange: e => this.handleChange(e), renderForm: ({ submit, formData: _formData, errors }) => (index.h("rebill-container", { maxWidth: "800px" }, index.h("h3", null, i18n_service.I18nService.translate('common.welcome')), index.h("rebill-input-text", { id: "nombre", label: "Nombre", placeholder: "Ingrese su nombre", error: errors.nombre }), index.h("rebill-input-text", { id: "apellido", label: "Apellido", placeholder: "Ingrese su apellido", error: errors.apellido }), index.h("rebill-input-select", { disabled: true, id: "pais", label: "Pa\u00EDs", error: errors.pais, options: [
                     { label: 'Argentina', value: 'AR' },
                     { label: 'Brasil', value: 'BR' },
                     { label: 'Chile', value: 'CL' },

package/dist/collection/components/checkout/discount-coupon/discount-coupon.css CHANGED Viewed

@@ -13,6 +13,10 @@
   width: fit-content;
 }
+.coupon-chip--readonly {
+  cursor: default;
+}
 .coupon-icon {
   width: 28px;
   height: 28px;

package/dist/collection/components/checkout/discount-coupon/discount-coupon.js CHANGED Viewed

@@ -13,6 +13,10 @@ var ACTION_STATUS;
 export class DiscountCoupon {
     el;
     hideLabel = false;
+    displayMode = 'editable';
+    readonlyCouponCode;
+    readonlyDiscountAmount;
+    readonlyCurrency;
     couponCode = '';
     actionStatus = ACTION_STATUS.NOT_APPLIED;
     isLoading = false;
@@ -25,6 +29,9 @@ export class DiscountCoupon {
         this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {
             this.currentLocale = sessionState.currentLocale;
         });
+        if (this.readonlyCouponCode) {
+            return;
+        }
         if (sessionState.data.pricing.discountCouponCode &&
             sessionState.data.pricing.discountAmount > 0) {
             this.actionStatus = ACTION_STATUS.APPLIED;
@@ -37,6 +44,9 @@ export class DiscountCoupon {
         }
     }
     componentDidUpdate() {
+        if (this.readonlyCouponCode) {
+            return;
+        }
         if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {
             setTimeout(async () => {
                 const inputElement = await this.inputRef.getInputElement();
@@ -47,6 +57,8 @@ export class DiscountCoupon {
         }
     }
     async onApplyCoupon() {
+        if (this.readonlyCouponCode)
+            return;
         const sessionId = sessionState.data.sessionId;
         if (!sessionId) {
             return;
@@ -81,15 +93,26 @@ export class DiscountCoupon {
         }
     }
     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() {
-        return (h("div", { key: '366d010b25c95f9151cab93b7ab0179ab063918e' }, h("div", { key: '341105a1170a0b823c2c3338dafe3b1d8f628119', class: "summary-row", style: {
+        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", { key: '2b6a9fa53506c0c80a7e59c258f3ea80e4fa0b31', variant: "body2", style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' } }, I18nService.translate('discountCoupons.discount'))), this.actionStatus === ACTION_STATUS.NOT_APPLIED && (h("rebill-button", { key: '2259ac442f6dba32bf0a1442670f51a1f3a55332', variant: "filled", size: "small", theme: "primary-dark", onClick: () => (this.actionStatus = ACTION_STATUS.EDITING) }, I18nService.translate('discountCoupons.addDiscount'))), this.actionStatus === ACTION_STATUS.EDITING && (h("div", { key: '008458abeaaf911a86dc451576dd2833cef3687b', class: "summary-row", style: { alignItems: 'flex-start', display: 'flex' } }, h("rebill-input-text", { key: 'd77c4576379dcd8d31d443a63350680894ea8605', 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 => {
+            } }, !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;
@@ -98,12 +121,12 @@ export class DiscountCoupon {
                 if (!this.couponCode.trim()) {
                     this.onCancelCoupon();
                 }
-            } }), h("rebill-button", { key: 'c443f099eaa744021781e71eefb311431cc98bc6', 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", { key: 'db15499dd129d7135ee34794aadacde986e54068', class: "coupon-chip" }, h("rebill-icon", { key: 'cf1ec0d39155845385c14e98734b0d6cf12eb10a', name: "tag-sale", size: "16px" }), h("div", { key: '69643045112e2867e0fa940fbd960e351fa22395', class: "coupon-content", onClick: () => (this.actionStatus = ACTION_STATUS.EDITING) }, h("rebill-typography", { key: '317e333aa0bd3ffba9958972743e339dac26d7d0', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, sessionState.data.pricing.discountCouponCode), h("rebill-typography", { key: '2b1e784de8842f3b224e3d53e2a8b4281d29a3fb', variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(sessionState.data.pricing.discountAmount, sessionState.data.pricing.currency))), h("div", { key: '5f539771bef0794592c23cbe15be07b8d11ee9ae', class: "coupon-close", onClick: () => {
+            } }), 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 }, sessionState.data.pricing.discountCouponCode), h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(sessionState.data.pricing.discountAmount, sessionState.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", { key: '00137566f4c61517a10aa86374f9359a1e291051', name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))))));
+            } }, h("rebill-icon", { name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))))));
     }
     static get is() { return "discount-coupon"; }
     static get originalStyleUrls() {
@@ -137,6 +160,83 @@ export class DiscountCoupon {
                 "reflect": false,
                 "attribute": "hide-label",
                 "defaultValue": "false"
+            },
+            "displayMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'editable' | 'readonly'",
+                    "resolved": "\"editable\" | \"readonly\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-mode",
+                "defaultValue": "'editable'"
+            },
+            "readonlyCouponCode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "readonly-coupon-code"
+            },
+            "readonlyDiscountAmount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "readonly-discount-amount"
+            },
+            "readonlyCurrency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "readonly-currency"
             }
         };
     }

package/dist/collection/components/checkout/discount-coupon/discount-coupon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"discount-coupon.js","sourceRoot":"","sources":["../../../../src/components/checkout/discount-coupon/discount-coupon.tsx"],"names":[],"mappings":"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","sourcesContent":["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 @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 (\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.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 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 this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n this.couponCode = '';\n this.isError = false;\n }\n\n render() {\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"]}
1	+ {"version":3,"file":"discount-coupon.js","sourceRoot":"","sources":["../../../../src/components/checkout/discount-coupon/discount-coupon.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/checkout/otp/otp.js CHANGED Viewed

@@ -94,17 +94,17 @@ export class Otp {
         }
     };
     render() {
-        return (h("div", { key: '695c2a67abc70a6805f405f6e126551b1e39ded5', class: "otp__otp-container" }, h("div", { key: '083a89be24155bfaa7dd475e845dd7c392df68e2', class: "otp__user-information" }, h("div", { key: '4b0448680cd90d58278c60b504d54e3f920fdd33', class: "otp__otp-description-container" }, h("rebill-typography", { key: '6906f8348b6bbf4d8af6395b02b2ef3993f8999f', variant: "body2", class: "otp__otp-description" }, I18nService.translate('otp.description')), h("rebill-typography", { key: '03eced252bddbc83c80703b65ea0822fdc8f1286', variant: "subtitle-bold", class: "otp__otp-description-digits" }, ' ', h("strong", { key: 'be96707f15ba5e32bb7d542bd6e145b250b22bd5' }, I18nService.translate('otp.descriptionDigits')), ' '), h("rebill-typography", { key: 'c071f971e41a1000ca623e6bc86fd63d796d29b9', variant: "body2", class: "otp__otp-description-email" }, I18nService.translate('otp.descriptionEmail'))), h("rebill-typography", { key: '05830f22306e4ff106f39da5ec3d273502393047', variant: "body2", class: "otp__otp-email-line" }, sessionState.data.userInformation.email, ' ', !sessionState.data.prefilledData?.email && (h("span", { key: '2a0abb0311e9f6d468c76a18ce54670711ea58e8', class: "otp__change-email", onClick: () => {
+        return (h("div", { key: 'a60f4778e7b8c9d12db4f91f1052efb529421f61', class: "otp__otp-container" }, h("div", { key: '27f07a33bb7f89884e9f7c7451dde4d45ec70fa0', class: "otp__user-information" }, h("div", { key: 'dff426cbad1d5104cb190b577b62ace1f80c0397', class: "otp__otp-description-container" }, h("rebill-typography", { key: '46056e3d98013ec69b2f94ce09453741393a84d5', variant: "body2", class: "otp__otp-description" }, I18nService.translate('otp.description')), h("rebill-typography", { key: '1ce410c937cc81a6d3d94ba9ba324463c17d2e1a', variant: "subtitle-bold", class: "otp__otp-description-digits" }, ' ', h("strong", { key: '5cb7f9fc7dc6bcb884719bc6dfb36d46d67e7c3b' }, I18nService.translate('otp.descriptionDigits')), ' '), h("rebill-typography", { key: '08374eda7ff4ae8deadfec171a086d31c4c9160d', variant: "body2", class: "otp__otp-description-email" }, I18nService.translate('otp.descriptionEmail'))), h("rebill-typography", { key: '3bca7a94df9819bd9a235c0963b2190a0f7dcb2f', variant: "body2", class: "otp__otp-email-line" }, sessionState.data.userInformation.email, ' ', !sessionState.data.prefilledData?.email && (h("span", { key: '53ac959b54950773538dbce0c236bbd2a75fa906', class: "otp__change-email", onClick: () => {
                 this.otpValue = '';
                 this.error = false;
                 this.returnForm.emit(false);
-            } }, I18nService.translate('otp.change'))))), h("input-otp", { key: 'ea265a435d31d7074aa2f97c10e47f44d50d0a3c', otp: this.otpValue, onOtpChange: event => this.handleOtpChange(event.detail), error: this.error ? I18nService.translate('otp.error') : '' }), this.isVerifying && (h("div", { key: '367501f575edf463b9055785dfb3c72475ce449d', class: "otp__verifying-container" }, h("rebill-typography", { key: '5dd504a759d6dbcb47aa98b2ae2c27b30ce9e96c', variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('otp.verifyingCode')), h("div", { key: 'e5b194da4c703af89cada396bd9ada053507cbe5', class: "otp__spinner" }))), h("rebill-button", { key: '96cd7a684d0d51d8d3e0d47291fd2ab413f6a424', type: "button", variant: "outline", theme: this.isTimerRunning ? 'secondary' : 'primary', disabled: this.isTimerRunning, onClick: this.handleResendCode, size: "small", style: { height: '24px', marginBottom: '8px' } }, this.isTimerRunning
+            } }, I18nService.translate('otp.change'))))), h("input-otp", { key: '53416598d254b6f42b1771136d43f8ac612f3b43', otp: this.otpValue, onOtpChange: event => this.handleOtpChange(event.detail), error: this.error ? I18nService.translate('otp.error') : '' }), this.isVerifying && (h("div", { key: '41c766a5e21c9d810dca97de5c720450df6924af', class: "otp__verifying-container" }, h("rebill-typography", { key: '93ba72b7c85cb622f8fd3d1b1175817a736c7ede', variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('otp.verifyingCode')), h("div", { key: 'd8b11cf317c4d8cbbb3f840fe8c411738c8f095c', class: "otp__spinner" }))), h("rebill-button", { key: 'c07d1abbce11ca0a2f1f139d9b93c6808c85bfd0', type: "button", variant: "outline", theme: this.isTimerRunning ? 'secondary' : 'primary', disabled: this.isTimerRunning, onClick: this.handleResendCode, size: "small", style: { height: '24px', marginBottom: '8px' } }, this.isTimerRunning
             ? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`
-            : I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: '9958622dcf2e3e7bdfbc3601c6a0dcc056a704d2', class: "otp__code-resent-container" }, h("rebill-typography", { key: 'e1fedeb2c1bcdefb2d2540eb0a1a1ee1aca8602b', variant: "subtitle2", color: COLORS_ENUM.GREEN }, h("rebill-icon", { key: 'bd5268ce74cf92d2df6c0c05af90f667a7cfc8ac', name: "check-radio" }), I18nService.translate('otp.codeResent')))), h("rebill-alert", { key: 'fbe9a4975a9f59c8dc13ad31fdd282b67065a738', class: "otp__rebill-alert", type: "secure", variant: "variant-info", message: I18nService.translate('otp.infoMessage'), icon: "circle-info", alertTitle: I18nService.translate('otp.infoTitle'), colorIcon: COLORS_ENUM.PRIMARY_DARK_LIGHT }), h("div", { key: 'b897d0409df69be27b7ee403d96eb7af1e714f67', class: "otp__alternative" }, h("rebill-typography", { key: 'c823a4a3b01e46352b10c05d5aa4caf88aa751b9', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK }, "o")), h("div", { key: 'cf74b097bd2ce9846f6f848109e44698de57e128', class: "otp__guest-options" }, h("rebill-button", { key: '3c61d047f6f1c77ade4936e23afbadd1674c9d10', type: "button", variant: "outline", theme: "secondary", size: "medium", onClick: () => {
+            : I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: '04892ba96af1f0cc56e8a662b4e758f8539d8181', class: "otp__code-resent-container" }, h("rebill-typography", { key: 'd5406c0cb371a85f796bb33950db186703aa2a96', variant: "subtitle2", color: COLORS_ENUM.GREEN }, h("rebill-icon", { key: 'd125a0363f9b5b584638b148e285323d57c507ee', name: "check-radio" }), I18nService.translate('otp.codeResent')))), h("rebill-alert", { key: '00f6d0350530b1ec22027a91dcafa7bd6de2887d', class: "otp__rebill-alert", type: "secure", variant: "variant-info", message: I18nService.translate('otp.infoMessage'), icon: "circle-info", alertTitle: I18nService.translate('otp.infoTitle'), colorIcon: COLORS_ENUM.PRIMARY_DARK_LIGHT }), h("div", { key: '9a8c49f2d07459f11f447a430c5addf11da5d68c', class: "otp__alternative" }, h("rebill-typography", { key: 'aa6421edade435a60f2086666aadee7059c4381b', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK }, "o")), h("div", { key: 'cd8efa383a62cc1362e50dd854812bf80c3a930c', class: "otp__guest-options" }, h("rebill-button", { key: '95db9dfa82140c9de4fcf22d513f8401779d0bb5', type: "button", variant: "outline", theme: "secondary", size: "medium", onClick: () => {
                 this.otpValue = '';
                 this.error = false;
                 this.returnForm.emit(false);
-            } }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: 'd301de3043c187804f7bea48eeb49e9ac4967480', type: "secure", variant: "variant-secure", icon: "lock-outline", message: I18nService.translate('otp.secureMessage') }))));
+            } }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: 'd1f56385971910aed328b740498945e05d6a91ac', type: "secure", variant: "variant-secure", icon: "lock-outline", message: I18nService.translate('otp.secureMessage') }))));
     }
     static get is() { return "otp-component"; }
     static get originalStyleUrls() {

package/dist/collection/components/checkout/payment-method-selector/card-fields/card-fields-wrapper.js CHANGED Viewed

@@ -9,9 +9,9 @@ export class CardFieldsWrapper {
     showDocument;
     customCSS;
     render() {
-        return (h("div", { key: '5136861b53a04501727e77298fd35c3e3dc35ddb', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("card-iframe", { key: 'd9305c548cdfcfc5a89a4a9cea4abe320655ce93', customCSS: this.customCSS }), !renewalState.isInitialized &&
+        return (h("div", { key: '5f1248723599b981c30f9a54124b5a94a5f53dad', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("card-iframe", { key: '8bfe7e4a7b26c30bf1de8c4d937690a429429f3a', customCSS: this.customCSS }), !renewalState.isInitialized &&
             sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN &&
-            sessionState.data.cardInformation?.installments?.installments.length > 0 && (h("rebill-installments", { key: '4dbd0ba36b3c99a857636201498f4186c71b1a28', error: this.installmentsError })), this.showDocument && (h("card-identification", { key: '58f62d19b4c5c5cfd1a6ad7437f767b054917741', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
+            sessionState.data.cardInformation?.installments?.installments.length > 0 && (h("rebill-installments", { key: 'd95b4b20414db198f5483cb1dc1ac070e0204009', error: this.installmentsError })), this.showDocument && (h("card-identification", { key: '11d048b3a791db2061befd07a4b33a039e03de24', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
     }
     static get is() { return "card-fields-wrapper"; }
     static get properties() {

package/dist/collection/components/checkout/payment-method-selector/card-fields/identification/identification.js CHANGED Viewed

@@ -62,7 +62,7 @@ export class Identification {
             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 })));
     }
     static get is() { return "card-identification"; }
     static get properties() {

package/dist/collection/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.js CHANGED Viewed

@@ -326,12 +326,12 @@ export class CardIframe {
         }
     };
     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',

package/dist/collection/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class CardSkeleton {
     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" })));
     }
     static get is() { return "card-skeleton"; }
     static get originalStyleUrls() {

package/dist/collection/components/checkout/payment-method-selector/card-fields/installments/installments.js CHANGED Viewed

@@ -40,11 +40,11 @@ export class Installments {
         });
     }
     render() {
-        return (h("div", { key: '6a5c00fc287b609ed3bd074d3c9ea028e5770190' }, h("rebill-input-select", { key: this.isDisabled.toString(), id: "installments", variant: "outlined", value: this.value, options: sessionState.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: sessionState.data.cardInformation?.installments?.installments.map(installment => ({
                 label: getInstallmentLabel(installment.installment, getRecalculatedInstallmentAmount(installment.installmentAmount), sessionState.data.pricing?.currency, installment.cft, installment.model),
                 value: installment?.installment?.toString(),
             })) || [], loading: sessionState.data.fetchingInstallments, placeholder: this.placeholder, disabled: this.isDisabled, "on-input": this.handleInstallments, error: I18nService.translate(this.error) }), sessionState.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
-            sessionState.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')))));
+            sessionState.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')))));
     }
     static get is() { return "rebill-installments"; }
     static get originalStyleUrls() {

package/dist/collection/components/checkout/rebill-footer/rebill-footer.css CHANGED Viewed

@@ -9,7 +9,7 @@
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  margin-bottom: 18px;
+  margin: 18px;
 }
 .terms-and-conditions {