@pelcro/react-pelcro-js 3.13.0-beta.16 → 3.13.0-beta.18

package/dist/index.cjs.js

@@ -10337,7 +10337,7 @@ toast.confirm = (onConfirm, {
       ...options
     });
     setTimeout(() => {
-      notify.dismiss(id);
+      notify$1.dismiss(id);
     }, 3000);
   };
 
@@ -10347,12 +10347,12 @@ toast.confirm = (onConfirm, {
       ...options
     });
     setTimeout(() => {
-      notify.dismiss(id);
+      notify$1.dismiss(id);
     }, 3000);
   };
 };
 
-const notify = toast;
+const notify$1 = toast;
 
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -10423,7 +10423,7 @@ const init$1 = () => {
             const errorMessage = i18next.t("messages:invalidSubscription", {
               returnObjects: true
             });
-            return notify.error(errorMessage);
+            return notify$1.error(errorMessage);
           }
 
           switchView("manage-members");
@@ -10432,7 +10432,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
     }
   }
@@ -10602,7 +10602,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify.error(errorMsg);
+            notify$1.error(errorMsg);
           }
         });
       }
@@ -10704,7 +10704,7 @@ const init = () => {
       elemDeepClone.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
       unblurElemWhenUserSubscribes(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
+      notify$1( /*#__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: () => {
@@ -10721,7 +10721,7 @@ const init = () => {
             });
           }
 
-          notify.dismiss(NOTIFICATION_ID);
+          notify$1.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -11481,10 +11481,10 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
 
-      return notify.success(translations.success);
+      return notify$1.success(translations.success);
     });
   }, {
     once: true
@@ -11510,7 +11510,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
 
       const {
@@ -11520,11 +11520,11 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify.error(getErrorMessages(err));
+          return notify$1.error(getErrorMessages(err));
         }
 
         resetView();
-        return notify.success(translations.success);
+        return notify$1.success(translations.success);
       });
     });
   }, {
@@ -11567,7 +11567,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       const {
@@ -11578,7 +11578,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       return switchView("invoice-details");
@@ -11607,7 +11607,7 @@ const showSubscriptionManageMembersFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       return switchView("manage-members");
@@ -13468,7 +13468,7 @@ function LoginModal({
     switchView,
     resetView,
     product,
-    plan,
+    order,
     switchToAddressView,
     switchToPaymentView
   } = usePelcro$1();
@@ -13482,7 +13482,7 @@ function LoginModal({
       initPaywalls();
     }
 
-    if (product && plan) {
+    if (product) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -13490,10 +13490,15 @@ function LoginModal({
       }
     }
 
+    if (order) {
+      return switchToAddressView();
+    }
+
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
+    const viewsURLs = ["invoice-details", "gift-redeem", "plan-select"];
 
-    if (viewFromURL === "invoice-details" || viewFromURL === "gift-redeem") {
+    if (viewsURLs.includes(viewFromURL)) {
       initViewFromURL();
     }
   };
@@ -19593,7 +19598,7 @@ const SubscriptionCancelNowButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -19665,7 +19670,7 @@ const SubscriptionCancelLaterButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -19902,7 +19907,7 @@ const SubscriptionSuspendButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       suspendSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToSuspendNow"),
@@ -22034,7 +22039,7 @@ const AddressCreateContainer = ({
             return onFailure(err);
           }
 
-          notify.success(t("messages.addressUpdated"));
+          notify$1.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -24804,7 +24809,7 @@ const ShopView = () => {
       className: "plc-mt-2"
     }), /*#__PURE__*/React__default['default'].createElement(ShopPurchaseButton, {
       itemId: item.id,
-      className: "plc-mt-2"
+      className: "plc-mt-2 pelcro-purchase-button"
     })));
   })));
 };
@@ -25638,7 +25643,7 @@ const AddressSelectContainer = ({
           return onFailure(err);
         }
 
-        notify.success(t("messages.addressUpdated"));
+        notify$1.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27632,7 +27637,7 @@ const SubscriptionsItems = ({
       }
 
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify.confirm((onSuccess, onFailure) => {
+      notify$1.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -27690,7 +27695,7 @@ const SubscriptionsItems = ({
       }
 
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify.confirm((onSuccess, onFailure) => {
+      notify$1.confirm((onSuccess, onFailure) => {
         unSuspendSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subUnSuspend.isSureToUnSuspend"),
@@ -28136,11 +28141,56 @@ function SvgQrcode(props) {
   })));
 }
 
-const DonationsMenu = () => {
+const DonationsMenu = ({
+  reactivateSubscription,
+  disableSubmit,
+  cancelSubscription
+}) => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView,
+    setSubscriptionToCancel
+  } = usePelcro$1();
   const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+    // Cancel button click handlers
+    const onCancelClick = () => {
+      var _onClose;
+
+      const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
+
+      if (isImmediateCancelationEnabled) {
+        setSubscriptionToCancel(sub.id);
+        return switchView("subscription-cancel");
+      }
+
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      (_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")
+      }, {
+        closeButtonLabel: t("labels.subCancellation.goBack")
+      });
+    }; // Reactivate button click handlers
+
+
+    const onReactivateClick = () => {
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      reactivateSubscription(sub.id);
+    };
+
     return /*#__PURE__*/React__default['default'].createElement("tr", {
       key: sub.id,
       className: "plc-w-full plc-align-top pelcro-donation-row"
@@ -28152,7 +28202,21 @@ const DonationsMenu = () => {
       className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
     }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
-    }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))));
+    }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
+      onClick: onReactivateClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.reactivate")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default['default'].createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
+      onClick: onCancelClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.unsubscribe")) : ""));
   });
   return /*#__PURE__*/React__default['default'].createElement("table", {
     className: "plc-w-full plc-table-fixed pelcro-donations-table"
@@ -28162,7 +28226,9 @@ const DonationsMenu = () => {
     className: "plc-w-6/12 "
   }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
     className: "plc-w-6/12 "
-  }, t("labels.startDate")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
+  }, t("labels.startDate")), /*#__PURE__*/React__default['default'].createElement("th", {
+    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));
 };
