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

package/dist/index.cjs.js

@@ -3635,6 +3635,7 @@ var labels$Y = {
 	firstName: "First name",
 	lastName: "Last name",
 	username: "Username",
+	displayname: "Display name",
 	phone: "Phone",
 	submit: "Submit",
 	required: "Required",
@@ -4569,6 +4570,7 @@ var labels$D = {
 	firstName: "Prénom",
 	lastName: "Nom de famille",
 	username: "Nom d'utilisateur",
+	displayname: "Afficher un nom",
 	phone: "Numéro de téléphone",
 	submit: "Soumettre",
 	required: "Champs obligatoires",
@@ -5387,6 +5389,7 @@ var labels$o = {
 	firstName: "이름",
 	lastName: "성",
 	username: "사용자 이름",
+	displayname: "이름 표시하기",
 	phone: "전화번호",
 	submit: "제출",
 	required: "필수 항목",
@@ -6307,6 +6310,7 @@ var labels$9 = {
 	firstName: "Nombre",
 	lastName: "Apellido",
 	username: "Nombre de usuario",
+	displayname: "Nombre para mostrar",
 	phone: "Teléfono",
 	submit: "Enviar",
 	required: "Obligatorio",
@@ -10337,7 +10341,7 @@ toast.confirm = (onConfirm, {
       ...options
     });
     setTimeout(() => {
-      notify.dismiss(id);
+      notify$1.dismiss(id);
     }, 3000);
   };
 
@@ -10347,12 +10351,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 +10427,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 +10436,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
     }
   }
@@ -10602,7 +10606,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify.error(errorMsg);
+            notify$1.error(errorMsg);
           }
         });
       }
@@ -10704,7 +10708,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 +10725,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 +11485,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 +11514,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
 
       const {
@@ -11520,11 +11524,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 +11571,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       const {
@@ -11578,7 +11582,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 +11611,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 +13472,7 @@ function LoginModal({
     switchView,
     resetView,
     product,
-    plan,
+    order,
     switchToAddressView,
     switchToPaymentView
   } = usePelcro$1();
@@ -13482,7 +13486,7 @@ function LoginModal({
       initPaywalls();
     }
 
-    if (product && plan) {
+    if (product) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -13490,6 +13494,10 @@ function LoginModal({
       }
     }
 
+    if (order) {
+      return switchToAddressView();
+    }
+
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
     const viewsURLs = ["invoice-details", "gift-redeem", "plan-select"];
@@ -19594,7 +19602,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"),
@@ -19666,7 +19674,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"),
@@ -19903,7 +19911,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"),
@@ -21750,6 +21758,37 @@ const UserUpdateTin = props => /*#__PURE__*/React__default['default'].createElem
   store: store$f
 }, props));
 
+function DisplayName({
+  store,
+  ...otherProps
+}) {
+  const {
+    dispatch,
+    state
+  } = React.useContext(store);
+
+  const handleInputChange = value => {
+    dispatch({
+      type: SET_DISPLAY_NAME,
+      payload: value
+    });
+  };
+
+  if (state.loading) {
+    return /*#__PURE__*/React__default['default'].createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
+    type: "text",
+    value: state.displayName || null,
+    onChange: e => handleInputChange(e.target.value)
+  }, otherProps));
+}
+
+const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
+  store: store$f
+}, props));
+
 const UserUpdateView = props => {
   var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
 
@@ -21785,7 +21824,12 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-last-name-error",
     label: t("labels.lastName"),
     required: supportsTap ? true : false
-  })), showUsernameInput && /*#__PURE__*/React__default['default'].createElement(UserUpdateUsername, {
+  })), /*#__PURE__*/React__default['default'].createElement(UserUpdateDisplayName, {
+    id: "pelcro-input-display-name",
+    autoComplete: "display-name",
+    errorId: "pelcro-input-display-name-error",
+    label: t("labels.displayname")
+  }), showUsernameInput && /*#__PURE__*/React__default['default'].createElement(UserUpdateUsername, {
     id: "pelcro-input-user-name",
     autoComplete: "user-name",
     errorId: "pelcro-input-user-name-error",
@@ -21837,37 +21881,6 @@ function UserUpdateModal({
 }
 UserUpdateModal.viewId = "user-edit";
 
-function DisplayName({
-  store,
-  ...otherProps
-}) {
-  const {
-    dispatch,
-    state
-  } = React.useContext(store);
-
-  const handleInputChange = value => {
-    dispatch({
-      type: SET_DISPLAY_NAME,
-      payload: value
-    });
-  };
-
-  if (state.loading) {
-    return /*#__PURE__*/React__default['default'].createElement(Loader, null);
-  }
-
-  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
-    type: "text",
-    value: state.displayName || null,
-    onChange: e => handleInputChange(e.target.value)
-  }, otherProps));
-}
-
-const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
-  store: store$f
-}, props));
-
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
     store: store$f
