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

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.10-beta.19",
-  "type": "commonjs",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/cjs/index.d.ts",
-  "module": "./dist/esm/index.js",
+  "version": "0.2.10-beta.20",
+  "description": "Campaign UI components and utilities for Anker projects",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "require": {
-        "types": "./dist/cjs/index.d.ts",
-        "default": "./dist/cjs/index.js"
-      },
       "import": {
-        "types": "./dist/esm/index.d.ts",
-        "default": "./dist/esm/index.js"
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
       }
     },
     "./tailwind.config": "./tailwind.config.ts",
@@ -21,7 +21,6 @@
     "./chat.css": "./src/styles/chat.css",
     "./*": "./*"
   },
-  "description": "",
   "files": [
     "src/**",
     "dist/**",
@@ -36,23 +35,6 @@
     "**/*.css",
     "**/**/*.css"
   ],
-  "scripts": {
-    "dev": "pnpm run dev:css & pnpm run dev:js:esm & pnpm run dev:js:cjs & pnpm run dev:js:esm:types & pnpm run dev:js:cjs:types",
-    "dev:js:cjs": "node esbuild-cjs.mjs watch=true",
-    "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
-    "dev:js:esm": "node esbuild-esm.mjs watch=true",
-    "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm",
-    "dev:css": "postcss src/styles/global.css -o style.css --watch",
-    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:js:esm:types & pnpm run build:js:cjs:types",
-    "build:js:cjs": "node esbuild-cjs.mjs",
-    "build:js:cjs:types": "tsc --outdir dist/cjs",
-    "build:js:esm": "node esbuild-esm.mjs",
-    "build:js:esm:types": "tsc --outdir dist/esm",
-    "build:css": "postcss src/styles/chat.css -o style.css",
-    "lint": "eslint \"src/**/*.ts*\"",
-    "test": "echo run @anker-in/campaign-ui tests",
-    "clean": "rm -rf .turbo node_modules dist style.css"
-  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -60,27 +42,30 @@
     "@babel/preset-env": "^7.24.6",
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
-    "@hyrious/esbuild-plugin-commonjs": "^0.2.6",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^14.3.1",
     "@types/jest": "^29.5.12",
     "@types/node": "^20",
     "babel-jest": "^29.7.0",
-    "esbuild": "^0.20.2",
-    "esbuild-copy-static-files": "^0.1.0",
-    "esbuild-plugin-alias-path": "^2.0.2",
-    "esbuild-style-plugin": "^1.6.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-require-extensions": "^0.1.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss-cli": "^11.0.0",
     "react-test-renderer": "^18.3.1",
-    "stylelint": "^16.6.0"
+    "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"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@anker-in/lib": "1.0.0-beta.6"
   },
   "dependencies": {
-    "@anker-in/headless-ui": "workspace:*",
-    "@anker-in/shopify": "workspace:^",
     "@copilotkit/react-core": "1.1.2",
     "@copilotkit/react-ui": "1.1.2",
     "@copilotkit/runtime-client-gql": "1.1.2",
@@ -105,9 +90,21 @@
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3"
   },
-  "peerDependencies": {
-    "next": ">=12.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "exclude": [
+    "dist/**/*"
+  ],
+  "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",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "test": "echo run @anker-in/campaign-ui tests",
+    "type-check": "tsc --noEmit",
+    "clean": "rm -rf .turbo node_modules dist style.css"
   }
-}
+}

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

@@ -3,11 +3,11 @@ import { useCallback, useEffect, useState } from 'react'
 import { useAlpcMutation } from './useAlpcFetch'
 import type { CreditLogResponse } from '../response'
 import { useCreditsContext } from '../provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 function useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {
   const { profile, isLoadingProfile } = useCreditsContext()
-  const { brand } = useShopifyContext()
+  const { brand } = useHeadlessContext()
   const [activities, setActivities] = useState<CreditLogResponse[]>([])
   const [total, setTotal] = useState(0)
 

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

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useState } from 'react'
 import { emailValidate } from '../utils'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 type ValidatorCallback = (value: string, params?: Record<string, any>) => boolean
 
