@anker-in/campaign-ui 0.5.16 → 0.5.19

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.5.16",
+  "version": "0.5.19",
   "description": "Campaign UI components and utilities for Anker projects",
+  "repository": {
+    "type": "git",
+    "url": "ssh://git@e.coding.anker-in.com:2222/codingcorp/dtc_it/campaign-ui.git"
+  },
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",
@@ -43,19 +47,32 @@
     "@babel/preset-env": "^7.24.6",
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
+    "@storybook/react": "^8.1.5",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^14.3.1",
     "@types/crypto-js": "^4.2.2",
     "@types/jest": "^29.5.12",
     "@types/js-cookie": "^3.0.6",
+    "@types/lodash.random": "^3.2.6",
     "@types/node": "^20",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-modal": "^3.16.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
     "babel-jest": "^29.7.0",
     "esbuild": "^0.19.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-require-extensions": "^0.1.3",
+    "eslint-plugin-tailwindcss": "3.18.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss-cli": "^11.0.0",
+    "prettier": "^3.3.0",
     "react-test-renderer": "^18.3.1",
     "stylelint": "^16.6.0",
     "tsup": "^8.4.0",
@@ -70,6 +87,8 @@
     "@copilotkit/react-ui": "1.1.2",
     "@copilotkit/runtime-client-gql": "1.1.2",
     "@copilotkit/shared": "1.1.2",
+    "@graphql-typed-document-node/core": "^3.2.0",
+    "@heroicons/react": "^2.0.13",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -78,25 +97,35 @@
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-visually-hidden": "^1.0.3",
+    "ahooks": "^3.8.0",
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
+    "classnames": "^2.3.1",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^3.3.1",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.7",
     "decimal.js": "^10.4.3",
+    "fetch-ponyfill": "^7.1.0",
+    "graphql": "^16.7.1",
     "gsap": "^3.12.5",
     "js-cookie": "^3.0.5",
+    "lodash.random": "^3.2.0",
     "monaco-editor": "^0.52.0",
+    "next": "14.2.3",
     "postcss": "^8.4.38",
+    "query-string": "^7.1.3",
     "react": "^18.3.1",
     "react-codepen-embed": "^1.1.0",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",
+    "react-modal": "^3.14.4",
     "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
     "swiper": "^11.1.3",
+    "swr": "^2.2.4",
     "tailwind-merge": "^2.3.0",
-    "tailwindcss": "^3.4.3",
-    "@anker-in/lib": "1.1.5"
+    "tailwindcss": "^3.4.3"
   },
   "publishConfig": {
     "access": "public",
@@ -114,7 +143,7 @@
     "build:js:esm": "node esbuild-esm.mjs",
     "build:js:esm:types": "tsc --outdir dist/esm",
     "build:css": "postcss src/styles/global.css -o style.css",
-    "lint": "eslint \"src/**/*.ts*\"",
+    "lint": "eslint \"src/**/*.ts*\" --ignore-pattern \"src/lib/**\"",
     "test": "echo run @anker-in/campaign-ui tests",
     "type-check": "tsc --noEmit",
     "clean": "rm -rf .turbo node_modules dist style.css"

package/src/components/chat/index.tsx

@@ -8,7 +8,7 @@ import Messages from './messages'
 import ResponseButton from './response'
 import Suggestions from './suggestions'
 import { CopilotAction } from './action'
-import { fetcher } from '@anker-in/lib'
+import { fetcher } from '../../lib'
 
 export interface ChatProps {
   title: string

package/src/components/credits/context/hooks/useActivities.ts

@@ -4,7 +4,7 @@ import { useAlpcMutation } from './useAlpcFetch'
 import type { CreditLogResponse } from '../response'
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useCreditsContext } from '../provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 function useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {
   const { profile, isLoadingProfile, alpcBrand, alpcCountry } = useCreditsContext()

package/src/components/credits/context/hooks/useAddressValidate.ts

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useState } from 'react'
 import { emailValidate } from '../utils'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 type ValidatorCallback = (value: string, params?: Record<string, any>) => boolean
 

package/src/components/credits/context/hooks/useAlpcFetch.ts

