@anker-in/lib 1.1.0 → 1.1.2-beta.1

package/src/cart/hooks/feature/useCartAttributes.tsx

@@ -0,0 +1,133 @@
+import Cookies from 'js-cookie'
+import { AttributeInput } from '../../../shopify/gql'
+import { useEffect, useMemo, useState } from 'react'
+import { Cart } from '../../../shopify/types/cart'
+import Decimal from 'decimal.js'
+
+export const useCartAttributes = ({
+  profile,
+  customer,
+  cart,
+}: {
+  profile: any
+  customer: any
+  cart?: Cart
+}): { attributes: AttributeInput[] } => {
+  const [currentUrl, setCurrentUrl] = useState('')
+
+  useEffect(() => {
+    setCurrentUrl(window.location.href)
+  }, [])
+
+  const userType = useMemo(() => {
+    let userInfo: any = Cookies.get('userInfo')
+    if (userInfo) {
+      userInfo = JSON.parse(userInfo)
+      let arr = typeof userInfo?.id == 'string' && userInfo?.id.split('/')
+      userInfo.setId = arr[arr.length - 1]
+    }
+    const customerInfo = userInfo || customer
+    if (!customerInfo) {
+      return 'new_user_unlogin'
+    }
+    if (customer) {
+      const { orders = {} } = customer
+      if (orders?.edges?.length === 1) {
+        return 'old_user_orders_once'
+      } else if (orders?.edges?.length > 1) {
+        return 'old_user_orders_twice'
+      }
+    }
+    return 'new_user_login'
+  }, [customer])
+
+  // 用户相关
+  const memberAttributes = useMemo(() => {
+    return [
+      {
+        key: '_token',
+        value: profile?.token, //是否登录
+      },
+      {
+        key: '_member_type',
+        value: profile?.memberType, //：0(游客)，1(普通会员)，2(付费会员)
+      },
+      {
+        key: '_user_type',
+        value: userType, // n
+      },
+      {
+        key: '_is_login',
+        value: profile?.token ? 'true' : 'false',
+      },
+    ]
+  }, [profile?.memberType, profile?.token, userType])
+
+  const functionAttributes = useMemo(() => {
+    return [
+      cart?.discountCodes && {
+        key: '_discounts_function_env',
+        value: JSON.stringify({
+          discount_code: cart?.discountCodes.map((item) => item.code),
+          user_tags: customer?.tags || [],
+        }),
+      },
+    ]
+  }, [cart])
+
+  const presellAttributes = useMemo(() => {
+    return [
+      {
+        key: '_presale',
+        value: cart?.lineItems.some(
+          (item) => item?.variant?.metafields?.presell === 'presell'
+        ),
+      },
+    ]
+  }, [cart])
+
+  const weightAttributes = useMemo(() => {
+    return [
+      {
+        key: '_weight',
+        value: cart?.lineItems.reduce<number>((acc, item) => {
+          return new Decimal(acc)
+            .plus(item.variant.weight?.value ?? 0)
+            .toNumber()
+        }, 0),
+      },
+      {
+        key: '_app_source_name',
+        value: 'dtc',
+      },
+    ]
+  }, [cart])
+
+  const trackingAttributes = useMemo(() => {
+    return [
+      {
+        key: 'utm_params',
+        value: currentUrl,
+      },
+    ]
+  }, [currentUrl])
+
+  return useMemo(
+    () => ({
+      attributes: [
+        ...memberAttributes,
+        ...functionAttributes,
+        ...presellAttributes,
+        ...weightAttributes,
+        ...trackingAttributes,
+      ].filter((item) => item?.value) as AttributeInput[],
+    }),
+    [
+      memberAttributes,
+      functionAttributes,
+      presellAttributes,
+      weightAttributes,
+      trackingAttributes,
+    ]
+  )
+}

package/src/cart/hooks/feature/useCartItemQuantityLimit.tsx

