@anker-in/shopify-react 0.1.1-beta.0 → 0.1.1-beta.1

package/dist/hooks/index.mjs

@@ -597,8 +597,6 @@ function useAddCartLines(options) {
   );
   return useSWRMutation("add-cart-lines", addLines, options);
 }
-
-// src/tracking/ga.ts
 var gaTrack = (data) => {
   if (typeof window === "undefined") {
     return;
@@ -616,18 +614,15 @@ var gaTrack = (data) => {
 };
 var trackAddToCartGA = ({
   lineItems = [],
-  gtmParams = {},
-  brand
+  gtmParams = {}
 }) => {
   if (!lineItems.length || !lineItems[0]?.variant) {
     return;
   }
   const { variant } = lineItems[0];
-  const currencyCode = variant?.price?.currencyCode;
-  const totalPrice = lineItems.reduce((sum, item) => {
-    const price = parseFloat(item.variant?.price?.amount || "0");
-    return sum + price;
-  }, 0);
+  const currencyCode = variant.product?.price?.currencyCode;
+  const price = variant.compareAtPrice?.amount ?? (variant.price?.amount || 0);
+  const totalPrice = lineItems?.reduce((prev, { variant: variant2 }) => prev.plus(variant2?.finalPrice?.amount ?? price), new Decimal2(0)).toNumber();
   gaTrack({
     event: "ga4Event",
     event_name: "add_to_cart",
@@ -638,11 +633,11 @@ var trackAddToCartGA = ({
       position: gtmParams?.position || "",
       items: lineItems.map(({ variant: variant2, quantity }) => ({
         item_id: variant2?.sku,
-        item_name: variant2?.product?.title || variant2?.product?.name,
-        item_brand: brand || gtmParams?.brand || "",
+        item_name: variant2?.product?.title || variant2?.product?.title,
+        item_brand: gtmParams?.brand || "",
         item_category: variant2?.product?.productType || "",
-        item_variant: variant2?.title || variant2?.name,
-        price: variant2?.finalPrice?.amount ?? variant2?.price?.amount,
+        item_variant: variant2?.title || variant2?.title,
+        price,
         quantity: quantity || 1
       })),
       ...gtmParams?.ga4Params
@@ -651,19 +646,15 @@ var trackAddToCartGA = ({
 };
 var trackBuyNowGA = ({
   lineItems = [],
-  gtmParams = {},
-  brand
+  gtmParams = {}
 }) => {
   if (!lineItems.length || !lineItems[0]?.variant) {
     return;
   }
   const { variant } = lineItems[0];
   const currencyCode = variant.price?.currencyCode;
-  const totalPrice = lineItems.reduce((sum, item) => {
-    const price = parseFloat(item.finalPrice?.amount || item.variant?.price?.amount || "0");
-    const quantity = item.quantity || 1;
-    return sum + price * quantity;
-  }, 0);
+  const price = variant.compareAtPrice?.amount ?? (variant.price?.amount || 0);
+  const totalPrice = lineItems?.reduce((prev, { variant: variant2 }) => prev.plus(variant2?.finalPrice?.amount ?? price), new Decimal2(0)).toNumber();
   gaTrack({
     event: "ga4Event",
     event_name: "begin_checkout",
@@ -675,10 +666,10 @@ var trackBuyNowGA = ({
       items: lineItems.map((item) => ({
         item_id: item.variant?.sku,
         item_name: item.variant?.product?.title || item.variant?.title,
-        item_brand: item.variant?.product?.vendor || brand || gtmParams?.brand || "",
+        item_brand: gtmParams?.brand || "",
         item_category: item.variant?.product?.productType || "",
         item_variant: item.variant?.title,
-        price: item.finalPrice?.amount || item.variant?.price?.amount,
+        price,
         quantity: item.quantity || 1
       })),
       ...gtmParams?.ga4Params
@@ -692,10 +683,10 @@ var trackAddToCartFBQ = ({ lineItems = [] }) => {
     return;
   }
   if (lineItems.length && lineItems[0]?.variant) {
-    const { variant, quantity, finalPrice } = lineItems[0];
+    const { variant, quantity } = lineItems[0];
     try {
       window.fbq("track", "AddToCart", {
-        value: finalPrice?.amount || variant?.price?.amount,
+        value: variant?.compareAtPrice?.amount ?? (variant?.price?.amount || variant?.price || 0),
         num_items: quantity,
         currency: variant?.price?.currencyCode,
         content_name: variant?.product?.title,
@@ -782,9 +773,9 @@ function useRemoveCartCodes(options) {
 }
 
 // src/hooks/cart/use-add-to-cart.ts
-function useAddToCart({ withTrack = true, brand } = {}, swrOptions) {
-  const { client, locale, cartCookieAdapter, userAdapter } = useShopify();
-  const { mutateCart, cart, metafieldIdentifiers } = useCartContext();
+function useAddToCart({ withTrack = true } = {}, swrOptions) {
+  const { client, config, locale, cartCookieAdapter, userAdapter } = useShopify();
+  const { cart } = useCartContext();
   const { trigger: applyCartCodes } = useApplyCartCodes();
   const { trigger: removeInvalidCodes } = useRemoveCartCodes();
   const { trigger: addCartLines2 } = useAddCartLines();
@@ -806,7 +797,8 @@ function useAddToCart({ withTrack = true, brand } = {}, swrOptions) {
       const lines = lineItems.map((item) => ({
         merchandiseId: item.variant?.id || "",
         quantity: item.quantity || 1,
-        attributes: item.attributes
+        attributes: item.attributes,
+        sellingPlanId: item.sellingPlanId
       })).filter((item) => item.merchandiseId && item.quantity);
       if (lines.length === 0) {
         return;
@@ -841,34 +833,16 @@ function useAddToCart({ withTrack = true, brand } = {}, swrOptions) {
           discountCodes
         });
       }
-      if (withTrack && resultCart.lineItems) {
-        const trackingLineItems = resultCart.lineItems.map((line) => ({
-          variant: {
-            id: line.variant.id,
-            sku: line.variant.sku || "",
-            title: line.variant.name,
-            price: {
-              amount: String(line.variant.price),
-              currencyCode: resultCart.currency.code
-            },
-            product: line.product ? {
-              title: line.product.title || line.name,
-              productType: line.product.productType,
-              vendor: line.product.vendor
-            } : void 0
-          },
-          quantity: line.quantity
-        }));
+      if (withTrack) {
         trackAddToCartGA({
-          lineItems: trackingLineItems,
-          gtmParams: { ...gtmParams, brand },
-          brand
+          lineItems,
+          gtmParams: { ...gtmParams, brand: config.getBrand() }
         });
-        trackAddToCartFBQ({ lineItems: trackingLineItems });
+        trackAddToCartFBQ({ lineItems });
       }
       return resultCart;
     },
-    [client, locale, cartCookieAdapter, userAdapter, cart, withTrack, brand]
+    [client, locale, cartCookieAdapter, userAdapter, cart, withTrack]
   );
   return useSWRMutation("add-to-cart", addToCart, swrOptions);
 }
@@ -949,8 +923,8 @@ function useUpdateCartAttributes(mutate, metafieldIdentifiers, options) {
   );
   return useSWRMutation("update-cart-attributes", updateAttributes, options);
 }
-function useBuyNow({ withTrack = true, brand } = {}, swrOptions) {
-  const { client, locale, cartCookieAdapter, userAdapter } = useShopify();
+function useBuyNow({ withTrack = true } = {}, swrOptions) {
+  const { client, config, locale, cartCookieAdapter, userAdapter } = useShopify();
   const isLoggedIn = userAdapter?.isLoggedIn || false;
   const buyNow = useCallback(
     async (_key, { arg }) => {
@@ -968,9 +942,10 @@ function useBuyNow({ withTrack = true, brand } = {}, swrOptions) {
         return;
       }
       const lines = lineItems.map((item) => ({
-        merchandiseId: item.variant?.id || item.variantId || "",
+        merchandiseId: item.variant?.id || "",
         quantity: item.quantity || 1,
-        attributes: item.attributes
+        attributes: item.attributes,
+        sellingPlanId: item.sellingPlanId
       })).filter((item) => item.merchandiseId && item.quantity);
       if (lines.length === 0) {
         return;
@@ -987,27 +962,9 @@ function useBuyNow({ withTrack = true, brand } = {}, swrOptions) {
         throw new Error("Failed to create cart for buy now");
       }
       if (withTrack && resultCart.lineItems) {
-        const trackingLineItems = resultCart.lineItems.map((line) => ({
-          variant: {
-            id: line.variantId,
-            sku: line.variant.sku || "",
-            title: line.variant.name,
-            price: {
-              amount: String(line.variant.price),
-              currencyCode: resultCart.currency.code
-            },
-            product: line.product ? {
-              title: line.product.title || line.name,
-              productType: line.product.productType,
-              vendor: line.product.vendor
-            } : void 0
-          },
-          quantity: line.quantity
-        }));
         trackBuyNowGA({
-          lineItems: trackingLineItems,
-          gtmParams: { ...gtmParams, brand },
-          brand
+          lineItems,
+          gtmParams: { ...gtmParams, brand: config.getBrand() }
         });
         if (fbqTrackConfig) {
           trackBuyNowFBQ({ trackConfig: fbqTrackConfig });
@@ -1024,7 +981,7 @@ function useBuyNow({ withTrack = true, brand } = {}, swrOptions) {
       }
       return resultCart;
     },
-    [client, locale, isLoggedIn, cartCookieAdapter, withTrack, brand]
+    [client, locale, isLoggedIn, cartCookieAdapter, withTrack]
   );
   return useSWRMutation("buy-now", buyNow, swrOptions);
 }