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

package/dist/index.cjs.js

@@ -3450,7 +3450,10 @@ var labels$10 = {
 	interval: "{{count}} {{interval}}",
 	interval_plural: "{{count}} {{interval}}s",
 	tax: "+ Tax",
-	removeCoupon: "REMOVE"
+	removeCoupon: "REMOVE",
+	firstName: "First name",
+	lastName: "Last name",
+	phone: "Phone"
 };
 var checkoutForm_en = {
 	messages: messages$14,
@@ -3950,6 +3953,10 @@ var messages$W = {
 		success: "Subscription is successfully cancelled",
 		error: "Error while cancelling your subscription"
 	},
+	subReactivation: {
+		success: "Subscription is successfully reactivated",
+		error: "Error while reactivating your subscription"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Are you sure you want to unsuspend your subscription?",
 		loading: "Unsuspending your subscription",
@@ -4384,7 +4391,10 @@ var labels$H = {
 	interval: "{{count}} {{interval}}",
 	interval_plural: "{{count}} {{interval}}s",
 	tax: "+ Taxe",
-	removeCoupon: "RETIRER"
+	removeCoupon: "RETIRER",
+	firstName: "Prénom",
+	lastName: "Nom de famille",
+	phone: "Téléphoner"
 };
 var checkoutForm_fr = {
 	messages: messages$M,
@@ -4885,6 +4895,10 @@ var messages$C = {
 		success: "L'abonnement a été annulé avec succès",
 		error: "Une erreur s'est produite lors de l'annulation de l'abonnement"
 	},
+	subReactivation: {
+		success: "L'abonnement a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre abonnement"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre abonnement ?",
 		loading: "Annulation de la suspension de votre abonnement",
@@ -5265,7 +5279,10 @@ var labels$s = {
 	interval: "{{count}} {{interval}}",
 	interval_plural: "{{count}} {{interval}}",
 	tax: "+ 세금",
-	removeCoupon: "제거"
+	removeCoupon: "제거",
+	firstName: "이름",
+	lastName: "성",
+	phone: "핸드폰"
 };
 var checkoutForm_ko = {
 	messages: messages$v,
@@ -5826,6 +5843,10 @@ var messages$l = {
 		success: "유료 멤버십이 성공적으로 취소되었습니다.",
 		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
 	},
+	subReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
 		loading: "구독 일시 중단 해제",
@@ -6689,6 +6710,10 @@ var messages$4 = {
 		success: "La suscripción se canceló con éxito",
 		error: "Error al cancelar tu suscripción"
 	},
+	subReactivation: {
+		success: "La suscripción se reactivó con éxito",
+		error: "Error al reactivar su suscripción"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu suscripción?",
 		loading: "Reanudando tu suscripción",
@@ -11266,7 +11291,7 @@ const initSecuritySdk = () => {
 
     const securityKey = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key;
     if (!securityKey) return;
-    window.Pelcro.helpers.loadSDK(`https://www.google.com/recaptcha/enterprise.js?render=${securityKey}`, "pelcro-security-enteprise");
+    window.Pelcro.helpers.loadSDK(`https://www.recaptcha.net/recaptcha/enterprise.js?render=${securityKey}`, "pelcro-security-enteprise");
   });
 };
 const initGATracking = () => {
@@ -13582,6 +13607,7 @@ function LoginModal({
     switchView,
     resetView,
     product,
+    plan,
     order,
     switchToAddressView,
     switchToPaymentView
@@ -13591,13 +13617,12 @@ function LoginModal({
     var _props$onSuccess;
 
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
-    resetView();
 
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
 
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -13605,6 +13630,10 @@ function LoginModal({
       }
     }
 
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
+
     if (order) {
       return switchToAddressView();
     }
@@ -14006,6 +14035,7 @@ function RegisterModal(props) {
     switchToAddressView,
     switchToPaymentView,
     product,
+    plan,
     order,
     giftCode,
     isGift
@@ -14051,7 +14081,7 @@ function RegisterModal(props) {
       return switchToAddressView();
     }
 
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -14059,6 +14089,10 @@ function RegisterModal(props) {
       }
     }
 
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
+
     return resetView();
   };
 
@@ -24817,8 +24851,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"
@@ -33441,7 +33482,9 @@ const AddressesMenu = props => {
 const AddressesItems = props => {
   var _window$Pelcro$user$r;
 
-  useTranslation("dashboard");
+  const {
+    t
+  } = useTranslation("dashboard");
   const {
     switchView
   } = usePelcro();
@@ -33472,7 +33515,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"
@@ -33480,7 +33525,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),
@@ -35403,6 +35450,12 @@ class Dashboard extends React.Component {
           disableSubmit: false
         });
         this.props.onClose();
+
+        if (err) {
+          return notify.error(this.locale("messages.subReactivation.error"));
+        }
+
+        return notify.success(this.locale("messages.subReactivation.success"));
       });
     });
 
@@ -35560,7 +35613,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", {
@@ -35571,9 +35624,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, {
@@ -35657,6 +35710,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"
@@ -35665,6 +35719,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"
@@ -35679,6 +35734,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"),
@@ -35755,6 +35811,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.
@@ -37752,19 +37822,24 @@ const EmailVerifyModal = ({
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
+  console.log("verify email");
 
   const onSuccess = res => {
     var _otherProps$onSuccess;
 
-    otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
+    (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
 
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
   };
 
   const {

package/dist/index.esm.js

@@ -3420,7 +3420,10 @@ var labels$10 = {
 	interval: "{{count}} {{interval}}",
 	interval_plural: "{{count}} {{interval}}s",
 	tax: "+ Tax",
-	removeCoupon: "REMOVE"
+	removeCoupon: "REMOVE",
+	firstName: "First name",
+	lastName: "Last name",
+	phone: "Phone"
 };
 var checkoutForm_en = {
 	messages: messages$14,
@@ -3920,6 +3923,10 @@ var messages$W = {
 		success: "Subscription is successfully cancelled",
 		error: "Error while cancelling your subscription"
 	},
+	subReactivation: {
+		success: "Subscription is successfully reactivated",
+		error: "Error while reactivating your subscription"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Are you sure you want to unsuspend your subscription?",
 		loading: "Unsuspending your subscription",
@@ -4354,7 +4361,10 @@ var labels$H = {
 	interval: "{{count}} {{interval}}",
 	interval_plural: "{{count}} {{interval}}s",
 	tax: "+ Taxe",
-	removeCoupon: "RETIRER"
+	removeCoupon: "RETIRER",
+	firstName: "Prénom",
+	lastName: "Nom de famille",
+	phone: "Téléphoner"
 };
 var checkoutForm_fr = {
 	messages: messages$M,
@@ -4855,6 +4865,10 @@ var messages$C = {
 		success: "L'abonnement a été annulé avec succès",
 		error: "Une erreur s'est produite lors de l'annulation de l'abonnement"
 	},
+	subReactivation: {
+		success: "L'abonnement a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre abonnement"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre abonnement ?",
 		loading: "Annulation de la suspension de votre abonnement",
@@ -5235,7 +5249,10 @@ var labels$s = {
 	interval: "{{count}} {{interval}}",
 	interval_plural: "{{count}} {{interval}}",
 	tax: "+ 세금",
-	removeCoupon: "제거"
+	removeCoupon: "제거",
+	firstName: "이름",
+	lastName: "성",
+	phone: "핸드폰"
 };
 var checkoutForm_ko = {
 	messages: messages$v,
@@ -5796,6 +5813,10 @@ var messages$l = {
 		success: "유료 멤버십이 성공적으로 취소되었습니다.",
 		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
 	},
+	subReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
 		loading: "구독 일시 중단 해제",
@@ -6659,6 +6680,10 @@ var messages$4 = {
 		success: "La suscripción se canceló con éxito",
 		error: "Error al cancelar tu suscripción"
 	},
+	subReactivation: {
+		success: "La suscripción se reactivó con éxito",
+		error: "Error al reactivar su suscripción"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu suscripción?",
 		loading: "Reanudando tu suscripción",
@@ -11236,7 +11261,7 @@ const initSecuritySdk = () => {
 
     const securityKey = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.security_key;
     if (!securityKey) return;
-    window.Pelcro.helpers.loadSDK(`https://www.google.com/recaptcha/enterprise.js?render=${securityKey}`, "pelcro-security-enteprise");
+    window.Pelcro.helpers.loadSDK(`https://www.recaptcha.net/recaptcha/enterprise.js?render=${securityKey}`, "pelcro-security-enteprise");
   });
 };
 const initGATracking = () => {
@@ -13552,6 +13577,7 @@ function LoginModal({
     switchView,
     resetView,
     product,
+    plan,
     order,
     switchToAddressView,
     switchToPaymentView
@@ -13561,13 +13587,12 @@ function LoginModal({
     var _props$onSuccess;
 
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
-    resetView();
 
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
 
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -13575,6 +13600,10 @@ function LoginModal({
       }
     }
 
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
+
     if (order) {
       return switchToAddressView();
     }
@@ -13976,6 +14005,7 @@ function RegisterModal(props) {
     switchToAddressView,
     switchToPaymentView,
     product,
+    plan,
     order,
     giftCode,
     isGift
@@ -14021,7 +14051,7 @@ function RegisterModal(props) {
       return switchToAddressView();
     }
 
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -14029,6 +14059,10 @@ function RegisterModal(props) {
       }
     }
 
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
+
     return resetView();
   };
 
@@ -24787,8 +24821,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"
@@ -33411,7 +33452,9 @@ const AddressesMenu = props => {
 const AddressesItems = props => {
   var _window$Pelcro$user$r;
 
-  useTranslation("dashboard");
+  const {
+    t
+  } = useTranslation("dashboard");
   const {
     switchView
   } = usePelcro();
@@ -33442,7 +33485,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"
@@ -33450,7 +33495,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),
@@ -35373,6 +35420,12 @@ class Dashboard extends Component {
           disableSubmit: false
         });
         this.props.onClose();
+
+        if (err) {
+          return notify.error(this.locale("messages.subReactivation.error"));
+        }
+
+        return notify.success(this.locale("messages.subReactivation.success"));
       });
     });
 
@@ -35530,7 +35583,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", {
@@ -35541,9 +35594,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, {
@@ -35627,6 +35680,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"
@@ -35635,6 +35689,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"
@@ -35649,6 +35704,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"),
@@ -35725,6 +35781,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.
@@ -37722,19 +37792,24 @@ const EmailVerifyModal = ({
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
+  console.log("verify email");
 
   const onSuccess = res => {
     var _otherProps$onSuccess;
 
-    otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
+    (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
 
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
   };
 
   const {

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.25",
+  "version": "4.0.0-alpha.27",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",
@@ -120,6 +120,9 @@
     "react": "^16.6.1",
     "react-dom": "^16.6.1"
   },
+  "optionalDependencies": {
+    "fsevents": "2.1.2"
+  },
   "babel": {
     "presets": [
       "@babel/preset-env",