@@ -28995,7 +29061,11 @@ class Dashboard extends React.Component {
         className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
       }),
       title: this.locale("labels.donations"),
-      content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, null)
+      content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, {
+        reactivateSubscription: this.reactivateSubscription,
+        disableSubmit: this.state.disableSubmit,
+        cancelSubscription: this.cancelSubscription
+      })
     }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
       name: SUB_MENUS.GIFTS,
       icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, null),
@@ -31056,7 +31126,7 @@ const EmailVerifyModal = ({
 
     (_props$onSuccess = (_props = props).onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(_props, res);
 
-    if (product && plan) {
+    if (product) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -31226,7 +31296,7 @@ function VerifyLinkTokenModal({
 
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify.success(t("messages.success"));
+    notify$1.success(t("messages.success"));
   };
 
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -33120,6 +33190,6 @@ exports.i18n = i18next;
 exports.initButtons = init$1;
 exports.initContentEntitlement = init;
 exports.invoicePaymentSubmitButton = invoicePaymentSubmitButton;
-exports.notify = notify;
+exports.notify = notify$1;
 exports.unauthenticatedButtons = unauthenticatedButtons;
 exports.usePelcro = usePelcro$1;

package/dist/index.esm.js

@@ -10307,7 +10307,7 @@ toast.confirm = (onConfirm, {
       ...options
     });
     setTimeout(() => {
-      notify.dismiss(id);
+      notify$1.dismiss(id);
     }, 3000);
   };
 
@@ -10317,12 +10317,12 @@ toast.confirm = (onConfirm, {
       ...options
     });
     setTimeout(() => {
-      notify.dismiss(id);
+      notify$1.dismiss(id);
     }, 3000);
   };
 };
 
-const notify = toast;
+const notify$1 = toast;
 
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -10393,7 +10393,7 @@ const init$1 = () => {
             const errorMessage = i18next.t("messages:invalidSubscription", {
               returnObjects: true
             });
-            return notify.error(errorMessage);
+            return notify$1.error(errorMessage);
           }
 
           switchView("manage-members");
@@ -10402,7 +10402,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
     }
   }
@@ -10572,7 +10572,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify.error(errorMsg);
+            notify$1.error(errorMsg);
           }
         });
       }
@@ -10674,7 +10674,7 @@ const init = () => {
       elemDeepClone.setAttribute("style", "filter:blur(3px) !important; pointer-events:none !important; user-select:none !important");
       unblurElemWhenUserSubscribes(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
+      notify$1( /*#__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: () => {
@@ -10691,7 +10691,7 @@ const init = () => {
             });
           }
 
-          notify.dismiss(NOTIFICATION_ID);
+          notify$1.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -11451,10 +11451,10 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
 
-      return notify.success(translations.success);
+      return notify$1.success(translations.success);
     });
   }, {
     once: true
@@ -11480,7 +11480,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
 
       const {
@@ -11490,11 +11490,11 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify.error(getErrorMessages(err));
+          return notify$1.error(getErrorMessages(err));
         }
 
         resetView();
-        return notify.success(translations.success);
+        return notify$1.success(translations.success);
       });
     });
   }, {
@@ -11537,7 +11537,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       const {
@@ -11548,7 +11548,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       return switchView("invoice-details");
@@ -11577,7 +11577,7 @@ const showSubscriptionManageMembersFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       return switchView("manage-members");
@@ -13438,7 +13438,7 @@ function LoginModal({
     switchView,
     resetView,
     product,
-    plan,
+    order,
     switchToAddressView,
     switchToPaymentView
   } = usePelcro$1();
@@ -13452,7 +13452,7 @@ function LoginModal({
       initPaywalls();
     }
 
-    if (product && plan) {
+    if (product) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -13460,10 +13460,15 @@ function LoginModal({
       }
     }
 
+    if (order) {
+      return switchToAddressView();
+    }
+
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
+    const viewsURLs = ["invoice-details", "gift-redeem", "plan-select"];
 
-    if (viewFromURL === "invoice-details" || viewFromURL === "gift-redeem") {
+    if (viewsURLs.includes(viewFromURL)) {
       initViewFromURL();
     }
   };
@@ -19563,7 +19568,7 @@ const SubscriptionCancelNowButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -19635,7 +19640,7 @@ const SubscriptionCancelLaterButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -19872,7 +19877,7 @@ const SubscriptionSuspendButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    notify.confirm((onSuccess, onFailure) => {
+    notify$1.confirm((onSuccess, onFailure) => {
       suspendSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToSuspendNow"),
@@ -22004,7 +22009,7 @@ const AddressCreateContainer = ({
             return onFailure(err);
           }
 
-          notify.success(t("messages.addressUpdated"));
+          notify$1.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -24774,7 +24779,7 @@ const ShopView = () => {
       className: "plc-mt-2"
     }), /*#__PURE__*/React__default.createElement(ShopPurchaseButton, {
       itemId: item.id,
-      className: "plc-mt-2"
+      className: "plc-mt-2 pelcro-purchase-button"
     })));
   })));
 };
