@pelcro/react-pelcro-js 3.23.0-beta.10 → 3.23.0-beta.12

package/dist/index.cjs.js

@@ -9374,16 +9374,19 @@ const ZERO_DECIMAL_CURRENCIES = ["BIF", "CLP", "DJF", "GNF", "JPY", "KMF", "KRW"
 const isCurrencyZeroDecimal = currency => ZERO_DECIMAL_CURRENCIES.includes(currency.toUpperCase());
 const sortCountries = countries => {
   const sortable = [];
-  delete countries.CA;
-  delete countries.US;
-  for (const abbr in countries) {
-    sortable.push([abbr, countries[abbr]]);
+  const {
+    CA,
+    US,
+    ...rest
+  } = countries;
+  for (const abbr in rest) {
+    sortable.push([abbr, rest[abbr]]);
   }
   sortable.sort((a, b) => {
     if (a[1] > b[1]) return 1;
     return -1;
   });
-  sortable.unshift(["US", "United States"], ["CA", "Canada"]);
+  sortable.unshift(["US", US], ["CA", CA]);
   return sortable;
 };
 
@@ -17988,6 +17991,22 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     });
     updateTotalAmountWithTax();
   }, []);
+  const fireBugSnag = _ref2 => {
+    let {
+      error,
+      title
+    } = _ref2;
+    notifyBugsnag(() => {
+      Bugsnag.notify(title !== null && title !== void 0 ? title : "ERROR", event => {
+        var _document$getElementB, _document$querySelect;
+        event.addMetadata("MetaData", {
+          error: error !== null && error !== void 0 ? error : "ERROR",
+          paymentModalViewed: (_document$getElementB = !!document.getElementById("pelcro-subscription-create-modal")) !== null && _document$getElementB !== void 0 ? _document$getElementB : false,
+          errorAppeared: (_document$querySelect = !!document.querySelector(".pelcro-alert-error")) !== null && _document$querySelect !== void 0 ? _document$querySelect : false
+        });
+      });
+    });
+  };
 
   /*====== Start Cybersource integration ========*/
   const cybersourceErrorHandle = err => {
@@ -17997,10 +18016,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       const errorMessages = [];
 
       // enumerable error (ex: validation errors)
-      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref2 => {
+      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref3 => {
         let {
           message
-        } = _ref2;
+        } = _ref3;
         errorMessages.push(message);
       });
 
@@ -18238,7 +18257,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 
   /*====== Start Tap integration ========*/
   const submitUsingTap = state => {
-    var _ref3, _ref4, _getPlanAmount;
+    var _ref4, _ref5, _getPlanAmount;
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
@@ -18270,7 +18289,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         return plan.amount;
       }
     }