@@ -0,0 +1,59 @@
+import { useMemo } from 'react'
+
+import { LineItem, Cart } from '../../../shopify/types/cart'
+
+const DEFAULT_MIN = 1
+const DEFAULT_MAX = 999
+
+export const useCartItemQuantityLimit = ({
+  cart,
+  cartItem,
+  config,
+}: {
+  cart?: Cart
+  cartItem: LineItem
+  config: {
+    handle: Record<string, { min: number; max: number }>
+    sku: Record<string, { min: number; max: number }>
+  }
+}) => {
+  const quantityLimit = useMemo(() => {
+    if (config?.handle) {
+      // 按handle维度限制
+      const cartItemQuantityLimit =
+        config?.handle?.[cartItem?.product?.handle || '']
+
+      const sameHandleTotalQuantity =
+        cart?.lineItems.reduce((acc, item) => {
+          if (
+            item.product?.handle === cartItem?.product?.handle &&
+            item.variant.sku !== cartItem.variant.sku
+          ) {
+            acc += item.quantity
+          }
+          return acc
+        }, 0) || 0
+
+      return {
+        min: cartItemQuantityLimit?.min || DEFAULT_MIN,
+        max: cartItemQuantityLimit?.max
+          ? cartItemQuantityLimit?.max - sameHandleTotalQuantity
+          : DEFAULT_MAX,
+      }
+    } else if (config?.sku) {
+      const cartItemQuantityLimit = config?.sku?.[cartItem?.variant?.sku]
+
+      return {
+        min: cartItemQuantityLimit?.min || DEFAULT_MIN,
+        max: cartItemQuantityLimit?.max || DEFAULT_MAX,
+      }
+    }
+
+    return {
+      min: DEFAULT_MIN,
+      max: DEFAULT_MAX,
+    }
+  }, [cartItem, cart])
+
+  return quantityLimit
+}

package/src/cart/hooks/feature/useScriptAutoFreeGift.tsx

