npm - @pelcro/react-pelcro-js - Versions diffs - 3.22.0-beta.7 → 3.22.0-beta.9 - Mend

@pelcro/react-pelcro-js 3.22.0-beta.7 → 3.22.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -8707,7 +8707,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
   if (!Array.isArray(items)) return;
   let totalWithoutDividingBy100 = 0;
   for (const item of items) {
-    totalWithoutDividingBy100 += parseFloat(item.price ? isCurrencyZeroDecimal(currency) ? item.price * item.quantity : (item.price * item.quantity).toFixed(2) : isCurrencyZeroDecimal(currency) ? item.amount : item.amount.toFixed(2));
+    totalWithoutDividingBy100 += parseFloat(item !== null && item !== void 0 && item.price || (item === null || item === void 0 ? void 0 : item.price) === 0 ? isCurrencyZeroDecimal(currency) ? item.price * item.quantity : (item.price * item.quantity).toFixed(2) : isCurrencyZeroDecimal(currency) ? item.amount : item.amount.toFixed(2));
   }
   return getFormattedPriceByLocal(totalWithoutDividingBy100, currency, getPageOrDefaultLanguage());
 };
@@ -18800,7 +18800,7 @@ const OrderCreateFreeButton = _ref => {
     setDisabled(disableSubmit);
   }, [disableSubmit]);
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
-    className: "plc-w-full plc-mt-6",
+    className: "plc-w-full",
     onClick: () => {
       dispatch({
         type: DISABLE_SUBMIT,
@@ -18843,7 +18843,15 @@ function PaymentMethodView(_ref) {
   const isUserPhone = Boolean(window.Pelcro.user.read().phone);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-flex-col plc-items-center plc-mt-4 sm:plc-px-8 pelcro-payment-block"
-  }, cardProcessor === "stripe" && !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default['default'].createElement("div", {
+  }, order && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-w-full plc-p-2 plc-mb-4 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "plc-text-gray-600"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "plc-tracking-wider plc-uppercase"
+  }, order === null || order === void 0 ? void 0 : order.name), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "plc-text-xl plc-font-semibold plc-text-primary-600"
+  }, getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage())))), cardProcessor === "stripe" && !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-center plc-w-full plc-px-4 plc-py-2 plc-text-center plc-text-green-600 plc-border plc-border-green-400 plc-rounded plc-bg-green-50"
   }, /*#__PURE__*/React__default['default'].createElement(SvgLock, {
     className: "plc-w-5 plc-h-5 plc-mr-1"
@@ -18862,15 +18870,7 @@ function PaymentMethodView(_ref) {
     onFailure: onFailure
   }, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, {
     className: "plc-mb-2"
-  }), showSubscriptionButton && /*#__PURE__*/React__default['default'].createElement(SubscriptionCreateFreePlanButton, null), showOrderButton && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-w-full plc-p-2 plc-mt-2 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
-  }, /*#__PURE__*/React__default['default'].createElement("p", {
-    className: "plc-text-gray-600"
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "plc-tracking-wider plc-uppercase"
-  }, order === null || order === void 0 ? void 0 : order.name), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "plc-text-xl plc-font-semibold plc-text-primary-600"
-  }, getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement(OrderCreateFreeButton, null)), !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(BankRedirection, null), /*#__PURE__*/React__default['default'].createElement(BankAuthenticationSuccess, null), /*#__PURE__*/React__default['default'].createElement(SelectedPaymentMethod, null), supportsTap && (!isUserFirstName || !isUserLastName || !isUserPhone) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }), showSubscriptionButton && /*#__PURE__*/React__default['default'].createElement(SubscriptionCreateFreePlanButton, null), showOrderButton && /*#__PURE__*/React__default['default'].createElement(OrderCreateFreeButton, null), !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(BankRedirection, null), /*#__PURE__*/React__default['default'].createElement(BankAuthenticationSuccess, null), /*#__PURE__*/React__default['default'].createElement(SelectedPaymentMethod, null), supportsTap && (!isUserFirstName || !isUserLastName || !isUserPhone) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-start"
   }, /*#__PURE__*/React__default['default'].createElement(IncludeFirstName, {
     id: "pelcro-input-first-name",
@@ -20625,6 +20625,16 @@ function SubscriptionManageMembersList(props) {
       icon: /*#__PURE__*/React__default['default'].createElement(SvgCheckMark, null)
     };
   }, []);
