@pelcro/react-pelcro-js 3.26.0-beta.22 → 3.26.0-beta.23

package/dist/index.cjs.js

@@ -9517,6 +9517,43 @@ const calcAndFormatItemsTotal = (items, currency) => {
   }
   return getFormattedPriceByLocal(totalWithoutDividingBy100, currency, getPageOrDefaultLanguage());
 };
+const getOrderInfo = order => {
+  if (!order) {
+    return {
+      price: null,
+      currency: null,
+      label: null
+    };
+  }
+  const isQuickPurchase = !Array.isArray(order);
+  if (isQuickPurchase) {
+    return {
+      price: order.price * order.quantity,
+      currency: order.currency,
+      label: order.name
+    };
+  }
+  if (order.length === 0) {
+    return {
+      price: null,
+      currency: null,
+      label: null
+    };
+  }
+  if (order.length === 1) {
+    return {
+      price: order[0].price * order[0].quantity,
+      currency: order[0].currency,
+      label: order[0].name
+    };
+  }
+  const price = order.reduce((total, item) => total + item.price * item.quantity, 0);
+  return {
+    price,
+    currency: order[0].currency,
+    label: price === 0 ? "Free Items" : "Order"
+  };
+};
 
 /**
  * returns true if the URL contains a supported view trigger URL
@@ -21547,11 +21584,9 @@ function PaymentMethodView(_ref) {
     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"
-  }, !Array.isArray(order) ? /*#__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("span", {
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-tracking-wider plc-uppercase"
-  }, t("labels.freeItems")), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
+  }, getOrderInfo(order).label), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-text-xl plc-font-semibold plc-text-primary-600"
   }, (_calcAndFormatItemsTo = calcAndFormatItemsTotal(order, (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency)) !== null && _calcAndFormatItemsTo !== void 0 ? _calcAndFormatItemsTo : 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"

package/dist/index.esm.js

@@ -9487,6 +9487,43 @@ const calcAndFormatItemsTotal = (items, currency) => {
   }
   return getFormattedPriceByLocal(totalWithoutDividingBy100, currency, getPageOrDefaultLanguage());
 };
+const getOrderInfo = order => {
+  if (!order) {
+    return {
+      price: null,
+      currency: null,
+      label: null
+    };
+  }
+  const isQuickPurchase = !Array.isArray(order);
+  if (isQuickPurchase) {
+    return {
+      price: order.price * order.quantity,
+      currency: order.currency,
+      label: order.name
+    };
+  }
+  if (order.length === 0) {
+    return {
+      price: null,
+      currency: null,
+      label: null
+    };
+  }
+  if (order.length === 1) {
+    return {
+      price: order[0].price * order[0].quantity,
+      currency: order[0].currency,
+      label: order[0].name
+    };
+  }
+  const price = order.reduce((total, item) => total + item.price * item.quantity, 0);
+  return {
+    price,
+    currency: order[0].currency,
+    label: price === 0 ? "Free Items" : "Order"
+  };
+};
 
 /**
  * returns true if the URL contains a supported view trigger URL
@@ -21517,11 +21554,9 @@ function PaymentMethodView(_ref) {
     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"
-  }, !Array.isArray(order) ? /*#__PURE__*/React__default.createElement("span", {
-    className: "plc-tracking-wider plc-uppercase"
-  }, order === null || order === void 0 ? void 0 : order.name) : /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "plc-tracking-wider plc-uppercase"
-  }, t("labels.freeItems")), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
+  }, getOrderInfo(order).label), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("span", {
     className: "plc-text-xl plc-font-semibold plc-text-primary-600"
   }, (_calcAndFormatItemsTo = calcAndFormatItemsTotal(order, (_order$ = order[0]) === null || _order$ === void 0 ? void 0 : _order$.currency)) !== null && _calcAndFormatItemsTo !== void 0 ? _calcAndFormatItemsTo : 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"

package/package.json

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