@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie'
 import { useCallback, useRef, useState } from 'react'
 import useSWR, { type SWRConfiguration } from 'swr'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 import { getAlpcPath } from '../utils'
 import { useCreditsContext } from '../provider'

package/src/components/credits/context/hooks/useCountries.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { type ShippingCountry } from '../../type'
 
 function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {

package/src/components/credits/context/hooks/useMyRewards.ts

@@ -4,7 +4,7 @@ import { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'
 import { useAlpcMutation } from './useAlpcFetch'
 import type { RedeemLogResponse } from '../response'
 import { useCreditsContext } from '../provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 function useMyRewards({
   page,

package/src/components/credits/context/hooks/useRedeemAndBuy.ts

@@ -1,8 +1,8 @@
 import useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'
 import { useRedeemCoupon } from './useRedeemCoupon'
-import type { ProductVariant } from '@anker-in/lib'
+import type { ProductVariant } from '../../../../lib'
 import { useCreditsContext } from '../provider'
-import { useBuyNow } from '@anker-in/lib'
+import { useBuyNow } from '../../../../lib'
 
 export const useRedeemAndBuy = (
   _: any,

package/src/components/credits/context/hooks/useRedeemCoupon.ts

@@ -1,6 +1,6 @@
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { useCreditsContext } from '../provider'
 
 type RedeemCouponResponse = {

package/src/components/credits/context/hooks/useRedeemGoGift.ts

@@ -1,6 +1,6 @@
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { useCreditsContext } from '../provider'
 
 type RedeemGoGiftResponse = {

package/src/components/credits/context/hooks/useRedeemProduct.ts

@@ -1,6 +1,6 @@
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { useCreditsContext } from '../provider'
 
 type RedeemProductResponse = {

package/src/components/credits/context/hooks/useRedeemableList.ts

@@ -4,7 +4,7 @@ import { useAlpcMutation } from './useAlpcFetch'
 import { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'
 import { useCreditsContext } from '../provider'
 import type { ConsumeCreditRuleResponse } from '../response'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 function useRedeemableList(props?: { consumeType: AlpcConsumeType }) {
   let locale = '' as string

package/src/components/credits/context/hooks/useShippingCountries.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { type ShippingCountry, type ShippingZone } from '../../type'
 
 function useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {

package/src/components/credits/context/hooks/useSubscribed.ts

@@ -3,7 +3,7 @@ import { useMemo } from 'react'
 import { TaskSubType } from '../const'
 import useActivities from './useActivities'
 import { useCreditsContext } from '../provider'
-import { useHeadlessContext, useSubscriptions } from '@anker-in/lib'
+import { useHeadlessContext, useSubscriptions } from '../../../../lib'
 
 export const useSubscribed = () => {
   const { profile, apiBaseUrl } = useCreditsContext()

package/src/components/credits/context/hooks/useUploadReceipt.tsx

@@ -1,24 +1,32 @@
 import useSWRMutation from 'swr/mutation'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
+import { useCreditsContext } from '../provider'
 
 /**
  * 统一处理 ALPC 接口返回的数据结构
- * 兼容一层 data 和两层 data 的场景
+ * 兼容一层 data 和两层 data 的场景：
+ * - 两层 data: {data: {data: ..., code: 0}} → 剥掉外层，返回内层 {data: ..., code: 0}
+ * - 一层 data: {data: ..., code: 0} → 直接返回，不做处理
+ *
+ * 判断两层的依据：responseData.data.data 存在（外层 data 内部还有一层 data）
  */
 const normalizeResponseData = (responseData: any) => {
   if (!responseData) return responseData
 
-  // 如果 responseData.data 存在且是一个对象（不是数组），说明是两层 data 结构
-  if (responseData.data && typeof responseData.data === 'object' && !Array.isArray(responseData.data)) {
-    return responseData.data
+  const inner = responseData.data
+
+  // 两层结构：外层 data 是对象，且其内部还有 data 字段
+  if (inner && typeof inner === 'object' && !Array.isArray(inner) && 'data' in inner) {
+    return inner
   }
 
-  // 一层 data 结构或其他情况，直接返回
+  // 一层结构，直接返回
   return responseData
 }
 
 export const useUploadReceipt = () => {
   const { locale } = useHeadlessContext()
+  const { apiBaseUrl } = useCreditsContext()
 
   const uploadReceipt = async (
     _: any,
@@ -27,7 +35,7 @@ export const useUploadReceipt = () => {
     ok: boolean
     code: number
   }> => {
-    const response = await fetch(`/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {
+    const response = await fetch(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {
       credentials: 'include',
       method: 'POST',
       headers: {
@@ -41,10 +49,10 @@ export const useUploadReceipt = () => {
     const result = await response.json()
     const normalizedData = normalizeResponseData(result)
     return {
-      ok: normalizedData?.data?.code === 0,
-      code: normalizedData?.data?.code ?? -1,
+      ok: normalizedData?.code === 0,
+      code: normalizedData?.code ?? -1,
     }
   }
 
-  return useSWRMutation('/api/multipass/mktsrv/v1/credit/upload_third_party_order', uploadReceipt)
+  return useSWRMutation(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, uploadReceipt)
 }

package/src/components/credits/creditsAnkersolixTask/CreditsAnkersolixTask.tsx

@@ -5,7 +5,7 @@ import { useMemo, useState, useRef, useEffect } from 'react'
 import { TaskType, type CreditsAnkersolixTaskProps } from './type'
 import { useActions } from '../creditsWaysToGetCredits/useActions'
 import { useCreditsContext } from '../context/provider'
-import { classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import { classNames as cn, useHeadlessContext } from '../../../lib'
 import { useRegistration } from '../../registration'
 import { CreditsUploadReceiptModal } from '../modal/CreditsUploadReceiptModal'
 import { CreditsSubscribeModal } from '../modal/SubscribeModal'

package/src/components/credits/creditsBenefits/BenefitItem.tsx

@@ -1,5 +1,5 @@
 import { Heading, Picture, Text } from '@anker-in/headless-ui'
-import { classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import { classNames as cn, useHeadlessContext } from '../../../lib'
 import IconInfo from './IconInfo'
 import { ROUNDED_BRANDS } from '../../../constants'
 

package/src/components/credits/creditsBenefits/index.tsx

@@ -9,7 +9,7 @@ import { Swiper, SwiperSlide } from 'swiper/react'
 
 import BenefitItem, { type BenefitItemCopy } from './BenefitItem'
 import { useCreditsContext } from '../context/provider'
-import { gaTrack, classNames as cn } from '@anker-in/lib'
+import { gaTrack, classNames as cn } from '../../../lib'
 
 export type CreditsBenefitsCopy = {
   title: string

package/src/components/credits/creditsCash/CreditsCash.tsx

@@ -4,9 +4,9 @@ import { useMemo, useState } from 'react'
 import RedeemableItem from './RedeemableItem'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import RulesModal from '../modal/RulesModal'
-import { useProductsByHandles, useHeadlessContext } from '@anker-in/lib'
+import { useProductsByHandles, useHeadlessContext } from '../../../lib'
 import { CreditsCashCopy, RedeemItem } from './type'
-import { Product, classNames as cn } from '@anker-in/lib'
+import { Product, classNames as cn } from '../../../lib'
 import { useCreditsContext } from '../context/provider'
 import { numberFormat } from '../context/utils'
 import { ROUNDED_BRANDS } from '../../../constants'

package/src/components/credits/creditsCash/RedeemableItem.tsx

@@ -5,7 +5,7 @@ import { CreditsCashCopy, RedeemItem } from './type'
 import { useCreditsContext } from '../context/provider'
 import { useRedeemAndBuy } from '../context/hooks/useRedeemAndBuy'
 import { formatPrice, numberFormat, extractVariantId } from '../context/utils'
-import { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import { gaTrack, classNames as cn, useHeadlessContext } from '../../../lib'
 import { useRegistration } from '../../../components/registration'
 import { ROUNDED_BRANDS } from '../../../constants'
 

package/src/components/credits/creditsCash/type.ts

@@ -1,4 +1,4 @@
-import { ProductVariant, Product } from '@anker-in/lib'
+import { ProductVariant, Product } from '../../../lib'
 import { AlpcConsumeType } from '../context/const'
 
 type RedeemableItemConfig = {

package/src/components/credits/creditsFaq/faqItem/FaqItem.tsx

@@ -1,6 +1,6 @@
 import { Heading, Text } from '@anker-in/headless-ui'
 import { ChevronDownIcon } from '@heroicons/react/24/outline'
-import { classNames as cn } from '@anker-in/lib'
+import { classNames as cn } from '../../../../lib'
 import { type ReactNode, useEffect, useState } from 'react'
 
 type FaqItemProps = {

package/src/components/credits/creditsFaq/index.tsx

@@ -1,5 +1,5 @@
 import { Container, Heading, Tabs, TabsContent, TabsList, TabsTrigger, Text } from '@anker-in/headless-ui'
-import { classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import { classNames as cn, useHeadlessContext } from '../../../lib'
 import { useMemo } from 'react'
 
 import { FaqItem } from './faqItem/FaqItem'

package/src/components/credits/creditsGoGift/CreditsGoGift.tsx

@@ -1,12 +1,12 @@
 import { Container, Heading, Picture, Button, Text } from '@anker-in/headless-ui'
 import { useMemo, useState } from 'react'
-import { classNames as cn, gaTrack } from '@anker-in/lib'
+import { classNames as cn, gaTrack } from '../../../lib'
 
 import RedeemVirtualProductModal from '../creditsRedeemList/RedeemVirtualProductModal'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import { useCreditsContext } from '../context/provider'
 import { ROUNDED_BRANDS } from '../../../constants'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../lib'
 import { CreditsGoGiftCopy } from './type'
 import { AlpcConsumeType, AlpcErrorCode } from '../context/const'
 import RulesModal from '../modal/RulesModal'

package/src/components/credits/creditsInfoCard/index.tsx

@@ -3,7 +3,7 @@ import { Button, Container, Text } from '@anker-in/headless-ui'
 import { useCallback, useState } from 'react'
 import { useCreditsContext } from '../context/provider'
 import { numberFormat } from '../context/utils'
-import { gaNormalClick, classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import { gaNormalClick, classNames as cn, useHeadlessContext } from '../../../lib'
 import { ROUNDED_BRANDS } from '../../../constants'
 
 type ButtonConfig = {

package/src/components/credits/creditsMemberPrice/CreditsMemberPrice.tsx

@@ -7,9 +7,9 @@ import RedeemableItem from '../creditsCash/RedeemableItem'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import RulesModal from '../modal/RulesModal'
 import { Pagination } from './Pagination'
-import { useProductsByHandles, useHeadlessContext, gaTrack } from '@anker-in/lib'
+import { useProductsByHandles, useHeadlessContext, gaTrack } from '../../../lib'
 import { CreditsMemberPriceCopy, MemberPriceProduct } from './type'
-import { Product, classNames as cn } from '@anker-in/lib'
+import { Product, classNames as cn } from '../../../lib'
 import { useCreditsContext } from '../context/provider'
 import { RedeemItem } from '../creditsCash/type'
 import { FunctionDiscountType } from '../context/memberPriceConst'

package/src/components/credits/creditsMemberPrice/MemberPriceItem.tsx

@@ -3,7 +3,7 @@ import { useMemo, useState } from 'react'
 
 import { CreditsMemberPriceCopy, MemberPriceProduct } from './type'
 import { formatPrice, extractVariantId } from '../context/utils'
-import { classNames as cn, useHeadlessContext, useBuyNow } from '@anker-in/lib'
+import { classNames as cn, useHeadlessContext, useBuyNow } from '../../../lib'
 import { useCreditsContext } from '../context/provider'
 import { ROUNDED_BRANDS } from '../../../constants'
 

package/src/components/credits/creditsMemberPrice/Pagination.tsx

@@ -1,4 +1,4 @@
-import { classNames as cn } from '@anker-in/lib'
+import { classNames as cn } from '../../../lib'
 
 interface PaginationProps {
   currentPage: number

package/src/components/credits/creditsMemberPrice/type.ts

@@ -1,4 +1,4 @@
-import { Product, ProductVariant } from '@anker-in/lib'
+import { Product, ProductVariant } from '../../../lib'
 
 // 会员价产品配置
 type MemberPriceItemConfig = {

package/src/components/credits/creditsNavigation/CreditsNavigation.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, useRef, useCallback } from 'react'
-import { classNames as cn } from '@anker-in/lib'
+import { classNames as cn } from '../../../lib'
 import { Container } from '@anker-in/headless-ui'
 import { CreditsNavigationCopy } from './type'
 

package/src/components/credits/creditsRedeemList/AddressForm/CountrySelect.tsx

@@ -2,7 +2,7 @@ import { Picture } from '@anker-in/headless-ui'
 import useClickOutside from '../../context/hooks/useClickOutside'
 import classNames from 'classnames'
 import { useEffect, useState } from 'react'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { ROUNDED_BRANDS } from '../../../../constants'
 
 interface Country {

package/src/components/credits/creditsRedeemList/AddressForm/StateSelect.tsx

@@ -2,7 +2,7 @@ import classNames from 'classnames'
 import { Picture } from '@anker-in/headless-ui'
 import { useEffect, useMemo, useState } from 'react'
 import useClickOutside from '../../context/hooks/useClickOutside'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { ROUNDED_BRANDS } from '../../../../constants'
 
 interface StateSelectProps {

package/src/components/credits/creditsRedeemList/AddressForm/index.tsx

@@ -7,7 +7,7 @@ import { Input } from './Input'
 import { StateSelect } from './StateSelect'
 import { ALPC_COUNTRY_MAP } from '../../context/const'
 import { useCreditsContext } from '../../context/provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { AddressFormProps } from './type'
 import { ROUNDED_BRANDS } from '../../../../constants'
 

package/src/components/credits/creditsRedeemList/CreditsRedeemList.tsx

@@ -8,7 +8,7 @@ import RedeemVirtualProductModal from './RedeemVirtualProductModal'
 import { useCreditsContext } from '../context/provider'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import { AlpcConsumeType, AlpcErrorCode, ConsumeType } from '../context/const'
-import { useHeadlessContext, useProductsByHandles, gaTrack, classNames as cn } from '@anker-in/lib'
+import { useHeadlessContext, useProductsByHandles, gaTrack, classNames as cn } from '../../../lib'
 import type { RedeemableItem as RedeemableItemType } from '../type'
 import { RedeemableItem } from './RedeemableItem'
 import { ROUNDED_BRANDS } from '../../../constants'

package/src/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.tsx

@@ -4,7 +4,7 @@ import { numberFormat } from '../../context/utils'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
 import { NoneProductValue } from '../RedeemProductModal/NonProductValue'
 import { useCreditsContext } from '../../context/provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 type CouponInitProps = {
   item: RedeemableItemType

package/src/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.tsx

@@ -2,7 +2,7 @@ import { Button, Picture, Text } from '@anker-in/headless-ui'
 import classNames from 'classnames'
 import useCopy from '../../context/hooks/useCopy'
 import { useCreditsContext } from '../../context/provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import type { RedeemModalCommon, RedeemableItem as RedeemableItemType } from '../../type'
 import { NoneProductValue } from '../RedeemProductModal/NonProductValue'
 

package/src/components/credits/creditsRedeemList/RedeemProductModal/Address.tsx

@@ -1,7 +1,7 @@
 import { Button, Text } from '@anker-in/headless-ui'
 import classNames from 'classnames'
 import { AddressForm } from '../AddressForm'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
 import { ProductInfo } from './ProductInfo'
 import useShippingCountries from '../../context/hooks/useShippingCountries'

package/src/components/credits/creditsRedeemList/RedeemProductModal/Init.tsx

@@ -6,7 +6,7 @@ import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '..
 import { ConsumeType } from '../../context/const'
 import { NoneProductValue } from './NonProductValue'
 import { useCreditsContext } from '../../context/provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 type InitProps = {
   copy: RedeemModalCommon

package/src/components/credits/creditsRedeemList/RedeemProductModal/ProductInfo.tsx

@@ -1,7 +1,7 @@
 import { Picture, Text } from '@anker-in/headless-ui'
 import { formatPrice } from '../../context/utils'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { useCreditsContext } from '../../context/provider'
 
 type ProductInfoProps = {

package/src/components/credits/creditsRedeemList/RedeemProductModal/Success.tsx

@@ -2,7 +2,7 @@ import { Button, Text } from '@anker-in/headless-ui'
 import classNames from 'classnames'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
 import { ProductInfo } from './ProductInfo'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { ROUNDED_BRANDS } from '../../../../constants'
 
 type SuccessProps = {

package/src/components/credits/creditsRedeemList/RedeemProductModal/index.tsx

@@ -8,7 +8,7 @@ import { useRedeemProduct } from '../../context/hooks/useRedeemProduct'
 import type { ModalContainerProps } from '../../modal/ModalContainer'
 import { CreditsModalContainer } from '../../modal/ModalContainer'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 import { Error } from './Error'
 import { Success } from './Success'
 import { Address } from './Address'

package/src/components/credits/creditsRedeemList/RedeemVirtualProductModal/VirtualProductInit.tsx

@@ -5,7 +5,7 @@ import { numberFormat } from '../../context/utils'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
 import { NoneProductValue } from '../RedeemProductModal/NonProductValue'
 import { useCreditsContext } from '../../context/provider'
-import { useHeadlessContext } from '@anker-in/lib'
+import { useHeadlessContext } from '../../../../lib'
 
 type VirtualProductInitProps = {
   item: RedeemableItemType

package/src/components/credits/creditsRedeemList/RedeemVirtualProductModal/VirtualProductSuccess.tsx

@@ -1,6 +1,6 @@
 import { Button, Picture, Text } from '@anker-in/headless-ui'
 import classNames from 'classnames'
-import { gaTrack, useHeadlessContext } from '@anker-in/lib'
+import { gaTrack, useHeadlessContext } from '../../../../lib'
 import type { RedeemModalCommon, RedeemableItem as RedeemableItemType } from '../../type'
 import { NoneProductValue } from '../RedeemProductModal/NonProductValue'
 import { useCreditsContext } from '../../context/provider'

package/src/components/credits/creditsRedeemList/RedeemVirtualProductModal.tsx

@@ -7,7 +7,7 @@ import { useRedeemProduct } from '../context/hooks/useRedeemProduct'
 import { AlpcErrorCode, ConsumeType } from '../context/const'
 import { CreditsModalContainer } from '../modal/ModalContainer'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../type'
-import { gaTrack } from '@anker-in/lib'
+import { gaTrack } from '../../../lib'
 import { VirtualProductInit } from './RedeemVirtualProductModal/VirtualProductInit'
 import { VirtualProductSuccess } from './RedeemVirtualProductModal/VirtualProductSuccess'
 

package/src/components/credits/creditsRedeemList/RedeemableItem.tsx

@@ -8,7 +8,7 @@ import type { RedeemableItem as RedeemableItemType } from '../type'
 import { AlpcConsumeType, ConsumeType } from '../context/const'
 import { numberFormat, extractVariantId } from '../context/utils'
 import type { CreditsRedeemListCopy } from './type'
-import { gaTrack, useHeadlessContext } from '@anker-in/lib'
+import { gaTrack, useHeadlessContext } from '../../../lib'
 import { NoneProductValue } from './NonProductValue'
 import { ROUNDED_BRANDS } from '../../../constants'
 

package/src/components/credits/creditsWaysToGetCredits/CreditsWaysToGetCredits.tsx

@@ -5,7 +5,7 @@ import { useEffect, useMemo, useRef, useState } from 'react'
 import { TaskType, type CreditsWaysToGetCreditsProps } from './type'
 import { useActions } from './useActions'
 import { useCreditsContext } from '../context/provider'
-import { classNames as cn, useHeadlessContext } from '@anker-in/lib'
+import { classNames as cn, useHeadlessContext } from '../../../lib'
 import { useRegistration } from '../../registration'
 import { CreditsUploadReceiptModal } from '../modal/CreditsUploadReceiptModal'
 import { CreditsSubscribeModal } from '../modal/SubscribeModal'

package/src/components/credits/creditsWaysToGetCredits/useActions.ts

@@ -1,4 +1,4 @@
-import { useHeadlessContext, gaTrack } from '@anker-in/lib'
+import { useHeadlessContext, gaTrack } from '../../../lib'
 
 import { TaskType } from './type'
 import { useCreditsContext } from '../context/provider'