@pelcro/react-pelcro-js 3.2.0-beta.10 → 3.2.0-beta.11

package/dist/index.cjs.js

@@ -4715,11 +4715,11 @@ var subscriptionOptions_en = {
 	renew: renew$1
 };
 
-var title = "Renewal options";
-var subtitle = "Select one of the options below to continue";
-var next = "Next";
-var addNew = "Add Another Subscription";
-var renew = "Renew Existing Subscription";
+var title = "Choix de renouvellement";
+var subtitle = "Veuillez choisir un des choix ci-dessous";
+var next = "Prochain";
+var addNew = "S'abonner à un autre forfait maintenant";
+var renew = "Renouveler l'abonnement actuel ";
 var subscriptionOptions_fr = {
 	title: title,
 	subtitle: subtitle,
@@ -15437,7 +15437,7 @@ const PaypalSubscribeButton = props => {
     const selectedAddress = getAddressById((_props$selectedAddres = props.selectedAddressId) !== null && _props$selectedAddres !== void 0 ? _props$selectedAddres : selectedAddressId); // initialize paypal client, then render paypal button.
 
     const initializePaypal = async () => {
-      var _props$buttonElementI, _props$product$addres, _props$product, _props$plan2;
+      var _props$buttonElementI, _props$product$addres, _props$product;
 
       const paypalCheckoutInstance = new PaypalClient({
         buttonElementID: (_props$buttonElementI = props.buttonElementID) !== null && _props$buttonElementI !== void 0 ? _props$buttonElementI : "pelcro-paypal-button",
@@ -15447,12 +15447,33 @@ const PaypalSubscribeButton = props => {
         displayName: props.merchantDisplayName,
         locale: props.locale,
         billingAgreementDescription: props.billingDescription
-      }); // Await building paypal instance
+      });
+
+      const getProduct = () => {
+        if (invoice) {
+          invoice.plan = null;
+
+          if (invoice.plan) {
+            return invoice.plan;
+          } else {
+            // standalone invoices dont have a plan
+            return {
+              currency: invoice.currency,
+              nickname: `invoice #${invoice.id}`
+            };
+          }
+        } else if (props.plan) {
+          return props.plan;
+        } else {
+          return plan;
+        }
+      }; // Await building paypal instance
+
 
       await paypalCheckoutInstance.build(); // Create paypal payment
 
       paypalCheckoutInstance.createPayment({
-        product: invoice ? invoice.plan : (_props$plan2 = props.plan) !== null && _props$plan2 !== void 0 ? _props$plan2 : plan,
+        product: getProduct(),
         amount: updatedPrice,
         address: invoice ? null : selectedAddress,
         onButtonClick: () => {

package/dist/index.esm.js

@@ -4685,11 +4685,11 @@ var subscriptionOptions_en = {
 	renew: renew$1
 };
 
-var title = "Renewal options";
-var subtitle = "Select one of the options below to continue";
-var next = "Next";
-var addNew = "Add Another Subscription";
-var renew = "Renew Existing Subscription";
+var title = "Choix de renouvellement";
+var subtitle = "Veuillez choisir un des choix ci-dessous";
+var next = "Prochain";
+var addNew = "S'abonner à un autre forfait maintenant";
+var renew = "Renouveler l'abonnement actuel ";
 var subscriptionOptions_fr = {
 	title: title,
 	subtitle: subtitle,
@@ -15407,7 +15407,7 @@ const PaypalSubscribeButton = props => {
     const selectedAddress = getAddressById((_props$selectedAddres = props.selectedAddressId) !== null && _props$selectedAddres !== void 0 ? _props$selectedAddres : selectedAddressId); // initialize paypal client, then render paypal button.
 
     const initializePaypal = async () => {
-      var _props$buttonElementI, _props$product$addres, _props$product, _props$plan2;
+      var _props$buttonElementI, _props$product$addres, _props$product;
 
       const paypalCheckoutInstance = new PaypalClient({
         buttonElementID: (_props$buttonElementI = props.buttonElementID) !== null && _props$buttonElementI !== void 0 ? _props$buttonElementI : "pelcro-paypal-button",
@@ -15417,12 +15417,33 @@ const PaypalSubscribeButton = props => {
         displayName: props.merchantDisplayName,
         locale: props.locale,
         billingAgreementDescription: props.billingDescription
-      }); // Await building paypal instance
+      });
+
+      const getProduct = () => {
+        if (invoice) {
+          invoice.plan = null;
+
+          if (invoice.plan) {
+            return invoice.plan;
+          } else {
+            // standalone invoices dont have a plan
+            return {
+              currency: invoice.currency,
+              nickname: `invoice #${invoice.id}`
+            };
+          }
+        } else if (props.plan) {
+          return props.plan;
+        } else {
+          return plan;
+        }
+      }; // Await building paypal instance
+
 
       await paypalCheckoutInstance.build(); // Create paypal payment
 
       paypalCheckoutInstance.createPayment({
-        product: invoice ? invoice.plan : (_props$plan2 = props.plan) !== null && _props$plan2 !== void 0 ? _props$plan2 : plan,
+        product: getProduct(),
         amount: updatedPrice,
         address: invoice ? null : selectedAddress,
         onButtonClick: () => {

package/package.json

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