@pelcro/react-pelcro-js 4.0.0-alpha.26 → 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 = {
@@ -24851,8 +24897,15 @@ const PaymentSuccessView = ({
 
   if (successTitle && successContent) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-flex plc-flex-col plc-items-center"
-    }, successIcon, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-flex plc-flex-col plc-items-center plc-relative"
+    }, /*#__PURE__*/React__default['default'].createElement("button", {
+      type: "button",
+      className: "pelcro-modal-close plc-absolute plc-top-6 plc-right-0",
+      "aria-label": "close modal",
+      onClick: onClose
+    }, /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
+      className: "plc-fill-current"
+    })), successIcon, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-text-center plc-text-gray-900"
     }, /*#__PURE__*/React__default['default'].createElement("h4", {
       className: "plc-mb-4 plc-text-3xl"
@@ -33018,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,
@@ -33037,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",
@@ -33048,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() {
@@ -33475,7 +33583,9 @@ const AddressesMenu = props => {
 const AddressesItems = props => {
   var _window$Pelcro$user$r;
 
-  useTranslation("dashboard");
+  const {
+    t
+  } = useTranslation("dashboard");
   const {
     switchView
   } = usePelcro();
@@ -33506,7 +33616,9 @@ const AddressesItems = props => {
   return addresses.map((address, index) => address.type === "shipping" && /*#__PURE__*/React__default['default'].createElement("div", {
     key: address.id,
     className: `plc-py-2 plc-px-4 plc-mt-5 plc-flex plc-items-center plc-justify-between last:plc-mb-0 plc-rounded plc-text-gray-900 pelcro-address-wrapper plc-bg-white plc-shadow-md_dark ${selectedAddressId === String(address.id) && `plc-border-primary-400 plc-border-2`}`
-  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("p", {
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex-1 plc-relative"
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
     className: "pelcro-address-name plc-font-semibold"
   }, address.first_name, " ", address.last_name), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "pelcro-address-company"
@@ -33514,7 +33626,9 @@ const AddressesItems = props => {
     className: "pelcro-address-line1 plc-text-sm plc-mt-2"
   }, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "pelcro-address-country plc-text-sm"
-  }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default['default'].createElement(Button, {
+  }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-mt-4"
+  }, t("labels.default"))), /*#__PURE__*/React__default['default'].createElement(Button, {
     variant: "icon",
     className: "plc-text-gray-500",
     icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
@@ -35412,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`));
@@ -35600,7 +35721,7 @@ class Dashboard extends React.Component {
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-flex plc-items-center"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 "
+      className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 plc-flex-shrink-0"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-relative plc-flex-shrink-0"
     }, /*#__PURE__*/React__default['default'].createElement("img", {
@@ -35611,9 +35732,9 @@ class Dashboard extends React.Component {
     }))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-flex plc-flex-col plc-justify-between plc-flex-grow plc-w-56 plc-ml-4 plc-break-words sm:plc-w-auto"
     }, userHasName && /*#__PURE__*/React__default['default'].createElement("p", {
-      className: "plc-font-bold"
+      className: "plc-font-bold plc-break-all"
     }, this.user.first_name, " ", this.user.last_name), /*#__PURE__*/React__default['default'].createElement("p", {
-      className: `plc-m-0 plc-text-sm ${userHasName ? "plc-text-sm" : "plc-text-lg plc-font-bold plc-mt-auto"}`
+      className: `plc-m-0 plc-text-sm plc-break-all ${userHasName ? "plc-text-sm" : "plc-text-lg plc-font-bold plc-mt-auto"}`
     }, this.user.email)), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "lg:plc-hidden"
     }, /*#__PURE__*/React__default['default'].createElement(Button, {
@@ -35697,6 +35818,7 @@ class Dashboard extends React.Component {
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+      show: hasActiveMemberships(),
       name: SUB_MENUS.MEMBERSHIPS,
       icon: /*#__PURE__*/React__default['default'].createElement(SvgMemberships, {
         className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
@@ -35705,6 +35827,7 @@ class Dashboard extends React.Component {
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+      show: hasDonationSubs(),
       name: SUB_MENUS.DONATIONS,
       icon: /*#__PURE__*/React__default['default'].createElement(SvgDonate, {
         className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
@@ -35719,6 +35842,7 @@ class Dashboard extends React.Component {
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+      show: window.Pelcro.site.read().ecommerce_enabled,
       name: SUB_MENUS.ORDERS,
       icon: /*#__PURE__*/React__default['default'].createElement(SvgShopping, null),
       title: this.locale("labels.orders.label"),
@@ -35795,6 +35919,20 @@ function showNewsletters() {
   return showNewslettersUiSettings;
 }
 
+function hasDonationSubs() {
+  var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
+
+  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r4 = (_window$Pelcro$user$r5 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
+  return donations.length > 0 || canceledDonations.length > 0;
+}
+
+function hasActiveMemberships() {
+  var _window$Pelcro$user$r6, _window$Pelcro$user$r7;
+
+  return (_window$Pelcro$user$r6 = (_window$Pelcro$user$r7 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.some(membership => membership.status === "active" && membership.subscription.ended_at === null)) !== null && _window$Pelcro$user$r6 !== void 0 ? _window$Pelcro$user$r6 : false;
+}
+
 const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
 
 // The button in the lower left that shows the dashboard.
@@ -37792,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 = {
@@ -24821,8 +24867,15 @@ const PaymentSuccessView = ({
 
   if (successTitle && successContent) {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-flex plc-flex-col plc-items-center"
-    }, successIcon, /*#__PURE__*/React__default.createElement("div", {
+      className: "plc-flex plc-flex-col plc-items-center plc-relative"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "pelcro-modal-close plc-absolute plc-top-6 plc-right-0",
+      "aria-label": "close modal",
+      onClick: onClose
+    }, /*#__PURE__*/React__default.createElement(SvgXIcon, {
+      className: "plc-fill-current"
+    })), successIcon, /*#__PURE__*/React__default.createElement("div", {
       className: "plc-text-center plc-text-gray-900"
     }, /*#__PURE__*/React__default.createElement("h4", {
       className: "plc-mb-4 plc-text-3xl"
@@ -32988,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,
@@ -33007,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",
@@ -33018,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() {
@@ -33445,7 +33553,9 @@ const AddressesMenu = props => {
 const AddressesItems = props => {
   var _window$Pelcro$user$r;
 
-  useTranslation("dashboard");
+  const {
+    t
+  } = useTranslation("dashboard");
   const {
     switchView
   } = usePelcro();
@@ -33476,7 +33586,9 @@ const AddressesItems = props => {
   return addresses.map((address, index) => address.type === "shipping" && /*#__PURE__*/React__default.createElement("div", {
     key: address.id,
     className: `plc-py-2 plc-px-4 plc-mt-5 plc-flex plc-items-center plc-justify-between last:plc-mb-0 plc-rounded plc-text-gray-900 pelcro-address-wrapper plc-bg-white plc-shadow-md_dark ${selectedAddressId === String(address.id) && `plc-border-primary-400 plc-border-2`}`
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", {
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex-1 plc-relative"
+  }, /*#__PURE__*/React__default.createElement("p", {
     className: "pelcro-address-name plc-font-semibold"
   }, address.first_name, " ", address.last_name), /*#__PURE__*/React__default.createElement("p", {
     className: "pelcro-address-company"
@@ -33484,7 +33596,9 @@ const AddressesItems = props => {
     className: "pelcro-address-line1 plc-text-sm plc-mt-2"
   }, address.line1), /*#__PURE__*/React__default.createElement("p", {
     className: "pelcro-address-country plc-text-sm"
-  }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default.createElement(Button, {
+  }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name), address.is_default && /*#__PURE__*/React__default.createElement("span", {
+    className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-mt-4"
+  }, t("labels.default"))), /*#__PURE__*/React__default.createElement(Button, {
     variant: "icon",
     className: "plc-text-gray-500",
     icon: /*#__PURE__*/React__default.createElement(SvgEdit, null),
@@ -35382,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`));
@@ -35570,7 +35691,7 @@ class Dashboard extends Component {
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "plc-flex plc-items-center"
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 "
+      className: "plc-flex plc-justify-center plc-ml-3 sm:plc-ml-6 plc-flex-shrink-0"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "plc-relative plc-flex-shrink-0"
     }, /*#__PURE__*/React__default.createElement("img", {
@@ -35581,9 +35702,9 @@ class Dashboard extends Component {
     }))), /*#__PURE__*/React__default.createElement("div", {
       className: "plc-flex plc-flex-col plc-justify-between plc-flex-grow plc-w-56 plc-ml-4 plc-break-words sm:plc-w-auto"
     }, userHasName && /*#__PURE__*/React__default.createElement("p", {
-      className: "plc-font-bold"
+      className: "plc-font-bold plc-break-all"
     }, this.user.first_name, " ", this.user.last_name), /*#__PURE__*/React__default.createElement("p", {
-      className: `plc-m-0 plc-text-sm ${userHasName ? "plc-text-sm" : "plc-text-lg plc-font-bold plc-mt-auto"}`
+      className: `plc-m-0 plc-text-sm plc-break-all ${userHasName ? "plc-text-sm" : "plc-text-lg plc-font-bold plc-mt-auto"}`
     }, this.user.email)), /*#__PURE__*/React__default.createElement("div", {
       className: "lg:plc-hidden"
     }, /*#__PURE__*/React__default.createElement(Button, {
@@ -35667,6 +35788,7 @@ class Dashboard extends Component {
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+      show: hasActiveMemberships(),
       name: SUB_MENUS.MEMBERSHIPS,
       icon: /*#__PURE__*/React__default.createElement(SvgMemberships, {
         className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
@@ -35675,6 +35797,7 @@ class Dashboard extends Component {
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+      show: hasDonationSubs(),
       name: SUB_MENUS.DONATIONS,
       icon: /*#__PURE__*/React__default.createElement(SvgDonate, {
         className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
@@ -35689,6 +35812,7 @@ class Dashboard extends Component {
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default.createElement(DashboardLink, {
+      show: window.Pelcro.site.read().ecommerce_enabled,
       name: SUB_MENUS.ORDERS,
       icon: /*#__PURE__*/React__default.createElement(SvgShopping, null),
       title: this.locale("labels.orders.label"),
@@ -35765,6 +35889,20 @@ function showNewsletters() {
   return showNewslettersUiSettings;
 }
 
+function hasDonationSubs() {
+  var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
+
+  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r4 = (_window$Pelcro$user$r5 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
+  return donations.length > 0 || canceledDonations.length > 0;
+}
+
+function hasActiveMemberships() {
+  var _window$Pelcro$user$r6, _window$Pelcro$user$r7;
+
+  return (_window$Pelcro$user$r6 = (_window$Pelcro$user$r7 = window.Pelcro.user.read().memberships) === null || _window$Pelcro$user$r7 === void 0 ? void 0 : _window$Pelcro$user$r7.some(membership => membership.status === "active" && membership.subscription.ended_at === null)) !== null && _window$Pelcro$user$r6 !== void 0 ? _window$Pelcro$user$r6 : false;
+}
+
 const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
 
 // The button in the lower left that shows the dashboard.
@@ -37762,7 +37900,6 @@ const EmailVerifyModal = ({
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
-  console.log("verify email");
 
   const onSuccess = res => {
     var _otherProps$onSuccess;

package/dist/pelcro.css

@@ -1833,6 +1833,7 @@ Add the correct display in Chrome and Safari.
   display: flex !important;
   align-items: center;
   justify-content: center;
+  flex-wrap: wrap;
 }
 
 .pelcro-root .slick-dots li {
@@ -1975,6 +1976,10 @@ in order to scope selectors under pelcro-root
   top: 1.25rem;
 }
 
+.pelcro-root .plc-top-6 {
+  top: 1.5rem;
+}
+
 .pelcro-root .plc-top-7 {
   top: 1.75rem;
 }

package/package.json

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