@pelcro/react-pelcro-js 3.2.0-beta.28 → 3.2.0-beta.30

package/dist/index.cjs.js

@@ -16025,7 +16025,7 @@ const CouponCode = ({
   };
 
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-mt-4"
+    className: "plc-mt-4 plc-mb-6"
   }, /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     className: "plc-mb-2 plc-text-base plc-text-gray-500",
     variant: "ghost",
@@ -20660,7 +20660,7 @@ const CartModal = ({
 CartModal.viewId = "cart";
 
 const ShopSelectProductButton = ({
-  itemId,
+  item,
   onClick,
   ...otherProps
 }) => {
@@ -20676,7 +20676,8 @@ const ShopSelectProductButton = ({
   const handleClick = () => {
     setDisabled(true);
     setTextContent(t("buttons.added"));
-    addToCart(itemId);
+    addToCart(item.id);
+    document.dispatchEvent(cartItemAdded(item));
     onClick === null || onClick === void 0 ? void 0 : onClick();
     setTimeout(() => {
       setDisabled(false);
@@ -20685,8 +20686,8 @@ const ShopSelectProductButton = ({
   };
 
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
-    "data-sku-id": itemId,
-    id: `pelcro-shop-select-${itemId}`,
+    "data-sku-id": item.id,
+    id: `pelcro-shop-select-${item.id}`,
     onClick: handleClick,
     disabled: disabled
   }, otherProps), textContent);
@@ -20730,9 +20731,8 @@ 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, {
-      itemId: item.id,
-      className: "plc-mt-2",
-      onClick: () => document.dispatchEvent(cartItemAdded(item))
+      item: item,
+      className: "plc-mt-2"
     }), /*#__PURE__*/React__default['default'].createElement(ShopPurchaseButton, {
       itemId: item.id,
       className: "plc-mt-2"

package/dist/index.esm.js

@@ -15995,7 +15995,7 @@ const CouponCode = ({
   };
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "plc-mt-4"
+    className: "plc-mt-4 plc-mb-6"
   }, /*#__PURE__*/React__default.createElement(Button, Object.assign({
     className: "plc-mb-2 plc-text-base plc-text-gray-500",
     variant: "ghost",
@@ -20630,7 +20630,7 @@ const CartModal = ({
 CartModal.viewId = "cart";
 
 const ShopSelectProductButton = ({
-  itemId,
+  item,
   onClick,
   ...otherProps
 }) => {
@@ -20646,7 +20646,8 @@ const ShopSelectProductButton = ({
   const handleClick = () => {
     setDisabled(true);
     setTextContent(t("buttons.added"));
-    addToCart(itemId);
+    addToCart(item.id);
+    document.dispatchEvent(cartItemAdded(item));
     onClick === null || onClick === void 0 ? void 0 : onClick();
     setTimeout(() => {
       setDisabled(false);
@@ -20655,8 +20656,8 @@ const ShopSelectProductButton = ({
   };
 
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
-    "data-sku-id": itemId,
-    id: `pelcro-shop-select-${itemId}`,
+    "data-sku-id": item.id,
+    id: `pelcro-shop-select-${item.id}`,
     onClick: handleClick,
     disabled: disabled
   }, otherProps), textContent);
@@ -20700,9 +20701,8 @@ const ShopView = () => {
     }, item.name), /*#__PURE__*/React__default.createElement("p", {
       className: "plc-font-bold pelcro-shop-product-description"
     }, item.description), /*#__PURE__*/React__default.createElement(ShopSelectProductButton, {
-      itemId: item.id,
-      className: "plc-mt-2",
-      onClick: () => document.dispatchEvent(cartItemAdded(item))
+      item: item,
+      className: "plc-mt-2"
     }), /*#__PURE__*/React__default.createElement(ShopPurchaseButton, {
       itemId: item.id,
       className: "plc-mt-2"

package/package.json

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