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

package/dist/hooks/index.mjs

@@ -101,25 +101,25 @@ var getMatchedMainProductSubTotal = (cartData, variant_list, main_product) => {
     return acc + (main_product?.spend_money_type === 1 /* ORIGIN_PRICE */ ? Number(line.subtotalAmount) || 0 : Number(line.totalAmount) || 0);
   }, 0) || 0;
 };
-var getDiscountEnvAttributeValue = (attributes = []) => {
-  const attr = attributes.find((attr2) => attr2.key === CUSTOMER_ATTRIBUTE_KEY);
-  return safeParseJson(attr?.value ?? "") ?? {};
-};
-var isAttributesEqual = (attrs1 = [], attrs2 = []) => {
-  if (attrs1.length !== attrs2.length) return false;
-  const sorted1 = [...attrs1].sort((a, b) => a.key.localeCompare(b.key));
-  const sorted2 = [...attrs2].sort((a, b) => a.key.localeCompare(b.key));
-  return sorted1.every(
-    (attr, i) => attr.key === sorted2[i]?.key && attr.value === sorted2[i]?.value
-  );
-};
-var safeParseJson = (str) => {
+var safeParse = (str) => {
   try {
     return JSON.parse(str);
   } catch (err) {
     return {};
   }
 };
+var getDiscountEnvAttributeValue = (attributes = []) => {
+  const attr = attributes.find((attr2) => attr2.key === CUSTOMER_ATTRIBUTE_KEY);
+  return safeParse(attr?.value ?? "") ?? {};
+};
+var checkAttributesUpdateNeeded = (oldAttributes, newAttributes, customAttributesNeedRemove) => {
+  return oldAttributes.some((attr) => {
+    const newAttr = newAttributes.find((newAttr2) => newAttr2.key === attr.key);
+    return newAttr ? newAttr.value !== attr.value : true;
+  }) || newAttributes.some((attr) => !oldAttributes.some((oldAttr) => oldAttr.key === attr.key)) || customAttributesNeedRemove.some(
+    (removeAttr) => oldAttributes.some((oldAttr) => oldAttr.key === removeAttr.key)
+  );
+};
 var containsAll = (source, requiredItems = []) => {
   if (!requiredItems?.length) return true;
   const sourceSet = new Set(source);
@@ -408,6 +408,14 @@ var useScriptAutoFreeGift = ({
       set_points_subscribe(!!isPointsSubscribe);
     }
   }, [locale]);
+  const isActivityAvailable = useMemo(() => {
+    if (!campaign) return false;
+    const query = getQuery();
+    const utmCampaign = Cookies5.get("utm_campaign") || query?.utm_campaign;
+    if (campaign.activityAvailableQuery && !utmCampaign?.includes(campaign.activityAvailableQuery))
+      return false;
+    return true;
+  }, [campaign]);
   const [upgrade_multiple, upgrade_value] = useMemo(() => {
     let upgrade_multiple2 = 1;
     let upgrade_value2 = 0;
@@ -424,8 +432,8 @@ var useScriptAutoFreeGift = ({
     return [upgrade_multiple2, upgrade_value2];
   }, [cart?.lineItems, points_subscribe]);
   const breakpoints = useMemo(() => {
-    if (!campaign) return [];
-    return (campaign.breakpoints || []).map((item) => ({
+    if (!isActivityAvailable) return [];
+    return (campaign?.breakpoints || []).map((item) => ({
       breakpoint: new Decimal2(item.breakpoint).minus(new Decimal2(upgrade_value)).dividedBy(new Decimal2(upgrade_multiple)).toFixed(2, Decimal2.ROUND_DOWN),
       giveawayProducts: item.giveawayProducts || []
     }));
@@ -449,25 +457,26 @@ var useScriptAutoFreeGift = ({
     return true;
   }, [giftHandles]);
   const involvedLines = useMemo(() => {
-    if (!campaign) return [];
+    if (!isActivityAvailable) return [];
     return (cart?.lineItems || []).filter((line) => {
       const isNotGift = line?.totalAmount && Number(line.totalAmount) > 0 && line.customAttributes?.every(
         (item) => item.key !== _giveaway
       );
       const hasCampaignTag = line.product?.tags?.some(
-        (tag) => campaign.includeTags?.includes(tag.trim()) && line.variant?.availableForSale
+        (tag) => campaign?.includeTags?.includes(tag.trim()) && line.variant?.availableForSale
       );
       return isNotGift && hasCampaignTag;
     });
-  }, [cart?.lineItems, campaign, _giveaway]);
+  }, [cart?.lineItems, isActivityAvailable, _giveaway]);
   const involvedSubTotal = useMemo(() => {
-    if (!campaign) return new Decimal2(0);
+    if (!isActivityAvailable) return new Decimal2(0);
     return involvedLines.reduce((prev, item) => {
-      const amount = campaign.useTotalAmount ? item.totalAmount : item.subtotalAmount;
+      const amount = campaign?.useTotalAmount ? item.totalAmount : item.subtotalAmount;
       return new Decimal2(prev).plus(new Decimal2(amount || 0));
     }, new Decimal2(0));
-  }, [involvedLines, campaign]);
+  }, [involvedLines, isActivityAvailable]);
   const [freeGiftLevel, nextFreeGiftLevel] = useMemo(() => {
+    if (!isActivityAvailable) return [null, null];
     const sortedLevels = [...breakpoints].sort(
       (a, b) => Number(b.breakpoint) - Number(a.breakpoint)
     );
@@ -597,8 +606,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 +623,19 @@ 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 totalPrice = lineItems?.reduce(
+    (prev, { variant: variant2 }) => prev.plus(
+      variant2?.finalPrice?.amount ?? variant2?.compareAtPrice?.amount ?? variant2?.price?.amount ?? 0
+    ),
+    new Decimal2(0)
+  ).toNumber();
   gaTrack({
     event: "ga4Event",
     event_name: "add_to_cart",
@@ -638,11 +646,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: variant2?.compareAtPrice?.amount ?? variant2?.price?.amount,
         quantity: quantity || 1
       })),
       ...gtmParams?.ga4Params
@@ -651,19 +659,19 @@ 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 totalPrice = lineItems?.reduce(
+    (prev, { variant: variant2 }) => prev.plus(
+      variant2?.finalPrice?.amount ?? variant2?.compareAtPrice?.amount ?? (variant2?.price?.amount || 0)
+    ),
+    new Decimal2(0)
+  ).toNumber();
   gaTrack({
     event: "ga4Event",
     event_name: "begin_checkout",
@@ -675,10 +683,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: item.variant?.compareAtPrice?.amount ?? item.variant?.price?.amount,
         quantity: item.quantity || 1
       })),
       ...gtmParams?.ga4Params
@@ -692,10 +700,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 +790,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 +814,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 +850,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 +940,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 +959,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 +979,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 +998,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);
 }
@@ -2533,11 +2507,43 @@ function useAutoRemovePlusMemberInCart({
     removeCartLines2
   ]);
 }
+function useAddPlusMemberProductsToCart({
+  cart,
+  memberSetting,
+  selectedPlusMemberMode,
+  selectedPlusMemberProduct
+}) {
+  const { hasMonthlyPlus, hasAnnualPlus } = useHasPlusMemberInCart({
+    cart,
+    memberSetting
+  });
+  const plusMemberProduct = useMemo(() => {
+    if (selectedPlusMemberMode === "free" /* FREE */) {
+      return void 0;
+    }
+    if (selectedPlusMemberMode === "monthly" /* MONTHLY */ && hasMonthlyPlus) {
+      return void 0;
+    }
+    if (selectedPlusMemberMode === "annual" /* ANNUAL */ && hasAnnualPlus) {
+      return void 0;
+    }
+    if (!selectedPlusMemberProduct) {
+      return void 0;
+    }
+    return selectedPlusMemberProduct;
+  }, [
+    selectedPlusMemberMode,
+    selectedPlusMemberProduct?.variant,
+    selectedPlusMemberProduct?.product,
+    hasMonthlyPlus,
+    hasAnnualPlus
+  ]);
+  return plusMemberProduct;
+}
 var PlusMemberProvider = ({
   variant,
   product,
-  shopCommon,
-  metafields,
+  memberSetting,
   initialSelectedPlusMemberMode = "free",
   profile,
   locale,
@@ -2557,14 +2563,14 @@ var PlusMemberProvider = ({
   const [deleteMarginBottom, setDeleteMarginBottom] = useState(false);
   const shippingMethodsContext = useShippingMethods({
     variant,
-    plusMemberMetafields: metafields,
+    plusMemberMetafields: memberSetting,
     selectedPlusMemberMode});
   const plusMemberHandles = useMemo(() => {
     return [
-      metafields?.plus_monthly_product?.handle,
-      metafields?.plus_annual_product?.handle
+      memberSetting?.plus_monthly_product?.handle,
+      memberSetting?.plus_annual_product?.handle
     ].filter(Boolean);
-  }, [metafields]);
+  }, [memberSetting]);
   const { data: plusMemberProducts = [] } = useProductsByHandles({
     handles: plusMemberHandles
   });
@@ -2572,25 +2578,24 @@ var PlusMemberProvider = ({
     if (selectedPlusMemberMode === "free" /* FREE */) {
       return null;
     }
-    const handle = selectedPlusMemberMode === "monthly" /* MONTHLY */ ? metafields?.plus_monthly_product?.handle : metafields?.plus_annual_product?.handle;
-    const sku = selectedPlusMemberMode === "monthly" /* MONTHLY */ ? metafields?.plus_monthly_product?.sku : metafields?.plus_annual_product?.sku;
+    const handle = selectedPlusMemberMode === "monthly" /* MONTHLY */ ? memberSetting?.plus_monthly_product?.handle : memberSetting?.plus_annual_product?.handle;
+    const sku = selectedPlusMemberMode === "monthly" /* MONTHLY */ ? memberSetting?.plus_monthly_product?.sku : memberSetting?.plus_annual_product?.sku;
     const product2 = plusMemberProducts?.find((p) => p.handle === handle);
     const variant2 = product2?.variants?.find((v) => v.sku === sku);
     return product2 && variant2 ? { product: product2, variant: variant2 } : null;
-  }, [plusMemberProducts, metafields, selectedPlusMemberMode]);
+  }, [plusMemberProducts, memberSetting, selectedPlusMemberMode]);
   return /* @__PURE__ */ jsx(
     PlusMemberContext.Provider,
     {
       value: {
         variant,
-        shopCommon,
         zipCode,
         setZipCode,
         allowNextDayDelivery,
         setAllowNextDayDelivery,
         allowThirdDayDelivery,
         setAllowThirdDayDelivery,
-        plusMemberMetafields: metafields,
+        plusMemberMetafields: memberSetting,
         selectedPlusMemberMode,
         setSelectedPlusMemberMode,
         showAreaCheckModal,
@@ -2796,6 +2801,6 @@ function clearGeoLocationCache(cacheKey = "geoLocation") {
   }
 }
 
-export { BuyRuleType, CODE_AMOUNT_KEY, CUSTOMER_ATTRIBUTE_KEY, CUSTOMER_SCRIPT_GIFT_KEY, DeliveryPlusType, MAIN_PRODUCT_CODE, OrderBasePriceType, OrderDiscountType, PLUS_MEMBER_TYPE, PlusMemberContext, PlusMemberMode, PlusMemberProvider, PriceBasePriceType, PriceDiscountType, RuleType, SCRIPT_CODE_AMOUNT_KEY, ShippingMethodMode, SpendMoneyType, atobID, btoaID, clearGeoLocationCache, currencyCodeMapping, defaultSWRMutationConfiguration, formatFunctionAutoFreeGift, formatScriptAutoFreeGift, getCachedGeoLocation, getDiscountEnvAttributeValue, getMatchedMainProductSubTotal, getQuery, getReferralAttributes, isAttributesEqual, preCheck, safeParseJson, useAddCartLines, useAddToCart, useAllBlogs, useAllCollections, useAllProducts, useApplyCartCodes, useArticle, useArticles, useArticlesInBlog, useAutoRemovePlusMemberInCart, useBlog, useBuyNow, useCalcAutoFreeGift, useCalcOrderDiscount, useCartAttributes, useCartItemQuantityLimit, useCollection, useCollections, useCreateCart, useExposure, useGeoLocation, useHasPlusMemberInCart, useIntersection, usePlusAnnualProductVariant, usePlusMemberCheckoutCustomAttributes, usePlusMemberContext, usePlusMemberDeliveryCodes, usePlusMemberItemCustomAttributes, usePlusMonthlyProductVariant, usePrice, useProduct, useProductUrl, useProductsByHandles, useRemoveCartCodes, useRemoveCartLines, useReplaceCartPlusMember, useScriptAutoFreeGift, useSearch, useSelectedOptions, useShippingMethodAvailableCheck, useShippingMethods, useSite, useUpdateCartAttributes, useUpdateCartLines, useUpdateLineCodeAmountAttributes, useUpdateVariantQuery, useVariant, useVariantMedia };
+export { BuyRuleType, CODE_AMOUNT_KEY, CUSTOMER_ATTRIBUTE_KEY, CUSTOMER_SCRIPT_GIFT_KEY, DeliveryPlusType, MAIN_PRODUCT_CODE, OrderBasePriceType, OrderDiscountType, PLUS_MEMBER_TYPE, PlusMemberContext, PlusMemberMode, PlusMemberProvider, PriceBasePriceType, PriceDiscountType, RuleType, SCRIPT_CODE_AMOUNT_KEY, ShippingMethodMode, SpendMoneyType, atobID, btoaID, checkAttributesUpdateNeeded, clearGeoLocationCache, currencyCodeMapping, defaultSWRMutationConfiguration, formatFunctionAutoFreeGift, formatScriptAutoFreeGift, getCachedGeoLocation, getDiscountEnvAttributeValue, getMatchedMainProductSubTotal, getQuery, getReferralAttributes, preCheck, safeParse, useAddCartLines, useAddPlusMemberProductsToCart, useAddToCart, useAllBlogs, useAllCollections, useAllProducts, useApplyCartCodes, useArticle, useArticles, useArticlesInBlog, useAutoRemovePlusMemberInCart, useBlog, useBuyNow, useCalcAutoFreeGift, useCalcOrderDiscount, useCartAttributes, useCartItemQuantityLimit, useCollection, useCollections, useCreateCart, useExposure, useGeoLocation, useHasPlusMemberInCart, useIntersection, usePlusAnnualProductVariant, usePlusMemberCheckoutCustomAttributes, usePlusMemberContext, usePlusMemberDeliveryCodes, usePlusMemberItemCustomAttributes, usePlusMonthlyProductVariant, usePrice, useProduct, useProductUrl, useProductsByHandles, useRemoveCartCodes, useRemoveCartLines, useReplaceCartPlusMember, useScriptAutoFreeGift, useSearch, useSelectedOptions, useShippingMethodAvailableCheck, useShippingMethods, useSite, useUpdateCartAttributes, useUpdateCartLines, useUpdateLineCodeAmountAttributes, useUpdateVariantQuery, useVariant, useVariantMedia };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map