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

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 '@shopify/context/ShopifyProvider'
+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 '@shopify/context/ShopifyProvider'
+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/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 '@shopify/hooks/useProductsByHandles'
+import { useProductsByHandles } from '@anker-in/shopify'
 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 { useShopifyContext } from '@shopify/context/ShopifyProvider'
+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/src/components/credits/modal/MyRewardsModal.tsx

@@ -26,12 +26,15 @@ export interface MyRewardsMetafields {
   pendingTip: string
   processingTip: string
   ShippedTip: string
-  emptyListImageUrl: string
   emptyListLabel: string
   pointUnit: string
   code: string
   copied: string
   copy: string
+  emptyListImage: {
+    url: string
+    alt?: string
+  }
 }
 interface MyRewardsModalProps extends ModalContainerProps {
   data: MyRewardsMetafields
@@ -206,17 +209,19 @@ function MyRewardsModal({ data, ...props }: MyRewardsModalProps) {
     }, 2000)
   }, [])
 
+  const isLoading = activeTab === AlpcConsumeType.Coupon ? couponIsLoading : productIsLoading
+
   return (
     <CreditsModalContainer
       title={data.title}
       className={classNames('h-[800px] w-[640px]')}
       useAnimation
       animationClassName="md:translate-y-[100vh]"
-      scrollClassName="min-l:px-0 md:mb-0 md:px-0"
+      scrollClassName="md:mb-0"
       {...props}
       onScrollEnd={handleScrollEnd}
     >
-      <div className="px-[24px] md:px-[16px]">
+      <div className="">
         <Tabs
           align="left"
           shape="rounded"
@@ -235,73 +240,80 @@ function MyRewardsModal({ data, ...props }: MyRewardsModalProps) {
         </Tabs>
       </div>
 
-      <div className="mt-[24px] overflow-auto overscroll-contain px-[24px] md:px-[16px]">
-        {!list.length && !couponIsLoading && !productIsLoading && (
-          <div className="flex h-full flex-col items-center justify-center">
-            <Picture className="mb-[12px] w-[160px]" src={data?.emptyListImageUrl}></Picture>
-            <div className="text-[16px] font-semibold leading-[1.4]">{data?.emptyListLabel}</div>
-          </div>
-        )}
-        {couponIsLoading ||
-          (productIsLoading && (
-            <div className="flex h-full flex-col items-center justify-center">
-              <LoadingDots />
-            </div>
-          ))}
-        <div className="grid gap-[18px] md:gap-[12px]">
-          {list.map((item, index) => (
-            <div key={index} className="grid gap-[8px]">
-              {item?.orderNumber && (
-                <div className="text-[15px] font-semibold leading-[1.4] text-[#777]">
-                  {data.orderNumberLabel}: {item.orderNumber}
-                </div>
-              )}
-              <div className="flex items-center justify-between rounded-[8px] bg-[#f7f8f9] px-[16px] py-[20px]">
-                <div className="grid gap-[4px]">
-                  <div className="text-[16px] font-bold leading-[1.4]">{item.title}</div>
-                  <div className="text-[14px] font-semibold text-[#999]">
-                    {data.valueLabel}: {item.value} {data?.pointUnit}
-                  </div>
-                  <div className="text-[14px] font-semibold text-[#999]">
-                    {item?.couponCode ? `${data?.code || 'Code'}: ${item.couponCode} ` : ''}
-                    {item?.couponCode && (
-                      <span
-                        className="cursor-pointer text-[14px] font-semibold text-brand underline"
-                        onClick={() => {
-                          handleCopy(item.couponCode, index)
-                        }}
-                        role="button"
-                        tabIndex={0}
-                        onKeyDown={e => {
-                          if (e.key === 'Enter' || e.key === ' ') {
-                            e.preventDefault()
-                          }
-                        }}
+      {isLoading && (
+        <div className="flex h-full flex-col items-center justify-center">
+          <LoadingDots />
+        </div>
+      )}
+
+      {!isLoading && (
+        <div className="mt-[24px] overflow-auto overscroll-contain">
+          {list.length > 0 ? (
+            <div className="grid gap-[18px] md:gap-[12px]">
+              {list.map((item, index) => (
+                <div key={index} className="grid gap-[8px]">
+                  {item?.orderNumber && (
+                    <div className="text-[15px] font-semibold leading-[1.4] text-[#777]">
+                      {data.orderNumberLabel}: {item.orderNumber}
+                    </div>
+                  )}
+                  <div className="flex items-center justify-between rounded-[8px] bg-[#f7f8f9] px-[16px] py-[20px]">
+                    <div className="grid gap-[4px]">
+                      <div className="text-[16px] font-bold leading-[1.4]">{item.title}</div>
+                      <div className="text-[14px] font-semibold text-[#999]">
+                        {data.valueLabel}: {item.value} {data?.pointUnit}
+                      </div>
+                      <div className="text-[14px] font-semibold text-[#999]">
+                        {item?.couponCode ? `${data?.code || 'Code'}: ${item.couponCode} ` : ''}
+                        {item?.couponCode && (
+                          <span
+                            className="cursor-pointer text-[14px] font-semibold text-brand underline"
+                            onClick={() => {
+                              handleCopy(item.couponCode, index)
+                            }}
+                            role="button"
+                            tabIndex={0}
+                            onKeyDown={e => {
+                              if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault()
+                              }
+                            }}
+                          >
+                            {copied === index ? data?.copied || 'COPIED' : data?.copy || 'COPY'}
+                          </span>
+                        )}
+                      </div>
+                    </div>
+                    <div className="grid gap-[4px] text-right">
+                      <div
+                        className={classNames(
+                          'flex items-center justify-end text-[16px] font-bold leading-[1.4]',
+                          `text-[${ColorMap[item.type]}]`
+                        )}
                       >
-                        {copied === index ? data?.copied || 'COPIED' : data?.copy || 'COPY'}
-                      </span>
-                    )}
+                        <span>{TypeMap[item.type]}</span>
+                        {TipMap[item.type] && <Tip info={TipMap[item.type]} index={index} />}
+                      </div>
+                      <div className="text-[14px] font-semibold text-[#999]">
+                        {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}
+                      </div>
+                    </div>
                   </div>
                 </div>
-                <div className="grid gap-[4px] text-right">
-                  <div
-                    className={classNames(
-                      'flex items-center justify-end text-[16px] font-bold leading-[1.4]',
-                      `text-[${ColorMap[item.type]}]`
-                    )}
-                  >
-                    <span>{TypeMap[item.type]}</span>
-                    {TipMap[item.type] && <Tip info={TipMap[item.type]} index={index} />}
-                  </div>
-                  <div className="text-[14px] font-semibold text-[#999]">
-                    {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}
-                  </div>
-                </div>
-              </div>
+              ))}
             </div>
-          ))}
+          ) : (
+            <div className="flex h-full flex-col items-center justify-center">
+              <Picture
+                className="mb-[12px] w-[160px]"
+                source={data?.emptyListImage?.url}
+                alt={data?.emptyListImage?.alt || 'empty list image'}
+              ></Picture>
+              <div className="text-[16px] font-semibold leading-[1.4]">{data?.emptyListLabel}</div>
+            </div>
+          )}
         </div>
-      </div>
+      )}
     </CreditsModalContainer>
   )
 }

