@pelcro/react-pelcro-js 3.23.0-beta.6 → 3.23.0-beta.8

package/dist/index.cjs.js

@@ -9693,6 +9693,17 @@ function notifyBugsnag(callback, startOptions) {
   }
   callback();
 }
+
+//create a safe and strong password string with special characters
+function generatePassword() {
+  const length = 16;
+  const charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+{}|:<>?`~";
+  let retVal = "";
+  for (let i = 0, n = charset.length; i < length; ++i) {
+    retVal += charset.charAt(Math.floor(Math.random() * n));
+  }
+  return retVal;
+}
 function isStringValid(str) {
   // Define the regular expression to match only letters, numbers and spaces
   var regex = /^[a-zA-Z0-9\s]+$/;
@@ -19446,7 +19457,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const sendRegisterRequest = (state, callback) => {
     window.Pelcro.user.register({
       email: state.email,
-      password: state.password
+      password: generatePassword()
     }, (err, res) => {
       if (err) {
         var _err$response, _err$response$data;
@@ -20256,7 +20267,8 @@ const SubmitPaymentMethod = _ref => {
   const {
     plan,
     selectedDonationAmount,
-    customDonationAmount
+    customDonationAmount,
+    selectedPaymentMethodId
   } = usePelcro();
   const {
     t
@@ -20292,7 +20304,7 @@ 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 || supportsCybersource && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !(year !== null && year !== void 0 && year.length));
+      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 && !selectedPaymentMethodId && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !selectedPaymentMethodId && !(year !== null && year !== void 0 && year.length));
     }
   }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
@@ -20933,10 +20945,6 @@ const DonationEmail = props => /*#__PURE__*/React__default['default'].createElem
   store: store$k
 }, props));
 
-const DonationPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
-  store: store$k
-}, props));
-
 /**
  *
  */
@@ -21023,11 +21031,6 @@ function PaymentMethodView(_ref) {
     label: t("labels.email"),
     required: true,
     autoFocus: true
-  }), /*#__PURE__*/React__default['default'].createElement(DonationPassword, {
-    id: "pelcro-input-password",
-    errorId: "pelcro-input-password-error",
-    label: t("labels.password"),
-    required: true
   })), /*#__PURE__*/React__default['default'].createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-mb-2"
   }, /*#__PURE__*/React__default['default'].createElement(CouponCode, null), /*#__PURE__*/React__default['default'].createElement(DiscountedPrice, null)), /*#__PURE__*/React__default['default'].createElement(TaxAmount, null), /*#__PURE__*/React__default['default'].createElement("div", {

package/dist/index.esm.js

@@ -9663,6 +9663,17 @@ function notifyBugsnag(callback, startOptions) {
   }
   callback();
 }
+
+//create a safe and strong password string with special characters
+function generatePassword() {
+  const length = 16;
+  const charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+{}|:<>?`~";
+  let retVal = "";
+  for (let i = 0, n = charset.length; i < length; ++i) {
+    retVal += charset.charAt(Math.floor(Math.random() * n));
+  }
+  return retVal;
+}
 function isStringValid(str) {
   // Define the regular expression to match only letters, numbers and spaces
   var regex = /^[a-zA-Z0-9\s]+$/;
@@ -19416,7 +19427,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const sendRegisterRequest = (state, callback) => {
     window.Pelcro.user.register({
       email: state.email,
-      password: state.password
+      password: generatePassword()
     }, (err, res) => {
       if (err) {
         var _err$response, _err$response$data;
@@ -20226,7 +20237,8 @@ const SubmitPaymentMethod = _ref => {
   const {
     plan,
     selectedDonationAmount,
-    customDonationAmount
+    customDonationAmount,
+    selectedPaymentMethodId
   } = usePelcro();
   const {
     t
@@ -20262,7 +20274,7 @@ 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 || supportsCybersource && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !(year !== null && year !== void 0 && year.length));
+      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 && !selectedPaymentMethodId && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !selectedPaymentMethodId && !(year !== null && year !== void 0 && year.length));
     }
   }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
@@ -20903,10 +20915,6 @@ const DonationEmail = props => /*#__PURE__*/React__default.createElement(Email,
   store: store$k
 }, props));
 
-const DonationPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
-  store: store$k
-}, props));
-
 /**
  *
  */
@@ -20993,11 +21001,6 @@ function PaymentMethodView(_ref) {
     label: t("labels.email"),
     required: true,
     autoFocus: true
-  }), /*#__PURE__*/React__default.createElement(DonationPassword, {
-    id: "pelcro-input-password",
-    errorId: "pelcro-input-password-error",
-    label: t("labels.password"),
-    required: true
   })), /*#__PURE__*/React__default.createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default.createElement("div", {
     className: "plc-mb-2"
   }, /*#__PURE__*/React__default.createElement(CouponCode, null), /*#__PURE__*/React__default.createElement(DiscountedPrice, null)), /*#__PURE__*/React__default.createElement(TaxAmount, null), /*#__PURE__*/React__default.createElement("div", {

package/package.json

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