@pelcro/react-pelcro-js 4.0.0-alpha.5 → 4.0.0-alpha.7

package/dist/index.cjs.js

@@ -8098,7 +8098,6 @@ class PelcroActions {
       } = this.get();
       switchView(null);
       resetState();
-      window.sessionStorage.setItem("paywall_conversion_id", null);
     });
 
     _defineProperty$3(this, "switchToPaymentView", () => {
@@ -10911,8 +10910,6 @@ const initPaywalls = () => {
     } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayNewsletterPaywall()) {
       switchView("newsletter");
     } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayPaywall()) {
-      const paywallId = window.Pelcro.paywall.read().id;
-      window.sessionStorage.setItem("paywall_conversion_id", paywallId);
       switchView("plan-select");
     }
   }
@@ -18713,23 +18710,6 @@ const PaymentMethodContainerWithoutStripe = ({
       updateTotalAmountWithTax();
     }
   };
-
-  const trackPaywallConversion = subscriptionId => {
-    const paywallId = window.sessionStorage.getItem("paywall_conversion_id");
-    const userId = window.Pelcro.user.read().id;
-    const planId = plan.id;
-    const productId = product.id;
-
-    if (paywallId) {
-      window.Pelcro.insight.track(`Paywall Conversion: ${paywallId}`, {
-        userId,
-        subscriptionId,
-        planId,
-        productId
-      });
-      window.sessionStorage.setItem("paywall_conversion_id", null);
-    }
-  };
   /**
    * Attempt to confirm a Stripe card payment via it's PaymentIntent.
    * Only trigger method if PaymentIntent status is `requires_action`.
@@ -18750,8 +18730,6 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === "requires_action" && paymentIntent !== null && paymentIntent !== void 0 && paymentIntent.client_secret) {
         stripe.confirmCardPayment(paymentIntent.client_secret).then(res => {
-          var _response$data2;
-
           if (!isSubCreate) {
             dispatch({
               type: DISABLE_SUBMIT,
@@ -18775,7 +18753,6 @@ const PaymentMethodContainerWithoutStripe = ({
             });
           }
 
-          trackPaywallConversion((_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.id);
           onSuccess(res);
         });
       } else if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === "requires_payment_method" && paymentIntent !== null && paymentIntent !== void 0 && paymentIntent.client_secret) {
@@ -18798,14 +18775,9 @@ const PaymentMethodContainerWithoutStripe = ({
           }
         });
       } else {
-        var _response$data3;
-
-        trackPaywallConversion((_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.id);
         onSuccess(response);
       }
     } else {
-      var _response$data4;
-
       dispatch({
         type: DISABLE_SUBMIT,
         payload: false
@@ -18826,7 +18798,6 @@ const PaymentMethodContainerWithoutStripe = ({
         });
       }
 
-      trackPaywallConversion((_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.id);
       onSuccess(response);
     }
   };
@@ -18886,7 +18857,6 @@ const PaymentMethodContainerWithoutStripe = ({
             });
           }
 
-          trackPaywallConversion(subscriptionIdToRenew);
           onGiftRenewalSuccess(res);
         });
       } else {
@@ -18920,7 +18890,6 @@ const PaymentMethodContainerWithoutStripe = ({
             });
           }
 
-          trackPaywallConversion(subscriptionIdToRenew);
           onSuccess(res);
         });
       }
@@ -21828,13 +21797,15 @@ const MeterView = () => {
     className: "plc-mb-2 plc-text-2xl plc-font-semibold plc-text-gray-600"
   }, title), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "plc-text-sm plc-text-gray-600"
-  }, subtitle, " ", /*#__PURE__*/React__default['default'].createElement(Link, {
-    className: "plc-ml-1",
+  }, subtitle, ",", !isAuthenticated() && " or " + t("messages.alreadyHaveAccount")), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-mt-2"
+  }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
+    className: "plc-w-1/2",
     onClick: () => switchView("plan-select")
-  }, t("messages.subscribeNow")), !isAuthenticated() && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", null, t("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default['default'].createElement(Link, {
-    className: "plc-ml-1",
+  }, t("messages.subscribeNow")), !isAuthenticated() && /*#__PURE__*/React__default['default'].createElement(Button$1, {
+    className: "pelcro-button-ghost plc-w-1/2",
     onClick: () => switchView("login")
-  }, t("messages.loginHere"))))));
+  }, t("messages.loginHere"))));
 };
 
 // Meter view.

package/dist/index.esm.js