+  const showMemberData = React.useCallback(member => {
+    var _member$customer, _member$customer2, _member$customer3, _member$customer4;
+    let data;
+    if ((member === null || member === void 0 ? void 0 : member.status) !== "active") {
+      data = member === null || member === void 0 ? void 0 : member.invitation_email;
+      return data;
+    }
+    data = (member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) || (member === null || member === void 0 ? void 0 : (_member$customer2 = member.customer) === null || _member$customer2 === void 0 ? void 0 : _member$customer2.first_name) + " " + (member === null || member === void 0 ? void 0 : (_member$customer3 = member.customer) === null || _member$customer3 === void 0 ? void 0 : _member$customer3.last_name) || (member === null || member === void 0 ? void 0 : (_member$customer4 = member.customer) === null || _member$customer4 === void 0 ? void 0 : _member$customer4.username) || "-----";
+    return data;
+  }, []);
   if (loading) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-animate-pulse"
@@ -20661,32 +20671,27 @@ function SubscriptionManageMembersList(props) {
       type: HANDLE_REMOVE_MEMBER
     });
   };
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => {
-    var _member$customer;
-    return /*#__PURE__*/React__default['default'].createElement("tr", {
-      key: member.id,
-      className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
-    }, /*#__PURE__*/React__default['default'].createElement("td", {
-      className: "plc-truncate plc-text-left",
-      title: member === null || member === void 0 ? void 0 : member.invitation_email
-    }, member.status === "active" ? /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "plc-font-semibold plc-text-gray-500"
-    }, member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) : /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "plc-font-semibold plc-text-gray-500"
-    }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default['default'].createElement("td", {
-      className: "plc-py-2"
-    }, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
-    }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
-      variant: "ghost",
-      className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
-      icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
-      onClick: () => onRemoveClick(member.id),
-      disabled: member.id === removeMemberId,
-      isLoading: member.id === removeMemberId,
-      "data-key": member.id
-    }, t("labels.remove"))));
-  }));
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => /*#__PURE__*/React__default['default'].createElement("tr", {
+    key: member.id,
+    className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
+  }, /*#__PURE__*/React__default['default'].createElement("td", {
+    className: "plc-truncate plc-text-left",
+    title: showMemberData(member)
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "plc-font-semibold plc-text-gray-500"
+  }, showMemberData(member))), /*#__PURE__*/React__default['default'].createElement("td", {
+    className: "plc-py-2"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
+  }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
+    variant: "ghost",
+    className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
+    onClick: () => onRemoveClick(member.id),
+    disabled: member.id === removeMemberId,
+    isLoading: member.id === removeMemberId,
+    "data-key": member.id
+  }, t("labels.remove"))))));
 }
 /**

package/dist/index.esm.js CHANGED Viewed

@@ -8677,7 +8677,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
   if (!Array.isArray(items)) return;
   let totalWithoutDividingBy100 = 0;
   for (const item of items) {
-    totalWithoutDividingBy100 += parseFloat(item.price ? isCurrencyZeroDecimal(currency) ? item.price * item.quantity : (item.price * item.quantity).toFixed(2) : isCurrencyZeroDecimal(currency) ? item.amount : item.amount.toFixed(2));
+    totalWithoutDividingBy100 += parseFloat(item !== null && item !== void 0 && item.price || (item === null || item === void 0 ? void 0 : item.price) === 0 ? isCurrencyZeroDecimal(currency) ? item.price * item.quantity : (item.price * item.quantity).toFixed(2) : isCurrencyZeroDecimal(currency) ? item.amount : item.amount.toFixed(2));
   }
   return getFormattedPriceByLocal(totalWithoutDividingBy100, currency, getPageOrDefaultLanguage());
 };
@@ -18770,7 +18770,7 @@ const OrderCreateFreeButton = _ref => {
     setDisabled(disableSubmit);
   }, [disableSubmit]);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
-    className: "plc-w-full plc-mt-6",
+    className: "plc-w-full",
     onClick: () => {
       dispatch({
         type: DISABLE_SUBMIT,
@@ -18813,7 +18813,15 @@ function PaymentMethodView(_ref) {
   const isUserPhone = Boolean(window.Pelcro.user.read().phone);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-flex-col plc-items-center plc-mt-4 sm:plc-px-8 pelcro-payment-block"
-  }, cardProcessor === "stripe" && !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default.createElement("div", {
+  }, order && /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-w-full plc-p-2 plc-mb-4 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "plc-text-gray-600"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "plc-tracking-wider plc-uppercase"
+  }, order === null || order === void 0 ? void 0 : order.name), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
+    className: "plc-text-xl plc-font-semibold plc-text-primary-600"
+  }, getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage())))), cardProcessor === "stripe" && !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-center plc-w-full plc-px-4 plc-py-2 plc-text-center plc-text-green-600 plc-border plc-border-green-400 plc-rounded plc-bg-green-50"
   }, /*#__PURE__*/React__default.createElement(SvgLock, {
     className: "plc-w-5 plc-h-5 plc-mr-1"
@@ -18832,15 +18840,7 @@ function PaymentMethodView(_ref) {
     onFailure: onFailure
   }, /*#__PURE__*/React__default.createElement(AlertWithContext, {
     className: "plc-mb-2"
-  }), showSubscriptionButton && /*#__PURE__*/React__default.createElement(SubscriptionCreateFreePlanButton, null), showOrderButton && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "plc-w-full plc-p-2 plc-mt-2 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
-  }, /*#__PURE__*/React__default.createElement("p", {
-    className: "plc-text-gray-600"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "plc-tracking-wider plc-uppercase"
-  }, order === null || order === void 0 ? void 0 : order.name), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
-    className: "plc-text-xl plc-font-semibold plc-text-primary-600"
-  }, getFormattedPriceByLocal(order === null || order === void 0 ? void 0 : order.price, order === null || order === void 0 ? void 0 : order.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default.createElement(OrderCreateFreeButton, null)), !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(BankRedirection, null), /*#__PURE__*/React__default.createElement(BankAuthenticationSuccess, null), /*#__PURE__*/React__default.createElement(SelectedPaymentMethod, null), supportsTap && (!isUserFirstName || !isUserLastName || !isUserPhone) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  }), showSubscriptionButton && /*#__PURE__*/React__default.createElement(SubscriptionCreateFreePlanButton, null), showOrderButton && /*#__PURE__*/React__default.createElement(OrderCreateFreeButton, null), !showSubscriptionButton && !showOrderButton && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(BankRedirection, null), /*#__PURE__*/React__default.createElement(BankAuthenticationSuccess, null), /*#__PURE__*/React__default.createElement(SelectedPaymentMethod, null), supportsTap && (!isUserFirstName || !isUserLastName || !isUserPhone) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-start"
   }, /*#__PURE__*/React__default.createElement(IncludeFirstName, {
     id: "pelcro-input-first-name",
@@ -20595,6 +20595,16 @@ function SubscriptionManageMembersList(props) {
       icon: /*#__PURE__*/React__default.createElement(SvgCheckMark, null)
     };
   }, []);
