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

package/dist/index.cjs.js

@@ -19621,12 +19621,12 @@ const CheckoutForm = () => {
       className: "plc-w-6/12 plc-pr-4"
     }, /*#__PURE__*/React__default['default'].createElement(MonthSelect, {
       store: store$k,
-      placeholder: "Exp Month"
+      placeholder: "Exp Month *"
     })), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-w-6/12"
     }, /*#__PURE__*/React__default['default'].createElement(YearSelect, {
       store: store$k,
-      placeholder: "Exp Year"
+      placeholder: "Exp Year *"
     }))));
   }
   if (cardProcessor === "stripe") {
@@ -19689,7 +19689,7 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r, _window$Pelcro$site$r2;
   let {
     onClick,
     ...otherProps
@@ -19715,13 +19715,16 @@ const SubmitPaymentMethod = _ref => {
       phone,
       disableSubmit,
       isLoading,
-      updatedPrice
+      updatedPrice,
+      month,
+      year
     }
   } = React.useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
   const priceFormatted = (plan === null || plan === void 0 ? void 0 : plan.type) === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
+  const supportsCybersource = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.cybersource_gateway_settings);
   const isUserFirstName = Boolean(window.Pelcro.user.read().first_name);
   const isUserLastName = Boolean(window.Pelcro.user.read().last_name);
   const isUserPhone = Boolean(window.Pelcro.user.read().phone);
@@ -19730,9 +19733,9 @@ const SubmitPaymentMethod = _ref => {
     if (supportsTap && isUserFirstName && isUserLastName && isUserPhone) {
       setDisabled(disableSubmit);
     } else {
-      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError);
+      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError || supportsCybersource && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !(year !== null && year !== void 0 && year.length));
     }
-  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError]);
+  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     role: "submit",
     className: "plc-w-full plc-py-3",

package/dist/index.esm.js

@@ -19591,12 +19591,12 @@ const CheckoutForm = () => {
       className: "plc-w-6/12 plc-pr-4"
     }, /*#__PURE__*/React__default.createElement(MonthSelect, {
       store: store$k,
-      placeholder: "Exp Month"
+      placeholder: "Exp Month *"
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "plc-w-6/12"
     }, /*#__PURE__*/React__default.createElement(YearSelect, {
       store: store$k,
-      placeholder: "Exp Year"
+      placeholder: "Exp Year *"
     }))));
   }
   if (cardProcessor === "stripe") {
@@ -19659,7 +19659,7 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r, _window$Pelcro$site$r2;
   let {
     onClick,
     ...otherProps
@@ -19685,13 +19685,16 @@ const SubmitPaymentMethod = _ref => {
       phone,
       disableSubmit,
       isLoading,
-      updatedPrice
+      updatedPrice,
+      month,
+      year
     }
   } = useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
   const priceFormatted = (plan === null || plan === void 0 ? void 0 : plan.type) === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
+  const supportsCybersource = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.cybersource_gateway_settings);
   const isUserFirstName = Boolean(window.Pelcro.user.read().first_name);
   const isUserLastName = Boolean(window.Pelcro.user.read().last_name);
   const isUserPhone = Boolean(window.Pelcro.user.read().phone);
@@ -19700,9 +19703,9 @@ const SubmitPaymentMethod = _ref => {
     if (supportsTap && isUserFirstName && isUserLastName && isUserPhone) {
       setDisabled(disableSubmit);
     } else {
-      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError);
+      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError || supportsCybersource && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !(year !== null && year !== void 0 && year.length));
     }
-  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError]);
+  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
     role: "submit",
     className: "plc-w-full plc-py-3",

package/package.json

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