@pelcro/react-pelcro-js 3.22.0-beta.17 → 3.22.0-beta.19

package/dist/index.cjs.js

@@ -3945,6 +3945,9 @@ var labels$Y = {
 	},
 	subCancellation: {
 		goBack: "Go back"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
 var messages$_ = {
@@ -3964,6 +3967,22 @@ var messages$_ = {
 		loading: "Unsuspending your subscription",
 		success: "Subscription is successfully unsuspended",
 		error: "Error while unsuspending your subscription"
+	},
+	donationCancellation: {
+		isSureToCancel: "Are you sure you want to cancel your donation?",
+		loading: "Cancelling your donation",
+		success: "Donation is successfully cancelled",
+		error: "Error while cancelling your donation"
+	},
+	donationReactivation: {
+		success: "Donation is successfully reactivated",
+		error: "Error while reactivating your donation"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "Are you sure you want to unsuspend your donation?",
+		loading: "Unsuspending your donation",
+		success: "Donation is successfully unsuspended",
+		error: "Error while unsuspending your donation"
 	}
 };
 var dashboard_en = {
@@ -4923,6 +4942,9 @@ var labels$C = {
 	},
 	subCancellation: {
 		goBack: "Retourner"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
 var messages$F = {
@@ -4942,6 +4964,22 @@ var messages$F = {
 		loading: "Annulation de la suspension de votre abonnement",
 		success: "L'abonnement a été suspendu avec succès",
 		error: "Erreur lors de l'annulation de la suspension de votre abonnement"
+	},
+	donationCancellation: {
+		isSureToCancel: "Êtes-vous certain de vouloir annuler votre don?",
+		loading: "Annulation de l'don",
+		success: "L'don a été annulé avec succès",
+		error: "Une erreur s'est produite lors de l'annulation de l'don"
+	},
+	donationReactivation: {
+		success: "L'don a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre don"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre don ?",
+		loading: "Annulation de la suspension de votre don",
+		success: "L'don a été suspendu avec succès",
+		error: "Erreur lors de l'annulation de la suspension de votre don"
 	}
 };
 var dashboard_fr = {
@@ -5846,6 +5884,9 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
+var donationCancellation = {
+	goBack: "뒤로 가기"
+};
 var messages$n = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
@@ -5863,6 +5904,22 @@ var messages$n = {
 		loading: "구독 일시 중단 해제",
 		success: "구독이 성공적으로 일시 중단 해제되었습니다",
 		error: "구독 일시 중단을 해제하는 동안 오류가 발생했습니다."
+	},
+	donationCancellation: {
+		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
+		loading: "귀하의 유료 멤버십을 취소합니다.",
+		success: "유료 멤버십이 성공적으로 취소되었습니다.",
+		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
+	},
+	donationReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
+		loading: "구독 일시 중단 해제",
+		success: "구독이 성공적으로 일시 중단 해제되었습니다",
+		error: "구독 일시 중단을 해제하는 동안 오류가 발생했습니다."
 	}
 };
 var dashboard_ko = {
@@ -5915,6 +5972,7 @@ var dashboard_ko = {
 	orders: orders,
 	savedItems: savedItems,
 	subCancellation: subCancellation,
+	donationCancellation: donationCancellation,
 	messages: messages$n
 };
 
@@ -6746,6 +6804,9 @@ var labels$6 = {
 	},
 	subCancellation: {
 		goBack: "Volver"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
 var messages$5 = {
@@ -6765,6 +6826,22 @@ var messages$5 = {
 		loading: "Reanudando tu suscripción",
 		success: "La suscripción se reanudó con éxito",
 		error: "Error al reanudar tu suscripción"
+	},
+	donationCancellation: {
+		isSureToCancel: "¿Estás seguro de que quieres cancelar tu donación?",
+		loading: "Cancelando tu donación",
+		success: "La donación se canceló con éxito",
+		error: "Error al cancelar tu donación"
+	},
+	donationReactivation: {
+		success: "La donación se reactivó con éxito",
+		error: "Error al reactivar su donación"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu donación?",
+		loading: "Reanudando tu donación",
+		success: "La donación se reanudó con éxito",
+		error: "Error al reanudar tu donación"
 	}
 };
 var dashboard_es = {
@@ -10574,7 +10651,7 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
   const onFailure = errorValue => {
@@ -10583,11 +10660,11 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
 };
-const notify$1 = toast;
+const notify = toast;
 
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -10648,7 +10725,7 @@ const init$1 = () => {
             const errorMessage = i18next.t("messages:invalidSubscription", {
               returnObjects: true
             });
-            return notify$1.error(errorMessage);
+            return notify.error(errorMessage);
           }
           switchView("manage-members");
         });
@@ -10656,7 +10733,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
     }
   }
@@ -10844,7 +10921,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify$1.error(errorMsg);
+            notify.error(errorMsg);
           }
         });
       }
