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

package/dist/index.cjs.js

@@ -9610,7 +9610,11 @@ const authenticatedButtons = () => {
 
   if (pelcroLoginByClass) {
     for (let i = 0; i < pelcroLoginByClass.length; i++) {
-      pelcroLoginByClass.item(i).innerHTML = translations.account;
+      if (pelcroLoginByClass.item(i).hasAttribute("data-dashboard-text")) {
+        pelcroLoginByClass.item(i).innerHTML = pelcroLoginByClass.item(i).getAttribute("data-dashboard-text");
+      } else {
+        pelcroLoginByClass.item(i).innerHTML = translations.account;
+      }
     }
   }
 
@@ -9630,7 +9634,11 @@ const unauthenticatedButtons = () => {
 
   if (pelcroLoginByClass) {
     for (let i = 0; i < pelcroLoginByClass.length; i++) {
-      pelcroLoginByClass.item(i).innerHTML = translations.login;
+      if (pelcroLoginByClass.item(i).hasAttribute("data-login-text")) {
+        pelcroLoginByClass.item(i).innerHTML = pelcroLoginByClass.item(i).getAttribute("data-login-text");
+      } else {
+        pelcroLoginByClass.item(i).innerHTML = translations.login;
+      }
     }
   }
 };
@@ -23670,12 +23678,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 +23694,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 +23772,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 +23991,7 @@ const AddressSelectModal = ({
 
   const onAddNewAddress = () => {
     switchView("address-create");
-  }; // FIXME: implement me
-
+  };
 
   const onMembershipAdressUpdateSuccess = () => {
     var _otherProps$onMembers;
@@ -23956,6 +24000,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 +24016,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

@@ -9580,7 +9580,11 @@ const authenticatedButtons = () => {
 
   if (pelcroLoginByClass) {
     for (let i = 0; i < pelcroLoginByClass.length; i++) {
-      pelcroLoginByClass.item(i).innerHTML = translations.account;
+      if (pelcroLoginByClass.item(i).hasAttribute("data-dashboard-text")) {
+        pelcroLoginByClass.item(i).innerHTML = pelcroLoginByClass.item(i).getAttribute("data-dashboard-text");
+      } else {
+        pelcroLoginByClass.item(i).innerHTML = translations.account;
+      }
     }
   }
 
@@ -9600,7 +9604,11 @@ const unauthenticatedButtons = () => {
 
   if (pelcroLoginByClass) {
     for (let i = 0; i < pelcroLoginByClass.length; i++) {
-      pelcroLoginByClass.item(i).innerHTML = translations.login;
+      if (pelcroLoginByClass.item(i).hasAttribute("data-login-text")) {
+        pelcroLoginByClass.item(i).innerHTML = pelcroLoginByClass.item(i).getAttribute("data-login-text");
+      } else {
+        pelcroLoginByClass.item(i).innerHTML = translations.login;
+      }
     }
   }
 };
@@ -23640,12 +23648,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 +23664,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 +23742,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 +23961,7 @@ const AddressSelectModal = ({
 
   const onAddNewAddress = () => {
     switchView("address-create");
-  }; // FIXME: implement me
-
+  };
 
   const onMembershipAdressUpdateSuccess = () => {
     var _otherProps$onMembers;
@@ -23926,6 +23970,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 +23986,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.3",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",