-    const totalAmount = (_ref3 = (_ref4 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref4 !== void 0 ? _ref4 : getOrderItemsTotal()) !== null && _ref3 !== void 0 ? _ref3 : 10;
+    const totalAmount = (_ref4 = (_ref5 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref5 !== void 0 ? _ref5 : getOrderItemsTotal()) !== null && _ref4 !== void 0 ? _ref4 : 10;
     tapInstanceRef.current.createToken(tapInstanceCard.current).then(function (result) {
       if (result.error) {
         // Inform the user if there was an error
@@ -18768,13 +18787,13 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
 
       // When Google pay / Apple pay source created
-      paymentRequest.on("source", _ref5 => {
+      paymentRequest.on("source", _ref6 => {
         var _source$card;
         let {
           complete,
           source,
           ...data
-        } = _ref5;
+        } = _ref6;
         dispatch({
           type: DISABLE_COUPON_BUTTON,
           payload: true
@@ -18789,13 +18808,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         });
         complete("success");
         if ((source === null || source === void 0 ? void 0 : (_source$card = source.card) === null || _source$card === void 0 ? void 0 : _source$card.three_d_secure) === "required") {
-          return generate3DSecureSource(source).then(_ref6 => {
+          return generate3DSecureSource(source).then(_ref7 => {
             let {
               source,
               error
-            } = _ref6;
+            } = _ref7;
             if (error) {
-              return handlePaymentError(error);
+              handlePaymentError(error);
+              fireBugSnag({
+                error,
+                title: "generate3DSecureSource - ERROR"
+              });
+              return;
             }
             toggleAuthenticationPendingView(true, source);
           });
@@ -19079,13 +19103,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           });
           if (res.error) {
             onFailure(res.error);
-            return dispatch({
+            dispatch({
               type: SHOW_ALERT,
               payload: {
                 type: "error",
                 content: isSubCreate ? t("messages.tryAgainFromInvoice") : getErrorMessages(res.error)
               }
             });
+            fireBugSnag({
+              error: getErrorMessages(res.error),
+              title: "StripeConfirmCardPayment - ERROR"
+            });
+            return;
           }
           onSuccess(res);
         });
@@ -19101,13 +19130,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           payload: false
         });
         onFailure(error);
-        return dispatch({
+        dispatch({
           type: SHOW_ALERT,
           payload: {
             type: "error",
             content: isSubCreate ? t("messages.tryAgainFromInvoice") : t("messages.cardAuthFailed")
           }
         });
+        fireBugSnag({
+          error: getErrorMessages(error),
+          title: "StripeConfirmCardPayment - ERROR"
+        });
+        return;
       } else {
         onSuccess(response);
       }
@@ -19122,13 +19156,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
       if (error) {
         onFailure(error);
-        return dispatch({
+        dispatch({
           type: SHOW_ALERT,
           payload: {
             type: "error",
             content: getErrorMessages(error)
           }
         });
+        fireBugSnag({
+          error: getErrorMessages(error),
+          title: "StripeConfirmCardPayment - ERROR"
+        });
+        return;
       }
       onSuccess(response);
     }
@@ -19394,12 +19433,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const updatePaymentSource = (state, dispatch) => {
     return stripe.createSource({
       type: "card"
-    }).then(_ref7 => {
+    }).then(_ref8 => {
       var _source$card2;
       let {
         source,
         error
-      } = _ref7;
+      } = _ref8;
       if (error) {
         return handlePaymentError(error);
       }
@@ -19524,12 +19563,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
     stripe.createSource({
       type: "card"
-    }).then(_ref8 => {
-      var _ref9, _ref10, _state$updatedPrice;
+    }).then(_ref9 => {
+      var _ref10, _ref11, _state$updatedPrice;
       let {
         source,
         error
-      } = _ref8;
+      } = _ref9;
       if (error) {
         return handlePaymentError(error);
       }
@@ -19548,7 +19587,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           return total + item.price * item.quantity;
         }, 0);
       };
-      (_ref9 = (_ref10 = (_state$updatedPrice = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref10 !== void 0 ? _ref10 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref9 !== void 0 ? _ref9 : getOrderItemsTotal();
+      (_ref10 = (_ref11 = (_state$updatedPrice = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref11 !== void 0 ? _ref11 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref10 !== void 0 ? _ref10 : getOrderItemsTotal();
       return handlePayment(source);
     }).catch(error => {
       return handlePaymentError(error);

package/dist/index.esm.js

@@ -9344,16 +9344,19 @@ const ZERO_DECIMAL_CURRENCIES = ["BIF", "CLP", "DJF", "GNF", "JPY", "KMF", "KRW"
 const isCurrencyZeroDecimal = currency => ZERO_DECIMAL_CURRENCIES.includes(currency.toUpperCase());
 const sortCountries = countries => {
   const sortable = [];
-  delete countries.CA;
-  delete countries.US;
-  for (const abbr in countries) {
-    sortable.push([abbr, countries[abbr]]);
+  const {
+    CA,
+    US,
+    ...rest
+  } = countries;
+  for (const abbr in rest) {
+    sortable.push([abbr, rest[abbr]]);
   }
   sortable.sort((a, b) => {
     if (a[1] > b[1]) return 1;
     return -1;
   });
-  sortable.unshift(["US", "United States"], ["CA", "Canada"]);
+  sortable.unshift(["US", US], ["CA", CA]);
   return sortable;
 };
 
@@ -17958,6 +17961,22 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     });
     updateTotalAmountWithTax();
   }, []);
+  const fireBugSnag = _ref2 => {
+    let {
+      error,
+      title
+    } = _ref2;
+    notifyBugsnag(() => {
+      Bugsnag.notify(title !== null && title !== void 0 ? title : "ERROR", event => {
+        var _document$getElementB, _document$querySelect;
+        event.addMetadata("MetaData", {
+          error: error !== null && error !== void 0 ? error : "ERROR",
+          paymentModalViewed: (_document$getElementB = !!document.getElementById("pelcro-subscription-create-modal")) !== null && _document$getElementB !== void 0 ? _document$getElementB : false,
+          errorAppeared: (_document$querySelect = !!document.querySelector(".pelcro-alert-error")) !== null && _document$querySelect !== void 0 ? _document$querySelect : false
+        });
+      });
+    });
+  };
 
   /*====== Start Cybersource integration ========*/
   const cybersourceErrorHandle = err => {
@@ -17967,10 +17986,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       const errorMessages = [];
 
       // enumerable error (ex: validation errors)
-      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref2 => {
+      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref3 => {
         let {
           message
-        } = _ref2;
+        } = _ref3;
         errorMessages.push(message);
       });
 
@@ -18208,7 +18227,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 
   /*====== Start Tap integration ========*/
   const submitUsingTap = state => {
-    var _ref3, _ref4, _getPlanAmount;
+    var _ref4, _ref5, _getPlanAmount;
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
@@ -18240,7 +18259,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         return plan.amount;
       }
     }
-    const totalAmount = (_ref3 = (_ref4 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref4 !== void 0 ? _ref4 : getOrderItemsTotal()) !== null && _ref3 !== void 0 ? _ref3 : 10;
+    const totalAmount = (_ref4 = (_ref5 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref5 !== void 0 ? _ref5 : getOrderItemsTotal()) !== null && _ref4 !== void 0 ? _ref4 : 10;
     tapInstanceRef.current.createToken(tapInstanceCard.current).then(function (result) {
       if (result.error) {
         // Inform the user if there was an error
@@ -18738,13 +18757,13 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
 
       // When Google pay / Apple pay source created
-      paymentRequest.on("source", _ref5 => {
+      paymentRequest.on("source", _ref6 => {
         var _source$card;
         let {
           complete,
           source,
           ...data
-        } = _ref5;
+        } = _ref6;
         dispatch({
           type: DISABLE_COUPON_BUTTON,
           payload: true
@@ -18759,13 +18778,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         });
         complete("success");
         if ((source === null || source === void 0 ? void 0 : (_source$card = source.card) === null || _source$card === void 0 ? void 0 : _source$card.three_d_secure) === "required") {
-          return generate3DSecureSource(source).then(_ref6 => {
+          return generate3DSecureSource(source).then(_ref7 => {
             let {
               source,
               error
-            } = _ref6;
+            } = _ref7;
             if (error) {
-              return handlePaymentError(error);
+              handlePaymentError(error);
+              fireBugSnag({
+                error,
+                title: "generate3DSecureSource - ERROR"
+              });
+              return;
             }
             toggleAuthenticationPendingView(true, source);
           });
@@ -19049,13 +19073,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           });
           if (res.error) {
             onFailure(res.error);
-            return dispatch({
+            dispatch({
               type: SHOW_ALERT,
               payload: {
                 type: "error",
                 content: isSubCreate ? t("messages.tryAgainFromInvoice") : getErrorMessages(res.error)
               }
             });
+            fireBugSnag({
+              error: getErrorMessages(res.error),
+              title: "StripeConfirmCardPayment - ERROR"
+            });
+            return;
           }
           onSuccess(res);
         });
@@ -19071,13 +19100,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           payload: false
         });
         onFailure(error);
-        return dispatch({
+        dispatch({
           type: SHOW_ALERT,
           payload: {
             type: "error",
             content: isSubCreate ? t("messages.tryAgainFromInvoice") : t("messages.cardAuthFailed")
           }
         });
+        fireBugSnag({
+          error: getErrorMessages(error),
+          title: "StripeConfirmCardPayment - ERROR"
+        });
+        return;
       } else {
         onSuccess(response);
       }
@@ -19092,13 +19126,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
       if (error) {
         onFailure(error);
-        return dispatch({
+        dispatch({
           type: SHOW_ALERT,
           payload: {
             type: "error",
             content: getErrorMessages(error)
           }
         });
+        fireBugSnag({
+          error: getErrorMessages(error),
+          title: "StripeConfirmCardPayment - ERROR"
+        });
+        return;
       }
       onSuccess(response);
     }
@@ -19364,12 +19403,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const updatePaymentSource = (state, dispatch) => {
     return stripe.createSource({
       type: "card"
-    }).then(_ref7 => {
+    }).then(_ref8 => {
       var _source$card2;
       let {
         source,
         error
-      } = _ref7;
+      } = _ref8;
       if (error) {
         return handlePaymentError(error);
       }
@@ -19494,12 +19533,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
     stripe.createSource({
       type: "card"
-    }).then(_ref8 => {
-      var _ref9, _ref10, _state$updatedPrice;
+    }).then(_ref9 => {
+      var _ref10, _ref11, _state$updatedPrice;
       let {
         source,
         error
-      } = _ref8;
+      } = _ref9;
       if (error) {
         return handlePaymentError(error);
       }
@@ -19518,7 +19557,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           return total + item.price * item.quantity;
         }, 0);
       };
-      (_ref9 = (_ref10 = (_state$updatedPrice = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref10 !== void 0 ? _ref10 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref9 !== void 0 ? _ref9 : getOrderItemsTotal();
+      (_ref10 = (_ref11 = (_state$updatedPrice = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref11 !== void 0 ? _ref11 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref10 !== void 0 ? _ref10 : getOrderItemsTotal();
       return handlePayment(source);
     }).catch(error => {
       return handlePaymentError(error);

package/package.json

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