@@ -8068,7 +8068,6 @@ class PelcroActions {
       } = this.get();
       switchView(null);
       resetState();
-      window.sessionStorage.setItem("paywall_conversion_id", null);
     });
 
     _defineProperty$3(this, "switchToPaymentView", () => {
@@ -10881,8 +10880,6 @@ const initPaywalls = () => {
     } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayNewsletterPaywall()) {
       switchView("newsletter");
     } else if (paywallMethods !== null && paywallMethods !== void 0 && paywallMethods.displayPaywall()) {
-      const paywallId = window.Pelcro.paywall.read().id;
-      window.sessionStorage.setItem("paywall_conversion_id", paywallId);
       switchView("plan-select");
     }
   }
@@ -18683,23 +18680,6 @@ const PaymentMethodContainerWithoutStripe = ({
       updateTotalAmountWithTax();
     }
   };
-
-  const trackPaywallConversion = subscriptionId => {
-    const paywallId = window.sessionStorage.getItem("paywall_conversion_id");
-    const userId = window.Pelcro.user.read().id;
-    const planId = plan.id;
-    const productId = product.id;
-
-    if (paywallId) {
-      window.Pelcro.insight.track(`Paywall Conversion: ${paywallId}`, {
-        userId,
-        subscriptionId,
-        planId,
-        productId
-      });
-      window.sessionStorage.setItem("paywall_conversion_id", null);
-    }
-  };
   /**
    * Attempt to confirm a Stripe card payment via it's PaymentIntent.
    * Only trigger method if PaymentIntent status is `requires_action`.
@@ -18720,8 +18700,6 @@ const PaymentMethodContainerWithoutStripe = ({
 
       if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === "requires_action" && paymentIntent !== null && paymentIntent !== void 0 && paymentIntent.client_secret) {
         stripe.confirmCardPayment(paymentIntent.client_secret).then(res => {
-          var _response$data2;
-
           if (!isSubCreate) {
             dispatch({
               type: DISABLE_SUBMIT,
@@ -18745,7 +18723,6 @@ const PaymentMethodContainerWithoutStripe = ({
             });
           }
 
-          trackPaywallConversion((_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.id);
           onSuccess(res);
         });
       } else if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === "requires_payment_method" && paymentIntent !== null && paymentIntent !== void 0 && paymentIntent.client_secret) {
@@ -18768,14 +18745,9 @@ const PaymentMethodContainerWithoutStripe = ({
           }
         });
       } else {
-        var _response$data3;
-
-        trackPaywallConversion((_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.id);
         onSuccess(response);
       }
     } else {
-      var _response$data4;
-
       dispatch({
         type: DISABLE_SUBMIT,
         payload: false
@@ -18796,7 +18768,6 @@ const PaymentMethodContainerWithoutStripe = ({
         });
       }
 
-      trackPaywallConversion((_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.id);
       onSuccess(response);
     }
   };
@@ -18856,7 +18827,6 @@ const PaymentMethodContainerWithoutStripe = ({
             });
           }
 
-          trackPaywallConversion(subscriptionIdToRenew);
           onGiftRenewalSuccess(res);
         });
       } else {
@@ -18890,7 +18860,6 @@ const PaymentMethodContainerWithoutStripe = ({
             });
           }
 
-          trackPaywallConversion(subscriptionIdToRenew);
           onSuccess(res);
         });
       }
@@ -21798,13 +21767,15 @@ const MeterView = () => {
     className: "plc-mb-2 plc-text-2xl plc-font-semibold plc-text-gray-600"
   }, title), /*#__PURE__*/React__default.createElement("p", {
     className: "plc-text-sm plc-text-gray-600"
-  }, subtitle, " ", /*#__PURE__*/React__default.createElement(Link, {
-    className: "plc-ml-1",
+  }, subtitle, ",", !isAuthenticated() && " or " + t("messages.alreadyHaveAccount")), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-mt-2"
+  }, /*#__PURE__*/React__default.createElement(Button$1, {
+    className: "plc-w-1/2",
     onClick: () => switchView("plan-select")
-  }, t("messages.subscribeNow")), !isAuthenticated() && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", null, t("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default.createElement(Link, {
-    className: "plc-ml-1",
+  }, t("messages.subscribeNow")), !isAuthenticated() && /*#__PURE__*/React__default.createElement(Button$1, {
+    className: "pelcro-button-ghost plc-w-1/2",
     onClick: () => switchView("login")
-  }, t("messages.loginHere"))))));
+  }, t("messages.loginHere"))));
 };
 
 // Meter view.

package/package.json

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