@@ -10937,7 +11014,7 @@ const init = () => {
       unblurElemWhenUserLogsIn(elemDeepClone, entitlements);
       unblurElemWhenUserLogsOut(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify$1( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
+      notify( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
         i18nKey: "messages:entitlement"
       }, "Some of the content on this page is available with one or more of our plans.", /*#__PURE__*/React__default['default'].createElement(Link, {
         onClick: () => {
@@ -10952,7 +11029,7 @@ const init = () => {
               plan: selectedPlan
             });
           }
-          notify$1.dismiss(NOTIFICATION_ID);
+          notify.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -11164,16 +11241,12 @@ const initPaywalls = () => {
 };
 const loadPaymentSDKs = () => {
   // Lazy load stripe's SDK
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  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 && !supportsVantiv && !supportsTap) {
-      pure_1(window.Pelcro.environment.stripe);
-    }
-  });
+  if (!window.Stripe && !supportsVantiv && !supportsTap) {
+    pure_1(window.Pelcro.environment.stripe);
+  }
 
   // Load PayPal SDKs
   const supportsPaypal = Boolean(window.Pelcro.site.read().braintree_tokenization);
@@ -11563,9 +11636,9 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
-      return notify$1.success(translations.success);
+      return notify.success(translations.success);
     });
   }, {
     once: true
@@ -11589,7 +11662,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
       const {
         auth_token
@@ -11598,10 +11671,10 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify$1.error(getErrorMessages(err));
+          return notify.error(getErrorMessages(err));
         }
         resetView();
-        return notify$1.success(translations.success);
+        return notify.success(translations.success);
       });
     });
   }, {
@@ -11676,7 +11749,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       const {
         invoice
@@ -11685,7 +11758,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("invoice-details");
     });
@@ -11710,7 +11783,7 @@ const showSubscriptionManageMembersFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("manage-members");
     });
@@ -14820,7 +14893,7 @@ class DonationModal extends React.Component {
           className: "plc-bg-gray-100 plc-rounded-md plc-p-3 plc-mt-3 plc-text-sm plc-flex plc-items-center"
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           className: "plc-flex plc-items-center plc-flex-1"
-        }, "Auto renewed:", " ", /*#__PURE__*/React__default['default'].createElement("span", {
+        }, "Auto renew:", " ", /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-inline-flex plc-w-6 plc-ml-1"
         }, plan.auto_renew ? /*#__PURE__*/React__default['default'].createElement(SvgCheck, {
           className: "plc-text-green-500"
@@ -14839,7 +14912,7 @@ class DonationModal extends React.Component {
         }, plan.preset_donation_values.map(value => /*#__PURE__*/React__default['default'].createElement("li", {
           key: value
         }, /*#__PURE__*/React__default['default'].createElement("button", {
-          className: `plc-bg-white plc-rounded-md plc-flex plc-items-center plc-justify-center plc-text-lg plc-w-full plc-min-h-20 focus:plc-outline-none ${isChecked && +this.state.selectedDonationAmount === +value ? "plc-border-primary-500 plc-text-primary-900 plc-border-2" : "plc-border-gray-200 plc-text-gray-900 plc-border"}`,
+          className: `plc-bg-white plc-rounded-md plc-flex plc-items-center plc-justify-center plc-text-lg plc-w-full plc-min-h-16 focus:plc-outline-none ${isChecked && +this.state.selectedDonationAmount === +value ? "plc-border-primary-500 plc-text-primary-900 plc-border-2" : "plc-border-gray-200 plc-text-gray-900 plc-border"}`,
           onClick: () => {
             this.setState({
               selectedDonationAmount: +value,
@@ -14847,7 +14920,11 @@ class DonationModal extends React.Component {
               disabled: false
             });
           }
-        }, getFormattedPriceByLocal(value, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()))))), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-font-bold plc-mr-1"
+        }, value), /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-uppercase"
+        }, plan === null || plan === void 0 ? void 0 : plan.currency))))), /*#__PURE__*/React__default['default'].createElement("div", {
           className: "plc-relative plc-py-3 plc-mt-3"
         }, /*#__PURE__*/React__default['default'].createElement("hr", null), " ", /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-absolute plc-top-1/2 plc-left-1/2 plc-transform plc--translate-x-1/2 plc--translate-y-1/2 plc-leading-none plc-bg-white plc-px-2"
@@ -14872,8 +14949,9 @@ class DonationModal extends React.Component {
               });
             }
           },
