@pelcro/react-pelcro-js 4.0.0-alpha.27 → 4.0.0-alpha.28

package/dist/index.cjs.js

@@ -3464,7 +3464,7 @@ var youAreSafe$3 = "You're safe - PCI compliant 128 SSL by";
 var cancel$3 = "Cancel your subscription online at anytime.";
 var giftSent$3 = "Subscription gift has been sent to";
 var successfully$3 = "successfully";
-var entitlement$3 = "Some of the content on this page is available with one or more of our plans. <1>Subscribe</1> now to get full page access.";
+var entitlement$3 = "Some of the content on this page is available with one or more of our plans. <1> Subscribe </1> now to get full page access.";
 var recaptcha$3 = "This site is protected by reCAPTCHA and the Google <1>Privacy Policy</1> and <3>Terms of Service</3> apply.";
 var invalidInvoice$3 = "Invalid invoice ID, please contact support";
 var invalidSubscription$2 = "Invalid subscription ID, please contact support";
@@ -3915,6 +3915,7 @@ var labels$U = {
 	addCard: "Add Card",
 	actions: "Actions",
 	expiresOn: "Ends",
+	until: "Until",
 	startsOn: "Starts",
 	startDate: "Start date",
 	renewsOn: "Renews",
@@ -4405,7 +4406,7 @@ var youAreSafe$2 = "Vous êtes en sécurité - PCI conforme 128 SSL par";
 var cancel$2 = "Annuler votre abonnement en ligne à tout moment.";
 var giftSent$2 = "Le cadeau d’abonnement a été envoyé à";
 var successfully$2 = "avec succès.";
-var entitlement$2 = "Une partie du contenu de cette page est disponible sous un ou plusieurs de nos plans. <1>Abonnez-vous</1> à l'un de nos plans disponibles pour accéder à plus de contenu";
+var entitlement$2 = "Une partie du contenu de cette page est disponible sous un ou plusieurs de nos plans. <1> Abonnez-vous </1> à l'un de nos plans disponibles pour accéder à plus de contenu";
 var recaptcha$2 = "Ce site est protégé par reCAPTCHA - les <1>règles de confidentialité</1> Google ainsi que les <3>conditions d'utilisation</3> s'appliquent.";
 var invalidInvoice$2 = "Identifiant de facture non valide, veuillez contacter l'assistance";
 var invalidSubscription$1 = "ID d'abonnement invalide, veuillez contacter l'assistance";
@@ -4857,6 +4858,7 @@ var labels$z = {
 	addCard: "Ajouter une carte",
 	actions: "Actes",
 	expiresOn: "Expire le",
+	until: "Jusqu'à ce que",
 	startsOn: "Débute le",
 	startDate: "Date de début",
 	renewsOn: "Renouvelle le",
@@ -5293,7 +5295,7 @@ var youAreSafe$1 = "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제
 var cancel$1 = "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.";
 var giftSent$1 = "유료 멤버십 선물이 ";
 var successfully$1 = "님께 성공적으로 전송되었습니다.";
-var entitlement$1 = "이 페이지의 일부 콘텐츠는 하나 이상의 요금제 가입 시 이용이 가능합니다. 전체 페이지에 액세스하려면 지금 <1>멤버십에 가입</1>하세요.";
+var entitlement$1 = "이 페이지의 일부 콘텐츠는 하나 이상의 요금제 가입 시 이용이 가능합니다. 전체 페이지에 액세스하려면 지금 <1> 멤버십에 가입 </1>하세요.";
 var recaptcha$1 = "이 사이트는 reCAPTCHA로 보호되며, Google <1>개인정보 보호정책</1> 및 <3>서비스 약관</3>이 적용됩니다.";
 var invalidInvoice$1 = "유효하지 않은 인보이스 ID입니다. 지원팀에 문의하십시오.";
 var invalidSubscription = "잘못된 구독 ID입니다. 지원팀에 문의하세요.";
@@ -5744,6 +5746,7 @@ var labels$k = {
 	addCard: "카드 추가",
 	actions: "조치",
 	expiresOn: "종료",
+	until: "까지",
 	startsOn: "시작",
 	startDate: "시작일",
 	renewsOn: "갱신",
@@ -6230,7 +6233,7 @@ var youAreSafe = "Estás seguro - PCI compliance 128 SSL por";
 var cancel = "Cancela tu suscripción en línea en cualquier momento.";
 var giftSent = "La suscripción de regalo se ha enviado a";
 var successfully = "exitosamente";
-var entitlement = "Algunos de los contenidos de está página están disponibles con uno o más de nuestros planes. <1>Suscríbete</1> ahora para obtener acceso completo.";
+var entitlement = "Algunos de los contenidos de está página están disponibles con uno o más de nuestros planes. <1> Suscríbete </1> ahora para obtener acceso completo.";
 var recaptcha = "Este sitio está protegido por reCAPTCHA, aplica la <1>Política de Privacidad</1> y los <3>Términos de Servicio</3> de Google.";
 var invalidInvoice = "Número de comprobante de pago inválido, por favor contacta a soporte.";
 var zeroTotalInvoice = "No puedes ver un comprobante de pago de $0";
@@ -6672,6 +6675,7 @@ var labels$5 = {
 	paymentSource: "Datos de pago",
 	actions: "Acciones",
 	expiresOn: "Finaliza",
+	until: "Hasta que",
 	startsOn: "Inicia",
 	startDate: "Fecha de inicio",
 	renewsOn: "Renovación",
@@ -9070,6 +9074,27 @@ function userMustVerifyEmail() {
   const isUserEmailVerified = (_window$Pelcro$user$r9 = (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.email_confirm) !== null && _window$Pelcro$user$r9 !== void 0 ? _window$Pelcro$user$r9 : false;
   return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
 }
+function notifyBugsnag(callback, startOptions) {
+  if (!window.Bugsnag && !document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]')) {
+    //load bugsnag CDN
+    window.Pelcro.helpers.loadSDK("https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js", "bugsnag-cdn");
+    document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]').addEventListener("load", () => {
+      var _window$Pelcro$enviro, _window$Pelcro3, _window$Pelcro3$envir, _window$Pelcro4, _window$Pelcro4$envir;
+
+      Bugsnag.start({
+        apiKey: (_window$Pelcro$enviro = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$envir = _window$Pelcro3.environment) === null || _window$Pelcro3$envir === void 0 ? void 0 : _window$Pelcro3$envir.bugsnagKey) !== null && _window$Pelcro$enviro !== void 0 ? _window$Pelcro$enviro : "e8f6852b322540e8c25386048b99ab01",
+        autoDetectErrors: false,
+        releaseStage: (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$envir = _window$Pelcro4.environment) === null || _window$Pelcro4$envir === void 0 ? void 0 : _window$Pelcro4$envir.bugsnagReleaseStage,
+        redactedKeys: ["security_key", "password", "password_confirmation", "auth_token", "token"],
+        ...startOptions
+      });
+      callback();
+    });
+    return;
+  }
+
+  callback();
+}
 
 const resources = {
   en: {
@@ -11238,8 +11263,10 @@ const loadPaymentSDKs = () => {
   const {
     whenUserReady
   } = usePelcro.getStore();
+  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
+  const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
   whenUserReady(() => {
-    if (!window.Stripe) {
+    if (!window.Stripe && !supportsVantiv && !supportsTap) {
       pure_1(window.Pelcro.environment.stripe);
     }
   }); // Load PayPal SDKs
@@ -11252,8 +11279,6 @@ const loadPaymentSDKs = () => {
   } // Load Vantiv SDKs
 
 
-  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
-
   if (supportsVantiv) {
     if (!window.jQuery) {
       window.Pelcro.helpers.loadSDK("https://code.jquery.com/jquery-3.6.0.slim.min.js", "vantiv-jquery-sdk");
@@ -11261,15 +11286,13 @@ const loadPaymentSDKs = () => {
 
     if (!window.EprotectIframeClient) {
       const PRELIVE_URL = "https://request.eprotect.vantivprelive.com/eProtect/js/eProtect-iframe-client.min.js";
-      const PRODUCTION_URL = "https://request.eprotect.vantivcnp.com/eProtect/js/eProtect-iframe-client4.min.js";
+      const PRODUCTION_URL = "https://request.eprotect.vantivcnp.com/eProtect/js/eProtect-iframe-client3.min.js";
       const scriptUrlToUse = window.Pelcro.site.read().vantiv_gateway_settings.environment === "production" ? PRODUCTION_URL : PRELIVE_URL;
       window.Pelcro.helpers.loadSDK(scriptUrlToUse, "vantiv-eprotect-sdk");
     }
   } // Load Tap SDKs
 
 
-  const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
-
   if (supportsTap) {
     window.Pelcro.helpers.loadSDK("https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js", "tap-bluebird");
     window.Pelcro.helpers.loadSDK("https://secure.gosell.io/js/sdk/tap.min.js", "tap-sdk");
@@ -11466,7 +11489,11 @@ const initSubscriptionFromURL = () => {
     var _selectedProduct$plan;
 
     const productsList = window.Pelcro.product.list();
-    if (!(productsList !== null && productsList !== void 0 && productsList.length)) return;
+
+    if (!(productsList !== null && productsList !== void 0 && productsList.length)) {
+      return;
+    }
+
     const [productId, planId, isGiftParam] = [window.Pelcro.helpers.getURLParameter("product_id"), window.Pelcro.helpers.getURLParameter("plan_id"), window.Pelcro.helpers.getURLParameter("is_gift")];
     const isGift = (isGiftParam === null || isGiftParam === void 0 ? void 0 : isGiftParam.toLowerCase()) === "true";
     const selectedProduct = productsList.find(product => product.id === Number(productId));
@@ -12393,7 +12420,7 @@ function Email({
   }, []);
 
   const isEmailValid = email => {
-    const re = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?/;
+    const re = /[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?/;
     return re.test(email);
   };
 
@@ -19000,6 +19027,22 @@ class SelectModal extends React.Component {
       }
 
       document.addEventListener("keydown", this.handleSubmit);
+
+      if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
+        notifyBugsnag(() => {
+          Bugsnag.notify("SelectModal - No data viewed", event => {
+            var _window$Pelcro, _window$Pelcro$site, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$uiSet, _window$Pelcro4;
+
+            event.addMetadata("MetaData", {
+              site: (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$site = _window$Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : _window$Pelcro$site.read(),
+              user: (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.read(),
+              uiVersion: (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$uiSet = _window$Pelcro3.uiSettings) === null || _window$Pelcro3$uiSet === void 0 ? void 0 : _window$Pelcro3$uiSet.uiVersion,
+              environment: (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : _window$Pelcro4.environment
+            });
+          });
+        });
+        console.log("bugsnag Triggered");
+      }
     });
 
     _defineProperty$3(this, "componentWillUnmount", () => {
@@ -22024,7 +22067,7 @@ const PaymentMethodContainerWithoutStripe = ({
       vantivInstanceRef.current = new window.EprotectIframeClient({
         paypageId: payPageId,
         reportGroup: reportGroup,
-        style: "enhancedStyle3",
+        style: "enhancedStyle5",
         height: "245",
         timeout: 50000,
         div: "eProtectiframe",
@@ -23185,9 +23228,10 @@ const PaymentMethodContainer = props => {
   const {
     whenUserReady
   } = usePelcro.getStore();
+  const cardProcessor = getSiteCardProcessor();
   React.useEffect(() => {
     whenUserReady(() => {
-      if (!window.Stripe) {
+      if (!window.Stripe && cardProcessor === "stripe") {
         document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
           setIsStripeLoaded(true);
         });
@@ -23203,9 +23247,11 @@ const PaymentMethodContainer = props => {
     }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
       store: store$k
     }, props))));
+  } else {
+    return /*#__PURE__*/React__default['default'].createElement(PaymentMethodContainerWithoutStripe, Object.assign({
+      store: store$k
+    }, props));
   }
-
-  return null;
 };
 
 const StripeInputStyle = {
@@ -33025,13 +33071,52 @@ const OrderItems = ({
 const DonationsMenu = ({
   reactivateSubscription,
   disableSubmit,
-  cancelSubscription
+  cancelSubscription,
+  onClose
 }) => {
   const {
     t
   } = useTranslation("dashboard");
-  usePelcro();
+  const {
+    switchView,
+    setSubscriptionToCancel
+  } = usePelcro();
   const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+    // Cancel button click handlers
+    const onCancelClick = () => {
+      const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
+
+      if (isImmediateCancelationEnabled) {
+        setSubscriptionToCancel(sub.id);
+        return switchView("subscription-cancel");
+      }
+
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      switchView(null);
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      notify.confirm((onSuccess, onFailure) => {
+        cancelSubscription(sub.id, onSuccess, onFailure);
+      }, {
+        confirmMessage: t("messages.subCancellation.isSureToCancel"),
+        loadingMessage: t("messages.subCancellation.loading"),
+        successMessage: t("messages.subCancellation.success"),
+        errorMessage: t("messages.subCancellation.error")
+      }, {
+        closeButtonLabel: t("labels.subCancellation.goBack")
+      });
+    }; // Reactivate button click handlers
+
+
+    const onReactivateClick = () => {
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      reactivateSubscription(sub.id);
+    };
 
     return /*#__PURE__*/React__default['default'].createElement("tr", {
       key: sub.id,
@@ -33044,7 +33129,21 @@ const DonationsMenu = ({
       className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
     }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
-    }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))));
+    }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
+      onClick: onReactivateClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.reactivate")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default['default'].createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
+      onClick: onCancelClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.unsubscribe")) : ""));
   });
   return /*#__PURE__*/React__default['default'].createElement(Card, {
     id: "pelcro-dashboard-donation-menu",
@@ -33055,10 +33154,12 @@ const DonationsMenu = ({
   }, /*#__PURE__*/React__default['default'].createElement("thead", {
     className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
   }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
-    className: "plc-w-1/4"
+    className: "plc-w-4/12"
   }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
-    className: "plc-w-1/4"
-  }, t("labels.startDate")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, subscriptions)));
+    className: "plc-w-5/12"
+  }, t("labels.startDate")), /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-3/12"
+  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, subscriptions)));
 };
 
 function getDonationSubs() {
@@ -35425,6 +35526,13 @@ class Dashboard extends React.Component {
         return `${this.locale("labels.status.incomplete")}`;
       }
 
+      if (subscription.status === "extended") {
+        // DateTime from BE is missing 3 zeros so we add them before instancing a date
+        const expiryDate = new Date(Number(`${subscription.end_date}000`));
+        const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
+        return `${this.locale("labels.until")} ${formattedExpiryDate}`;
+      }
+
       if (subscription.cancel_at_period_end) {
         // DateTime from BE is missing 3 zeros so we add them before instancing a date
         const expiryDate = new Date(Number(`${subscription.expires_at}000`));
@@ -37822,7 +37930,6 @@ const EmailVerifyModal = ({
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
-  console.log("verify email");
 
   const onSuccess = res => {
     var _otherProps$onSuccess;

package/dist/index.esm.js

@@ -3434,7 +3434,7 @@ var youAreSafe$3 = "You're safe - PCI compliant 128 SSL by";
 var cancel$3 = "Cancel your subscription online at anytime.";
 var giftSent$3 = "Subscription gift has been sent to";
 var successfully$3 = "successfully";
-var entitlement$3 = "Some of the content on this page is available with one or more of our plans. <1>Subscribe</1> now to get full page access.";
+var entitlement$3 = "Some of the content on this page is available with one or more of our plans. <1> Subscribe </1> now to get full page access.";
 var recaptcha$3 = "This site is protected by reCAPTCHA and the Google <1>Privacy Policy</1> and <3>Terms of Service</3> apply.";
 var invalidInvoice$3 = "Invalid invoice ID, please contact support";
 var invalidSubscription$2 = "Invalid subscription ID, please contact support";
@@ -3885,6 +3885,7 @@ var labels$U = {
 	addCard: "Add Card",
 	actions: "Actions",
 	expiresOn: "Ends",
+	until: "Until",
 	startsOn: "Starts",
 	startDate: "Start date",
 	renewsOn: "Renews",
@@ -4375,7 +4376,7 @@ var youAreSafe$2 = "Vous êtes en sécurité - PCI conforme 128 SSL par";
 var cancel$2 = "Annuler votre abonnement en ligne à tout moment.";
 var giftSent$2 = "Le cadeau d’abonnement a été envoyé à";
 var successfully$2 = "avec succès.";
-var entitlement$2 = "Une partie du contenu de cette page est disponible sous un ou plusieurs de nos plans. <1>Abonnez-vous</1> à l'un de nos plans disponibles pour accéder à plus de contenu";
+var entitlement$2 = "Une partie du contenu de cette page est disponible sous un ou plusieurs de nos plans. <1> Abonnez-vous </1> à l'un de nos plans disponibles pour accéder à plus de contenu";
 var recaptcha$2 = "Ce site est protégé par reCAPTCHA - les <1>règles de confidentialité</1> Google ainsi que les <3>conditions d'utilisation</3> s'appliquent.";
 var invalidInvoice$2 = "Identifiant de facture non valide, veuillez contacter l'assistance";
 var invalidSubscription$1 = "ID d'abonnement invalide, veuillez contacter l'assistance";
@@ -4827,6 +4828,7 @@ var labels$z = {
 	addCard: "Ajouter une carte",
 	actions: "Actes",
 	expiresOn: "Expire le",
+	until: "Jusqu'à ce que",
 	startsOn: "Débute le",
 	startDate: "Date de début",
 	renewsOn: "Renouvelle le",
@@ -5263,7 +5265,7 @@ var youAreSafe$1 = "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제
 var cancel$1 = "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.";
 var giftSent$1 = "유료 멤버십 선물이 ";
 var successfully$1 = "님께 성공적으로 전송되었습니다.";
-var entitlement$1 = "이 페이지의 일부 콘텐츠는 하나 이상의 요금제 가입 시 이용이 가능합니다. 전체 페이지에 액세스하려면 지금 <1>멤버십에 가입</1>하세요.";
+var entitlement$1 = "이 페이지의 일부 콘텐츠는 하나 이상의 요금제 가입 시 이용이 가능합니다. 전체 페이지에 액세스하려면 지금 <1> 멤버십에 가입 </1>하세요.";
 var recaptcha$1 = "이 사이트는 reCAPTCHA로 보호되며, Google <1>개인정보 보호정책</1> 및 <3>서비스 약관</3>이 적용됩니다.";
 var invalidInvoice$1 = "유효하지 않은 인보이스 ID입니다. 지원팀에 문의하십시오.";
 var invalidSubscription = "잘못된 구독 ID입니다. 지원팀에 문의하세요.";
@@ -5714,6 +5716,7 @@ var labels$k = {
 	addCard: "카드 추가",
 	actions: "조치",
 	expiresOn: "종료",
+	until: "까지",
 	startsOn: "시작",
 	startDate: "시작일",
 	renewsOn: "갱신",
@@ -6200,7 +6203,7 @@ var youAreSafe = "Estás seguro - PCI compliance 128 SSL por";
 var cancel = "Cancela tu suscripción en línea en cualquier momento.";
 var giftSent = "La suscripción de regalo se ha enviado a";
 var successfully = "exitosamente";
-var entitlement = "Algunos de los contenidos de está página están disponibles con uno o más de nuestros planes. <1>Suscríbete</1> ahora para obtener acceso completo.";
+var entitlement = "Algunos de los contenidos de está página están disponibles con uno o más de nuestros planes. <1> Suscríbete </1> ahora para obtener acceso completo.";
 var recaptcha = "Este sitio está protegido por reCAPTCHA, aplica la <1>Política de Privacidad</1> y los <3>Términos de Servicio</3> de Google.";
 var invalidInvoice = "Número de comprobante de pago inválido, por favor contacta a soporte.";
 var zeroTotalInvoice = "No puedes ver un comprobante de pago de $0";
@@ -6642,6 +6645,7 @@ var labels$5 = {
 	paymentSource: "Datos de pago",
 	actions: "Acciones",
 	expiresOn: "Finaliza",
+	until: "Hasta que",
 	startsOn: "Inicia",
 	startDate: "Fecha de inicio",
 	renewsOn: "Renovación",
@@ -9040,6 +9044,27 @@ function userMustVerifyEmail() {
   const isUserEmailVerified = (_window$Pelcro$user$r9 = (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.email_confirm) !== null && _window$Pelcro$user$r9 !== void 0 ? _window$Pelcro$user$r9 : false;
   return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
 }
+function notifyBugsnag(callback, startOptions) {
+  if (!window.Bugsnag && !document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]')) {
+    //load bugsnag CDN
+    window.Pelcro.helpers.loadSDK("https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js", "bugsnag-cdn");
+    document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]').addEventListener("load", () => {
+      var _window$Pelcro$enviro, _window$Pelcro3, _window$Pelcro3$envir, _window$Pelcro4, _window$Pelcro4$envir;
+
+      Bugsnag.start({
+        apiKey: (_window$Pelcro$enviro = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$envir = _window$Pelcro3.environment) === null || _window$Pelcro3$envir === void 0 ? void 0 : _window$Pelcro3$envir.bugsnagKey) !== null && _window$Pelcro$enviro !== void 0 ? _window$Pelcro$enviro : "e8f6852b322540e8c25386048b99ab01",
+        autoDetectErrors: false,
+        releaseStage: (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$envir = _window$Pelcro4.environment) === null || _window$Pelcro4$envir === void 0 ? void 0 : _window$Pelcro4$envir.bugsnagReleaseStage,
+        redactedKeys: ["security_key", "password", "password_confirmation", "auth_token", "token"],
+        ...startOptions
+      });
+      callback();
+    });
+    return;
+  }
+
+  callback();
+}
 
 const resources = {
   en: {
@@ -11208,8 +11233,10 @@ const loadPaymentSDKs = () => {
   const {
     whenUserReady
   } = usePelcro.getStore();
+  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
+  const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
   whenUserReady(() => {
-    if (!window.Stripe) {
+    if (!window.Stripe && !supportsVantiv && !supportsTap) {
       pure_1(window.Pelcro.environment.stripe);
     }
   }); // Load PayPal SDKs
@@ -11222,8 +11249,6 @@ const loadPaymentSDKs = () => {
   } // Load Vantiv SDKs
 
 
-  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
-
   if (supportsVantiv) {
     if (!window.jQuery) {
       window.Pelcro.helpers.loadSDK("https://code.jquery.com/jquery-3.6.0.slim.min.js", "vantiv-jquery-sdk");
@@ -11231,15 +11256,13 @@ const loadPaymentSDKs = () => {
 
     if (!window.EprotectIframeClient) {
       const PRELIVE_URL = "https://request.eprotect.vantivprelive.com/eProtect/js/eProtect-iframe-client.min.js";
-      const PRODUCTION_URL = "https://request.eprotect.vantivcnp.com/eProtect/js/eProtect-iframe-client4.min.js";
+      const PRODUCTION_URL = "https://request.eprotect.vantivcnp.com/eProtect/js/eProtect-iframe-client3.min.js";
       const scriptUrlToUse = window.Pelcro.site.read().vantiv_gateway_settings.environment === "production" ? PRODUCTION_URL : PRELIVE_URL;
       window.Pelcro.helpers.loadSDK(scriptUrlToUse, "vantiv-eprotect-sdk");
     }
   } // Load Tap SDKs
 
 
-  const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
-
   if (supportsTap) {
     window.Pelcro.helpers.loadSDK("https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js", "tap-bluebird");
     window.Pelcro.helpers.loadSDK("https://secure.gosell.io/js/sdk/tap.min.js", "tap-sdk");
@@ -11436,7 +11459,11 @@ const initSubscriptionFromURL = () => {
     var _selectedProduct$plan;
 
     const productsList = window.Pelcro.product.list();
-    if (!(productsList !== null && productsList !== void 0 && productsList.length)) return;
+
+    if (!(productsList !== null && productsList !== void 0 && productsList.length)) {
+      return;
+    }
+
     const [productId, planId, isGiftParam] = [window.Pelcro.helpers.getURLParameter("product_id"), window.Pelcro.helpers.getURLParameter("plan_id"), window.Pelcro.helpers.getURLParameter("is_gift")];
     const isGift = (isGiftParam === null || isGiftParam === void 0 ? void 0 : isGiftParam.toLowerCase()) === "true";
     const selectedProduct = productsList.find(product => product.id === Number(productId));
@@ -12363,7 +12390,7 @@ function Email({
   }, []);
 
   const isEmailValid = email => {
-    const re = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?/;
+    const re = /[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?/;
     return re.test(email);
   };
 
@@ -18970,6 +18997,22 @@ class SelectModal extends Component {
       }
 
       document.addEventListener("keydown", this.handleSubmit);
+
+      if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
+        notifyBugsnag(() => {
+          Bugsnag.notify("SelectModal - No data viewed", event => {
+            var _window$Pelcro, _window$Pelcro$site, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$uiSet, _window$Pelcro4;
+
+            event.addMetadata("MetaData", {
+              site: (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$site = _window$Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : _window$Pelcro$site.read(),
+              user: (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.read(),
+              uiVersion: (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$uiSet = _window$Pelcro3.uiSettings) === null || _window$Pelcro3$uiSet === void 0 ? void 0 : _window$Pelcro3$uiSet.uiVersion,
+              environment: (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : _window$Pelcro4.environment
+            });
+          });
+        });
+        console.log("bugsnag Triggered");
+      }
     });
 
     _defineProperty$3(this, "componentWillUnmount", () => {
@@ -21994,7 +22037,7 @@ const PaymentMethodContainerWithoutStripe = ({
       vantivInstanceRef.current = new window.EprotectIframeClient({
         paypageId: payPageId,
         reportGroup: reportGroup,
-        style: "enhancedStyle3",
+        style: "enhancedStyle5",
         height: "245",
         timeout: 50000,
         div: "eProtectiframe",
@@ -23155,9 +23198,10 @@ const PaymentMethodContainer = props => {
   const {
     whenUserReady
   } = usePelcro.getStore();
+  const cardProcessor = getSiteCardProcessor();
   useEffect(() => {
     whenUserReady(() => {
-      if (!window.Stripe) {
+      if (!window.Stripe && cardProcessor === "stripe") {
         document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
           setIsStripeLoaded(true);
         });
@@ -23173,9 +23217,11 @@ const PaymentMethodContainer = props => {
     }, /*#__PURE__*/React__default.createElement(es_11, null, /*#__PURE__*/React__default.createElement(UnwrappedForm, Object.assign({
       store: store$k
     }, props))));
+  } else {
+    return /*#__PURE__*/React__default.createElement(PaymentMethodContainerWithoutStripe, Object.assign({
+      store: store$k
+    }, props));
   }
-
-  return null;
 };
 
 const StripeInputStyle = {
@@ -32995,13 +33041,52 @@ const OrderItems = ({
 const DonationsMenu = ({
   reactivateSubscription,
   disableSubmit,
-  cancelSubscription
+  cancelSubscription,
+  onClose
 }) => {
   const {
     t
   } = useTranslation("dashboard");
-  usePelcro();
+  const {
+    switchView,
+    setSubscriptionToCancel
+  } = usePelcro();
   const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+    // Cancel button click handlers
+    const onCancelClick = () => {
+      const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
+
+      if (isImmediateCancelationEnabled) {
+        setSubscriptionToCancel(sub.id);
+        return switchView("subscription-cancel");
+      }
+
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      switchView(null);
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      notify.confirm((onSuccess, onFailure) => {
+        cancelSubscription(sub.id, onSuccess, onFailure);
+      }, {
+        confirmMessage: t("messages.subCancellation.isSureToCancel"),
+        loadingMessage: t("messages.subCancellation.loading"),
+        successMessage: t("messages.subCancellation.success"),
+        errorMessage: t("messages.subCancellation.error")
+      }, {
+        closeButtonLabel: t("labels.subCancellation.goBack")
+      });
+    }; // Reactivate button click handlers
+
+
+    const onReactivateClick = () => {
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      reactivateSubscription(sub.id);
+    };
 
     return /*#__PURE__*/React__default.createElement("tr", {
       key: sub.id,
@@ -33014,7 +33099,21 @@ const DonationsMenu = ({
       className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
     }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
       className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
-    }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))));
+    }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default.createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default.createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
+      icon: /*#__PURE__*/React__default.createElement(SvgRefresh, null),
+      onClick: onReactivateClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.reactivate")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default.createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+      icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
+      onClick: onCancelClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.unsubscribe")) : ""));
   });
   return /*#__PURE__*/React__default.createElement(Card, {
     id: "pelcro-dashboard-donation-menu",
@@ -33025,10 +33124,12 @@ const DonationsMenu = ({
   }, /*#__PURE__*/React__default.createElement("thead", {
     className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
   }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-    className: "plc-w-1/4"
+    className: "plc-w-4/12"
   }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
-    className: "plc-w-1/4"
-  }, t("labels.startDate")))), /*#__PURE__*/React__default.createElement("tbody", null, subscriptions)));
+    className: "plc-w-5/12"
+  }, t("labels.startDate")), /*#__PURE__*/React__default.createElement("th", {
+    className: "plc-w-3/12"
+  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, subscriptions)));
 };
 
 function getDonationSubs() {
@@ -35395,6 +35496,13 @@ class Dashboard extends Component {
         return `${this.locale("labels.status.incomplete")}`;
       }
 
+      if (subscription.status === "extended") {
+        // DateTime from BE is missing 3 zeros so we add them before instancing a date
+        const expiryDate = new Date(Number(`${subscription.end_date}000`));
+        const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
+        return `${this.locale("labels.until")} ${formattedExpiryDate}`;
+      }
+
       if (subscription.cancel_at_period_end) {
         // DateTime from BE is missing 3 zeros so we add them before instancing a date
         const expiryDate = new Date(Number(`${subscription.expires_at}000`));
@@ -37792,7 +37900,6 @@ const EmailVerifyModal = ({
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
-  console.log("verify email");
 
   const onSuccess = res => {
     var _otherProps$onSuccess;

package/package.json

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