@pelcro/react-pelcro-js 3.2.0-beta.6 → 3.2.0-beta.9

package/dist/index.cjs.js

@@ -4684,17 +4684,17 @@ var invoiceDetails_en = {
 	buttons: buttons$1
 };
 
-var title$2 = "Invoice details";
+var title$2 = "Détails de la facture";
 var labels = {
-	summary: "Summary",
+	summary: "Résumé",
 	total: "Total",
-	amountPaid: "Amount paid",
-	amountDue: "Amount due",
-	creationDate: "Created on:"
+	amountPaid: "Montant payé",
+	amountDue: "Montant dû",
+	creationDate: "Créé le:"
 };
 var buttons = {
-	download: "Download",
-	pay: "Pay now"
+	download: "Télécharger",
+	pay: "Payer"
 };
 var invoiceDetails_fr = {
 	title: title$2,
@@ -8775,7 +8775,7 @@ const debounce = (func, waitTime) => {
 function getSiteCardProcessor() {
   var _window$Pelcro$site$r;
 
-  if ((_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.vantiv_pay_page_id) {
+  if ((_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.vantiv_gateway_settings) {
     return "vantiv";
   }
 
@@ -13020,6 +13020,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
           callback(err, res);
@@ -13046,6 +13047,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13073,6 +13075,7 @@ class StripeGateway {
           stripe_token: token,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null
@@ -13125,6 +13128,7 @@ class StripeGateway {
         window.Pelcro.ecommerce.order.create({
           items,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           ...params,
           ...(addressId && {
             address_id: addressId
@@ -13212,6 +13216,7 @@ class PaypalGateway {
           payment_gateway: _classPrivateFieldGet(this, _paymentGateway2),
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
@@ -13239,6 +13244,7 @@ class PaypalGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13341,6 +13347,7 @@ class VantivGateway {
           quantity,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13372,6 +13379,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13405,6 +13413,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13468,6 +13477,7 @@ class VantivGateway {
         window.Pelcro.ecommerce.order.create({
           items,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           ...params,
           ...(addressId && {
             address_id: addressId
@@ -13590,8 +13600,11 @@ const PaymentMethodContainerWithoutStripe = ({
     updateTotalAmountWithTax();
   }, []);
 
-  const submitVantivPayment = () => {
-    if (selectedPaymentMethodId) {
+  const submitUsingVantiv = () => {
+    const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
+
+    if (isUsingExistingPaymentMethod) {
+      // no need to create a new source using vantiv
       return handleVantivPayment(null);
     }
 
@@ -13599,7 +13612,10 @@ const PaymentMethodContainerWithoutStripe = ({
       return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
     }
 
-    const orderId = `pelcro-${new Date().getTime()}`; // calls handleVantivPayment
+    const orderId = `pelcro-${new Date().getTime()}`;
+    /*     
+    calls handleVantivPayment to either handle a payment or update a source by simply creating a new source 
+    */
 
     vantivInstanceRef.current.getPaypageRegistrationId({
       id: orderId,
@@ -13626,6 +13642,45 @@ const PaymentMethodContainerWithoutStripe = ({
       purchase(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
       payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
+    } else if (type === "updatePaymentSource") {
+      createNewVantivCard();
+    }
+
+    function createNewVantivCard() {
+      window.Pelcro.source.create({
+        auth_token: window.Pelcro.user.read().auth_token,
+        token: paymentRequest,
+        gateway: "vantiv"
+      }, (err, res) => {
+        dispatch({
+          type: DISABLE_SUBMIT,
+          payload: false
+        });
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+
+        if (err) {
+          onFailure(err);
+          return dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+        }
+
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "success",
+            content: t("messages.sourceUpdated")
+          }
+        });
+        onSuccess(res);
+      });
     }
 
     function handleVantivSubscription() {
@@ -13971,6 +14026,7 @@ const PaymentMethodContainerWithoutStripe = ({
         window.Pelcro.order.create({
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: selectedAddressId
         }, handleCouponResponse);
@@ -14052,6 +14108,7 @@ const PaymentMethodContainerWithoutStripe = ({
         stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         quantity: plan.quantity,
         coupon_code: couponCode,
         gift_recipient_email: giftRecipient ? giftRecipient.email : null,
@@ -14123,6 +14180,7 @@ const PaymentMethodContainerWithoutStripe = ({
           stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? selectedAddressId : null
@@ -14344,7 +14402,9 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if ((source === null || source === void 0 ? void 0 : (_source$card2 = source.card) === null || _source$card2 === void 0 ? void 0 : _source$card2.three_d_secure) === "required") {
         return handlePaymentError({
-          message: t("messages.cardAuthNotSupported")
+          error: {
+            message: t("messages.cardAuthNotSupported")
+          }
         });
       }
 
@@ -14475,6 +14535,7 @@ const PaymentMethodContainerWithoutStripe = ({
       window.Pelcro.order.create({
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
         address_id: selectedAddressId
       }, (error, res) => {
@@ -14588,7 +14649,9 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if ((source === null || source === void 0 ? void 0 : source.status) === "failed") {
         return handlePaymentError({
-          message: t("messages.cardAuthFailed")
+          error: {
+            message: t("messages.cardAuthFailed")
+          }
         });
       }
 
@@ -14660,7 +14723,7 @@ const PaymentMethodContainerWithoutStripe = ({
           isLoading: true
         }, (state, dispatch) => {
           if (getSiteCardProcessor() === "vantiv") {
-            return submitVantivPayment();
+            return submitUsingVantiv();
           }
 
           if (selectedPaymentMethodId) {
@@ -25702,6 +25765,8 @@ const InvoiceDetailsView = props => {
     invoice
   } = usePelcro();
   const showPayButton = canPayInvoice(invoice);
+  const showDownloadButton = Boolean(invoice === null || invoice === void 0 ? void 0 : invoice.invoice_pdf);
+  const hasPlanDetails = Boolean(invoice.plan);
   const creationDate = new Date(invoice === null || invoice === void 0 ? void 0 : invoice.created_at);
   const formattedCreationDate = new Intl.DateTimeFormat("en-CA").format(creationDate);
   return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -25719,7 +25784,7 @@ const InvoiceDetailsView = props => {
     className: "plc-font-bold pelcro-invoice-summary-title"
   }, t("labels.summary")), invoice && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", {
     className: "plc-mr-2 pelcro-invoice-creation-date"
-  }, `${t("labels.creationDate")} ${formattedCreationDate}`), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, `${t("labels.creationDate")} ${formattedCreationDate}`), hasPlanDetails && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-center plc-pt-2 plc-mt-2 plc-border-t plc-border-gray-400 plc-min-h-12 plc-justify-between pelcro-invoice-plan-wrapper"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-break-words pelcro-invoice-plan-name"
@@ -25745,7 +25810,7 @@ const InvoiceDetailsView = props => {
     className: "plc-font-semibold pelcro-invoice-total"
   }, getFormattedPriceByLocal(invoice.amount_remaining, invoice.currency, getPageOrDefaultLanguage())))))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-center plc-justify-center plc-mt-4"
-  }, /*#__PURE__*/React__default['default'].createElement(InvoiceDetailsDownloadButton, {
+  }, showDownloadButton && /*#__PURE__*/React__default['default'].createElement(InvoiceDetailsDownloadButton, {
     url: invoice === null || invoice === void 0 ? void 0 : invoice.invoice_pdf,
     className: "plc-w-full plc-text-center"
   }), showPayButton && /*#__PURE__*/React__default['default'].createElement(InvoiceDetailsPayButton, {

package/dist/index.esm.js

@@ -4654,17 +4654,17 @@ var invoiceDetails_en = {
 	buttons: buttons$1
 };
 
-var title$2 = "Invoice details";
+var title$2 = "Détails de la facture";
 var labels = {
-	summary: "Summary",
+	summary: "Résumé",
 	total: "Total",
-	amountPaid: "Amount paid",
-	amountDue: "Amount due",
-	creationDate: "Created on:"
+	amountPaid: "Montant payé",
+	amountDue: "Montant dû",
+	creationDate: "Créé le:"
 };
 var buttons = {
-	download: "Download",
-	pay: "Pay now"
+	download: "Télécharger",
+	pay: "Payer"
 };
 var invoiceDetails_fr = {
 	title: title$2,
@@ -8745,7 +8745,7 @@ const debounce = (func, waitTime) => {
 function getSiteCardProcessor() {
   var _window$Pelcro$site$r;
 
-  if ((_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.vantiv_pay_page_id) {
+  if ((_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.vantiv_gateway_settings) {
     return "vantiv";
   }
 
@@ -12990,6 +12990,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
           callback(err, res);
@@ -13016,6 +13017,7 @@ class StripeGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13043,6 +13045,7 @@ class StripeGateway {
           stripe_token: token,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null
@@ -13095,6 +13098,7 @@ class StripeGateway {
         window.Pelcro.ecommerce.order.create({
           items,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           ...params,
           ...(addressId && {
             address_id: addressId
@@ -13182,6 +13186,7 @@ class PaypalGateway {
           payment_gateway: _classPrivateFieldGet(this, _paymentGateway2),
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null
         }, (err, res) => {
@@ -13209,6 +13214,7 @@ class PaypalGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13311,6 +13317,7 @@ class VantivGateway {
           quantity,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13342,6 +13349,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? addressId : null,
           ...params
@@ -13375,6 +13383,7 @@ class VantivGateway {
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           gift_recipient_email: giftRecipient.email,
           gift_recipient_first_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.firstName,
           gift_recipient_last_name: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.lastName,
@@ -13438,6 +13447,7 @@ class VantivGateway {
         window.Pelcro.ecommerce.order.create({
           items,
           coupon_code: couponCode,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           ...params,
           ...(addressId && {
             address_id: addressId
@@ -13560,8 +13570,11 @@ const PaymentMethodContainerWithoutStripe = ({
     updateTotalAmountWithTax();
   }, []);
 
-  const submitVantivPayment = () => {
-    if (selectedPaymentMethodId) {
+  const submitUsingVantiv = () => {
+    const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
+
+    if (isUsingExistingPaymentMethod) {
+      // no need to create a new source using vantiv
       return handleVantivPayment(null);
     }
 
@@ -13569,7 +13582,10 @@ const PaymentMethodContainerWithoutStripe = ({
       return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
     }
 
-    const orderId = `pelcro-${new Date().getTime()}`; // calls handleVantivPayment
+    const orderId = `pelcro-${new Date().getTime()}`;
+    /*     
+    calls handleVantivPayment to either handle a payment or update a source by simply creating a new source 
+    */
 
     vantivInstanceRef.current.getPaypageRegistrationId({
       id: orderId,
@@ -13596,6 +13612,45 @@ const PaymentMethodContainerWithoutStripe = ({
       purchase(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, state, dispatch);
     } else if (type === "invoicePayment") {
       payInvoice(new VantivGateway(), isUsingExistingPaymentMethod ? selectedPaymentMethodId : paymentRequest, dispatch);
+    } else if (type === "updatePaymentSource") {
+      createNewVantivCard();
+    }
+
+    function createNewVantivCard() {
+      window.Pelcro.source.create({
+        auth_token: window.Pelcro.user.read().auth_token,
+        token: paymentRequest,
+        gateway: "vantiv"
+      }, (err, res) => {
+        dispatch({
+          type: DISABLE_SUBMIT,
+          payload: false
+        });
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+
+        if (err) {
+          onFailure(err);
+          return dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+        }
+
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "success",
+            content: t("messages.sourceUpdated")
+          }
+        });
+        onSuccess(res);
+      });
     }
 
     function handleVantivSubscription() {
@@ -13941,6 +13996,7 @@ const PaymentMethodContainerWithoutStripe = ({
         window.Pelcro.order.create({
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: selectedAddressId
         }, handleCouponResponse);
@@ -14022,6 +14078,7 @@ const PaymentMethodContainerWithoutStripe = ({
         stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         quantity: plan.quantity,
         coupon_code: couponCode,
         gift_recipient_email: giftRecipient ? giftRecipient.email : null,
@@ -14093,6 +14150,7 @@ const PaymentMethodContainerWithoutStripe = ({
           stripe_token: !stripeSource.isExistingSource ? stripeSource.id : undefined,
           auth_token: window.Pelcro.user.read().auth_token,
           plan_id: plan.id,
+          campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? selectedAddressId : null
@@ -14314,7 +14372,9 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if ((source === null || source === void 0 ? void 0 : (_source$card2 = source.card) === null || _source$card2 === void 0 ? void 0 : _source$card2.three_d_secure) === "required") {
         return handlePaymentError({
-          message: t("messages.cardAuthNotSupported")
+          error: {
+            message: t("messages.cardAuthNotSupported")
+          }
         });
       }
 
@@ -14445,6 +14505,7 @@ const PaymentMethodContainerWithoutStripe = ({
       window.Pelcro.order.create({
         auth_token: window.Pelcro.user.read().auth_token,
         plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
         coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
         address_id: selectedAddressId
       }, (error, res) => {
@@ -14558,7 +14619,9 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if ((source === null || source === void 0 ? void 0 : source.status) === "failed") {
         return handlePaymentError({
-          message: t("messages.cardAuthFailed")
+          error: {
+            message: t("messages.cardAuthFailed")
+          }
         });
       }
 
@@ -14630,7 +14693,7 @@ const PaymentMethodContainerWithoutStripe = ({
           isLoading: true
         }, (state, dispatch) => {
           if (getSiteCardProcessor() === "vantiv") {
-            return submitVantivPayment();
+            return submitUsingVantiv();
           }
 
           if (selectedPaymentMethodId) {
@@ -25672,6 +25735,8 @@ const InvoiceDetailsView = props => {
     invoice
   } = usePelcro();
   const showPayButton = canPayInvoice(invoice);
+  const showDownloadButton = Boolean(invoice === null || invoice === void 0 ? void 0 : invoice.invoice_pdf);
+  const hasPlanDetails = Boolean(invoice.plan);
   const creationDate = new Date(invoice === null || invoice === void 0 ? void 0 : invoice.created_at);
   const formattedCreationDate = new Intl.DateTimeFormat("en-CA").format(creationDate);
   return /*#__PURE__*/React__default.createElement("div", {
@@ -25689,7 +25754,7 @@ const InvoiceDetailsView = props => {
     className: "plc-font-bold pelcro-invoice-summary-title"
   }, t("labels.summary")), invoice && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
     className: "plc-mr-2 pelcro-invoice-creation-date"
-  }, `${t("labels.creationDate")} ${formattedCreationDate}`), /*#__PURE__*/React__default.createElement("div", {
+  }, `${t("labels.creationDate")} ${formattedCreationDate}`), hasPlanDetails && /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-center plc-pt-2 plc-mt-2 plc-border-t plc-border-gray-400 plc-min-h-12 plc-justify-between pelcro-invoice-plan-wrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "plc-break-words pelcro-invoice-plan-name"
@@ -25715,7 +25780,7 @@ const InvoiceDetailsView = props => {
     className: "plc-font-semibold pelcro-invoice-total"
   }, getFormattedPriceByLocal(invoice.amount_remaining, invoice.currency, getPageOrDefaultLanguage())))))), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-center plc-justify-center plc-mt-4"
-  }, /*#__PURE__*/React__default.createElement(InvoiceDetailsDownloadButton, {
+  }, showDownloadButton && /*#__PURE__*/React__default.createElement(InvoiceDetailsDownloadButton, {
     url: invoice === null || invoice === void 0 ? void 0 : invoice.invoice_pdf,
     className: "plc-w-full plc-text-center"
   }), showPayButton && /*#__PURE__*/React__default.createElement(InvoiceDetailsPayButton, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.2.0-beta.6",
+  "version": "3.2.0-beta.9",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",