-          placeholder: "Donate a custome amount ...",
-          className: "plc-pr-14"
+          placeholder: "Donate a custom amount ...",
+          className: "plc-pr-14",
+          wrapperClassName: "plc-mb-0"
         }), /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-absolute plc-top-1/2 plc-transform plc--translate-y-1/2 plc-right-3 plc-pl-3 plc-border-l plc-border-gray-200 plc-uppercase plc-text-sm"
         }, plan.currency)));
@@ -15023,7 +15101,7 @@ class DonationModal extends React.Component {
     }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "pelcro-select-products-wrapper"
     }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
+      className: "plc-overflow-y-scroll pelcro-select-plans-wrapper"
     }, this.renderPlans()), !window.Pelcro.user.isAuthenticated() && (_this$state$product = this.state.product) !== null && _this$state$product !== void 0 && _this$state$product.address_required ? /*#__PURE__*/React__default['default'].createElement(Button, {
       disabled: this.state.disabled,
       onClick: () => this.submitOption(true),
@@ -18798,18 +18876,14 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
 const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  usePelcro.getStore();
   const cardProcessor = getSiteCardProcessor();
   React.useEffect(() => {
-    whenUserReady(() => {
-      if (!window.Stripe && cardProcessor === "stripe") {
-        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
-          setIsStripeLoaded(true);
-        });
-      }
-    });
+    if (!window.Stripe && cardProcessor === "stripe") {
+      document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+        setIsStripeLoaded(true);
+      });
+    }
   }, []);
   if (isStripeLoaded) {
     return /*#__PURE__*/React__default['default'].createElement(es_13, {
@@ -18976,13 +19050,15 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _window$Pelcro$site$r;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r;
   let {
     onClick,
     ...otherProps
   } = _ref;
   const {
-    plan
+    plan,
+    selectedDonationAmount,
+    customDonationAmount
   } = usePelcro();
   const {
     t
@@ -19004,7 +19080,13 @@ const SubmitPaymentMethod = _ref => {
   } = React.useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
-  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
+  // const priceFormatted = getFormattedPriceByLocal(
+  //   price * planQuantity,
+  //   plan?.currency,
+  //   getPageOrDefaultLanguage()
+  // );
+
+  const priceFormatted = plan.type === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
   const isUserFirstName = Boolean(window.Pelcro.user.read().first_name);
   const isUserLastName = Boolean(window.Pelcro.user.read().last_name);
@@ -20054,7 +20136,7 @@ const SubscriptionCancelNowButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -20124,7 +20206,7 @@ const SubscriptionCancelLaterButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -20359,7 +20441,7 @@ const SubscriptionSuspendButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       suspendSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToSuspendNow"),
@@ -22419,7 +22501,7 @@ const AddressCreateContainer = _ref => {
             });
             return onFailure(err);
           }
-          notify$1.success(t("messages.addressUpdated"));
+          notify.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -25930,7 +26012,7 @@ const AddressSelectContainer = _ref => {
           });
           return onFailure(err);
         }
