@pagelines/sdk 1.0.148

package/README.md

@@ -0,0 +1,542 @@
+# PageLines SDK
+
+Lightweight client library for PageLines agent integration. Built for PageLines-owned properties (app, www, widget).
+
+## Installation
+
+```bash
+npm install @pagelines/sdk
+```
+
+## Quick Start
+
+```typescript
+import { PageLinesSDK } from '@pagelines/sdk'
+
+// Singleton pattern - shares state across your app
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+
+// Get public agent
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
+
+// Authenticate user
+await sdk.requestAuthCode({ email: 'user@example.com' })
+await sdk.loginWithCode({ email: 'user@example.com', code: '123456' })
+
+// Access reactive state
+console.log(sdk.activeUser.value)
+console.log(sdk.currentAgent.value)
+console.log(sdk.currentOrg.value)
+```
+
+## Core Philosophy
+
+**Minimal API Surface**: Clean wrapper methods hide internal complexity. No direct `apiClient` exposure prevents type generation issues.
+
+**Agent-First Architecture**: Agents are primary entities. Organization context derived from agent, not passed redundantly.
+
+**Singleton by Default**: Browser-only singleton prevents duplicate API calls and separate reactive state. Multiple `getInstance()` calls return same instance.
+
+**SSR-Safe**: No singleton in Node.js—each request gets new instance to prevent request bleeding.
+
+## Public API
+
+### Authentication
+
+```typescript
+// Request email verification code
+await sdk.requestAuthCode({ email: 'user@example.com' })
+
+// Login with code
+await sdk.loginWithCode({
+  email: 'user@example.com',
+  code: '123456'
+})
+
+// Google OAuth popup
+await sdk.loginWithGoogle()
+
+// Get current user
+const user = await sdk.getCurrentUser()
+
+// Logout
+await sdk.logout()
+```
+
+### Agent Access
+
+```typescript
+// Public agent by handle (no auth)
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
+
+// Public agent by email (no auth)
+const agent = await sdk.getAgentByEmail({ email: 'andrew@pagelines.com' })
+```
+
+### Usage Tracking
+
+```typescript
+// Unified tracking method
+await sdk.trackUsage({
+  agentId: 'agt_456',      // Agent contains orgId
+  type: 'voice',          // 'voice' | 'chat'
+  quantity: 45,           // Seconds for voice, characters for chat
+  participantId: 'usr_123' // Optional: conversation participant
+})
+```
+
+### Reactive State
+
+```typescript
+// Core state
+sdk.activeUser.value    // EnrichedUser | undefined
+sdk.token.value         // string | null
+sdk.loading.value       // boolean
+sdk.error.value         // string | null
+
+// Computed properties (auto-derived from activeUser)
+sdk.currentAgent.value   // Agent | undefined
+sdk.currentOrg.value    // OrgInfo | undefined
+```
+
+## Singleton Pattern
+
+**Why Singleton**: Prevents duplicate API requests and maintains shared reactive state across your application.
+
+```typescript
+// Both return same instance
+const sdk1 = PageLinesSDK.getInstance({ isDev: true })
+const sdk2 = PageLinesSDK.getInstance({ isDev: true })
+
+console.log(sdk1 === sdk2) // true
+
+// Reactive state shared
+sdk1.token.value = 'test-token'
+console.log(sdk2.token.value) // 'test-token'
+```
+
+**Cross-Bundle Singleton**: Uses `globalThis` to share instance between separate bundles (www + widget).
+
+```typescript
+// Global SDK (www.pagelines.com)
+window.pagelinesSDK = PageLinesSDK.getInstance({ isDev: true })
+
+// Widget automatically uses singleton
+const widget = new PLWidget({ handle: 'andrew' })
+console.log(window.pagelinesSDK === widget.sdk) // true
+```
+
+**Testing Pattern**: Use `clear()` to reset singleton between tests.
+
+```typescript
+import { afterEach, it, expect } from 'vitest'
+
+afterEach(() => {
+  const sdk = PageLinesSDK.getInstance({ isDev: true })
+  sdk.clear() // Clears session + state + destroys singleton
+})
+
+it('should test singleton behavior', () => {
+  const sdk = PageLinesSDK.getInstance({ isDev: true })
+  // Test runs with clean state
+})
+```
+
+**Environment Detection**: `apiBase` auto-detected from environment. Only override for testing.
+
+```typescript
+// ✅ Normal usage (95%+ cases) - apiBase omitted
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+// Dev: http://localhost:5555 (auto)
+// Prod: https://app.pagelines.com (auto)
+
+// ✅ Testing only - custom apiBase
+const testSDK = PageLinesSDK.getInstance({
+  isDev: true,
+  apiBase: 'http://localhost:9999'
+})
+```
+
+## Usage Patterns
+
+### Blog Author Attribution
+
+```typescript
+// Astro component (www.pagelines.com)
+import { PageLinesSDK } from '@pagelines/sdk'
+
+const sdk = PageLinesSDK.getInstance({ isDev: import.meta.env.DEV })
+const authorAgent = await sdk.getAgentByEmail({ email: 'andrew@pagelines.com' })
+
+// Use agent data instead of static strings
+const authorAvatar = authorAgent?.avatar?.url
+const authorName = authorAgent?.name
+const authorBio = authorAgent?.summary
+```
+
+### Widget Integration
+
+```typescript
+import { PLWidget } from '@pagelines/sdk/widget'
+
+const widget = new PLWidget({
+  mode: 'modal',        // 'inline' | 'popup' | 'modal'
+  handle: 'andrew',     // Or provide agent object directly
+  context: 'support',   // Optional: agent context override
+  firstMessage: 'Hi!'   // Optional: custom greeting
+})
+
+// Update without re-mount
+widget.update({
+  agent: newAgent,
+  context: 'sales'
+})
+
+// Cleanup
+widget.destroy()
+```
+
+### Profile Page
+
+```typescript
+import { AgentChat } from '@pagelines/sdk/agent'
+
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
+```
+
+```vue
+<template>
+  <AgentChat
+    :sdk="sdk"
+    :agent="agent"
+    theme-color="#3b82f6"
+  />
+</template>
+```
+
+## Error Handling
+
+All wrapper methods return `undefined` on error (no exceptions thrown). Check reactive error state for details.
+
+```typescript
+const agent = await sdk.getPublicAgent({ handle: 'nonexistent' })
+
+if (!agent) {
+  console.error(sdk.error.value) // 'Agent not found'
+}
+```
+
+## Build Strategy
+
+**SDK Build**: ES modules, tree-shakeable, externals (Vue)
+- Format: ES modules
+- Bundle size: < 256KB
+- Build time: 5 seconds
+
+**Widget Build**: IIFE, single-file CDN bundle
+- Format: IIFE (global `window.PLWidget`)
+- Bundle size: < 1MB
+- Includes all dependencies
+
+## Import Patterns
+
+```typescript
+// ✅ Correct - Use bundled entry points
+import { PageLinesSDK } from '@pagelines/sdk'
+import { AgentChat, AgentProvider } from '@pagelines/sdk/agent'
+import { PLWidget } from '@pagelines/sdk/widget'
+import { getDemoAgents } from '@pagelines/sdk/demo'
+
+// ❌ Wrong - Deep imports don't work
+import { PageLinesSDK } from '@pagelines/sdk/PageLinesSDK'
+import AgentChat from '@pagelines/sdk/agent/ui/AgentChat.vue'
+```
+
+## Package Exports
+
+```json
+{
+  "exports": {
+    ".": {
+      "import": "./dist/sdk.js",
+      "types": "./dist/sdk.d.ts"
+    },
+    "./agent": {
+      "import": "./dist/agent.js",
+      "types": "./dist/agent.d.ts"
+    },
+    "./widget": {
+      "import": "./dist/widget.js",
+      "types": "./dist/widget.d.ts"
+    },
+    "./demo": {
+      "import": "./dist/demo.js",
+      "types": "./dist/demo/index.d.ts"
+    }
+  }
+}
+```
+
+## Agent-First Architecture
+
+Agents are primary entities that determine organizational context.
+
+```typescript
+// ✅ Agent contains all context
+await sdk.trackUsage({
+  agentId: 'agt_456',  // Includes orgId internally
+  type: 'voice',
+  quantity: 45
+})
+
+// ❌ Don't pass redundant orgId
+await sdk.trackUsage({
+  orgId: 'org_123',   // Redundant - derived from agentId
+  agentId: 'agt_456',
+  type: 'voice',
+  quantity: 45
+})
+```
+
+**Benefits**:
+- Simpler APIs (fewer parameters)
+- Single source of truth (agent determines org)
+- Automatic context resolution
+- Consistent across all SDK methods
+
+## Reactive State Pattern
+
+SDK maintains reactive state that auto-updates components.
+
+```typescript
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+
+// Core refs (direct state)
+sdk.activeUser.value    // Updated by auth operations
+sdk.token.value         // Updated by login/logout
+sdk.loading.value       // Updated during API calls
+sdk.error.value         // Updated on errors
+
+// Computed properties (auto-derived)
+sdk.currentAgent.value = computed(() => {
+  const user = sdk.activeUser.value
+  if (!user?.agents) return undefined
+
+  const agentId = user.primaryAgentId || user.agents[0]?.agentId
+  return user.agents.find(a => a.agentId === agentId)
+})
+
+sdk.currentOrg.value = computed(() => {
+  const agent = sdk.currentAgent.value
+  if (!agent?.orgId) return undefined
+
+  return sdk.activeUser.value?.orgs.find(org =>
+    org.orgId === agent.orgId
+  )
+})
+```
+
+**Benefits**:
+- Components auto-update when user changes
+- No manual state management needed
+- Consistent with PageLines app patterns
+- Agent-first architecture (org derived from agent)
+
+## Component Integration
+
+### Prop-Based Dependency Injection
+
+SDK components accept `sdk` prop instead of using global services.
+
+```vue
+<script setup>
+import { PageLinesSDK } from '@pagelines/sdk'
+import { AgentChat } from '@pagelines/sdk/agent'
+
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+const agent = await sdk.getPublicAgent({ handle: 'andrew' })
+</script>
+
+<template>
+  <AgentChat
+    :sdk="sdk"
+    :agent="agent"
+    theme-color="#3b82f6"
+  />
+</template>
+```
+
+### Available Components
+
+**AgentChat** - Main agent interface (chat/voice)
+**AgentProvider** - Handle → agent resolver wrapper
+**ElAgentAbout** - Profile information display
+**ElAgentChat** - Text chat interface
+**ElAgentVoice** - Voice call interface
+**ElAgentSidebar** - Navigation sidebar
+
+## Demo Data
+
+Static demo agents for marketing/showcase.
+
+```typescript
+import { getDemoAgents, getDemoAgentByHandle } from '@pagelines/sdk/demo'
+
+// All demo agents
+const demoAgents = getDemoAgents()
+
+// Specific demo agent
+const andrew = getDemoAgentByHandle('andrew')
+```
+
+**Single Source of Truth**: Demo data maintained in PageLines app at `src/modules/agent/static/data.ts`, bundled into SDK at build time.
+
+## Security Model
+
+**Public-Only Access**: `getPublicAgent()` and `getAgentByEmail()` only return agents with `visibility: 'public'`.
+
+**Authentication Required**: User operations require valid JWT token in `sdk.token.value`.
+
+**Rate Limiting**: Widget includes 10 comments/hour per agent, 100 likes/hour (future).
+
+## Performance Optimization
+
+**Single Query Pattern**: Public endpoints use single SQL query with LEFT JOINs for media.
+
+**Voice Recordings Excluded**: Public endpoints exclude voice recordings (performance).
+
+**Build Time Bundling**: App dependencies (`@/` imports) bundled during SDK build.
+
+**Ultra-Fast Builds**: 5-second builds via custom tsconfig + esbuild optimization.
+
+## Type Safety
+
+**Full TypeScript Inference**: From API routes to SDK methods to component props.
+
+**Wrapper Method Pattern**: Clean function signatures serialize perfectly to `.d.ts` files.
+
+**No Complex Types**: Simple `Promise<Agent | undefined>` instead of Hono RPC types.
+
+```typescript
+// Clean wrapper method
+async getPublicAgent(args: {
+  handle: string
+}): Promise<Agent | undefined>
+
+// Internal complexity hidden
+const response = await this.api.agent.public[':handle'].$get({
+  param: { handle: args.handle }
+})
+```
+
+## Best Practices
+
+**1. Use Singleton**: Always use `getInstance()` instead of `new PageLinesSDK()`.
+
+```typescript
+// ✅ Recommended
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+
+// ⚠️ Works but creates singleton anyway
+const sdk = new PageLinesSDK({ isDev: true })
+```
+
+**2. Don't Override apiBase**: Let SDK auto-detect environment.
+
+```typescript
+// ✅ Normal usage
+const sdk = PageLinesSDK.getInstance({ isDev: true })
+
+// ❌ Only for testing
+const sdk = PageLinesSDK.getInstance({
+  isDev: true,
+  apiBase: 'http://localhost:9999'
+})
+```
+
+**3. Clear Between Tests**: Use `clear()` for test isolation.
+
+```typescript
+afterEach(() => {
+  PageLinesSDK.getInstance({ isDev: true }).clear()
+})
+```
+
+**4. Check Error State**: Methods return `undefined` on error.
+
+```typescript
+const agent = await sdk.getPublicAgent({ handle: 'test' })
+if (!agent) {
+  console.error(sdk.error.value)
+}
+```
+
+**5. Agent-First APIs**: Pass `agentId`, let SDK resolve `orgId`.
+
+```typescript
+// ✅ Minimal args
+await sdk.trackUsage({ agentId, type, quantity })
+
+// ❌ Redundant args
+await sdk.trackUsage({ orgId, agentId, type, quantity })
+```
+
+## Architecture Principles
+
+**Minimal Case First**: Start with simplest implementation, add complexity only when needed.
+
+**No Globals**: All state via dependency injection (SDK prop pattern).
+
+**Bundle Safety**: Server code never reaches client (strict separation).
+
+**Validated Environment**: Auto-detected `apiBase` based on environment.
+
+**Static Chaining**: Preserves Hono type inference for internal operations.
+
+## Browser Compatibility
+
+**Singleton Scope**: `globalThis` for cross-bundle state sharing.
+
+**SSR Detection**: `typeof window === 'undefined'` prevents Node.js singleton.
+
+**Storage**: localStorage for user data, cookies for auth tokens.
+
+**Vue 3.6+**: Required for reactive refs and computed properties.
+
+## Development
+
+```bash
+# Watch mode - rebuilds on change
+pnpm dev
+
+# Production build (ES modules + types)
+pnpm build
+
+# Run tests
+pnpm test
+
+# Typecheck
+pnpm typecheck
+```
+
+**Build required before typecheck** - Widget/www import from `dist/`, not source.
+
+## Contributing
+
+This SDK is for PageLines-owned projects only. For internal development:
+
+1. Make changes in `packages/sdk/`
+2. Build: `pnpm run sdk:build`
+3. Test: `pnpm test packages/sdk/test/`
+4. Update this README if public API changes
+
+## License
+
+Proprietary - PageLines
+
+## Support
+
+Internal developers: See `plans/architecture/sdk.md` for complete architecture documentation.
+
+External users: Contact support@pagelines.com