@@ -22035,7 +22048,7 @@ const AddressCreateContainer = ({
             return onFailure(err);
           }
 
-          notify.success(t("messages.addressUpdated"));
+          notify$1.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -24805,7 +24818,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"
     })));
   })));
 };
@@ -25639,7 +25652,7 @@ const AddressSelectContainer = ({
           return onFailure(err);
         }
 
-        notify.success(t("messages.addressUpdated"));
+        notify$1.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27633,7 +27646,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"),
@@ -27691,7 +27704,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"),
@@ -28137,11 +28150,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"
@@ -28153,7 +28211,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"
@@ -28163,7 +28235,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));
 };
@@ -28996,7 +29070,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),
@@ -31057,7 +31135,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 {
@@ -31227,7 +31305,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, {
@@ -33121,6 +33199,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

@@ -3605,6 +3605,7 @@ var labels$Y = {
 	firstName: "First name",
 	lastName: "Last name",
 	username: "Username",
+	displayname: "Display name",
 	phone: "Phone",
 	submit: "Submit",
 	required: "Required",
@@ -4539,6 +4540,7 @@ var labels$D = {
 	firstName: "Prénom",
 	lastName: "Nom de famille",
 	username: "Nom d'utilisateur",
+	displayname: "Afficher un nom",
 	phone: "Numéro de téléphone",
 	submit: "Soumettre",
 	required: "Champs obligatoires",
@@ -5357,6 +5359,7 @@ var labels$o = {
 	firstName: "이름",
 	lastName: "성",
 	username: "사용자 이름",
+	displayname: "이름 표시하기",
 	phone: "전화번호",
 	submit: "제출",
 	required: "필수 항목",
@@ -6277,6 +6280,7 @@ var labels$9 = {
 	firstName: "Nombre",
 	lastName: "Apellido",
 	username: "Nombre de usuario",
+	displayname: "Nombre para mostrar",
 	phone: "Teléfono",
 	submit: "Enviar",
 	required: "Obligatorio",
@@ -10307,7 +10311,7 @@ toast.confirm = (onConfirm, {
       ...options
     });
     setTimeout(() => {
-      notify.dismiss(id);
+      notify$1.dismiss(id);
     }, 3000);
   };
 
@@ -10317,12 +10321,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 +10397,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 +10406,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
     }
   }
@@ -10572,7 +10576,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify.error(errorMsg);
+            notify$1.error(errorMsg);
           }
         });
       }