-        notify$1.success(t("messages.addressUpdated"));
+        notify.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27889,7 +27971,7 @@ const SubscriptionsItems = _ref => {
         return switchView("email-verify");
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify$1.confirm((onSuccess, onFailure) => {
+      notify.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -27906,7 +27988,7 @@ const SubscriptionsItems = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, false);
     };
 
     // Renew click
@@ -27944,7 +28026,7 @@ const SubscriptionsItems = _ref => {
         return switchView("email-verify");
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify$1.confirm((onSuccess, onFailure) => {
+      notify.confirm((onSuccess, onFailure) => {
         unSuspendSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subUnSuspend.isSureToUnSuspend"),
@@ -28026,7 +28108,7 @@ const SubscriptionsItems = _ref => {
       onClick: onCancelClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === 'membership' && /*#__PURE__*/React__default['default'].createElement(Button, {
+    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "membership" && /*#__PURE__*/React__default['default'].createElement(Button, {
       variant: "ghost",
       className: "plc-text-blue-400 pelcro-dashboard-sub-manage-members-button",
       icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
@@ -28073,7 +28155,10 @@ const SubscriptionsItems = _ref => {
 };
 function getNonDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
-  return (_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)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  return (_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 => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) !== "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
 }
 function isDateAfterToday(date) {
   const today = new Date().setHours(0, 0, 0, 0);
@@ -28361,6 +28446,7 @@ function SvgQrcode(props) {
 
 const DonationsMenu = _ref => {
   let {
+    onClose,
     reactivateSubscription,
     disableSubmit,
     cancelSubscription
@@ -28372,10 +28458,9 @@ const DonationsMenu = _ref => {
     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 => {
+  const donations = 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 = () => {
-      var _onClose;
       const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
       if (isImmediateCancelationEnabled) {
         setSubscriptionToCancel(sub.id);
@@ -28384,16 +28469,16 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      (_onClose = onClose) === null || _onClose === void 0 ? void 0 : _onClose();
+      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")
+        confirmMessage: t("messages.donationCancellation.isSureToCancel"),
+        loadingMessage: t("messages.donationCancellation.loading"),
+        successMessage: t("messages.donationCancellation.success"),
+        errorMessage: t("messages.donationCancellation.error")
       }, {
-        closeButtonLabel: t("labels.subCancellation.goBack")
+        closeButtonLabel: t("labels.donationCancellation.goBack")
       });
     };
 
@@ -28402,7 +28487,7 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, true);
     };
     return /*#__PURE__*/React__default['default'].createElement("tr", {
       key: sub.id,
@@ -28443,12 +28528,18 @@ const DonationsMenu = _ref => {
     className: "plc-w-3/12 "
   }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
     className: "plc-h-4"
-  }), subscriptions));
+  }), donations));
 };
 function getDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r, _window$Pelcro$user$r2;
-  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$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+  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 => {
+    var _sub$plan;
+    return ((_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) === "donation";
+  })) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
   return [...donations, ...canceledDonations];
 }
 function formatStartDate(date) {
@@ -28837,7 +28928,7 @@ class Dashboard extends React.Component {
       const formattedRenewDate = new Intl.DateTimeFormat("en-CA").format(renewDate);
       return `${this.locale("labels.renewsOn")} ${formattedRenewDate}`;
     });
-    _defineProperty$3(this, "reactivateSubscription", subscription_id => {
+    _defineProperty$3(this, "reactivateSubscription", (subscription_id, isDonation) => {
       // disable the Login button to prevent repeated clicks
       this.setState({
         disableSubmit: true
@@ -28851,9 +28942,17 @@ class Dashboard extends React.Component {
         });
         this.props.onClose();
         if (err) {
-          return notify$1.error(this.locale("messages.subReactivation.error"));
+          if (isDonation) {
+            return notify.error(this.locale("messages.donationReactivation.error"));
+          } else {
+            return notify.error(this.locale("messages.subReactivation.error"));
+          }
+        }
+        if (isDonation) {
+          return notify.success(this.locale("messages.donationReactivation.success"));
+        } else {
+          return notify.success(this.locale("messages.subReactivation.success"));
         }
-        return notify$1.success(this.locale("messages.subReactivation.success"));
       });
     });
     _defineProperty$3(this, "getSubscriptionStatus", sub => {
@@ -29215,6 +29314,7 @@ class Dashboard extends React.Component {
       }),
       title: this.locale("labels.donations"),
       content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, {
+        onClose: this.props.onClose,
         reactivateSubscription: this.reactivateSubscription,
         disableSubmit: this.state.disableSubmit,
         cancelSubscription: this.cancelSubscription
@@ -29256,8 +29356,14 @@ function hasInvoices() {
 }
 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 : [];
+  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 => {
+    var _sub$plan;
+    return ((_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "donation";
+  })) !== 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 => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) === "donation";
+  })) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
   return donations.length > 0 || canceledDonations.length > 0;
 }
 function hasActiveMemberships() {
@@ -31422,7 +31528,7 @@ function VerifyLinkTokenModal(_ref) {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify$1.success(t("messages.success"));
+    notify.success(t("messages.success"));
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     id: "pelcro-login-modal",
@@ -33314,6 +33420,6 @@ exports.i18n = i18next;
 exports.initButtons = init$1;
 exports.initContentEntitlement = init;
 exports.invoicePaymentSubmitButton = invoicePaymentSubmitButton;
-exports.notify = notify$1;
+exports.notify = notify;
 exports.unauthenticatedButtons = unauthenticatedButtons;
 exports.usePelcro = usePelcro;

package/dist/index.esm.js

@@ -3915,6 +3915,9 @@ var labels$Y = {
 	},
 	subCancellation: {
 		goBack: "Go back"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
 var messages$_ = {
@@ -3934,6 +3937,22 @@ var messages$_ = {
 		loading: "Unsuspending your subscription",
 		success: "Subscription is successfully unsuspended",
 		error: "Error while unsuspending your subscription"
+	},
+	donationCancellation: {
+		isSureToCancel: "Are you sure you want to cancel your donation?",
+		loading: "Cancelling your donation",
+		success: "Donation is successfully cancelled",
+		error: "Error while cancelling your donation"
+	},
+	donationReactivation: {
+		success: "Donation is successfully reactivated",
+		error: "Error while reactivating your donation"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "Are you sure you want to unsuspend your donation?",
+		loading: "Unsuspending your donation",
+		success: "Donation is successfully unsuspended",
+		error: "Error while unsuspending your donation"
 	}
 };
 var dashboard_en = {
@@ -4893,6 +4912,9 @@ var labels$C = {
 	},
 	subCancellation: {
 		goBack: "Retourner"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
 var messages$F = {
@@ -4912,6 +4934,22 @@ var messages$F = {
 		loading: "Annulation de la suspension de votre abonnement",
 		success: "L'abonnement a été suspendu avec succès",
 		error: "Erreur lors de l'annulation de la suspension de votre abonnement"
+	},
+	donationCancellation: {
+		isSureToCancel: "Êtes-vous certain de vouloir annuler votre don?",
+		loading: "Annulation de l'don",
+		success: "L'don a été annulé avec succès",
+		error: "Une erreur s'est produite lors de l'annulation de l'don"
+	},
+	donationReactivation: {
+		success: "L'don a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre don"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre don ?",
+		loading: "Annulation de la suspension de votre don",
+		success: "L'don a été suspendu avec succès",
+		error: "Erreur lors de l'annulation de la suspension de votre don"
 	}
 };
 var dashboard_fr = {
@@ -5816,6 +5854,9 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
+var donationCancellation = {
+	goBack: "뒤로 가기"
+};
 var messages$n = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
@@ -5833,6 +5874,22 @@ var messages$n = {
 		loading: "구독 일시 중단 해제",
 		success: "구독이 성공적으로 일시 중단 해제되었습니다",
 		error: "구독 일시 중단을 해제하는 동안 오류가 발생했습니다."
+	},
+	donationCancellation: {
+		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
+		loading: "귀하의 유료 멤버십을 취소합니다.",
+		success: "유료 멤버십이 성공적으로 취소되었습니다.",
+		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
+	},
+	donationReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
+		loading: "구독 일시 중단 해제",
+		success: "구독이 성공적으로 일시 중단 해제되었습니다",
+		error: "구독 일시 중단을 해제하는 동안 오류가 발생했습니다."
 	}
 };
 var dashboard_ko = {
@@ -5885,6 +5942,7 @@ var dashboard_ko = {
 	orders: orders,
 	savedItems: savedItems,
 	subCancellation: subCancellation,
+	donationCancellation: donationCancellation,
 	messages: messages$n
 };
 
@@ -6716,6 +6774,9 @@ var labels$6 = {
 	},
 	subCancellation: {
 		goBack: "Volver"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
 var messages$5 = {
@@ -6735,6 +6796,22 @@ var messages$5 = {
 		loading: "Reanudando tu suscripción",
 		success: "La suscripción se reanudó con éxito",
 		error: "Error al reanudar tu suscripción"
+	},
+	donationCancellation: {
+		isSureToCancel: "¿Estás seguro de que quieres cancelar tu donación?",
+		loading: "Cancelando tu donación",
+		success: "La donación se canceló con éxito",
+		error: "Error al cancelar tu donación"
+	},
+	donationReactivation: {
+		success: "La donación se reactivó con éxito",
+		error: "Error al reactivar su donación"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu donación?",
+		loading: "Reanudando tu donación",
+		success: "La donación se reanudó con éxito",
+		error: "Error al reanudar tu donación"
 	}
 };
 var dashboard_es = {
@@ -10544,7 +10621,7 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
   const onFailure = errorValue => {
@@ -10553,11 +10630,11 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
 };
-const notify$1 = toast;
+const notify = toast;
 
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -10618,7 +10695,7 @@ const init$1 = () => {
             const errorMessage = i18next.t("messages:invalidSubscription", {
               returnObjects: true
             });
-            return notify$1.error(errorMessage);
+            return notify.error(errorMessage);
           }
           switchView("manage-members");
         });
@@ -10626,7 +10703,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
     }
   }
@@ -10814,7 +10891,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify$1.error(errorMsg);
+            notify.error(errorMsg);
           }
         });
       }
@@ -10907,7 +10984,7 @@ const init = () => {
       unblurElemWhenUserLogsIn(elemDeepClone, entitlements);
       unblurElemWhenUserLogsOut(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify$1( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
+      notify( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
         i18nKey: "messages:entitlement"
       }, "Some of the content on this page is available with one or more of our plans.", /*#__PURE__*/React__default.createElement(Link, {
         onClick: () => {
@@ -10922,7 +10999,7 @@ const init = () => {
               plan: selectedPlan
             });
           }
-          notify$1.dismiss(NOTIFICATION_ID);
+          notify.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -11134,16 +11211,12 @@ const initPaywalls = () => {
 };
 const loadPaymentSDKs = () => {
   // Lazy load stripe's SDK
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  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 && !supportsVantiv && !supportsTap) {
-      pure_1(window.Pelcro.environment.stripe);
-    }
-  });
+  if (!window.Stripe && !supportsVantiv && !supportsTap) {
+    pure_1(window.Pelcro.environment.stripe);
+  }
 
   // Load PayPal SDKs
   const supportsPaypal = Boolean(window.Pelcro.site.read().braintree_tokenization);
@@ -11533,9 +11606,9 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
-      return notify$1.success(translations.success);
+      return notify.success(translations.success);
     });
   }, {
     once: true
@@ -11559,7 +11632,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
       const {
         auth_token
@@ -11568,10 +11641,10 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify$1.error(getErrorMessages(err));
+          return notify.error(getErrorMessages(err));
         }
         resetView();
-        return notify$1.success(translations.success);
+        return notify.success(translations.success);
       });
     });
   }, {
@@ -11646,7 +11719,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       const {
         invoice
@@ -11655,7 +11728,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("invoice-details");
     });