package/dist/AgentProvider.vue_vue_type_script_setup_true_lang-BGCgpGEW.js

@@ -0,0 +1,42 @@
+import { defineComponent as i, createBlock as c, openBlock as l, mergeProps as u, withCtx as m, createVNode as f } from "vue";
+import { _ as g, a as p } from "./AgentWrap.vue_vue_type_script_setup_true_lang-Bvik7Wdb.js";
+const b = /* @__PURE__ */ i({
+  __name: "AgentProvider",
+  props: {
+    sdk: {},
+    agent: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    hasClose: { type: Boolean },
+    apiBase: {}
+  },
+  emits: ["close", "error"],
+  setup(r, { emit: a }) {
+    const e = r, n = a;
+    return (x, t) => (l(), c(g, u(e, { class: "agent-provider size-full relative" }), {
+      default: m((o) => [
+        f(p, {
+          sdk: o.sdk,
+          agent: o.agent,
+          context: o.context,
+          "first-message": o.firstMessage,
+          "button-text": e.buttonText,
+          "button-icon": e.buttonIcon,
+          "has-close": e.hasClose,
+          "is-active": !0,
+          class: "size-full",
+          onClose: t[0] || (t[0] = (s) => n("close", s)),
+          onError: t[1] || (t[1] = (s) => n("error", s))
+        }, null, 8, ["sdk", "agent", "context", "first-message", "button-text", "button-icon", "has-close"])
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  b as _
+};
+//# sourceMappingURL=AgentProvider.vue_vue_type_script_setup_true_lang-BGCgpGEW.js.map

package/dist/AgentProvider.vue_vue_type_script_setup_true_lang-BGCgpGEW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProvider.vue_vue_type_script_setup_true_lang-BGCgpGEW.js","sources":["../agent/ui/AgentProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { ButtonIconPreset } from '../../widget/PLWidget'\nimport type { Agent } from '../schema'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\nconst props = defineProps<{\n  sdk?: PageLinesSDK\n  agent?: Agent\n  handle?: string\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n  hasClose?: boolean\n  apiBase?: string\n}>()\n\nconst emit = defineEmits<{\n  close: [value: string]\n  error: [message: string]\n}>()\n\n</script>\n\n<template>\n  <AgentWrap\n    v-slot=\"slotProps\"\n    v-bind=\"props\"\n    class=\"agent-provider size-full relative\"\n  >\n    <AgentChat\n      :sdk=\"slotProps.sdk\"\n      :agent=\"slotProps.agent\"\n      :context=\"slotProps.context\"\n      :first-message=\"slotProps.firstMessage\"\n      :button-text=\"props.buttonText\"\n      :button-icon=\"props.buttonIcon\"\n      :has-close=\"props.hasClose\"\n      :is-active=\"true\"\n      class=\"size-full\"\n      @close=\"emit('close', $event)\"\n      @error=\"emit('error', $event)\"\n    />\n  </AgentWrap>\n</template>\n"],"names":["props","__props","emit","__emit","_openBlock","_createBlock","AgentWrap","_mergeProps","_withCtx","slotProps","_createVNode","AgentChat","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAOC;sBAQXC,EAAA,GAAAC,EAkBYC,GAlBZC,EAkBYP,GAhBG,EACb,OAAM,oCAAA,CAAmC,GAAA;AAAA,MAEzC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAYEC,GAAA;AAAA,UAXC,KAAKF,EAAU;AAAA,UACf,OAAOA,EAAU;AAAA,UACjB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,eAAaT,EAAM;AAAA,UACnB,eAAaA,EAAM;AAAA,UACnB,aAAWA,EAAM;AAAA,UACjB,aAAW;AAAA,UACZ,OAAM;AAAA,UACL,SAAKY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,UAC3B,SAAKD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,QAAA;;;;;;"}

package/dist/AgentWidgetInline-pTCUPNqY.js

@@ -0,0 +1,35 @@
+var x = Object.defineProperty;
+var l = (n, c) => x(n, "name", { value: c, configurable: !0 });
+import { defineComponent as g, ref as o, createBlock as v, openBlock as b } from "vue";
+import { _ as m } from "./AgentProvider.vue_vue_type_script_setup_true_lang-BGCgpGEW.js";
+const M = /* @__PURE__ */ g({
+  __name: "AgentWidgetInline",
+  props: {
+    sdk: {},
+    handle: {},
+    agent: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {}
+  },
+  setup(n, { expose: c }) {
+    const e = n, s = o(e.agent), r = o(e.context), a = o(e.firstMessage), i = o(e.buttonText), u = o(e.buttonIcon);
+    function f(t) {
+      t.agent !== void 0 && (s.value = t.agent), t.context !== void 0 && (r.value = t.context), t.firstMessage !== void 0 && (a.value = t.firstMessage), t.buttonText !== void 0 && (i.value = t.buttonText), t.buttonIcon !== void 0 && (u.value = t.buttonIcon);
+    }
+    return l(f, "update"), c({ update: f }), (t, d) => (b(), v(m, {
+      sdk: n.sdk,
+      handle: n.handle,
+      agent: s.value,
+      context: r.value,
+      "first-message": a.value,
+      "button-text": i.value,
+      "button-icon": u.value
+    }, null, 8, ["sdk", "handle", "agent", "context", "first-message", "button-text", "button-icon"]));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=AgentWidgetInline-pTCUPNqY.js.map

package/dist/AgentWidgetInline-pTCUPNqY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWidgetInline-pTCUPNqY.js","sources":["../widget/ui/AgentWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { Agent } from '@pagelines/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../PLWidget'\nimport { ref } from 'vue'\nimport AgentProvider from '../../agent/ui/AgentProvider.vue'\n\nconst props = defineProps<{\n  sdk?: PageLinesSDK\n  handle?: string\n  agent?: Agent\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n}>()\n\n// Local state for updateable props\nconst currentAgent = ref<Agent | undefined>(props.agent)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst currentButtonText = ref<string | undefined>(props.buttonText)\nconst currentButtonIcon = ref<ButtonIconPreset | undefined>(props.buttonIcon)\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.agent !== undefined)\n    currentAgent.value = updates.agent\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n  if (updates.buttonText !== undefined)\n    currentButtonText.value = updates.buttonText\n  if (updates.buttonIcon !== undefined)\n    currentButtonIcon.value = updates.buttonIcon\n}\n\ndefineExpose({ update })\n</script>\n\n<template>\n  <AgentProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :agent=\"currentAgent\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n    :button-text=\"currentButtonText\"\n    :button-icon=\"currentButtonIcon\"\n  />\n</template>\n"],"names":["props","__props","currentAgent","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","update","updates","__name","__expose","_createBlock","AgentProvider"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAWRC,IAAeC,EAAuBH,EAAM,KAAK,GACjDI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAoBH,EAAwBH,EAAM,UAAU,GAC5DO,IAAoBJ,EAAkCH,EAAM,UAAU;AAE5E,aAASQ,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,UAAU,WACpBP,EAAa,QAAQO,EAAQ,QAC3BA,EAAQ,YAAY,WACtBL,EAAe,QAAQK,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BJ,EAAoB,QAAQI,EAAQ,eAClCA,EAAQ,eAAe,WACzBH,EAAkB,QAAQG,EAAQ,aAChCA,EAAQ,eAAe,WACzBF,EAAkB,QAAQE,EAAQ;AAAA,IACtC;AAXS,WAAAC,EAAAF,GAAA,WAaTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAQEC,GAAA;AAAA,MAPC,KAAKZ,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,OAAOC,EAAA;AAAA,MACP,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,MACf,eAAaC,EAAA;AAAA,MACb,eAAaC,EAAA;AAAA,IAAA;;;"}

package/dist/AgentWidgetModal-BA74AH8E.js

@@ -0,0 +1,66 @@
+var b = Object.defineProperty;
+var a = (o, i) => b(o, "name", { value: i, configurable: !0 });
+import { defineComponent as h, ref as n, onMounted as C, nextTick as T, createBlock as k, openBlock as M, withCtx as _, createVNode as p } from "vue";
+import { _ as I } from "./FModal.vue_vue_type_script_setup_true_lang-cL0BFEkZ.js";
+import { _ as B } from "./AgentProvider.vue_vue_type_script_setup_true_lang-BGCgpGEW.js";
+const V = /* @__PURE__ */ h({
+  __name: "AgentWidgetModal",
+  props: {
+    sdk: {},
+    handle: {},
+    agent: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    onClose: { type: Function }
+  },
+  setup(o, { expose: i }) {
+    const e = o, u = n(e.agent), c = n(e.context), r = n(e.firstMessage), f = n(e.buttonText), v = n(e.buttonIcon), s = n(!1);
+    C(async () => {
+      await T(), setTimeout(() => {
+        s.value = !0;
+      }, 10);
+    });
+    function m(t) {
+      t.agent !== void 0 && (u.value = t.agent), t.context !== void 0 && (c.value = t.context), t.firstMessage !== void 0 && (r.value = t.firstMessage), t.buttonText !== void 0 && (f.value = t.buttonText), t.buttonIcon !== void 0 && (v.value = t.buttonIcon);
+    }
+    a(m, "update");
+    function l() {
+      s.value = !1, setTimeout(() => {
+        e.onClose && e.onClose();
+      }, 300);
+    }
+    a(l, "close");
+    function d() {
+      s.value = !0;
+    }
+    return a(d, "open"), i({ update: m, close: l, open: d }), (t, x) => (M(), k(I, {
+      vis: s.value,
+      "disable-teleport": !0,
+      "modal-class": "max-w-4xl h-[80vh] md:h-[600px]",
+      "has-close": !1,
+      "onUpdate:vis": x[0] || (x[0] = (g) => s.value = g),
+      onClose: l
+    }, {
+      default: _(() => [
+        p(B, {
+          sdk: o.sdk,
+          handle: o.handle,
+          agent: u.value,
+          context: c.value,
+          "first-message": r.value,
+          "button-text": f.value,
+          "button-icon": v.value,
+          "has-close": !0,
+          onClose: l
+        }, null, 8, ["sdk", "handle", "agent", "context", "first-message", "button-text", "button-icon"])
+      ]),
+      _: 1
+    }, 8, ["vis"]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=AgentWidgetModal-BA74AH8E.js.map