@pelcro/react-pelcro-js 3.17.0 → 3.17.2-beta.1

package/dist/index.cjs.js

@@ -3914,6 +3914,7 @@ var labels$U = {
 	paymentSource: "Payment cards",
 	actions: "Actions",
 	expiresOn: "Ends",
+	until: "Until",
 	startsOn: "Starts",
 	startDate: "Start date",
 	renewsOn: "Renews",
@@ -3952,6 +3953,10 @@ var messages$W = {
 		success: "Subscription is successfully cancelled",
 		error: "Error while cancelling your subscription"
 	},
+	subReactivation: {
+		success: "Subscription is successfully reactivated",
+		error: "Error while reactivating your subscription"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Are you sure you want to unsuspend your subscription?",
 		loading: "Unsuspending your subscription",
@@ -4851,6 +4856,7 @@ var labels$z = {
 	paymentSource: "Sources de paiement",
 	actions: "Actes",
 	expiresOn: "Expire le",
+	until: "Jusqu'à ce que",
 	startsOn: "Débute le",
 	startDate: "Date de début",
 	renewsOn: "Renouvelle le",
@@ -4889,6 +4895,10 @@ var messages$C = {
 		success: "L'abonnement a été annulé avec succès",
 		error: "Une erreur s'est produite lors de l'annulation de l'abonnement"
 	},
+	subReactivation: {
+		success: "L'abonnement a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre abonnement"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre abonnement ?",
 		loading: "Annulation de la suspension de votre abonnement",
@@ -5672,6 +5682,7 @@ var labels$k = {
 	paymentSource: "결제 카드",
 	actions: "조치",
 	expiresOn: "종료",
+	until: "까지",
 	startsOn: "시작",
 	startDate: "시작일",
 	renewsOn: "갱신",
@@ -5770,6 +5781,10 @@ var messages$l = {
 		success: "유료 멤버십이 성공적으로 취소되었습니다.",
 		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
 	},
+	subReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
 		loading: "구독 일시 중단 해제",
@@ -6594,6 +6609,7 @@ var labels$5 = {
 	paymentSource: "Datos de pago",
 	actions: "Acciones",
 	expiresOn: "Finaliza",
+	until: "Hasta que",
 	startsOn: "Inicia",
 	startDate: "Fecha de inicio",
 	renewsOn: "Renovación",
@@ -6632,6 +6648,10 @@ var messages$4 = {
 		success: "La suscripción se canceló con éxito",
 		error: "Error al cancelar tu suscripción"
 	},
+	subReactivation: {
+		success: "La suscripción se reactivó con éxito",
+		error: "Error al reactivar su suscripción"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu suscripción?",
 		loading: "Reanudando tu suscripción",
@@ -13194,6 +13214,7 @@ function LoginModal(_ref) {
     switchView,
     resetView,
     product,
+    plan,
     order,
     switchToAddressView,
     switchToPaymentView
@@ -13204,13 +13225,16 @@ function LoginModal(_ref) {
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
     if (order) {
       return switchToAddressView();
     }
@@ -13757,6 +13781,7 @@ function RegisterModal(props) {
     switchToAddressView,
     switchToPaymentView,
     product,
+    plan,
     order,
     giftCode,
     isGift
@@ -13795,13 +13820,16 @@ function RegisterModal(props) {
     if (order) {
       return switchToAddressView();
     }
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
     return resetView();
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
@@ -27703,6 +27731,12 @@ class Dashboard extends React.Component {
       if (subscription.status === "incomplete") {
         return `${this.locale("labels.status.incomplete")}`;
       }
+      if (subscription.status === "extended") {
+        // DateTime from BE is missing 3 zeros so we add them before instancing a date
+        const expiryDate = new Date(Number(`${subscription.end_date}000`));
+        const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
+        return `${this.locale("labels.until")} ${formattedExpiryDate}`;
+      }
       if (subscription.cancel_at_period_end) {
         // DateTime from BE is missing 3 zeros so we add them before instancing a date
         const expiryDate = new Date(Number(`${subscription.expires_at}000`));
@@ -27726,6 +27760,10 @@ class Dashboard extends React.Component {
           disableSubmit: false
         });
         this.props.onClose();
+        if (err) {
+          return notify$1.error(this.locale("messages.subReactivation.error"));
+        }
+        return notify$1.success(this.locale("messages.subReactivation.success"));
       });
     });
     _defineProperty$3(this, "getSubscriptionStatus", sub => {
@@ -30121,6 +30159,7 @@ const EmailVerifyModal = _ref => {
   } = _ref;
   const {
     product,
+    plan,
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
@@ -30128,13 +30167,16 @@ const EmailVerifyModal = _ref => {
   const onSuccess = res => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     onDisplay: onDisplay,

package/dist/index.esm.js

@@ -3884,6 +3884,7 @@ var labels$U = {
 	paymentSource: "Payment cards",
 	actions: "Actions",
 	expiresOn: "Ends",
+	until: "Until",
 	startsOn: "Starts",
 	startDate: "Start date",
 	renewsOn: "Renews",
@@ -3922,6 +3923,10 @@ var messages$W = {
 		success: "Subscription is successfully cancelled",
 		error: "Error while cancelling your subscription"
 	},
+	subReactivation: {
+		success: "Subscription is successfully reactivated",
+		error: "Error while reactivating your subscription"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Are you sure you want to unsuspend your subscription?",
 		loading: "Unsuspending your subscription",
@@ -4821,6 +4826,7 @@ var labels$z = {
 	paymentSource: "Sources de paiement",
 	actions: "Actes",
 	expiresOn: "Expire le",
+	until: "Jusqu'à ce que",
 	startsOn: "Débute le",
 	startDate: "Date de début",
 	renewsOn: "Renouvelle le",
@@ -4859,6 +4865,10 @@ var messages$C = {
 		success: "L'abonnement a été annulé avec succès",
 		error: "Une erreur s'est produite lors de l'annulation de l'abonnement"
 	},
+	subReactivation: {
+		success: "L'abonnement a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre abonnement"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre abonnement ?",
 		loading: "Annulation de la suspension de votre abonnement",
@@ -5642,6 +5652,7 @@ var labels$k = {
 	paymentSource: "결제 카드",
 	actions: "조치",
 	expiresOn: "종료",
+	until: "까지",
 	startsOn: "시작",
 	startDate: "시작일",
 	renewsOn: "갱신",
@@ -5740,6 +5751,10 @@ var messages$l = {
 		success: "유료 멤버십이 성공적으로 취소되었습니다.",
 		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
 	},
+	subReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
 		loading: "구독 일시 중단 해제",
@@ -6564,6 +6579,7 @@ var labels$5 = {
 	paymentSource: "Datos de pago",
 	actions: "Acciones",
 	expiresOn: "Finaliza",
+	until: "Hasta que",
 	startsOn: "Inicia",
 	startDate: "Fecha de inicio",
 	renewsOn: "Renovación",
@@ -6602,6 +6618,10 @@ var messages$4 = {
 		success: "La suscripción se canceló con éxito",
 		error: "Error al cancelar tu suscripción"
 	},
+	subReactivation: {
+		success: "La suscripción se reactivó con éxito",
+		error: "Error al reactivar su suscripción"
+	},
 	subUnSuspend: {
 		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu suscripción?",
 		loading: "Reanudando tu suscripción",
@@ -13164,6 +13184,7 @@ function LoginModal(_ref) {
     switchView,
     resetView,
     product,
+    plan,
     order,
     switchToAddressView,
     switchToPaymentView
@@ -13174,13 +13195,16 @@ function LoginModal(_ref) {
     if (window.Pelcro.paywall.isArticleRestricted()) {
       initPaywalls();
     }
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
     if (order) {
       return switchToAddressView();
     }
@@ -13727,6 +13751,7 @@ function RegisterModal(props) {
     switchToAddressView,
     switchToPaymentView,
     product,
+    plan,
     order,
     giftCode,
     isGift
@@ -13765,13 +13790,16 @@ function RegisterModal(props) {
     if (order) {
       return switchToAddressView();
     }
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
     return resetView();
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -27673,6 +27701,12 @@ class Dashboard extends Component {
       if (subscription.status === "incomplete") {
         return `${this.locale("labels.status.incomplete")}`;
       }
+      if (subscription.status === "extended") {
+        // DateTime from BE is missing 3 zeros so we add them before instancing a date
+        const expiryDate = new Date(Number(`${subscription.end_date}000`));
+        const formattedExpiryDate = new Intl.DateTimeFormat("en-CA").format(expiryDate);
+        return `${this.locale("labels.until")} ${formattedExpiryDate}`;
+      }
       if (subscription.cancel_at_period_end) {
         // DateTime from BE is missing 3 zeros so we add them before instancing a date
         const expiryDate = new Date(Number(`${subscription.expires_at}000`));
@@ -27696,6 +27730,10 @@ class Dashboard extends Component {
           disableSubmit: false
         });
         this.props.onClose();
+        if (err) {
+          return notify$1.error(this.locale("messages.subReactivation.error"));
+        }
+        return notify$1.success(this.locale("messages.subReactivation.success"));
       });
     });
     _defineProperty$3(this, "getSubscriptionStatus", sub => {
@@ -30091,6 +30129,7 @@ const EmailVerifyModal = _ref => {
   } = _ref;
   const {
     product,
+    plan,
     switchToAddressView,
     switchToPaymentView
   } = usePelcro();
@@ -30098,13 +30137,16 @@ const EmailVerifyModal = _ref => {
   const onSuccess = res => {
     var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    if (product) {
+    if (product && plan) {
       if (product.address_required) {
         return switchToAddressView();
       } else {
         return switchToPaymentView();
       }
     }
+    if (product && !plan) {
+      return switchView("plan-select");
+    }
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
     onDisplay: onDisplay,

package/package.json

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