@@ -11680,7 +11753,7 @@ const showSubscriptionManageMembersFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("manage-members");
     });
@@ -14790,7 +14863,7 @@ class DonationModal extends Component {
           className: "plc-bg-gray-100 plc-rounded-md plc-p-3 plc-mt-3 plc-text-sm plc-flex plc-items-center"
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "plc-flex plc-items-center plc-flex-1"
-        }, "Auto renewed:", " ", /*#__PURE__*/React__default.createElement("span", {
+        }, "Auto renew:", " ", /*#__PURE__*/React__default.createElement("span", {
           className: "plc-inline-flex plc-w-6 plc-ml-1"
         }, plan.auto_renew ? /*#__PURE__*/React__default.createElement(SvgCheck, {
           className: "plc-text-green-500"
@@ -14809,7 +14882,7 @@ class DonationModal extends Component {
         }, plan.preset_donation_values.map(value => /*#__PURE__*/React__default.createElement("li", {
           key: value
         }, /*#__PURE__*/React__default.createElement("button", {
-          className: `plc-bg-white plc-rounded-md plc-flex plc-items-center plc-justify-center plc-text-lg plc-w-full plc-min-h-20 focus:plc-outline-none ${isChecked && +this.state.selectedDonationAmount === +value ? "plc-border-primary-500 plc-text-primary-900 plc-border-2" : "plc-border-gray-200 plc-text-gray-900 plc-border"}`,
+          className: `plc-bg-white plc-rounded-md plc-flex plc-items-center plc-justify-center plc-text-lg plc-w-full plc-min-h-16 focus:plc-outline-none ${isChecked && +this.state.selectedDonationAmount === +value ? "plc-border-primary-500 plc-text-primary-900 plc-border-2" : "plc-border-gray-200 plc-text-gray-900 plc-border"}`,
           onClick: () => {
             this.setState({
               selectedDonationAmount: +value,
@@ -14817,7 +14890,11 @@ class DonationModal extends Component {
               disabled: false
             });
           }
-        }, getFormattedPriceByLocal(value, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()))))), /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-font-bold plc-mr-1"
+        }, value), /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-uppercase"
+        }, plan === null || plan === void 0 ? void 0 : plan.currency))))), /*#__PURE__*/React__default.createElement("div", {
           className: "plc-relative plc-py-3 plc-mt-3"
         }, /*#__PURE__*/React__default.createElement("hr", null), " ", /*#__PURE__*/React__default.createElement("span", {
           className: "plc-absolute plc-top-1/2 plc-left-1/2 plc-transform plc--translate-x-1/2 plc--translate-y-1/2 plc-leading-none plc-bg-white plc-px-2"
@@ -14842,8 +14919,9 @@ class DonationModal extends Component {
               });
             }
           },