@@ -25608,7 +25613,7 @@ const AddressSelectContainer = ({
           return onFailure(err);
         }
 
-        notify.success(t("messages.addressUpdated"));
+        notify$1.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27602,7 +27607,7 @@ const SubscriptionsItems = ({
       }
 
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify.confirm((onSuccess, onFailure) => {
+      notify$1.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -27660,7 +27665,7 @@ const SubscriptionsItems = ({
       }
 
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify.confirm((onSuccess, onFailure) => {
+      notify$1.confirm((onSuccess, onFailure) => {
         unSuspendSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subUnSuspend.isSureToUnSuspend"),
@@ -28106,11 +28111,56 @@ function SvgQrcode(props) {
   })));
 }
 
-const DonationsMenu = () => {
+const DonationsMenu = ({
+  reactivateSubscription,
+  disableSubmit,
+  cancelSubscription
+}) => {
   const {
     t
   } = useTranslation("dashboard");
+  const {
+    switchView,
+    setSubscriptionToCancel
+  } = usePelcro$1();
   const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+    // Cancel button click handlers
+    const onCancelClick = () => {
+      var _onClose;
+
+      const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
+
+      if (isImmediateCancelationEnabled) {
+        setSubscriptionToCancel(sub.id);
+        return switchView("subscription-cancel");
+      }
+
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      (_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")
+      }, {
+        closeButtonLabel: t("labels.subCancellation.goBack")
+      });
+    }; // Reactivate button click handlers
+
+
+    const onReactivateClick = () => {
+      if (userMustVerifyEmail()) {
+        return switchView("email-verify");
+      }
+
+      reactivateSubscription(sub.id);
+    };
+
     return /*#__PURE__*/React__default.createElement("tr", {
       key: sub.id,
       className: "plc-w-full plc-align-top pelcro-donation-row"
@@ -28122,7 +28172,21 @@ const DonationsMenu = () => {
       className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
     }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
       className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
-    }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))));
+    }, sub.status && /*#__PURE__*/React__default.createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default.createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default.createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
+      icon: /*#__PURE__*/React__default.createElement(SvgRefresh, null),
+      onClick: onReactivateClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.reactivate")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default.createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+      icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
+      onClick: onCancelClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.unsubscribe")) : ""));
   });
   return /*#__PURE__*/React__default.createElement("table", {
     className: "plc-w-full plc-table-fixed pelcro-donations-table"
@@ -28132,7 +28196,9 @@ const DonationsMenu = () => {
     className: "plc-w-6/12 "
   }, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
     className: "plc-w-6/12 "
-  }, t("labels.startDate")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
+  }, t("labels.startDate")), /*#__PURE__*/React__default.createElement("th", {
+    className: "plc-w-3/12 "
+  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
     className: "plc-h-4"
   }), subscriptions));
 };
@@ -28965,7 +29031,11 @@ class Dashboard extends Component {
         className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
       }),
       title: this.locale("labels.donations"),
-      content: /*#__PURE__*/React__default.createElement(DonationsMenu, null)
+      content: /*#__PURE__*/React__default.createElement(DonationsMenu, {
+        reactivateSubscription: this.reactivateSubscription,
+        disableSubmit: this.state.disableSubmit,
+        cancelSubscription: this.cancelSubscription
+      })
     }), /*#__PURE__*/React__default.createElement(Accordion.item, {
       name: SUB_MENUS.GIFTS,
       icon: /*#__PURE__*/React__default.createElement(SvgGift, null),
@@ -31026,7 +31096,7 @@ const EmailVerifyModal = ({
 
     (_props$onSuccess = (_props = props).onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(_props, res);
 
-    if (product && plan) {
+    if (product) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -31196,7 +31266,7 @@ function VerifyLinkTokenModal({
 
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify.success(t("messages.success"));
+    notify$1.success(t("messages.success"));
   };
 
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -32858,4 +32928,4 @@ const QrCodeModal = ({
 };
 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, 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, 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$1 as 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, 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, 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$1 as usePelcro };

package/package.json

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