@@ -106,7 +106,7 @@ export const useAddressValidate = ({
     email: string
   }
 }) => {
-  const { locale } = useShopifyContext()
+  const { locale } = useHeadlessContext()
   const [errors, setErrors] = useState<{ key: string; message: string }[]>([])
 
   const addressRules: Rule[] = useMemo(() => {

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 import { getAlpcPath } from '../utils'
 import { useCreditsContext } from '../provider'
@@ -77,7 +77,7 @@ const fetcher = (options: FetcherOptions) => {
   })
 }
 
-const reAuth = async (locale: string, retry: boolean) => {
+const reAuth = async (locale: string, retry: boolean, brand: string) => {
   let reloginResponse = await fetch(`${getAlpcPath(locale)}/cloud/login`, {
     method: 'POST',
   })
@@ -91,12 +91,12 @@ const reAuth = async (locale: string, retry: boolean) => {
       if (Number(alpcEUCookie) === 1) {
         Cookies.set('alpcEU', '0', {
           expires: 30,
-          domain: '.soundcore.com',
+          domain: `.${brand}.com`,
         })
       } else {
         Cookies.set('alpcEU', '1', {
           expires: 30,
-          domain: '.soundcore.com',
+          domain: `.${brand}.com`,
         })
       }
 
@@ -196,7 +196,7 @@ export const useAlpcFetch = <TData>(
 
   const { enable, ...otherSwrOptions } = swrOptions || {}
 
-  const { locale = '' } = useShopifyContext()
+  const { locale = '', brand } = useHeadlessContext()
 
   const { queryKey = [], body: fetchBody = {}, headers, ...fetchOptions } = options
   const fetchEnable = enable ?? true
@@ -224,7 +224,7 @@ export const useAlpcFetch = <TData>(
               ...fetchOptions,
             },
             onReAuth: async () => {
-              const result = await reAuth(locale, retry)
+              const result = await reAuth(locale, retry, brand)
 
               if (result) {
                 setRetry(true)
@@ -251,7 +251,7 @@ export const useAlpcMutation = <TData, TBody>(options: MutationOptions, mutation
   const [retry, setRetry] = useState(false)
   const { removeProfile } = useCreditsContext()
 
-  const { locale = '' } = useShopifyContext()
+  const { locale = '', brand } = useHeadlessContext()
 
   const { url, initData, headers, ...fetchOptions } = options
 
@@ -274,7 +274,7 @@ export const useAlpcMutation = <TData, TBody>(options: MutationOptions, mutation
           }),
         },
         onReAuth: async () => {
-          const result = await reAuth(locale, retry)
+          const result = await reAuth(locale, retry, brand)
 
           if (result) {
             setRetry(true)

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

@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react'
 
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 import { type ShippingCountry, type ShippingZone } from '../../type'
 
 function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
-  const { locale = '' } = useShopifyContext()
+  const { locale = '' } = useHeadlessContext()
 
   const [isLoading, setLoading] = useState(false)
   const [countries, setCountries] = useState<ShippingCountry[]>([])

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 function useMyRewards({
   page,
@@ -16,7 +16,7 @@ function useMyRewards({
   consumeType?: AlpcConsumeType
 }) {
   const { isLoadingProfile, profile } = useCreditsContext()
-  const { brand, locale, appName } = useShopifyContext()
+  const { brand, locale, appName } = useHeadlessContext()
   const isLogin = !!profile
 
   const [myRewards, setMyRewards] = useState<RedeemLogResponse[]>([])

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

@@ -1,14 +1,24 @@
-import useSWRMutation from 'swr/mutation'
+import useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'
 import { useRedeemCoupon } from './useRedeemCoupon'
-import { useCreateCartMutation } from '@anker-in/shopify'
 import type { ProductVariant } from '@anker-in/shopify'
 import { useCreditsContext } from '../provider'
+import { useBuyNow } from '@anker-in/cart'
 
-export const useRedeemAndBuy = () => {
+export const useRedeemAndBuy = (
+  _: any,
+  swrOptions?: SWRMutationConfiguration<undefined, Error, string, any> & {
+    throwOnError?: boolean
+  }
+) => {
   const { trigger } = useRedeemCoupon()
   const { profile } = useCreditsContext()
 
-  const { trigger: buyNow } = useCreateCartMutation()
+  const { trigger: buyNow } = useBuyNow(
+    {},
+    {
+      throwOnError: true,
+    }
+  )
 
   return useSWRMutation(
     'redeemAndBuy',
@@ -29,32 +39,19 @@ export const useRedeemAndBuy = () => {
         rule_id: arg.redeemId,
       })
       if (res && res?.data?.coupon_code) {
-        const cart = await buyNow({
+        buyNow({
           discountCodes: [res.data.coupon_code],
-          lines: [
+          lineItems: [
             {
-              merchandiseId: String(arg.productVariant.id),
+              variant: arg.productVariant,
               quantity: arg.quantity || 1,
             },
           ],
         })
-        if (cart?.url) {
-          return {
-            success: true,
-            url: cart.url,
-          }
-        } else {
-          return {
-            success: false,
-            error: 'Create cart failed',
-          }
-        }
       } else {
-        return {
-          success: false,
-          error: 'Redeem failed',
-        }
+        throw new Error('Redeem failed')
       }
-    }
+    },
+    swrOptions
   )
 }

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 type RedeemCouponResponse = {
   code: number
@@ -11,7 +11,7 @@ type RedeemCouponResponse = {
 }
 
 export const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {
-  const { locale, appName, brand } = useShopifyContext()
+  const { locale, appName, brand } = useHeadlessContext()
 
   return useAlpcMutation<
     RedeemCouponResponse,

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 type RedeemProductResponse = {
   code: number
@@ -10,7 +10,7 @@ type RedeemProductResponse = {
 }
 
 export const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {
-  const { storeDomain, locale, appName, brand } = useShopifyContext()
+  const { storeDomain, locale, appName, brand } = useHeadlessContext()
 
   return useAlpcMutation<
     RedeemProductResponse,

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

@@ -4,12 +4,12 @@ import { useAlpcMutation } from './useAlpcFetch'
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useCreditsContext } from '../provider'
 import type { ConsumeCreditRuleResponse } from '../response'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 function useRedeemableList() {
   let locale = '' as string
   const { profile, isLoadingProfile } = useCreditsContext()
-  const { locale: contextLocale, brand } = useShopifyContext()
+  const { locale: contextLocale, brand } = useHeadlessContext()
 
   if (contextLocale === 'pl') {
     locale = 'eu'

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

@@ -1,11 +1,11 @@
 import fetcher from '../../../../helpers/fetcher'
 import useSWRMutation from 'swr/mutation'
 import { useCreditsContext } from '../provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 export function useSendEmailValidation() {
   const { profile } = useCreditsContext()
-  const { appName, locale } = useShopifyContext()
+  const { appName, locale } = useHeadlessContext()
 
   return useSWRMutation('send-email-validation', () =>
     fetcher({

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

@@ -4,11 +4,11 @@ import { TaskSubType } from '../const'
 import useActivities from './useActivities'
 import useSubscriptions from './useSubscriptions'
 import { useCreditsContext } from '../provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 export const useSubscribed = () => {
   const { profile } = useCreditsContext()
-  const { brand } = useShopifyContext()
+  const { brand } = useHeadlessContext()
 
   const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])
 

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

@@ -1,12 +1,12 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import type { Subscription } from '../../type'
 import fetcher from '../../../../helpers/fetcher'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 function useSubscriptions(email?: string) {
   const loading = useRef(false)
   const [subscriptionData, setSubscriptionData] = useState<Subscription>()
-  const { locale } = useShopifyContext()
+  const { locale } = useHeadlessContext()
 
   const fetchSubscription = useCallback(async () => {
     if (!email) {

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

@@ -33,7 +33,12 @@ function RedeemableItem({
     openSignUpPopup,
     gtm: { pageGroup },
   } = useCreditsContext()
-  const { trigger, isMutating } = useRedeemAndBuy()
+  const { trigger, isMutating } = useRedeemAndBuy(
+    {},
+    {
+      onError: () => console.log('error'),
+    }
+  )
 
   const isLogin = useMemo(() => {
     return !!profile
@@ -69,28 +74,18 @@ function RedeemableItem({
   ])
 
   const handleRedeem = () => {
+    const buyNow = () =>
+      trigger({
+        productVariant: itemData?.productVariant,
+        redeemId: itemData?.config?.redeemId,
+      })
     if (!isLogin) {
       openSignUpPopup()
     } else if (!profile?.activated && !(authCodeActivate.isSendingActivateEmail || authCodeActivate.isSuccess)) {
       authCodeActivate.openAuthCodePopup()
-      authCodeActivate.setOnSuccess(async () => {
-        const { success, url, error } = await trigger({
-          productVariant: itemData?.productVariant,
-          redeemId: itemData?.config?.redeemId,
-        })
-        if (success) {
-          window.open(url, '_blank')
-        } else {
-          console.error(error)
-        }
-      })
+      authCodeActivate.setOnSuccess(buyNow)
     } else {
-      try {
-        trigger({
-          productVariant: itemData?.productVariant,
-          redeemId: itemData?.config?.redeemId,
-        })
-      } catch (error) {}
+      buyNow()
       gaTrack({
         event: 'ga4Event',
         event_name: 'lp_button',

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

@@ -7,12 +7,12 @@ import { Input } from './Input'
 import { StateSelect } from './StateSelect'
 import { ALPC_COUNTRY_MAP } from '../../context/const'
 import { useCreditsContext } from '../../context/provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 import { AddressFormProps } from './type'
 
 export const AddressForm = ({ countries, countriesLoading, form, validate, errors, onChange }: AddressFormProps) => {
   const { profile, customer } = useCreditsContext()
-  const { locale } = useShopifyContext()
+  const { locale } = useHeadlessContext()
 
   const [address, setAddress] = useState<Record<string, any>>()
 

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 import { CreditsRedeemListCopy } from './type'
 
 function RedeemCouponModal({
@@ -22,7 +22,7 @@ function RedeemCouponModal({
   copy: CreditsRedeemListCopy
   onError: (code: number) => void
 }) {
-  const { locale } = useShopifyContext()
+  const { locale } = useHeadlessContext()
   const [couponCode, setCouponCode] = useState<string>()
   const [errorInfo, setErrorInfo] = useState<string>()
 

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 import type { RedeemableItem as RedeemableItemType } from '../../type'
 import { CreditsRedeemListCopy } from '../type'
 import { ProductInfo } from './ProductInfo'
@@ -34,7 +34,7 @@ export const Address = ({
   handlePayment,
   item,
 }: AddressProps) => {
-  const { storeDomain } = useShopifyContext()
+  const { storeDomain } = useHeadlessContext()
   const { countries = [], isLoading: countriesLoading } = useCountries({ shopifyStoreDomain: storeDomain })
 
   return (

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 
 type ProductInfoProps = {
   item: RedeemableItemType
@@ -10,7 +10,7 @@ type ProductInfoProps = {
 }
 
 export const ProductInfo = ({ item, copy }: ProductInfoProps) => {
-  const { locale } = useShopifyContext()
+  const { locale } = useHeadlessContext()
 
   return (
     <div className="flex w-full items-center justify-center md:items-start md:justify-start">

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 import { CreditsRedeemListCopy } from '../type'
 import { Error } from './Error'
 import { Success } from './Success'
@@ -23,7 +23,7 @@ type RedeemProductModalProps = ModalContainerProps & {
 
 function RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModalProps) {
   const { fetchCreditInfo, profile } = useCreditsContext()
-  const { storeDomain, locale } = useShopifyContext()
+  const { storeDomain, locale } = useHeadlessContext()
 
   const { validatorInfo } = copy
   const { shippingAddress, shippingProduct } = copy.redeemModal.product

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 { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/shared'
 import { gaTrack } from '../../../helpers/track'
 
 export const useActions = ({
@@ -23,7 +23,8 @@ export const useActions = ({
   const isSubscribed = useSubscribed()
   const firstPurchaseFinished = useFirstPurchaseFinished()
   const uploadedReceipt = useReceiptUploaded()
-  const { appName } = useShopifyContext()
+  const { appName, passportUrl } = useHeadlessContext()
+  console.log('passportUrl', passportUrl)
 
   const profileCompleted = useMemo(() => {
     return (profile?.first_name || profile?.last_name) && profile?.phone_number && profile?.dob
@@ -107,7 +108,7 @@ export const useActions = ({
           },
           notFinished: {
             buttonLabel: copy?.completeProfile,
-            link: `/account/profile?app=${appName}`,
+            link: `${passportUrl}/account/profile?app=${appName}`,
             handleClick: () =>
               handleClickWithTrack({
                 buttonName: copy?.completeProfile,

package/dist/cjs/components/chat/action.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-interface Message {
-    content: string;
-    role: string;
-    name?: string;
-    scope?: any;
-    arguments?: any;
-}
-export interface ActionProps {
-    start?: string;
-    history: Message[];
-    addtocartHandler?: (_args: any) => Promise<any>;
-    commonRender?: string | ((_props: any) => React.ReactElement);
-    pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement);
-    gotocheckoutRender?: string | ((_props: any) => React.ReactElement);
-    gotocartRender?: string | ((_props: any) => React.ReactElement);
-    addtocartRender?: string | ((_props: any) => React.ReactElement);
-    signupRender?: string | ((_props: any) => React.ReactElement);
-    shulexRender?: string | ((_props: any) => React.ReactElement);
-    productRender?: string | ((_props: any) => React.ReactElement);
-    productRenderTipMessage?: string;
-    children?: React.ReactNode;
-}
-export declare const CopilotAction: ({ start, history, addtocartHandler, commonRender, pointsExchangeCouponRender, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, shulexRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/chat/action.js

@@ -1,2 +0,0 @@
-"use strict";var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var J=Object.prototype.hasOwnProperty;var O=(r,t)=>{for(var s in t)m(r,s,{get:t[s],enumerable:!0})},M=(r,t,s,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of S(t))!J.call(r,i)&&i!==s&&m(r,i,{get:()=>t[i],enumerable:!(d=x(t,i))||d.enumerable});return r};var k=r=>M(m({},"__esModule",{value:!0}),r);var C={};O(C,{CopilotAction:()=>A});module.exports=k(C);var a=require("react/jsx-runtime"),l=require("react"),n=require("@copilotkit/react-core"),c=require("@copilotkit/runtime-client-gql");const A=({start:r,history:t,addtocartHandler:s,commonRender:d,pointsExchangeCouponRender:i,gotocheckoutRender:u,gotocartRender:h,addtocartRender:y,productRender:R,signupRender:f,shulexRender:_,children:N})=>{const{setMessages:v,appendMessage:w,isLoading:P}=(0,n.useCopilotChat)();return(0,l.useEffect)(()=>{const e=t?.filter(p=>p?.content||p?.arguments);if(e?.length>0){const p=e?.map(o=>{if(o?.name&&o?.arguments){const E=o?.arguments?.map(g=>g?{...g,ishistory:!0}:{});return new c.ActionExecutionMessage({name:o?.name,arguments:E,scope:o?.scope})}return new c.TextMessage({...o,role:o?.role==="user"?c.Role.User:c.Role.Assistant})});v(p)}},[t]),(0,n.useCopilotAction)({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:u||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,n.useCopilotAction)({name:"common_action",description:"common action",parameters:[{act:""}],render:d||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,n.useCopilotAction)({name:"points_exchange_coupon",description:"points exchange coupon",parameters:[{act:""}],render:i||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,n.useCopilotAction)({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:h||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,n.useCopilotAction)({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:y||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){s&&s(e)}}),(0,n.useCopilotAction)({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:R||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){}}),(0,n.useCopilotAction)({name:"signup",description:"signup",parameters:[{name:"signup"}],render:f||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,n.useCopilotAction)({name:"shulex",description:"shulex",parameters:[{name:"shulex"}],render:_||(e=>(0,a.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,n.useCopilotReadable)({description:"Today's date",value:new Date().toLocaleDateString()}),(0,a.jsx)("div",{children:N})};
-//# sourceMappingURL=action.js.map