-          placeholder: "Donate a custome amount ...",
-          className: "plc-pr-14"
+          placeholder: "Donate a custom amount ...",
+          className: "plc-pr-14",
+          wrapperClassName: "plc-mb-0"
         }), /*#__PURE__*/React__default.createElement("span", {
           className: "plc-absolute plc-top-1/2 plc-transform plc--translate-y-1/2 plc-right-3 plc-pl-3 plc-border-l plc-border-gray-200 plc-uppercase plc-text-sm"
         }, plan.currency)));
@@ -14993,7 +15071,7 @@ class DonationModal extends Component {
     }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default.createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default.createElement("div", {
       className: "pelcro-select-products-wrapper"
     }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
+      className: "plc-overflow-y-scroll pelcro-select-plans-wrapper"
     }, this.renderPlans()), !window.Pelcro.user.isAuthenticated() && (_this$state$product = this.state.product) !== null && _this$state$product !== void 0 && _this$state$product.address_required ? /*#__PURE__*/React__default.createElement(Button, {
       disabled: this.state.disabled,
       onClick: () => this.submitOption(true),
@@ -18768,18 +18846,14 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
 const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = useState(Boolean(window.Stripe));
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  usePelcro.getStore();
   const cardProcessor = getSiteCardProcessor();
   useEffect(() => {
-    whenUserReady(() => {
-      if (!window.Stripe && cardProcessor === "stripe") {
-        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
-          setIsStripeLoaded(true);
-        });
-      }
-    });
+    if (!window.Stripe && cardProcessor === "stripe") {
+      document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+        setIsStripeLoaded(true);
+      });
+    }
   }, []);
   if (isStripeLoaded) {
     return /*#__PURE__*/React__default.createElement(es_13, {
@@ -18946,13 +19020,15 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _window$Pelcro$site$r;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r;
   let {
     onClick,
     ...otherProps
   } = _ref;
   const {
-    plan
+    plan,
+    selectedDonationAmount,
+    customDonationAmount
   } = usePelcro();
   const {
     t
@@ -18974,7 +19050,13 @@ const SubmitPaymentMethod = _ref => {
   } = useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
-  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
+  // const priceFormatted = getFormattedPriceByLocal(
+  //   price * planQuantity,
+  //   plan?.currency,
+  //   getPageOrDefaultLanguage()
+  // );
+
+  const priceFormatted = plan.type === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
   const isUserFirstName = Boolean(window.Pelcro.user.read().first_name);
   const isUserLastName = Boolean(window.Pelcro.user.read().last_name);
@@ -20024,7 +20106,7 @@ const SubscriptionCancelNowButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -20094,7 +20176,7 @@ const SubscriptionCancelLaterButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -20329,7 +20411,7 @@ const SubscriptionSuspendButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       suspendSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToSuspendNow"),
@@ -22389,7 +22471,7 @@ const AddressCreateContainer = _ref => {
             });
             return onFailure(err);
           }
-          notify$1.success(t("messages.addressUpdated"));
+          notify.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -25900,7 +25982,7 @@ const AddressSelectContainer = _ref => {
           });
           return onFailure(err);
         }
