@anker-in/campaign-ui 0.2.10-beta.20 → 0.2.10-beta.22

package/dist/stories/chat.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Chat } from '../components/index';
+import '../styles/chat.css';
+type Story = StoryObj<typeof meta>;
+declare const meta: Meta<typeof Chat>;
+export default meta;
+export declare const Default: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.10-beta.20",
+  "version": "0.2.10-beta.22",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -46,7 +46,10 @@
     "@testing-library/react": "^14.3.1",
     "@types/jest": "^29.5.12",
     "@types/node": "^20",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "babel-jest": "^29.7.0",
+    "esbuild": "^0.19.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-require-extensions": "^0.1.3",
     "jest": "^29.7.0",
@@ -55,15 +58,12 @@
     "react-test-renderer": "^18.3.1",
     "stylelint": "^16.6.0",
     "tsup": "^8.4.0",
-    "typescript": "^5.0.0",
-    "@anker-in/cart": "1.0.0-beta.2",
-    "@anker-in/shared": "1.0.0-beta.2",
-    "@anker-in/shopify": "0.0.0-beta.6"
+    "typescript": "^5.0.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@anker-in/lib": "1.0.0-beta.6"
+    "@anker-in/lib": "0.0.0-beta.1"
   },
   "dependencies": {
     "@copilotkit/react-core": "1.1.2",
@@ -88,7 +88,9 @@
     "react-codepen-embed": "^1.1.0",
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
-    "tailwindcss": "^3.4.3"
+    "tailwindcss": "^3.4.3",
+    "@anker-in/headless-ui": "1.0.19",
+    "@anker-in/lib": "0.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public",
@@ -100,8 +102,11 @@
   "scripts": {
     "dev": "pnpm run dev:css & tsup --watch",
     "dev:css": "postcss src/styles/global.css -o style.css --watch",
-    "build": "pnpm run build:css & tsup",
-    "build:css": "postcss src/styles/chat.css -o style.css",
+    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:types",
+    "build:css": "postcss src/styles/global.css -o style.css",
+    "build:js:cjs": "node esbuild-cjs.mjs",
+    "build:js:esm": "node esbuild-esm.mjs",
+    "build:types": "tsc --outdir dist",
     "lint": "eslint \"src/**/*.ts*\"",
     "test": "echo run @anker-in/campaign-ui tests",
     "type-check": "tsc --noEmit",

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

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useState } from 'react'
 import { useAlpcMutation } from './useAlpcFetch'
 import type { CreditLogResponse } from '../response'
 import { useCreditsContext } from '../provider'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 
 function useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {
   const { profile, isLoadingProfile } = 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/shared'
+import { useHeadlessContext } from '@anker-in/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/shared'
+import { useHeadlessContext } from '@anker-in/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/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 import { type ShippingCountry, type ShippingZone } 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/shared'
+import { useHeadlessContext } from '@anker-in/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/shopify'
+import type { ProductVariant } from '@anker-in/lib'
 import { useCreditsContext } from '../provider'
-import { useBuyNow } from '@anker-in/cart'
+import { useBuyNow } from '@anker-in/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/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 
 type RedeemCouponResponse = {
   code: number

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/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 
 type RedeemProductResponse = {
   code: number

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

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

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

@@ -1,7 +1,7 @@
 import fetcher from '../../../../helpers/fetcher'
 import useSWRMutation from 'swr/mutation'
 import { useCreditsContext } from '../provider'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 
 export function useSendEmailValidation() {
   const { profile } = useCreditsContext()

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

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

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

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import type { Subscription } from '../../type'
 import fetcher from '../../../../helpers/fetcher'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 
 function useSubscriptions(email?: string) {
   const loading = useRef(false)

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

@@ -5,9 +5,9 @@ import RedeemableItem from './RedeemableItem'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import { cn } from '../../../helpers'
 import RulesModal from '../modal/rulesModal'
-import { useProductsByHandles } from '@anker-in/shopify'
+import { useProductsByHandles } from '@anker-in/lib'
 import { CreditsCashCopy, RedeemItem } from './type'
-import { Product } from '@anker-in/shopify'
+import { Product } from '@anker-in/lib'
 
 export const CreditsCash = ({
   copy,

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

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

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/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 import { AddressFormProps } from './type'
 
 export const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {

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

@@ -9,7 +9,7 @@ import { AlpcErrorCode } from '../context/const'
 import { CreditsModalContainer } from '../modal/modalContainer'
 import { numberFormat } from '../context/utils'
 import type { RedeemableItem as RedeemableItemType } from '../type'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 import { CreditsRedeemListCopy } from './type'
 
 function RedeemCouponModal({

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/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 import type { RedeemableItem as RedeemableItemType } from '../../type'
 import { CreditsRedeemListCopy } from '../type'
 import { ProductInfo } from './ProductInfo'

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

@@ -2,7 +2,7 @@ import { Picture } from '@anker-in/headless-ui'
 import { formatPrice } from '../../context/utils'
 import type { RedeemableItem as RedeemableItemType } from '../../type'
 import { CreditsRedeemListCopy } from '../type'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 
 type ProductInfoProps = {
   item: RedeemableItemType

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 } from '../../type'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 import { CreditsRedeemListCopy } from '../type'
 import { Error } from './Error'
 import { Success } from './Success'

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

@@ -7,7 +7,7 @@ import RedeemProductModal from './RedeemProductModal'
 import { useCreditsContext } from '../context/provider'
 import useRedeemableList from '../context/hooks/useRedeemableList'
 import { AlpcConsumeType, AlpcErrorCode } from '../context/const'
-import { useProductsByHandles } from '@anker-in/shopify'
+import { useProductsByHandles } from '@anker-in/lib'
 import type { RedeemableItem as RedeemableItemType } from '../type'
 import { RedeemableItem } from './RedeemableItem'
 import RulesModal from '../modal/rulesModal'

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

@@ -5,7 +5,7 @@ import useReceiptUploaded from '../context/hooks/useReceiptUploaded'
 import { useFirstPurchaseFinished } from '../context/hooks/useFirstPurchaseFinished'
 import { useSubscribed } from '../context/hooks/useSubscribed'
 import type { CreditsWaysToGetCreditsProps } from './type'
-import { useHeadlessContext } from '@anker-in/shared'
+import { useHeadlessContext } from '@anker-in/lib'
 import { gaTrack } from '../../../helpers/track'
 
 export const useActions = ({

package/src/components/credits/type.ts

@@ -1,4 +1,4 @@
-import type { Product, ProductVariant } from '@anker-in/shopify'
+import type { Product, ProductVariant } from '@anker-in/lib'
 import type { AlpcConsumeType, ConsumeType } from './context/const'
 
 export interface Subscription {

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from './components/index'
 
 // 导出 Shopify 相关模块
-export * from '@anker-in/shopify'
+export * from '@anker-in/lib'

package/src/styles/global.css

@@ -0,0 +1,15 @@
+@import "./css/colors.css";
+@import "./css/popup.css";
+@import "./css/sidebar.css";
+@import "./css/button.css";
+@import "./css/header.css";
+@import "./css/input.css";
+@import "./css/messages.css";
+@import "./css/window.css";
+@import "./css/animations.css";
+@import "./css/response.css";
+@import "./css/markdown.css";
+@import "./css/suggestions.css";
+@import "./css/panel.css";
+@import "./css/console.css";
+

package/style.css

@@ -12,3 +12,4 @@
 @import "./css/suggestions.css";
 @import "./css/panel.css";
 @import "./css/console.css";
+