@shop-prompter/react 0.1.1

package/src/shop-prompter.service.ts

@@ -0,0 +1,135 @@
+import { shopPrompterApi } from './api/shop-prompter-api'
+import { sessionHandler } from './api/session-handler'
+import { ShopPrompterStreamEvent } from './api/shop-prompter.types'
+
+// Configuration - you can move these to environment variables
+const SHOP_PROMPTER_CONFIG = {
+  baseUrl: 'https://demo.dev.shop-prompter.com/touch-points-api',
+  apiKey:
+    '864c87266ef52c079c09b3248d86b4b5ef430bf9e5a4188476124c93ee2f6dda380f337986837b30b60f73e6aceefe7a0e0f778b3d21a7fa7698cf8546afc709',
+}
+
+export interface ChatMessage {
+  id: string
+  role: 'user' | 'assistant'
+  content: string
+  productSkus?: string[]
+  isStreaming?: boolean
+}
+
+export class ShopPrompterService {
+  private isLoading = false
+  private error: string | null = null
+  private streamingText = ''
+
+  constructor() {
+    shopPrompterApi.setApiConfig(SHOP_PROMPTER_CONFIG)
+    sessionHandler.initialize()
+  }
+
+  public async sendMessage(
+    prompt: string,
+    callbacks: {
+      onTextUpdate?: (text: string) => void
+      onProductSkus?: (skus: string[]) => void
+      onComplete?: () => void
+      onCartOperation?: (
+        operations: {
+          sku: string
+          action: 'add' | 'remove'
+          quantity: number
+        }[],
+      ) => void
+      onError?: (error: string) => void
+      onLoadingChange?: (loading: boolean) => void
+    },
+    cartContext?: { sku: string; quantity: number }[],
+  ): Promise<string> {
+    this.isLoading = true
+    callbacks.onLoadingChange?.(true)
+    this.error = null
+    this.streamingText = ''
+
+    const userId = sessionHandler.getUserId()
+    const sessionId = sessionHandler.getSessionId()
+
+    let accumulatedText = ''
+
+    try {
+      await shopPrompterApi.executeStream(
+        prompt,
+        userId,
+        sessionId,
+        (event: ShopPrompterStreamEvent) => {
+          switch (event.type) {
+            case 'text':
+              accumulatedText += event.text
+              this.streamingText = accumulatedText
+              callbacks.onTextUpdate?.(accumulatedText)
+              break
+
+            case 'productSkus':
+              callbacks.onProductSkus?.(event.skus)
+              break
+
+            case 'navigation':
+              // Handle navigation events if needed
+              console.log('Navigation event:', event.navigationOperations)
+              break
+
+            case 'cart':
+              callbacks.onCartOperation?.(event.operations)
+              break
+
+            case 'close':
+              this.isLoading = false
+              callbacks.onLoadingChange?.(false)
+              callbacks.onComplete?.()
+              break
+
+            case 'error':
+              this.error = event.reason
+              this.isLoading = false
+              callbacks.onLoadingChange?.(false)
+              callbacks.onError?.(event.reason)
+              break
+          }
+        },
+        cartContext,
+      )
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Unknown error'
+      this.error = errorMessage
+      this.isLoading = false
+      callbacks.onLoadingChange?.(false)
+      callbacks.onError?.(errorMessage)
+    }
+
+    return accumulatedText
+  }
+
+  public async getAgentExperience() {
+    console.log(
+      '## ~ ShopPrompterService ~ getAgentExperience ~ getAgentExperience:',
+    )
+
+    try {
+      return await shopPrompterApi.getAgentExperience()
+    } catch (err) {
+      console.error('Failed to fetch agent experience:', err)
+      throw err
+    }
+  }
+
+  public resetSession(): void {
+    sessionHandler.regenerate()
+  }
+
+  public getStatus() {
+    return {
+      isLoading: this.isLoading,
+      error: this.error,
+      streamingText: this.streamingText,
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "module": "esnext",
+        "target": "es2019",
+        "jsx": "react-jsx",
+        "allowJs": true,
+        "declaration": true,
+        "emitDeclarationOnly": true,
+        "outDir": "dist"
+    },
+    "include": [
+        "src"
+    ]
+}