-        notify$1.success(t("messages.addressUpdated"));
+        notify.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27859,7 +27941,7 @@ const SubscriptionsItems = _ref => {
         return switchView("email-verify");
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify$1.confirm((onSuccess, onFailure) => {
+      notify.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -27876,7 +27958,7 @@ const SubscriptionsItems = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, false);
     };
 
     // Renew click
@@ -27914,7 +27996,7 @@ const SubscriptionsItems = _ref => {
         return switchView("email-verify");
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify$1.confirm((onSuccess, onFailure) => {
+      notify.confirm((onSuccess, onFailure) => {
         unSuspendSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subUnSuspend.isSureToUnSuspend"),
@@ -27996,7 +28078,7 @@ const SubscriptionsItems = _ref => {
       onClick: onCancelClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === 'membership' && /*#__PURE__*/React__default.createElement(Button, {
+    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "membership" && /*#__PURE__*/React__default.createElement(Button, {
       variant: "ghost",
       className: "plc-text-blue-400 pelcro-dashboard-sub-manage-members-button",
       icon: /*#__PURE__*/React__default.createElement(SvgRefresh, null),
@@ -28043,7 +28125,10 @@ const SubscriptionsItems = _ref => {
 };
 function getNonDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
-  return (_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)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  return (_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 => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) !== "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
 }
 function isDateAfterToday(date) {
   const today = new Date().setHours(0, 0, 0, 0);
@@ -28331,6 +28416,7 @@ function SvgQrcode(props) {
 
 const DonationsMenu = _ref => {
   let {
+    onClose,
     reactivateSubscription,
     disableSubmit,
     cancelSubscription
@@ -28342,10 +28428,9 @@ const DonationsMenu = _ref => {
     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 => {
+  const donations = 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 = () => {
-      var _onClose;
       const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
       if (isImmediateCancelationEnabled) {
         setSubscriptionToCancel(sub.id);
@@ -28354,16 +28439,16 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      (_onClose = onClose) === null || _onClose === void 0 ? void 0 : _onClose();
+      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")
+        confirmMessage: t("messages.donationCancellation.isSureToCancel"),
+        loadingMessage: t("messages.donationCancellation.loading"),
+        successMessage: t("messages.donationCancellation.success"),
+        errorMessage: t("messages.donationCancellation.error")
       }, {
-        closeButtonLabel: t("labels.subCancellation.goBack")
+        closeButtonLabel: t("labels.donationCancellation.goBack")
       });
     };
 
@@ -28372,7 +28457,7 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, true);
     };
     return /*#__PURE__*/React__default.createElement("tr", {
       key: sub.id,
@@ -28413,12 +28498,18 @@ const DonationsMenu = _ref => {
     className: "plc-w-3/12 "
   }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
     className: "plc-h-4"
-  }), subscriptions));
+  }), donations));
 };
 function getDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r, _window$Pelcro$user$r2;
-  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$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+  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 => {
+    var _sub$plan;
+    return ((_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) === "donation";
+  })) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
   return [...donations, ...canceledDonations];
 }
 function formatStartDate(date) {
@@ -28807,7 +28898,7 @@ class Dashboard extends Component {
       const formattedRenewDate = new Intl.DateTimeFormat("en-CA").format(renewDate);
       return `${this.locale("labels.renewsOn")} ${formattedRenewDate}`;
     });
-    _defineProperty$3(this, "reactivateSubscription", subscription_id => {
+    _defineProperty$3(this, "reactivateSubscription", (subscription_id, isDonation) => {
       // disable the Login button to prevent repeated clicks
       this.setState({
         disableSubmit: true
@@ -28821,9 +28912,17 @@ class Dashboard extends Component {
         });
         this.props.onClose();
         if (err) {
-          return notify$1.error(this.locale("messages.subReactivation.error"));
+          if (isDonation) {
+            return notify.error(this.locale("messages.donationReactivation.error"));
+          } else {
+            return notify.error(this.locale("messages.subReactivation.error"));
+          }
+        }
+        if (isDonation) {
+          return notify.success(this.locale("messages.donationReactivation.success"));
+        } else {
+          return notify.success(this.locale("messages.subReactivation.success"));
         }
-        return notify$1.success(this.locale("messages.subReactivation.success"));
       });
     });
     _defineProperty$3(this, "getSubscriptionStatus", sub => {
@@ -29185,6 +29284,7 @@ class Dashboard extends Component {
       }),
       title: this.locale("labels.donations"),
       content: /*#__PURE__*/React__default.createElement(DonationsMenu, {
+        onClose: this.props.onClose,
         reactivateSubscription: this.reactivateSubscription,
         disableSubmit: this.state.disableSubmit,
         cancelSubscription: this.cancelSubscription
@@ -29226,8 +29326,14 @@ function hasInvoices() {
 }
 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 : [];
+  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 => {
+    var _sub$plan;
+    return ((_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "donation";
+  })) !== 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 => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) === "donation";
+  })) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
   return donations.length > 0 || canceledDonations.length > 0;
 }
 function hasActiveMemberships() {
@@ -31392,7 +31498,7 @@ function VerifyLinkTokenModal(_ref) {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify$1.success(t("messages.success"));
+    notify.success(t("messages.success"));
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
     id: "pelcro-login-modal",
@@ -33050,4 +33156,4 @@ const QrCodeModal = _ref => {
 };
 QrCodeModal.viewId = "qrcode";
 
-export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankAuthenticationSuccess, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, DonationModalWithHook as DonationModal, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, IncludeFirstName, IncludeLastName, IncludePhone, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify$1 as notify, unauthenticatedButtons, usePelcro };
+export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankAuthenticationSuccess, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, DonationModalWithHook as DonationModal, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, IncludeFirstName, IncludeLastName, IncludePhone, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };

package/dist/pelcro.css

@@ -2270,6 +2270,10 @@ layer components {
   margin-right: auto;
 }
 
+.pelcro-root .plc-mb-0 {
+  margin-bottom: 0px;
+}
+
 .pelcro-root .plc-ml-0 {
   margin-left: 0px;
 }
@@ -2390,8 +2394,8 @@ layer components {
   min-height: 3rem;
 }
 
-.pelcro-root .plc-min-h-20 {
-  min-height: 6rem;
+.pelcro-root .plc-min-h-16 {
+  min-height: 4rem;
 }
 
 .pelcro-root .plc-min-h-40 {

package/package.json

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