package/src/components/credits/modal/activitiesModal.tsx

@@ -30,7 +30,10 @@ export interface MyActivitiesMetafields {
   firstPurchaseTask: string
   uploadReceiptTask: string
   shoppingTask: string
-  emptyListImageUrl: string
+  emptyListImage: {
+    url: string
+    alt?: string
+  }
   emptyListLabel: string
 }
 
@@ -168,11 +171,11 @@ function ActivitiesModal({ data, ...props }: ActivitiesModalProps) {
       className={cn('h-[800px] w-[640px]')}
       useAnimation
       animationClassName="md:translate-y-[100vh]"
-      scrollClassName="min-l:px-0 md:mb-0 md:px-0"
+      scrollClassName=""
       {...props}
       onScrollEnd={handleScrollEnd}
     >
-      <div className="w-full overflow-x-auto">
+      <div className="w-full sticky top-0 bg-white z-10 pb-[24px] overflow-x-auto">
         <Tabs
           align="left"
           shape="rounded"
@@ -180,7 +183,7 @@ function ActivitiesModal({ data, ...props }: ActivitiesModalProps) {
           onValueChange={value => {
             setActiveTab(Number(value))
           }}
-          className="px-[24px] md:px-[16px]"
+          className=""
         >
           <TabsList>
             {tabs.map(tab => (
@@ -192,55 +195,62 @@ function ActivitiesModal({ data, ...props }: ActivitiesModalProps) {
         </Tabs>
       </div>
 
-      <div className="mt-[24px] grid gap-[18px] overflow-auto overscroll-contain px-[24px] md:gap-[12px] md:px-[16px]">
+      <div className="grid gap-[18px] overflow-auto overscroll-contain md:gap-[12px]">
         {isLoading && (
           <div className="flex h-full flex-col items-center justify-center">
             <LoadingDots />
           </div>
         )}
-        {!list.length && !isLoading && (
-          <div className="flex h-full flex-col items-center justify-center">
-            <Picture className="mb-[16px] h-[120px] w-[160px]" src={data?.emptyListImageUrl}></Picture>
-            <div className="leading-1.4 text-[16px] font-semibold">{data?.emptyListLabel}</div>
-          </div>
-        )}
-        {list.map((item, index) => (
-          <div
-            key={index}
-            className="flex h-fit items-center justify-between rounded-[8px] bg-[#f2f0f1] px-[16px] py-[20px] text-[16px]"
-          >
-            <div className="grid gap-[6px]">
-              <div className="font-bold">{item.title}</div>
-              <div className="text-[14px] font-semibold text-[#999]">
-                {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}
-              </div>
-              {!data.pendingTips && (
+
+        {!isLoading && (
+          <>
+            {list.length > 0 ? (
+              list.map((item, index) => (
                 <div
-                  className={`hidden text-[14px] font-semibold text-[#777] ${item.status === 2 && item.credit_type === 1 ? '!flex' : ''}`}
+                  key={index}
+                  className="flex h-fit items-center justify-between rounded-[8px] bg-[#f2f0f1] px-[16px] py-[20px] text-[16px]"
                 >
-                  <Text html={data.pendingTips} />
-                  <span>{dayjs.unix(item.pending_time).add(1, 'day').format('YYYY-MM-DD')}</span>
-                  {data.pendingTips2 && <Text html={data.pendingTips2} />}
+                  <div className="grid gap-[6px]">
+                    <div className="font-bold">{item.title}</div>
+                    <div className="text-[14px] font-semibold text-[#999]">
+                      {dayjs(item.date).format('YYYY-MM-DD HH:mm').toString()}
+                    </div>
+                    {!data.pendingTips && (
+                      <div
+                        className={`hidden text-[14px] font-semibold text-[#777] ${item.status === 2 && item.credit_type === 1 ? '!flex' : ''}`}
+                      >
+                        <Text html={data.pendingTips} />
+                        <span>{dayjs.unix(item.pending_time).add(1, 'day').format('YYYY-MM-DD')}</span>
+                        {data.pendingTips2 && <Text html={data.pendingTips2} />}
+                      </div>
+                    )}
+                  </div>
+                  <div
+                    className={cn(
+                      'font-bold',
+                      item.value >= 0 || item.credit_type === CreditType.Expired ? 'text-[#52C41A]' : 'text-[#F84D4F]'
+                    )}
+                  >
+                    {item.value >= 0 && '+'}
+                    {item.value}
+                  </div>
                 </div>
-              )}
-            </div>
-            <div
-              className={cn(
-                'font-bold',
-                item.value >= 0 || item.credit_type === CreditType.Expired ? 'text-[#52C41A]' : 'text-[#F84D4F]'
-              )}
-            >
-              {item.value >= 0 && '+'}
-              {item.value}
-            </div>
-          </div>
-        ))}
+              ))
+            ) : (
+              <div className="flex h-full flex-col items-center justify-center">
+                <Picture
+                  className="mb-[16px] h-[120px] w-[160px]"
+                  source={data?.emptyListImage?.url}
+                  alt={data?.emptyListImage?.alt || 'empty list image'}
+                ></Picture>
+                <div className="leading-1.4 text-[16px] font-semibold">{data?.emptyListLabel}</div>
+              </div>
+            )}
+          </>
+        )}
       </div>
-      {!!list.length && (
-        <div className="mt-[12px] px-[24px] pb-[24px] text-[14px] font-semibold text-[#999] md:px-[16px]">
-          {data.tips}
-        </div>
-      )}
+      {/* 积分到账时间提醒 */}
+      {list.length > 0 && <div className="mt-[12px] pb-[24px] text-[14px] font-semibold text-[#999]">{data.tips}</div>}
     </CreditsModalContainer>
   )
 }

package/src/components/credits/modal/loadingDots.tsx

@@ -1,15 +1,17 @@
-import { cn } from '../../../helpers/utils'
+import classNames from 'classnames'
+import { FC } from 'react'
 
 interface LoadingProps {
   className?: string
 }
 
-function LoadingDots({ className }: LoadingProps) {
+const LoadingDots: FC<LoadingProps> = props => {
+  const { className } = props
   return (
-    <span className={cn(className)}>
-      <span className="dot" key={`dot_1`} />
-      <span className="dot" key={`dot_2`} />
-      <span className="dot" key={`dot_3`} />
+    <span className={classNames('inline-flex min-h-[19px] items-center text-center leading-7', className)}>
+      <span className="animate-blink mx-0.5 h-2 w-2 rounded-full bg-current" key={`dot_1`} />
+      <span className="animate-blink mx-0.5 h-2 w-2 rounded-full bg-current [animation-delay:0.2s]" key={`dot_2`} />
+      <span className="animate-blink mx-0.5 h-2 w-2 rounded-full bg-current [animation-delay:0.4s]" key={`dot_3`} />
     </span>
   )
 }

package/src/components/credits/type.ts

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

package/src/helpers/track.ts

@@ -25,14 +25,32 @@ export const gaTrack = (data: any) => {
   }
 }
 
+export function gaNormalClick({ position, label }: { position: string; label: string }) {
+  gaTrack({
+    event: 'ga4Event',
+    event_name: 'lp_button',
+    event_parameters: {
+      page_group: 'soundcoreCredits Rewards Program',
+      position: position,
+      button_name: label,
+    },
+  })
+}
+
 // facebook 埋点
 export const fbq = (...args: any[]) => {
+  if (typeof window === 'undefined') {
+    return ''
+  }
   if (window.fbq) {
     window.fbq(...args)
   }
 }
 
 export const gtag = (...args: any[]) => {
+  if (typeof window === 'undefined') {
+    return ''
+  }
   if (window.gtag) {
     window.gtag(...args)
   }

package/src/index.ts

@@ -1,23 +1,4 @@
 export * from './components/index'
 
-// 导出 Shopify Context 相关模块
-export { ShopifyProvider, useShopifyContext } from '@shopify/context/ShopifyProvider'
-
-// 导出 Shopify 核心模块
-export * from '@shopify/fetchers'
-export * from '@shopify/hooks'
-export * from '@shopify/queries'
-export * from '@shopify/fragments'
-
-// 导出 Shopify 核心类型（排除有冲突的 Brand 类型）
-export type {
-  Cart,
-  LineItem,
-  Product,
-  ProductVariant,
-  ProductImage,
-  ProductMedia,
-  ProductPrice,
-  VariantCoupon,
-  Discount,
-} from '@shopify/types'
+// 导出 Shopify 相关模块
+export * from '@anker-in/shopify'

package/tailwind.config.ts

@@ -66,6 +66,16 @@ export default {
       letterSpacing: {
         DEFAULT: 'var(--letter-spacing-normal)',
       },
+      keyframes: {
+        blink: {
+          '0%': { opacity: '0.2' },
+          '20%': { opacity: '1' },
+          '100%': { opacity: '0.2' },
+        },
+      },
+      animation: {
+        blink: 'blink 1.6s infinite both',
+      },
     },
   },
   plugins: [],

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/chat/action.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n  name?: string\n  scope?: any\n  arguments?: any\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  addtocartHandler?: (_args: any) => Promise<any>\n  commonRender?: string | ((_props: any) => React.ReactElement)\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  shulexRender?: string | ((_props: any) => React.ReactElement)\n  productRender?: string | ((_props: any) => React.ReactElement)\n  productRenderTipMessage?: string\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({\n  start,\n  history,\n  addtocartHandler,\n  commonRender,\n  pointsExchangeCouponRender,\n  gotocheckoutRender,\n  gotocartRender,\n  addtocartRender,\n  productRender,\n  signupRender,\n  shulexRender,\n  children,\n}: ActionProps) => {\n  const { setMessages, appendMessage, isLoading } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content || value?.arguments)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\n        if (value?.name && value?.arguments) {\n          const args = value?.arguments?.map((item: any) => (item ? { ...item, ishistory: true } : {}))\n          return new ActionExecutionMessage({\n            name: value?.name,\n            arguments: args,\n            scope: value?.scope,\n          })\n        }\n        return new TextMessage({\n          ...value,\n          role: value?.role === 'user' ? Role.User : Role.Assistant,\n        })\n      })\n      setMessages(content)\n    }\n  }, [history])\n\n  useCopilotAction({\n    name: 'go_to_checkout',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocheckoutRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'common_action',\n    description: 'common action',\n    parameters: [{ act: '' }] as any,\n    render: commonRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('common_action', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'points_exchange_coupon',\n    description: 'points exchange coupon',\n    parameters: [{ act: '' }] as any,\n    render: pointsExchangeCouponRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('points_exchange_coupon', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'go_to_cart',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'add_to_cart',\n    description: 'add to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: addtocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      addtocartHandler && addtocartHandler(props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'show_product_card',\n    description: 'product card',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: productRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      // console.log('show_product_card-props', props)\n      // const ishistory = props?.find((item: { ishistory: any }) => item?.ishistory)\n      // if (!ishistory) {\n      //   const content = new TextMessage({\n      //     content: 'show product card',\n      //     role: Role.Assistant,\n      //   })\n      //   appendMessage(content)\n      // }\n    },\n  })\n\n  useCopilotAction({\n    name: 'signup',\n    description: 'signup',\n    parameters: [\n      {\n        name: 'signup',\n      },\n    ] as any,\n    render: signupRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('signup-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'shulex',\n    description: 'shulex',\n    parameters: [\n      {\n        name: 'shulex',\n      },\n    ] as any,\n    render: shulexRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('shulex-props', props)\n    },\n  })\n\n  useCopilotReadable({\n    description: \"Today's date\",\n    value: new Date().toLocaleDateString(),\n  })\n\n  return <div>{children}</div>\n}\n"],
-  "mappings": "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",
-  "names": ["action_exports", "__export", "CopilotAction", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_runtime_client_gql", "start", "history", "addtocartHandler", "commonRender", "pointsExchangeCouponRender", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "shulexRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "props"]
-}

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

@@ -1,3 +0,0 @@
-import type { ButtonProps } from './props';
-declare const DefaultButton: ({ setOpen }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default DefaultButton;

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

@@ -1,2 +0,0 @@
-"use strict";var p=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var r=(t,o)=>{for(var i in o)p(t,i,{get:o[i],enumerable:!0})},B=(t,o,i,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of u(o))!a.call(t,n)&&n!==i&&p(t,n,{get:()=>o[n],enumerable:!(e=s(o,n))||e.enumerable});return t};var m=t=>B(p({},"__esModule",{value:!0}),t);var C={};r(C,{default:()=>d});module.exports=m(C);var c=require("react/jsx-runtime"),l=require("@copilotkit/react-ui");const I=({setOpen:t})=>{const o=(0,l.useChatContext)();return(0,c.jsxs)("button",{onClick:()=>t(),className:"copilotKitButton ","aria-label":"Open Chat",children:[(0,c.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),(0,c.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var d=I;
-//# sourceMappingURL=button.js.map

package/dist/cjs/components/chat/button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/chat/button.tsx"],
-  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props'\n\nconst DefaultButton = ({ setOpen }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button onClick={() => setOpen()} className=\"copilotKitButton \" aria-label=\"Open Chat\">\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAA+B,gCAI/B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,CAAQ,IAAmB,CAClD,MAAMC,KAAU,kBAAe,EAE/B,SACE,QAAC,UAAO,QAAS,IAAMD,EAAQ,EAAG,UAAU,oBAAoB,aAAW,YACzE,oBAAC,OAAI,UAAU,gDAAiD,SAAAC,EAAQ,MAAM,SAAS,KACvF,OAAC,OAAI,UAAU,iDAAkD,SAAAA,EAAQ,MAAM,UAAU,GAC3F,CAEJ,EAEA,IAAON,EAAQI",
-  "names": ["button_exports", "__export", "button_default", "__toCommonJS", "import_jsx_runtime", "import_react_ui", "DefaultButton", "setOpen", "context"]
-}