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

package/dist/index.cjs.js

@@ -6849,6 +6849,53 @@ var ReactGA = _objectSpread({}, Defaults, {
   OutboundLink: OutboundLink
 });
 
+// Polyfill
+(() => {
+  if (typeof window.CustomEvent === "function") return false;
+
+  function CustomEvent(event, params = {
+    bubbles: false,
+    cancelable: false,
+    detail: undefined
+  }) {
+    const evt = document.createEvent("CustomEvent");
+    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+    return evt;
+  }
+
+  CustomEvent.prototype = window.Event.prototype;
+  window.CustomEvent = CustomEvent;
+})();
+/**
+ * Should fire when the cart is opened and expects the cartItems inside the card to be sent
+ */
+
+
+const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
+/**
+ * Should fire when an item added to the cart and expects the added item to be sent
+ */
+
+const cartItemAdded = detail => createCustomEvent("PelcroElementsCartItemAdded", detail);
+/**
+ * Should fire when an item removed from the cart and expects the removed item to be sent
+ */
+
+const cartItemRemoved = detail => createCustomEvent("PelcroElementsCartItemRemoved", detail);
+/**
+ * Check if the browser support custom events
+ */
+
+function createCustomEvent(name, detail) {
+  try {
+    return new CustomEvent(name, {
+      detail
+    });
+  } catch (e) {
+    console.warn("Pelcro - Events are not supported in the browser");
+  }
+}
+
 class PelcroActions {
   constructor(storeSetter, storeGetter) {
     _defineProperty$3(this, "resetState", () => {
@@ -7010,14 +7057,16 @@ class PelcroActions {
       switchView("login");
     });
 
-    _defineProperty$3(this, "addToCart", itemSkuId => {
-      const itemToAdd = window.Pelcro.ecommerce.products.getBySkuId(Number(itemSkuId));
+    _defineProperty$3(this, "addToCart", item => {
+      const itemToAdd = window.Pelcro.ecommerce.products.getBySkuId(Number(item.id));
 
       if (!itemToAdd) {
         console.error("invalid item SKU id");
         return false;
-      }
+      } //Dispatch PelcroElementsCartItemAdded event when the item got added successfully
 
+
+      document.dispatchEvent(cartItemAdded(item));
       const {
         cartItems
       } = this.get();
@@ -20523,53 +20572,6 @@ const CartTotalPrice = () => {
   return null;
 };
 
-// Polyfill
-(() => {
-  if (typeof window.CustomEvent === "function") return false;
-
-  function CustomEvent(event, params = {
-    bubbles: false,
-    cancelable: false,
-    detail: undefined
-  }) {
-    const evt = document.createEvent("CustomEvent");
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-
-  CustomEvent.prototype = window.Event.prototype;
-  window.CustomEvent = CustomEvent;
-})();
-/**
- * Should fire when the cart is opened and expects the cartItems inside the card to be sent
- */
-
-
-const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
-/**
- * Should fire when an item added to the cart and expects the added item to be sent
- */
-
-const cartItemAdded = detail => createCustomEvent("PelcroElementsCartItemAdded", detail);
-/**
- * Should fire when an item removed from the cart and expects the removed item to be sent
- */
-
-const cartItemRemoved = detail => createCustomEvent("PelcroElementsCartItemRemoved", detail);
-/**
- * Check if the browser support custom events
- */
-
-function createCustomEvent(name, detail) {
-  try {
-    return new CustomEvent(name, {
-      detail
-    });
-  } catch (e) {
-    console.warn("Pelcro - Events are not supported in the browser");
-  }
-}
-
 const CartView = props => {
   const {
     cartItems
@@ -20676,8 +20678,7 @@ const ShopSelectProductButton = ({
   const handleClick = () => {
     setDisabled(true);
     setTextContent(t("buttons.added"));
-    addToCart(item.id);
-    document.dispatchEvent(cartItemAdded(item));
+    addToCart(item);
     onClick === null || onClick === void 0 ? void 0 : onClick();
     setTimeout(() => {
       setDisabled(false);

package/dist/index.esm.js

@@ -6819,6 +6819,53 @@ var ReactGA = _objectSpread({}, Defaults, {
   OutboundLink: OutboundLink
 });
 
+// Polyfill
+(() => {
+  if (typeof window.CustomEvent === "function") return false;
+
+  function CustomEvent(event, params = {
+    bubbles: false,
+    cancelable: false,
+    detail: undefined
+  }) {
+    const evt = document.createEvent("CustomEvent");
+    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+    return evt;
+  }
+
+  CustomEvent.prototype = window.Event.prototype;
+  window.CustomEvent = CustomEvent;
+})();
+/**
+ * Should fire when the cart is opened and expects the cartItems inside the card to be sent
+ */
+
+
+const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
+/**
+ * Should fire when an item added to the cart and expects the added item to be sent
+ */
+
+const cartItemAdded = detail => createCustomEvent("PelcroElementsCartItemAdded", detail);
+/**
+ * Should fire when an item removed from the cart and expects the removed item to be sent
+ */
+
+const cartItemRemoved = detail => createCustomEvent("PelcroElementsCartItemRemoved", detail);
+/**
+ * Check if the browser support custom events
+ */
+
+function createCustomEvent(name, detail) {
+  try {
+    return new CustomEvent(name, {
+      detail
+    });
+  } catch (e) {
+    console.warn("Pelcro - Events are not supported in the browser");
+  }
+}
+
 class PelcroActions {
   constructor(storeSetter, storeGetter) {
     _defineProperty$3(this, "resetState", () => {
@@ -6980,14 +7027,16 @@ class PelcroActions {
       switchView("login");
     });
 
-    _defineProperty$3(this, "addToCart", itemSkuId => {
-      const itemToAdd = window.Pelcro.ecommerce.products.getBySkuId(Number(itemSkuId));
+    _defineProperty$3(this, "addToCart", item => {
+      const itemToAdd = window.Pelcro.ecommerce.products.getBySkuId(Number(item.id));
 
       if (!itemToAdd) {
         console.error("invalid item SKU id");
         return false;
-      }
+      } //Dispatch PelcroElementsCartItemAdded event when the item got added successfully
 
+
+      document.dispatchEvent(cartItemAdded(item));
       const {
         cartItems
       } = this.get();
@@ -20493,53 +20542,6 @@ const CartTotalPrice = () => {
   return null;
 };
 
-// Polyfill
-(() => {
-  if (typeof window.CustomEvent === "function") return false;
-
-  function CustomEvent(event, params = {
-    bubbles: false,
-    cancelable: false,
-    detail: undefined
-  }) {
-    const evt = document.createEvent("CustomEvent");
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-
-  CustomEvent.prototype = window.Event.prototype;
-  window.CustomEvent = CustomEvent;
-})();
-/**
- * Should fire when the cart is opened and expects the cartItems inside the card to be sent
- */
-
-
-const cartOpened = detail => createCustomEvent("PelcroElementsCartOpened", detail);
-/**
- * Should fire when an item added to the cart and expects the added item to be sent
- */
-
-const cartItemAdded = detail => createCustomEvent("PelcroElementsCartItemAdded", detail);
-/**
- * Should fire when an item removed from the cart and expects the removed item to be sent
- */
-
-const cartItemRemoved = detail => createCustomEvent("PelcroElementsCartItemRemoved", detail);
-/**
- * Check if the browser support custom events
- */
-
-function createCustomEvent(name, detail) {
-  try {
-    return new CustomEvent(name, {
-      detail
-    });
-  } catch (e) {
-    console.warn("Pelcro - Events are not supported in the browser");
-  }
-}
-
 const CartView = props => {
   const {
     cartItems
@@ -20646,8 +20648,7 @@ const ShopSelectProductButton = ({
   const handleClick = () => {
     setDisabled(true);
     setTextContent(t("buttons.added"));
-    addToCart(item.id);
-    document.dispatchEvent(cartItemAdded(item));
+    addToCart(item);
     onClick === null || onClick === void 0 ? void 0 : onClick();
     setTimeout(() => {
       setDisabled(false);

package/package.json

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