@pelcro/react-pelcro-js 3.12.0-beta.1 → 3.12.0-beta.2

package/dist/index.cjs.js

@@ -23670,12 +23670,13 @@ const AddressSelectContainer = ({
   className = "",
   onGiftRedemptionSuccess = () => {},
   onMembershipAdressUpdateSuccess = () => {},
+  onFreePlanSubscriptionSuccess = () => {},
   onSuccess = () => {},
   onFailure = () => {},
   children,
   ...props
 }) => {
-  var _props$giftCode, _ref, _props$subscriptionId;
+  var _props$giftCode, _ref, _props$subscriptionId, _window$Pelcro, _window$Pelcro$uiSett;
 
   const {
     t
@@ -23685,10 +23686,13 @@ const AddressSelectContainer = ({
     giftCode: giftCodeFromStore,
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
     set,
-    selectedMembership
+    selectedMembership,
+    plan,
+    product
   } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
+  const skipPayment = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.skipPaymentForFreePlans;
 
   const submitAddress = ({
     selectedAddressId
@@ -23760,6 +23764,39 @@ const AddressSelectContainer = ({
       });
     }
 
+    if (skipPayment && (plan === null || plan === void 0 ? void 0 : plan.amount) === 0) {
+      dispatch({
+        type: LOADING,
+        payload: true
+      });
+      window.Pelcro.subscription.create({
+        auth_token: window.Pelcro.user.read().auth_token,
+        plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
+        quantity: plan.quantity,
+        address_id: product.address_required ? selectedAddressId : null
+      }, (err, res) => {
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+
+        if (err) {
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+          return notify.error(getErrorMessages(err));
+        }
+
+        return onFreePlanSubscriptionSuccess(res);
+      });
+      return;
+    }
+
     onSuccess(selectedAddressId);
   };
 
@@ -23946,8 +23983,7 @@ const AddressSelectModal = ({
 
   const onAddNewAddress = () => {
     switchView("address-create");
-  }; // FIXME: implement me
-
+  };
 
   const onMembershipAdressUpdateSuccess = () => {
     var _otherProps$onMembers;
@@ -23956,6 +23992,13 @@ const AddressSelectModal = ({
     resetView();
   };
 
+  const onFreePlanSubscriptionSuccess = () => {
+    var _otherProps$onFreePla;
+
+    (_otherProps$onFreePla = otherProps.onFreePlanSubscriptionSuccess) === null || _otherProps$onFreePla === void 0 ? void 0 : _otherProps$onFreePla.call(otherProps);
+    switchView("subscription-success");
+  };
+
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     onDisplay: onDisplay,
     onClose: onClose,
@@ -23965,7 +24008,8 @@ const AddressSelectModal = ({
   }, otherProps, {
     onSuccess: onSuccess,
     onGiftRedemptionSuccess: onGiftRedemptionSuccess,
-    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess,
+    onFreePlanSubscriptionSuccess: onFreePlanSubscriptionSuccess
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
 };
 AddressSelectModal.viewId = "address-select";

package/dist/index.esm.js

@@ -23640,12 +23640,13 @@ const AddressSelectContainer = ({
   className = "",
   onGiftRedemptionSuccess = () => {},
   onMembershipAdressUpdateSuccess = () => {},
+  onFreePlanSubscriptionSuccess = () => {},
   onSuccess = () => {},
   onFailure = () => {},
   children,
   ...props
 }) => {
-  var _props$giftCode, _ref, _props$subscriptionId;
+  var _props$giftCode, _ref, _props$subscriptionId, _window$Pelcro, _window$Pelcro$uiSett;
 
   const {
     t
@@ -23655,10 +23656,13 @@ const AddressSelectContainer = ({
     giftCode: giftCodeFromStore,
     subscriptionIdToRenew: subscriptionIdToRenewFromStore,
     set,
-    selectedMembership
+    selectedMembership,
+    plan,
+    product
   } = usePelcro();
   const giftCode = (_props$giftCode = props.giftCode) !== null && _props$giftCode !== void 0 ? _props$giftCode : giftCodeFromStore;
   const subscriptionIdToRenew = (_ref = (_props$subscriptionId = props.subscriptionIdToRenew) !== null && _props$subscriptionId !== void 0 ? _props$subscriptionId : subscriptionIdToRenewFromStore) !== null && _ref !== void 0 ? _ref : undefined;
+  const skipPayment = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.skipPaymentForFreePlans;
 
   const submitAddress = ({
     selectedAddressId
@@ -23730,6 +23734,39 @@ const AddressSelectContainer = ({
       });
     }
 
+    if (skipPayment && (plan === null || plan === void 0 ? void 0 : plan.amount) === 0) {
+      dispatch({
+        type: LOADING,
+        payload: true
+      });
+      window.Pelcro.subscription.create({
+        auth_token: window.Pelcro.user.read().auth_token,
+        plan_id: plan.id,
+        campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
+        quantity: plan.quantity,
+        address_id: product.address_required ? selectedAddressId : null
+      }, (err, res) => {
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+
+        if (err) {
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
+          return notify.error(getErrorMessages(err));
+        }
+
+        return onFreePlanSubscriptionSuccess(res);
+      });
+      return;
+    }
+
     onSuccess(selectedAddressId);
   };
 
@@ -23916,8 +23953,7 @@ const AddressSelectModal = ({
 
   const onAddNewAddress = () => {
     switchView("address-create");
-  }; // FIXME: implement me
-
+  };
 
   const onMembershipAdressUpdateSuccess = () => {
     var _otherProps$onMembers;
@@ -23926,6 +23962,13 @@ const AddressSelectModal = ({
     resetView();
   };
 
+  const onFreePlanSubscriptionSuccess = () => {
+    var _otherProps$onFreePla;
+
+    (_otherProps$onFreePla = otherProps.onFreePlanSubscriptionSuccess) === null || _otherProps$onFreePla === void 0 ? void 0 : _otherProps$onFreePla.call(otherProps);
+    switchView("subscription-success");
+  };
+
   return /*#__PURE__*/React__default.createElement(Modal, {
     onDisplay: onDisplay,
     onClose: onClose,
@@ -23935,7 +23978,8 @@ const AddressSelectModal = ({
   }, otherProps, {
     onSuccess: onSuccess,
     onGiftRedemptionSuccess: onGiftRedemptionSuccess,
-    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
+    onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess,
+    onFreePlanSubscriptionSuccess: onFreePlanSubscriptionSuccess
   }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
 };
 AddressSelectModal.viewId = "address-select";

package/package.json

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