@pelcro/react-pelcro-js 3.13.0-beta.14 → 3.13.0-beta.15

package/dist/index.cjs.js

@@ -8313,7 +8313,7 @@ class PelcroActions {
         return console.error("invalid subscription id");
       }
 
-      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== 'membership') {
+      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== "membership") {
         return console.error("subscription is not from type membership");
       }
 
@@ -13482,7 +13482,7 @@ function LoginModal({
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
 
-    if (viewFromURL === "invoice-details") {
+    if (viewFromURL === "invoice-details" || viewFromURL === "gift-redeem") {
       initViewFromURL();
     }
   };
@@ -14066,7 +14066,7 @@ function RegisterModal(props) {
 
 
     if (giftCode) {
-      return switchToAddressView();
+      return switchView("gift-redeem"); // return switchToAddressView();
     } // Check if the subscription is meant as a gift (if so, gather recipients info)
 
 
@@ -25275,6 +25275,7 @@ const GiftCreateModal = ({
 GiftCreateModal.viewId = "gift-create";
 
 const initialState$6 = {
+  isSubmitting: false,
   giftCode: "",
   buttonDisabled: true,
   alert: {
@@ -25293,14 +25294,24 @@ const GiftRedeemContainer = ({
   onSuccess = () => {},
   onFailure = () => {},
   onDisplay = () => {},
-  children
+  children,
+  ...props
 }) => {
+  var _ref, _props$subscriptionId;
+
   const {
     t
   } = useTranslation("register");
   const {
     set
   } = usePelcro();
+  const {
+    switchView,
+    switchToAddressView,
+    isAuthenticated,
+    subscriptionIdToRenew: subscriptionIdToRenewFromStore
+  } = usePelcro();
+  const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
   React.useEffect(() => {
     onDisplay();
   }, []);
@@ -25321,7 +25332,41 @@ const GiftRedeemContainer = ({
       set({
         giftCode
       });
-      onSuccess(giftCode);
+
+      if (!isAuthenticated()) {
+        switchView("register");
+      } else {
+        console.log("Shaker");
+        window.Pelcro.subscription.redeemGift({
+          auth_token: window.Pelcro.user.read().auth_token,
+          gift_code: giftCode,
+          // redeem gift as a future phase of an existing subscription
+          subscription_id: subscriptionIdToRenew
+        }, (err, res) => {
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+
+          if (err) {
+            dispatch({
+              type: SHOW_ALERT,
+              payload: {
+                type: "error",
+                content: getErrorMessages(err)
+              }
+            });
+
+            if (getErrorMessages(err) === "Address ID is required") {
+              switchToAddressView();
+            } else {
+              return onFailure(err);
+            }
+          } else {
+            return onSuccess(giftCode);
+          }
+        });
+      }
     }
   };
 
@@ -25342,8 +25387,14 @@ const GiftRedeemContainer = ({
           buttonDisabled: action.payload
         });
 
+      case LOADING:
+        return lib_7({ ...state,
+          isSubmitting: action.payload
+        });
+
       case HANDLE_SUBMIT:
         return lib_5({ ...state,
+          isSubmitting: true,
           buttonDisabled: true
         }, (state, dispatch) => handleRedeem(state, dispatch));
 
@@ -25412,7 +25463,8 @@ const GiftRedeemSubmitButton = ({
   const {
     dispatch,
     state: {
-      disableSubmit
+      disableSubmit,
+      isSubmitting
     }
   } = React.useContext(store$6);
   const {
@@ -25425,7 +25477,8 @@ const GiftRedeemSubmitButton = ({
       });
       onClick === null || onClick === void 0 ? void 0 : onClick();
     },
-    disabled: disableSubmit
+    disabled: disableSubmit,
+    isLoading: isSubmitting
   }, otherProps), name !== null && name !== void 0 ? name : t("redeem.buttons.redeem"));
 };
 
@@ -25476,12 +25529,7 @@ const GiftRedeemModal = ({
     var _otherProps$onSuccess;
 
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, giftCode);
-
-    if (isAuthenticated()) {
-      switchToAddressView();
-    } else {
-      switchView("register");
-    }
+    switchView("subscription-success");
   };
 
   return /*#__PURE__*/React__default['default'].createElement(Modal, {

package/dist/index.esm.js

@@ -8283,7 +8283,7 @@ class PelcroActions {
         return console.error("invalid subscription id");
       }
 
-      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== 'membership') {
+      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== "membership") {
         return console.error("subscription is not from type membership");
       }
 
@@ -13452,7 +13452,7 @@ function LoginModal({
     resetView();
     const viewFromURL = getStableViewID(window.Pelcro.helpers.getURLParameter("view"));
 
-    if (viewFromURL === "invoice-details") {
+    if (viewFromURL === "invoice-details" || viewFromURL === "gift-redeem") {
       initViewFromURL();
     }
   };
@@ -14036,7 +14036,7 @@ function RegisterModal(props) {
 
 
     if (giftCode) {
-      return switchToAddressView();
+      return switchView("gift-redeem"); // return switchToAddressView();
     } // Check if the subscription is meant as a gift (if so, gather recipients info)
 
 
@@ -25245,6 +25245,7 @@ const GiftCreateModal = ({
 GiftCreateModal.viewId = "gift-create";
 
 const initialState$6 = {
+  isSubmitting: false,
   giftCode: "",
   buttonDisabled: true,
   alert: {
@@ -25263,14 +25264,24 @@ const GiftRedeemContainer = ({
   onSuccess = () => {},
   onFailure = () => {},
   onDisplay = () => {},
-  children
+  children,
+  ...props
 }) => {
+  var _ref, _props$subscriptionId;
+
   const {
     t
   } = useTranslation("register");
   const {
     set
   } = usePelcro();
+  const {
+    switchView,
+    switchToAddressView,
+    isAuthenticated,
+    subscriptionIdToRenew: subscriptionIdToRenewFromStore
+  } = usePelcro();
+  const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
   useEffect(() => {
     onDisplay();
   }, []);
@@ -25291,7 +25302,41 @@ const GiftRedeemContainer = ({
       set({
         giftCode
       });
-      onSuccess(giftCode);
+
+      if (!isAuthenticated()) {
+        switchView("register");
+      } else {
+        console.log("Shaker");
+        window.Pelcro.subscription.redeemGift({
+          auth_token: window.Pelcro.user.read().auth_token,
+          gift_code: giftCode,
+          // redeem gift as a future phase of an existing subscription
+          subscription_id: subscriptionIdToRenew
+        }, (err, res) => {
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+
+          if (err) {
+            dispatch({
+              type: SHOW_ALERT,
+              payload: {
+                type: "error",
+                content: getErrorMessages(err)
+              }
+            });
+
+            if (getErrorMessages(err) === "Address ID is required") {
+              switchToAddressView();
+            } else {
+              return onFailure(err);
+            }
+          } else {
+            return onSuccess(giftCode);
+          }
+        });
+      }
     }
   };
 
@@ -25312,8 +25357,14 @@ const GiftRedeemContainer = ({
           buttonDisabled: action.payload
         });
 
+      case LOADING:
+        return lib_7({ ...state,
+          isSubmitting: action.payload
+        });
+
       case HANDLE_SUBMIT:
         return lib_5({ ...state,
+          isSubmitting: true,
           buttonDisabled: true
         }, (state, dispatch) => handleRedeem(state, dispatch));
 
@@ -25382,7 +25433,8 @@ const GiftRedeemSubmitButton = ({
   const {
     dispatch,
     state: {
-      disableSubmit
+      disableSubmit,
+      isSubmitting
     }
   } = useContext(store$6);
   const {
@@ -25395,7 +25447,8 @@ const GiftRedeemSubmitButton = ({
       });
       onClick === null || onClick === void 0 ? void 0 : onClick();
     },
-    disabled: disableSubmit
+    disabled: disableSubmit,
+    isLoading: isSubmitting
   }, otherProps), name !== null && name !== void 0 ? name : t("redeem.buttons.redeem"));
 };
 
@@ -25446,12 +25499,7 @@ const GiftRedeemModal = ({
     var _otherProps$onSuccess;
 
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, giftCode);
-
-    if (isAuthenticated()) {
-      switchToAddressView();
-    } else {
-      switchView("register");
-    }
+    switchView("subscription-success");
   };
 
   return /*#__PURE__*/React__default.createElement(Modal, {

package/package.json

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