@@ -10674,7 +10678,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 +10695,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 +11455,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 +11484,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify.error(getErrorMessages(err));
+        return notify$1.error(getErrorMessages(err));
       }
 
       const {
@@ -11490,11 +11494,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 +11541,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify.error(errorMessage);
+        return notify$1.error(errorMessage);
       }
 
       const {
@@ -11548,7 +11552,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 +11581,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 +13442,7 @@ function LoginModal({
     switchView,
     resetView,
     product,
-    plan,
+    order,
     switchToAddressView,
     switchToPaymentView
   } = usePelcro$1();
@@ -13452,7 +13456,7 @@ function LoginModal({
       initPaywalls();
     }
 
-    if (product && plan) {
+    if (product) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
@@ -13460,6 +13464,10 @@ function LoginModal({
       }
     }
 
+    if (order) {
+      return switchToAddressView();
+    }
+
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
     const viewsURLs = ["invoice-details", "gift-redeem", "plan-select"];
@@ -19564,7 +19572,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"),
@@ -19636,7 +19644,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"),
@@ -19873,7 +19881,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"),
@@ -21720,6 +21728,37 @@ const UserUpdateTin = props => /*#__PURE__*/React__default.createElement(Tin, Ob
   store: store$f
 }, props));
 
+function DisplayName({
+  store,
+  ...otherProps
+}) {
+  const {
+    dispatch,
+    state
+  } = useContext(store);
+
+  const handleInputChange = value => {
+    dispatch({
+      type: SET_DISPLAY_NAME,
+      payload: value
+    });
+  };
+
+  if (state.loading) {
+    return /*#__PURE__*/React__default.createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React__default.createElement(Input, Object.assign({
+    type: "text",
+    value: state.displayName || null,
+    onChange: e => handleInputChange(e.target.value)
+  }, otherProps));
+}
+
+const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
+  store: store$f
+}, props));
+
 const UserUpdateView = props => {
   var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
 
@@ -21755,7 +21794,12 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-last-name-error",
     label: t("labels.lastName"),
     required: supportsTap ? true : false
-  })), showUsernameInput && /*#__PURE__*/React__default.createElement(UserUpdateUsername, {
+  })), /*#__PURE__*/React__default.createElement(UserUpdateDisplayName, {
+    id: "pelcro-input-display-name",
+    autoComplete: "display-name",
+    errorId: "pelcro-input-display-name-error",
+    label: t("labels.displayname")
+  }), showUsernameInput && /*#__PURE__*/React__default.createElement(UserUpdateUsername, {
     id: "pelcro-input-user-name",
     autoComplete: "user-name",
     errorId: "pelcro-input-user-name-error",
@@ -21807,37 +21851,6 @@ function UserUpdateModal({
 }
 UserUpdateModal.viewId = "user-edit";
 
-function DisplayName({
-  store,
-  ...otherProps
-}) {
-  const {
-    dispatch,
-    state
-  } = useContext(store);
-
-  const handleInputChange = value => {
-    dispatch({
-      type: SET_DISPLAY_NAME,
-      payload: value
-    });
-  };
-
-  if (state.loading) {
-    return /*#__PURE__*/React__default.createElement(Loader, null);
-  }
-
-  return /*#__PURE__*/React__default.createElement(Input, Object.assign({
-    type: "text",
-    value: state.displayName || null,
-    onChange: e => handleInputChange(e.target.value)
-  }, otherProps));
-}
-
-const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
-  store: store$f
-}, props));
-
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
     store: store$f
@@ -22005,7 +22018,7 @@ const AddressCreateContainer = ({
             return onFailure(err);
           }
 
-          notify.success(t("messages.addressUpdated"));
+          notify$1.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -24775,7 +24788,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"
     })));
   })));
 };
@@ -25609,7 +25622,7 @@ const AddressSelectContainer = ({
           return onFailure(err);
         }
 
-        notify.success(t("messages.addressUpdated"));
+        notify$1.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27603,7 +27616,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"),
@@ -27661,7 +27674,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"),
@@ -28107,11 +28120,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"
@@ -28123,7 +28181,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"
@@ -28133,7 +28205,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));
 };
@@ -28966,7 +29040,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),
@@ -31027,7 +31105,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 {
@@ -31197,7 +31275,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, {
@@ -32859,4 +32937,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.17",
+  "version": "3.13.0-beta.19",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",