@pelcro/react-pelcro-js 3.21.4 → 3.21.6

package/dist/index.cjs.js

@@ -11141,6 +11141,9 @@ const initViewFromURL = () => {
       if (view === "manage-members") {
         return showSubscriptionManageMembersFromUrl();
       }
+      if (view === "payment-method-update") {
+        return showPaymentMethodUpdateFromUrl();
+      }
       switchView(view);
     });
   }
@@ -11349,6 +11352,43 @@ const showPasswordlessRequestFromUrl = () => {
   } = usePelcro.getStore();
   return switchView("passwordless-request");
 };
+const showPaymentMethodUpdateFromUrl = () => {
+  const {
+    isAuthenticated,
+    whenSiteReady,
+    whenUserReady,
+    switchView
+  } = usePelcro.getStore();
+  whenSiteReady(() => {
+    if (!isAuthenticated()) {
+      return switchView("login");
+    }
+    whenUserReady(() => {
+      const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
+      const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
+      if (!window.Stripe && !supportsVantiv && !supportsTap) {
+        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+          return switchView("payment-method-update");
+        });
+        return;
+      }
+
+      //vantiv
+      if (supportsVantiv) {
+        document.querySelector("#vantiv-eprotect-sdk").addEventListener("load", () => {
+          return switchView("payment-method-update");
+        });
+        return;
+      }
+
+      //Tap
+      if (supportsTap && document.querySelector("#tap-sdk")) {
+        return switchView("payment-method-update");
+      }
+      return switchView("payment-method-update");
+    });
+  });
+};
 const showInvoiceDetailsFromUrl = () => {
   const {
     isAuthenticated,
@@ -13261,7 +13301,7 @@ function LoginModal(_ref) {
     }
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
-    const viewsURLs = ["invoice-details", "gift-redeem", "plan-select"];
+    const viewsURLs = ["invoice-details", "gift-redeem", "plan-select", "payment-method-update"];
     if (viewsURLs.includes(viewFromURL)) {
       initViewFromURL();
     }
@@ -16364,7 +16404,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
-      return handleTapPayment(null);
+      return handleTapPayment(null, state);
     }
     if (!tapInstanceRef.current) {
       return console.error("Tap sdk script wasn't loaded, you need to load tap sdk before rendering the tap payment flow");
@@ -16649,7 +16689,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using vantiv
-      return handleVantivPayment(null);
+      return handleVantivPayment(null, state.couponCode);
     }
     if (!vantivInstanceRef.current) {
       return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
@@ -17759,7 +17799,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           isLoading: true
         }, (state, dispatch) => {
           if (getSiteCardProcessor() === "vantiv") {
-            return submitUsingVantiv();
+            return submitUsingVantiv(state);
           }
           if (getSiteCardProcessor() === "tap") {
             return submitUsingTap(state);
@@ -21395,6 +21435,7 @@ const AddressCreateContainer = _ref => {
       first_name: firstName,
       last_name: lastName,
       line1: line1,
+      line2: line2,
       city: city,
       state: state,
       country: country,
@@ -22222,6 +22263,7 @@ const AddressUpdateContainer = _ref => {
       first_name: firstName,
       last_name: lastName,
       line1: line1,
+      line2: line2,
       city: city,
       state: state,
       country: country,

package/dist/index.esm.js

@@ -11111,6 +11111,9 @@ const initViewFromURL = () => {
       if (view === "manage-members") {
         return showSubscriptionManageMembersFromUrl();
       }
+      if (view === "payment-method-update") {
+        return showPaymentMethodUpdateFromUrl();
+      }
       switchView(view);
     });
   }
@@ -11319,6 +11322,43 @@ const showPasswordlessRequestFromUrl = () => {
   } = usePelcro.getStore();
   return switchView("passwordless-request");
 };
+const showPaymentMethodUpdateFromUrl = () => {
+  const {
+    isAuthenticated,
+    whenSiteReady,
+    whenUserReady,
+    switchView
+  } = usePelcro.getStore();
+  whenSiteReady(() => {
+    if (!isAuthenticated()) {
+      return switchView("login");
+    }
+    whenUserReady(() => {
+      const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
+      const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
+      if (!window.Stripe && !supportsVantiv && !supportsTap) {
+        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+          return switchView("payment-method-update");
+        });
+        return;
+      }
+
+      //vantiv
+      if (supportsVantiv) {
+        document.querySelector("#vantiv-eprotect-sdk").addEventListener("load", () => {
+          return switchView("payment-method-update");
+        });
+        return;
+      }
+
+      //Tap
+      if (supportsTap && document.querySelector("#tap-sdk")) {
+        return switchView("payment-method-update");
+      }
+      return switchView("payment-method-update");
+    });
+  });
+};
 const showInvoiceDetailsFromUrl = () => {
   const {
     isAuthenticated,
@@ -13231,7 +13271,7 @@ function LoginModal(_ref) {
     }
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
-    const viewsURLs = ["invoice-details", "gift-redeem", "plan-select"];
+    const viewsURLs = ["invoice-details", "gift-redeem", "plan-select", "payment-method-update"];
     if (viewsURLs.includes(viewFromURL)) {
       initViewFromURL();
     }
@@ -16334,7 +16374,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
-      return handleTapPayment(null);
+      return handleTapPayment(null, state);
     }
     if (!tapInstanceRef.current) {
       return console.error("Tap sdk script wasn't loaded, you need to load tap sdk before rendering the tap payment flow");
@@ -16619,7 +16659,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using vantiv
-      return handleVantivPayment(null);
+      return handleVantivPayment(null, state.couponCode);
     }
     if (!vantivInstanceRef.current) {
       return console.error("Vantiv sdk script wasn't loaded, you need to load vantiv sdk before rendering the vantiv payment flow");
@@ -17729,7 +17769,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           isLoading: true
         }, (state, dispatch) => {
           if (getSiteCardProcessor() === "vantiv") {
-            return submitUsingVantiv();
+            return submitUsingVantiv(state);
           }
           if (getSiteCardProcessor() === "tap") {
             return submitUsingTap(state);
@@ -21365,6 +21405,7 @@ const AddressCreateContainer = _ref => {
       first_name: firstName,
       last_name: lastName,
       line1: line1,
+      line2: line2,
       city: city,
       state: state,
       country: country,
@@ -22192,6 +22233,7 @@ const AddressUpdateContainer = _ref => {
       first_name: firstName,
       last_name: lastName,
       line1: line1,
+      line2: line2,
       city: city,
       state: state,
       country: country,

package/package.json

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