@@ -0,0 +1,256 @@
+
+import { useRouter } from 'next/router'
+import { useEffect, useMemo, useCallback, useState, useRef } from 'react'
+import Decimal from 'decimal.js'
+import Cookies from 'js-cookie'
+import { Cart, LineItem } from '../../../shopify/types/cart'
+import useSWR from 'swr'
+import { getProductsByHandles } from '../../../shopify/fetchers'
+import { Product } from '../../../shopify/types'
+import { useHeadlessContext } from '../../../context'
+
+// 兼容老script满赠  ----- 待拆解优化
+interface GiveawayProduct {
+  handle: string
+  sku: string
+}
+
+interface Breakpoint {
+  breakpoint: string
+  giveawayProducts: GiveawayProduct[]
+}
+
+interface Campaign {
+  activityAvailableQuery?: string
+  activityQroperty?: string
+  breakpoints?: Array<{
+    breakpoint: string
+    giveawayProducts: GiveawayProduct[]
+  }>
+  includeTags?: string[]
+  useTotalAmount?: boolean
+}
+export interface UseScriptAutoFreeGiftResult {
+  involvedLines: LineItem[]
+  reorder: (a: LineItem, b: LineItem) => number
+  disableCodeRemove: boolean
+  nextFreeGiftLevel: Breakpoint | null
+  freeGiftLevel: Breakpoint | null
+  involvedSubTotal: Decimal
+  giftProductsResult?: Product[]
+}
+
+// --- 3. 优化后的 Hook 主体 ---
+const useScriptAutoFreeGift = ({
+  campaign,
+  _giveaway,
+  cart,
+}: {
+  campaign: Campaign | null
+  _giveaway: string
+  cart: Cart | undefined
+}): UseScriptAutoFreeGiftResult => {
+  // const { cart } = useCartContext()
+  const { locale } = useRouter()
+
+  // --- 状态管理 ---
+  const [points_subscribe, set_points_subscribe] = useState<boolean>(false)
+  const { storefrontToken, storeDomain } = useHeadlessContext()
+
+  // 使用 useRef 缓存 giftProductsResult，确保只执行一次
+  const giftProductsCache = useRef<{
+    data: any[] | null
+    giftHandles: string[]
+  } | null>(null)
+
+  useEffect(() => {
+    if (locale === 'au') {
+      const isPointsSubscribe = Cookies.get('points_subscribe')
+      set_points_subscribe(!!isPointsSubscribe)
+    }
+  }, [locale])
+
+  // --- 计算层 ---
+  // 使用 useMemo 进行性能优化，处理所有纯计算逻辑。
+
+  const [upgrade_multiple, upgrade_value] = useMemo((): [number, number] => {
+    let upgrade_multiple = 1
+    let upgrade_value = 0
+    if (points_subscribe) {
+      upgrade_multiple = 1.2
+      upgrade_value = 40
+    }
+    cart?.lineItems?.forEach(({ customAttributes }) => {
+      customAttributes?.forEach(({ key, value }: { key: string; value: string }) => {
+        if (key === '_amount_upgrade_multiple')
+          upgrade_multiple = Number(value) || 1
+        if (key === '_amount_upgrade_value') upgrade_value = Number(value) || 0
+      })
+    })
+    return [upgrade_multiple, upgrade_value]
+  }, [cart?.lineItems, points_subscribe])
+
+  const breakpoints = useMemo((): Breakpoint[] => {
+    if (!campaign) return []
+    return (campaign.breakpoints || []).map((item) => ({
+      breakpoint: new Decimal(item.breakpoint)
+        .minus(new Decimal(upgrade_value))
+        .dividedBy(new Decimal(upgrade_multiple))
+        .toFixed(2, Decimal.ROUND_DOWN),
+      giveawayProducts: item.giveawayProducts || [],
+    }))
+  }, [campaign, upgrade_multiple, upgrade_value])
+
+  const giftHandles = useMemo(
+    (): string[] =>
+      // 使用 Set 去重，然后拼接字符串
+      [
+        ...new Set(
+          breakpoints
+            .flatMap((b) => b.giveawayProducts.map((p) => p.handle))
+            .filter(Boolean)
+        ),
+      ],
+    [breakpoints]
+  )
+
+  // 检查是否需要重新获取数据
+  const shouldFetch = useMemo(() => {
+    if (!giftHandles.length) return false
+
+    // 如果缓存存在且 handles 相同，直接使用缓存
+    if (
+      giftProductsCache.current &&
+      JSON.stringify(giftProductsCache.current.giftHandles) ===
+        JSON.stringify(giftHandles)
+    ) {
+      return false
+    }
+
+    return true
+  }, [giftHandles])
+
+  const involvedLines = useMemo((): LineItem[] => {
+    if (!campaign) return []
+    return (cart?.lineItems || []).filter((line) => {
+      const isNotGift =
+        line?.totalAmount &&
+        Number(line.totalAmount) > 0 &&
+        line.customAttributes?.every((item: { key: string; value: string }) => item.key !== _giveaway)
+      const hasCampaignTag = line.product?.tags?.some(
+        (tag) =>
+          campaign.includeTags?.includes(tag.trim()) &&
+          line.variant?.availableForSale
+      )
+      return isNotGift && hasCampaignTag
+    })
+  }, [cart?.lineItems, campaign, _giveaway])
+
+  const involvedSubTotal = useMemo((): Decimal => {
+    if (!campaign) return new Decimal(0)
+    return involvedLines.reduce((prev, item) => {
+      const amount = campaign.useTotalAmount
+        ? item.totalAmount
+        : item.subtotalAmount
+      return new Decimal(prev).plus(new Decimal(amount || 0))
+    }, new Decimal(0))
+  }, [involvedLines, campaign])
+
+  const [freeGiftLevel, nextFreeGiftLevel] = useMemo((): [
+    Breakpoint | null,
+    Breakpoint | null
+  ] => {
+    const sortedLevels = [...breakpoints].sort(
+      (a, b) => Number(b.breakpoint) - Number(a.breakpoint)
+    )
+    const levelIndex = sortedLevels.findIndex(
+      (level) =>
+        involvedSubTotal.gte(new Decimal(level.breakpoint)) &&
+        involvedLines.length > 0
+    )
+
+    if (levelIndex === -1) {
+      return [
+        null,
+        sortedLevels.length > 0 ? sortedLevels[sortedLevels.length - 1] : null,
+      ]
+    }
+
+    const currentLevel = sortedLevels[levelIndex]
+    const nextLevel = levelIndex > 0 ? sortedLevels[levelIndex - 1] : null
+    return [currentLevel, nextLevel]
+  }, [breakpoints, involvedSubTotal, involvedLines.length])
+
+  // --- 数据获取层 ---
+  const { data: giftProductsResult } = useSWR(
+    shouldFetch ? giftHandles : null,
+    async () => {
+      const res = await getProductsByHandles({
+        options: {
+          handles: giftHandles,
+        },
+        config: {
+          storefrontToken: storefrontToken,
+          storeDomain: storeDomain,
+        },
+      })
+      const result = Array.isArray(res) ? res : []
+
+      // 缓存结果
+      giftProductsCache.current = {
+        data: result,
+        giftHandles: [...giftHandles],
+      }
+
+      return result
+    }
+  )
+
+  // 使用缓存的数据或新获取的数据
+  const finalGiftProductsResult = useMemo(() => {
+    if (giftProductsCache.current && !shouldFetch) {
+      return giftProductsCache.current.data || undefined
+    }
+    return giftProductsResult
+  }, [giftProductsResult, shouldFetch])
+
+  // 使用 useCallback 创建一个稳定的排序函数，用于优化渲染。
+  // 它会根据商品类型（赠品、活动商品、普通商品）进行排序。
+  const reorder = useCallback(
+    (a: LineItem, b: LineItem): number => {
+      const getPriority = (item: LineItem): number => {
+        // 优先级 0: 赠品 (排在最后)
+        if (
+          item.customAttributes?.some(
+            (attribute: { key: string; value: string }) => attribute.key === _giveaway
+          )
+        )
+          return 0
+        // 优先级 1: 参与活动的商品 (BUG修复：应检查 product.tags)
+        if (
+          item.product?.tags?.some((tag) =>
+            campaign?.includeTags?.includes(tag)
+          )
+        )
+          return 1
+        // 优先级 2: 其他普通商品 (排在最前)
+        return 2
+      }
+      // b 的优先级减 a 的优先级，实现降序排列
+      return getPriority(b) - getPriority(a)
+    },
+    [campaign?.includeTags, _giveaway]
+  )
+
+  return {
+    involvedLines,
+    reorder,
+    disableCodeRemove: involvedLines.length > 0,
+    nextFreeGiftLevel,
+    freeGiftLevel,
+    involvedSubTotal,
+    giftProductsResult: finalGiftProductsResult,
+  }
+}
+
+export default useScriptAutoFreeGift