+  const showMemberData = useCallback(member => {
+    var _member$customer, _member$customer2, _member$customer3, _member$customer4;
+    let data;
+    if ((member === null || member === void 0 ? void 0 : member.status) !== "active") {
+      data = member === null || member === void 0 ? void 0 : member.invitation_email;
+      return data;
+    }
+    data = (member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) || (member === null || member === void 0 ? void 0 : (_member$customer2 = member.customer) === null || _member$customer2 === void 0 ? void 0 : _member$customer2.first_name) + " " + (member === null || member === void 0 ? void 0 : (_member$customer3 = member.customer) === null || _member$customer3 === void 0 ? void 0 : _member$customer3.last_name) || (member === null || member === void 0 ? void 0 : (_member$customer4 = member.customer) === null || _member$customer4 === void 0 ? void 0 : _member$customer4.username) || "-----";
+    return data;
+  }, []);
   if (loading) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("div", {
       className: "plc-animate-pulse"
@@ -20631,32 +20641,27 @@ function SubscriptionManageMembersList(props) {
       type: HANDLE_REMOVE_MEMBER
     });
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => {
-    var _member$customer;
-    return /*#__PURE__*/React__default.createElement("tr", {
-      key: member.id,
-      className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
-    }, /*#__PURE__*/React__default.createElement("td", {
-      className: "plc-truncate plc-text-left",
-      title: member === null || member === void 0 ? void 0 : member.invitation_email
-    }, member.status === "active" ? /*#__PURE__*/React__default.createElement("span", {
-      className: "plc-font-semibold plc-text-gray-500"
-    }, member === null || member === void 0 ? void 0 : (_member$customer = member.customer) === null || _member$customer === void 0 ? void 0 : _member$customer.email) : /*#__PURE__*/React__default.createElement("span", {
-      className: "plc-font-semibold plc-text-gray-500"
-    }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default.createElement("td", {
-      className: "plc-py-2"
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
-    }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
-      variant: "ghost",
-      className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
-      icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
-      onClick: () => onRemoveClick(member.id),
-      disabled: member.id === removeMemberId,
-      isLoading: member.id === removeMemberId,
-      "data-key": member.id
-    }, t("labels.remove"))));
-  }));
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => /*#__PURE__*/React__default.createElement("tr", {
+    key: member.id,
+    className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
+  }, /*#__PURE__*/React__default.createElement("td", {
+    className: "plc-truncate plc-text-left",
+    title: showMemberData(member)
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "plc-font-semibold plc-text-gray-500"
+  }, showMemberData(member))), /*#__PURE__*/React__default.createElement("td", {
+    className: "plc-py-2"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
+  }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
+    variant: "ghost",
+    className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+    icon: /*#__PURE__*/React__default.createElement(SvgXIconSolid, null),
+    onClick: () => onRemoveClick(member.id),
+    disabled: member.id === removeMemberId,
+    isLoading: member.id === removeMemberId,
+    "data-key": member.id
+  }, t("labels.remove"))))));
 }
 /**

package/package.json CHANGED Viewed

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