@pelcro/react-pelcro-js 3.2.0-beta.31 → 3.2.0-beta.32

package/dist/index.cjs.js

@@ -7063,10 +7063,10 @@ class PelcroActions {
       if (!itemToAdd) {
         console.error("invalid item SKU id");
         return false;
-      } //Dispatch PelcroElementsCartItemAdded event when the item got added successfully
+      } //Dispatch PelcroElementsCartItemAdded when an item added successfully to the cart
 
 
-      document.dispatchEvent(cartItemAdded(item));
+      document.dispatchEvent(cartItemAdded(itemToAdd));
       const {
         cartItems
       } = this.get();
@@ -20662,7 +20662,7 @@ const CartModal = ({
 CartModal.viewId = "cart";
 
 const ShopSelectProductButton = ({
-  item,
+  itemId,
   onClick,
   ...otherProps
 }) => {
@@ -20678,7 +20678,7 @@ const ShopSelectProductButton = ({
   const handleClick = () => {
     setDisabled(true);
     setTextContent(t("buttons.added"));
-    addToCart(item);
+    addToCart(itemId);
     onClick === null || onClick === void 0 ? void 0 : onClick();
     setTimeout(() => {
       setDisabled(false);
@@ -20687,8 +20687,8 @@ const ShopSelectProductButton = ({
   };
 
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
-    "data-sku-id": item.id,
-    id: `pelcro-shop-select-${item.id}`,
+    "data-sku-id": itemId,
+    id: `pelcro-shop-select-${itemId}`,
     onClick: handleClick,
     disabled: disabled
   }, otherProps), textContent);
@@ -20732,7 +20732,7 @@ const ShopView = () => {
     }, item.name), /*#__PURE__*/React__default['default'].createElement("p", {
       className: "plc-font-bold pelcro-shop-product-description"
     }, item.description), /*#__PURE__*/React__default['default'].createElement(ShopSelectProductButton, {
-      item: item,
+      itemId: item.id,
       className: "plc-mt-2"
     }), /*#__PURE__*/React__default['default'].createElement(ShopPurchaseButton, {
       itemId: item.id,

package/dist/index.esm.js

@@ -7033,10 +7033,10 @@ class PelcroActions {
       if (!itemToAdd) {
         console.error("invalid item SKU id");
         return false;
-      } //Dispatch PelcroElementsCartItemAdded event when the item got added successfully
+      } //Dispatch PelcroElementsCartItemAdded when an item added successfully to the cart
 
 
-      document.dispatchEvent(cartItemAdded(item));
+      document.dispatchEvent(cartItemAdded(itemToAdd));
       const {
         cartItems
       } = this.get();
@@ -20632,7 +20632,7 @@ const CartModal = ({
 CartModal.viewId = "cart";
 
 const ShopSelectProductButton = ({
-  item,
+  itemId,
   onClick,
   ...otherProps
 }) => {
@@ -20648,7 +20648,7 @@ const ShopSelectProductButton = ({
   const handleClick = () => {
     setDisabled(true);
     setTextContent(t("buttons.added"));
-    addToCart(item);
+    addToCart(itemId);
     onClick === null || onClick === void 0 ? void 0 : onClick();
     setTimeout(() => {
       setDisabled(false);
@@ -20657,8 +20657,8 @@ const ShopSelectProductButton = ({
   };
 
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
-    "data-sku-id": item.id,
-    id: `pelcro-shop-select-${item.id}`,
+    "data-sku-id": itemId,
+    id: `pelcro-shop-select-${itemId}`,
     onClick: handleClick,
     disabled: disabled
   }, otherProps), textContent);
@@ -20702,7 +20702,7 @@ const ShopView = () => {
     }, item.name), /*#__PURE__*/React__default.createElement("p", {
       className: "plc-font-bold pelcro-shop-product-description"
     }, item.description), /*#__PURE__*/React__default.createElement(ShopSelectProductButton, {
-      item: item,
+      itemId: item.id,
       className: "plc-mt-2"
     }), /*#__PURE__*/React__default.createElement(ShopPurchaseButton, {
       itemId: item.id,

package/package.json

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