package/src/cart/hooks/feature/useUpdateLineCodeAmountAttributes.tsx

@@ -0,0 +1,184 @@
+import { useEffect, useMemo } from 'react'
+import {
+  CODE_AMOUNT_KEY,
+  CUSTOMER_ATTRIBUTE_KEY,
+  MAIN_PRODUCT_CODE,
+  SCRIPT_CODE_AMOUNT_KEY,
+} from '../../../shopify/utils/const'
+import { updateCartLines as updateCartLinesFetcher } from '../../../shopify/fetchers/update-cart-lines'
+import { Cart } from '../../../shopify/types/cart'
+import { useRequest } from 'ahooks'
+import { LoadingState } from '../../context'
+import { getDiscountEnvAttributeValue } from '../../utils/autoFreeGift'
+import { AttributeInput } from '../../../shopify/gql'
+import { useHeadlessContext } from '../../../context'
+
+export const useUpdateLineCodeAmountAttributes = ({
+  cart,
+  mutateCart,
+  isCartLoading,
+  setLoadingState,
+}: {
+  cart?: Cart
+  mutateCart: (cart: Cart) => void
+  isCartLoading: boolean
+  setLoadingState: React.Dispatch<React.SetStateAction<LoadingState>>
+}) => {
+  const { storefrontToken, storeDomain } = useHeadlessContext()
+  
+  const mainProductDiscountCodes = useMemo(
+    () =>
+      cart?.discountCodes
+        .filter(
+          ({ code, applicable }) =>
+            applicable &&
+            MAIN_PRODUCT_CODE.some((codePrefix) => code.startsWith(codePrefix))
+        )
+        .map(({ code }) => code),
+    [cart]
+  )
+
+  const linesNeedUpdate = useMemo(
+    () =>
+      cart?.lineItems
+        .map((line) => {
+          const attrNeedUpdate: AttributeInput[] = []
+          const attrNeedDelete = []
+
+          const codeDiscount = line.discountAllocations?.find((allocation) =>
+            mainProductDiscountCodes?.includes(allocation.code)
+          )
+
+          // 是否有 _discounts_function_env 属性
+          const hasFunctionEnvAttribute = line.customAttributes?.find(
+            (attr: { key: string; value: string }) => attr.key === CUSTOMER_ATTRIBUTE_KEY
+          )
+          const functionEnvValue = getDiscountEnvAttributeValue(
+            line.customAttributes
+          )
+          // lineItem 折后总价与attr中的不一致的情况
+          const hasSameFunctionEnvAttribute =
+            Number(functionEnvValue.discounted_amount) ===
+            Number(line.totalAmount)
+
+          if (!hasSameFunctionEnvAttribute && hasFunctionEnvAttribute) {
+            attrNeedUpdate.push({
+              key: CUSTOMER_ATTRIBUTE_KEY,
+              value: JSON.stringify({
+                ...functionEnvValue,
+                discounted_amount: Number(line.totalAmount),
+              }),
+            })
+          }
+
+          const codeDiscountAmount = codeDiscount?.amount || 0
+          // 是否有 code_money 属性
+          const hasCodeAmountAttribute = line.customAttributes?.find(
+            (attr: { key: string; value: string }) =>
+              attr.key === CODE_AMOUNT_KEY ||
+              attr.key === SCRIPT_CODE_AMOUNT_KEY
+          )
+          // 两个属性都存在且值相同，则不更新
+          const hasSameCodeAmountAttribute =
+            line.customAttributes?.find(
+              (attr: { key: string; value: string }) =>
+                attr.key === CODE_AMOUNT_KEY &&
+                attr.value === String(codeDiscountAmount)
+            ) &&
+            line.customAttributes?.find(
+              (attr: { key: string; value: string }) =>
+                attr.key === SCRIPT_CODE_AMOUNT_KEY &&
+                attr.value === String(codeDiscountAmount)
+            )
+
+          if (codeDiscount && !hasSameCodeAmountAttribute) {
+            attrNeedUpdate.push({
+              key: CODE_AMOUNT_KEY,
+              value: String(codeDiscountAmount),
+            })
+            attrNeedUpdate.push({
+              key: SCRIPT_CODE_AMOUNT_KEY,
+              value: String(codeDiscountAmount),
+            })
+          } else if (!codeDiscount && hasCodeAmountAttribute) {
+            // 没有 code 需要删除的情况
+            attrNeedDelete.push(CODE_AMOUNT_KEY)
+            attrNeedDelete.push(SCRIPT_CODE_AMOUNT_KEY)
+          }
+
+          return {
+            line,
+            attrNeedUpdate,
+            attrNeedDelete,
+          }
+        })
+        .filter(
+          ({ attrNeedUpdate, attrNeedDelete }) =>
+            attrNeedUpdate.length || attrNeedDelete.length
+        )
+        .map(({ line, attrNeedUpdate, attrNeedDelete }) => {
+          if (attrNeedUpdate.length) {
+            return {
+              id: line.id,
+              attributes: [
+                ...(line.customAttributes?.filter(
+                  (attr: { key: string; value: string }) =>
+                    !attrNeedUpdate.some(
+                      (updateAttr) => updateAttr.key === attr.key
+                    )
+                ) || []),
+                ...attrNeedUpdate,
+              ],
+            }
+          } else if (attrNeedDelete.length) {
+            return {
+              id: line.id,
+              attributes:
+                line.customAttributes?.filter(
+                  (attr: { key: string; value: string }) => !attrNeedDelete.includes(attr.key)
+                ) || [],
+            }
+          } else {
+            return {
+              id: line.id,
+              attributes: line.customAttributes || [],
+            }
+          }
+        }),
+    [cart?.lineItems, mainProductDiscountCodes]
+  )
+
+  const { loading } = useRequest(
+    async () => {
+      if (linesNeedUpdate?.length && !isCartLoading) {
+        const result = await updateCartLinesFetcher({
+          options: {
+            cartId: cart?.id || '',
+            lines: linesNeedUpdate,
+          },
+          config: {
+            storefrontToken,
+            storeDomain,
+          },
+        })
+        if (result) {
+          mutateCart(result)
+        }
+      }
+    },
+    {
+      throttleWait: 3000, // 3 秒内只触发最后一次更新
+      throttleTrailing: true,
+      refreshDeps: [linesNeedUpdate, isCartLoading],
+    }
+  )
+
+  useEffect(() => {
+    setLoadingState((prev) => {
+      return {
+        ...prev,
+        editLineCodeAmountLoading: loading,
+      }
+    })
+  }, [loading, setLoadingState])
+}

package/src/cart/track/fbq.ts

@@ -1,25 +1,6 @@
+import { fbq, gtag } from '../../utils/track'
 import { AddToCartLineItems } from '../types'
 
-declare global {
-  interface Window {
-    fbq?: (...args: any) => void
-    gtag?: (...args: any) => void
-  }
-}
-
-// facebook 埋点
-export const fbq = (...args: any) => {
-  if (window.fbq) {
-    window.fbq(...args)
-  }
-}
-
-export const gtag = (...args: any) => {
-  if (window.gtag) {
-    window.gtag(...args)
-  }
-}
-
 export const addToCartFbq = ({ lineItems = [] }: { lineItems: AddToCartLineItems }) => {
   if (lineItems.length && lineItems[0].variant) {
     const { variant, quantity, finalPrice } = lineItems[0]
@@ -36,19 +17,13 @@ export const addToCartFbq = ({ lineItems = [] }: { lineItems: AddToCartLineItems
 }
 
 export type FbqBuyNowTrackConfig = {
+  gtagId: string
   fbqBuyNowEvent: string
   gtagBuyNowLabel: string
   gtagBuyNowConversion: string
 }
 
-export const buyNowFbq = ({
-  trackConfig,
-  gtagId,
-}: {
-  router: any
-  trackConfig: FbqBuyNowTrackConfig
-  gtagId: string
-}) => {
+export const buyNowFbq = ({ trackConfig }: { trackConfig: FbqBuyNowTrackConfig }) => {
   try {
     if (trackConfig?.fbqBuyNowEvent) {
       fbq('trackCustom', trackConfig?.fbqBuyNowEvent)
@@ -56,7 +31,7 @@ export const buyNowFbq = ({
 
     if (trackConfig?.gtagBuyNowLabel) {
       gtag('event', trackConfig?.gtagBuyNowConversion || 'conversion', {
-        send_to: `${gtagId}/${trackConfig?.gtagBuyNowLabel}`,
+        send_to: `${trackConfig?.gtagId}/${trackConfig?.gtagBuyNowLabel}`,
       })
     }
   } catch (error) {}