npm - @bridge-ai-dev/ecom-chat - Versions diffs - 1.0.0 - Mend

@bridge-ai-dev/ecom-chat 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/README.md +178 -0
package/bin/cli.js +174 -0
package/dist/ChatComponent.d.ts +35 -0
package/dist/ChatComponent.d.ts.map +1 -0
package/dist/ChatComponent.js +159 -0
package/dist/ChatComponent.js.map +1 -0
package/dist/index.d.ts +10 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +10 -0
package/dist/index.js.map +1 -0
package/dist/types.d.ts +108 -0
package/dist/types.d.ts.map +1 -0
package/dist/types.js +5 -0
package/dist/types.js.map +1 -0
package/package.json +49 -0
package/templates/route.ts.template +25 -0

package/README.md ADDED Viewed

@@ -0,0 +1,178 @@
+# @bridge-ai-dev/ecom-chat
+Bridge E-commerce Chat widget integration for Next.js with Litium authentication.
+## Why This Package?
+When integrating a chat widget with Litium e-commerce, you often need access to authentication cookies like `.AspNetCore.Identity.Application`. However, these cookies are typically `HttpOnly`, meaning they **cannot be accessed from client-side JavaScript** for security reasons.
+This package solves this problem by:
+1. **Creating a secure API route** that runs on the server and can access HttpOnly cookies
+2. **Providing a React component** that fetches these cookies via the API and passes them to the chat widget
+## Installation
+### Step 1: Run the Setup Command
+In your Next.js project root, run:
+```bash
+npx @bridge-ai-dev/create-ecom-chat
+```
+This will create the API route at `app/api/bridge-auth/route.ts`.
+### Step 2: Install the Package
+```bash
+npm install @bridge-ai-dev/ecom-chat
+```
+## Usage
+### Basic Usage
+Add the `ChatComponent` to your layout:
+```tsx
+// app/layout.tsx
+import { ChatComponent } from '@bridge-ai-dev/ecom-chat';
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>
+        {children}
+        <ChatComponent
+          tenantId="your-tenant-uuid"
+          widgetScriptUrl="http://localhost:5173/chat-widget.js"
+        />
+      </body>
+    </html>
+  );
+}
+```
+### With Full Widget Configuration
+```tsx
+<ChatComponent
+  tenantId="your-tenant-uuid"
+  widgetScriptUrl="http://localhost:5173/chat-widget.js"
+  accessToken="optional-access-token"
+  position="bottom-right"
+  backgroundColor="#6366f1"
+  foregroundColor="#ffffff"
+  size="medium"
+  borderWidth={2}
+  borderColor="#4f46e5"
+  autoPopup={false}
+  onAuthSuccess={(authData) => {
+    console.log('Auth successful, cart context:', authData.cart_context);
+  }}
+  onAuthError={(error) => {
+    console.error('Auth failed:', error.message);
+  }}
+/>
+```
+### Custom API Endpoint
+```tsx
+<ChatComponent
+  tenantId="your-tenant-uuid"
+  bridgeAuthEndpoint="/api/custom-bridge-auth"  // Custom API route path
+  containerId="my-chat-container"                // Custom container ID
+/>
+```
+## API Reference
+### ChatComponent Props
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `tenantId` | `string` | ✅ | - | Your Bridge Chat tenant identifier |
+| `widgetScriptUrl` | `string` | ❌ | - | URL to the chat widget script (loads dynamically) |
+| `accessToken` | `string` | ❌ | - | Optional access token for authenticated requests |
+| `position` | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left'` | ❌ | `'bottom-right'` | Widget position on screen |
+| `backgroundColor` | `string` | ❌ | `'#6366f1'` | Widget background color |
+| `foregroundColor` | `string` | ❌ | `'#ffffff'` | Widget foreground/text color |
+| `size` | `'small' \| 'medium' \| 'large'` | ❌ | `'medium'` | Widget size |
+| `borderWidth` | `number` | ❌ | `2` | Widget border width in pixels |
+| `borderColor` | `string` | ❌ | `'#4f46e5'` | Widget border color |
+| `autoPopup` | `boolean` | ❌ | `false` | Auto popup the chat widget on load |
+| `onAuthSuccess` | `(authData: BridgeAuthResponse) => void` | ❌ | - | Callback when auth bridge succeeds |
+| `onAuthError` | `(error: Error) => void` | ❌ | - | Callback when auth bridge fails |
+| `bridgeAuthEndpoint` | `string` | ❌ | `/api/bridge-auth` | Custom API endpoint path |
+| `containerId` | `string` | ❌ | `bgc-chat-container` | Container element ID |
+### BridgeAuthResponse
+```typescript
+interface BridgeAuthResponse {
+  cart_context: string | null;
+  identity: string | null;
+  raw?: string | null;
+}
+```
+## How It Works
+```
+┌─────────────────┐      ┌──────────────────┐      ┌─────────────────┐
+│  ChatComponent  │ ──▶  │  /api/bridge-auth │ ──▶  │  Chat Widget    │
+│  (Client)       │      │  (Server)         │      │  (BridgeChat)   │
+└─────────────────┘      └──────────────────┘      └─────────────────┘
+        │                        │                         │
+        │  1. Fetch cookies      │                         │
+        │ ──────────────────────▶│                         │
+        │                        │  Server can read        │
+        │                        │  HttpOnly cookies       │
+        │                        │                         │
+        │  2. Return JSON        │                         │
+        │ ◀──────────────────────│                         │
+        │                        │                         │
+        │  3. Initialize with cookies + config             │
+        │ ────────────────────────────────────────────────▶│
+        │                        │                         │
+```
+## What Gets Passed to BridgeChat.init()
+When the component initializes, it calls `BridgeChat.init()` with:
+```javascript
+BridgeChat.init({
+  tenantId: 'your-tenant-uuid',
+  accessToken: 'optional-access-token',
+  cookies: {
+    cart_context: 'value-from-cookie',
+    identity: 'value-from-identity-cookie'
+  },
+  container: 'bgc-chat-container',
+  position: 'bottom-right',
+  backgroundColor: '#6366f1',
+  foregroundColor: '#ffffff',
+  size: 'medium',
+  borderWidth: 2,
+  borderColor: '#4f46e5',
+  autoPopup: false
+});
+```
+## Security
+- The API route runs **server-side**, allowing access to `HttpOnly` cookies
+- Cookies are passed to the chat widget via JavaScript, not exposed to third parties
+- The component uses `credentials: 'include'` to ensure cookies are sent with the request
+## Requirements
+- Next.js 13+ with App Router
+- React 17+
+## License
+MIT

package/bin/cli.js ADDED Viewed

@@ -0,0 +1,174 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const path = require('path');
+// ANSI color codes for terminal output
+const colors = {
+    green: '\x1b[32m',
+    yellow: '\x1b[33m',
+    blue: '\x1b[34m',
+    red: '\x1b[31m',
+    reset: '\x1b[0m',
+    bold: '\x1b[1m'
+};
+const log = {
+    success: (msg) => console.log(`${colors.green}✅ ${msg}${colors.reset}`),
+    info: (msg) => console.log(`${colors.blue}ℹ️  ${msg}${colors.reset}`),
+    warning: (msg) => console.log(`${colors.yellow}⚠️  ${msg}${colors.reset}`),
+    error: (msg) => console.log(`${colors.red}❌ ${msg}${colors.reset}`),
+    step: (msg) => console.log(`${colors.bold}🚀 ${msg}${colors.reset}`)
+};
+// The API route content that will be created
+const apiRouteContent = `import { NextRequest, NextResponse } from "next/server";
+/**
+ * Bridge Auth API Route
+ *
+ * This route acts as a secure bridge to retrieve HttpOnly cookies
+ * that cannot be accessed from client-side JavaScript.
+ *
+ * The ChatComponent uses this route to get authentication context
+ * before initializing the chat widget.
+ */
+export const GET = async (request: NextRequest) => {
+    const cookies = request.cookies;
+    // Retrieve the secure cookies
+    const cartContext = cookies.get("cart-context")?.value;
+    const identity = cookies.get(".AspNetCore.Identity.Application")?.value;
+    return NextResponse.json({
+        cart_context: cartContext || null,
+        identity: identity || null,
+        // Optional: Include the raw cookie string if your backend needs it
+        raw: request.headers.get("cookie")
+    });
+};
+`;
+function isNextJsProject(cwd) {
+    // Check for Next.js indicators
+    const indicators = [
+        'next.config.js',
+        'next.config.mjs',
+        'next.config.ts',
+        path.join('app', 'layout.tsx'),
+        path.join('app', 'layout.js'),
+        path.join('app', 'page.tsx'),
+        path.join('app', 'page.js')
+    ];
+    for (const indicator of indicators) {
+        if (fs.existsSync(path.join(cwd, indicator))) {
+            return true;
+        }
+    }
+    // Check package.json for next dependency
+    const packageJsonPath = path.join(cwd, 'package.json');
+    if (fs.existsSync(packageJsonPath)) {
+        try {
+            const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+            const deps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+            if (deps.next) {
+                return true;
+            }
+        } catch (e) {
+            // Ignore parse errors
+        }
+    }
+    return false;
+}
+function hasAppDirectory(cwd) {
+    return fs.existsSync(path.join(cwd, 'app'));
+}
+function setup() {
+    const cwd = process.cwd();
+    console.log('\n');
+    console.log(`${colors.bold}╔════════════════════════════════════════════╗${colors.reset}`);
+    console.log(`${colors.bold}║     Bridge E-com Chat Setup for Next.js    ║${colors.reset}`);
+    console.log(`${colors.bold}╚════════════════════════════════════════════╝${colors.reset}`);
+    console.log('\n');
+    // Check if this is a Next.js project
+    if (!isNextJsProject(cwd)) {
+        log.warning('This does not appear to be a Next.js project.');
+        log.info('The bridge-auth route requires Next.js App Router.');
+        console.log('\n');
+        const readline = require('readline');
+        const rl = readline.createInterface({
+            input: process.stdin,
+            output: process.stdout
+        });
+        rl.question('Continue anyway? (y/N): ', (answer) => {
+            rl.close();
+            if (answer.toLowerCase() !== 'y') {
+                log.info('Setup cancelled.');
+                process.exit(0);
+            }
+            createFiles(cwd);
+        });
+        return;
+    }
+    // Check for app directory
+    if (!hasAppDirectory(cwd)) {
+        log.error('No "app" directory found.');
+        log.info('Please ensure you are using Next.js 13+ with the App Router.');
+        log.info('Create an "app" directory and try again.');
+        process.exit(1);
+    }
+    createFiles(cwd);
+}
+function createFiles(cwd) {
+    const targetDir = path.join(cwd, 'app', 'api', 'bridge-auth');
+    const targetFile = path.join(targetDir, 'route.ts');
+    // Check if file already exists
+    if (fs.existsSync(targetFile)) {
+        log.warning('API route already exists at: app/api/bridge-auth/route.ts');
+        log.info('Skipping file creation to avoid overwriting.');
+    } else {
+        // Create directory structure
+        if (!fs.existsSync(targetDir)) {
+            fs.mkdirSync(targetDir, { recursive: true });
+            log.success('Created directory: app/api/bridge-auth/');
+        }
+        // Write the API route file
+        fs.writeFileSync(targetFile, apiRouteContent, 'utf8');
+        log.success('Created API route: app/api/bridge-auth/route.ts');
+    }
+    console.log('\n');
+    log.step('Next Steps:');
+    console.log('\n');
+    console.log('   1. Install the package (if not already):');
+    console.log(`      ${colors.yellow}npm install @bridge-ai-dev/ecom-chat${colors.reset}`);
+    console.log('\n');
+    console.log('   2. Add the ChatComponent to your layout.tsx:');
+    console.log(`      ${colors.yellow}import { ChatComponent } from '@bridge-ai-dev/ecom-chat';${colors.reset}`);
+    console.log('\n');
+    console.log('   3. Include it in your layout:');
+    console.log(`      ${colors.yellow}<ChatComponent tenantId="your-tenant-uuid" />${colors.reset}`);
+    console.log('\n');
+    console.log('   4. Add your chat widget script to the layout:');
+    console.log(`      ${colors.yellow}<script src="https://your-cdn.com/chat-widget.js" async />${colors.reset}`);
+    console.log('\n');
+    log.success('Setup complete! 🎉');
+    console.log('\n');
+}
+// Run the setup
+setup();

package/dist/ChatComponent.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { ChatComponentProps } from './types';
+/**
+ * ChatComponent - Bridge Chat Widget Integration for Next.js
+ *
+ * This component handles the secure handshake between your Next.js application
+ * and the Bridge Chat widget. It retrieves HttpOnly cookies via a server-side
+ * API route and initializes the chat widget with the authenticated context.
+ *
+ * @example
+ * ```tsx
+ * import { ChatComponent } from '@bridge-ai-dev/ecom-chat';
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         <ChatComponent
+ *           tenantId="your-tenant-uuid"
+ *           widgetScriptUrl="http://localhost:5173/chat-widget.js"
+ *           position="bottom-right"
+ *           backgroundColor="#6366f1"
+ *           foregroundColor="#ffffff"
+ *           size="medium"
+ *         />
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ */
+export declare const ChatComponent: React.FC<ChatComponentProps>;
+export default ChatComponent;
+//# sourceMappingURL=ChatComponent.d.ts.map

package/dist/ChatComponent.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ChatComponent.d.ts","sourceRoot":"","sources":["../src/ChatComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,SAAS,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2JtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ChatComponent.js ADDED Viewed

@@ -0,0 +1,159 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useCallback } from 'react';
+/**
+ * ChatComponent - Bridge Chat Widget Integration for Next.js
+ *
+ * This component handles the secure handshake between your Next.js application
+ * and the Bridge Chat widget. It retrieves HttpOnly cookies via a server-side
+ * API route and initializes the chat widget with the authenticated context.
+ *
+ * @example
+ * ```tsx
+ * import { ChatComponent } from '@bridge-ai-dev/ecom-chat';
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         <ChatComponent
+ *           tenantId="your-tenant-uuid"
+ *           widgetScriptUrl="http://localhost:5173/chat-widget.js"
+ *           position="bottom-right"
+ *           backgroundColor="#6366f1"
+ *           foregroundColor="#ffffff"
+ *           size="medium"
+ *         />
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ */
+export const ChatComponent = ({ tenantId, onAuthSuccess, onAuthError, bridgeAuthEndpoint = '/api/bridge-auth', containerId = 'bgc-chat-container',
+// Widget configuration options
+position = 'bottom-right', backgroundColor = '#6366f1', foregroundColor = '#ffffff', size = 'medium', borderWidth = 2, borderColor = '#4f46e5', autoPopup = false, widgetScriptUrl }) => {
+    const [isInitialized, setIsInitialized] = useState(false);
+    const [error, setError] = useState(null);
+    const [scriptLoaded, setScriptLoaded] = useState(false);
+    // Load widget script dynamically if URL is provided
+    useEffect(() => {
+        if (!widgetScriptUrl) {
+            // Script should already be loaded externally
+            setScriptLoaded(true);
+            return;
+        }
+        // Check if script already exists
+        const existingScript = document.querySelector(`script[src="${widgetScriptUrl}"]`);
+        if (existingScript) {
+            setScriptLoaded(true);
+            return;
+        }
+        // Load the script dynamically
+        const script = document.createElement('script');
+        script.src = widgetScriptUrl;
+        script.async = true;
+        script.onload = () => setScriptLoaded(true);
+        script.onerror = () => {
+            const err = new Error(`Failed to load chat widget script from: ${widgetScriptUrl}`);
+            setError(err);
+            onAuthError?.(err);
+        };
+        document.body.appendChild(script);
+        return () => {
+            // Cleanup on unmount if needed
+        };
+    }, [widgetScriptUrl, onAuthError]);
+    const initChat = useCallback(async () => {
+        // Prevent re-initialization
+        if (isInitialized)
+            return;
+        if (!scriptLoaded)
+            return;
+        try {
+            // 1. Call our local Next.js bridge route to get secure cookies
+            const authRes = await fetch(bridgeAuthEndpoint, {
+                method: 'GET',
+                credentials: 'include', // Important: include cookies in the request
+            });
+            if (!authRes.ok) {
+                throw new Error(`Bridge auth failed: ${authRes.status} ${authRes.statusText}`);
+            }
+            const authData = await authRes.json();
+            // 2. Wait for BridgeChat to be available (with timeout)
+            const waitForBridgeChat = () => {
+                return new Promise((resolve, reject) => {
+                    let attempts = 0;
+                    const maxAttempts = 50; // 5 seconds max wait
+                    const check = () => {
+                        if (window.BridgeChat) {
+                            resolve();
+                        }
+                        else if (attempts >= maxAttempts) {
+                            reject(new Error('BridgeChat widget not found. Make sure the widget script is loaded.'));
+                        }
+                        else {
+                            attempts++;
+                            setTimeout(check, 100);
+                        }
+                    };
+                    check();
+                });
+            };
+            await waitForBridgeChat();
+            // 3. Initialize the Chat Widget with all configuration options
+            if (window.BridgeChat) {
+                window.BridgeChat.init({
+                    tenantId: tenantId,
+                    cookies: {
+                        cart_context: authData.cart_context,
+                        identity: authData.identity
+                    },
+                    container: containerId,
+                    position: position,
+                    backgroundColor: backgroundColor,
+                    foregroundColor: foregroundColor,
+                    size: size,
+                    borderWidth: borderWidth,
+                    borderColor: borderColor,
+                    autoPopup: autoPopup
+                });
+                setIsInitialized(true);
+                onAuthSuccess?.(authData);
+            }
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Unknown error during chat initialization');
+            console.error('Failed to bridge Litium context:', error);
+            setError(error);
+            onAuthError?.(error);
+        }
+    }, [
+        tenantId,
+        bridgeAuthEndpoint,
+        isInitialized,
+        scriptLoaded,
+        containerId,
+        position,
+        backgroundColor,
+        foregroundColor,
+        size,
+        borderWidth,
+        borderColor,
+        autoPopup,
+        onAuthSuccess,
+        onAuthError
+    ]);
+    useEffect(() => {
+        initChat();
+    }, [initChat]);
+    // Render a container for the chat widget
+    // The actual widget will be mounted here by BridgeChat.init()
+    return (_jsx("div", { id: containerId, "data-tenant-id": tenantId, "data-initialized": isInitialized, "data-error": error?.message, style: {
+        // The widget will control its own positioning
+        // This container is just a mount point
+        } }));
+};
+export default ChatComponent;
+//# sourceMappingURL=ChatComponent.js.map

package/dist/ChatComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ChatComponent.js","sourceRoot":"","sources":["../src/ChatComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,QAAQ,EACR,aAAa,EACb,WAAW,EACX,kBAAkB,GAAG,kBAAkB,EACvC,WAAW,GAAG,oBAAoB;AAClC,+BAA+B;AAC/B,QAAQ,GAAG,cAAc,EACzB,eAAe,GAAG,SAAS,EAC3B,eAAe,GAAG,SAAS,EAC3B,IAAI,GAAG,QAAQ,EACf,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,SAAS,EACvB,SAAS,GAAG,KAAK,EACjB,eAAe,EAClB,EAAE,EAAE;IACD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,oDAAoD;IACpD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,6CAA6C;YAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,OAAO;QACX,CAAC;QAED,iCAAiC;QACjC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,eAAe,IAAI,CAAC,CAAC;QAClF,IAAI,cAAc,EAAE,CAAC;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,OAAO;QACX,CAAC;QAED,8BAA8B;QAC9B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC;QAC7B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,2CAA2C,eAAe,EAAE,CAAC,CAAC;YACpF,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAElC,OAAO,GAAG,EAAE;YACR,+BAA+B;QACnC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpC,4BAA4B;QAC5B,IAAI,aAAa;YAAE,OAAO;QAC1B,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,CAAC;YACD,+DAA+D;YAC/D,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,kBAAkB,EAAE;gBAC5C,MAAM,EAAE,KAAK;gBACb,WAAW,EAAE,SAAS,EAAE,4CAA4C;aACvE,CAAC,CAAC;YAEH,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBACd,MAAM,IAAI,KAAK,CAAC,uBAAuB,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;YACnF,CAAC;YAED,MAAM,QAAQ,GAAuB,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;YAE1D,wDAAwD;YACxD,MAAM,iBAAiB,GAAG,GAAkB,EAAE;gBAC1C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;oBACnC,IAAI,QAAQ,GAAG,CAAC,CAAC;oBACjB,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,qBAAqB;oBAE7C,MAAM,KAAK,GAAG,GAAG,EAAE;wBACf,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;4BACpB,OAAO,EAAE,CAAC;wBACd,CAAC;6BAAM,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC;4BACjC,MAAM,CAAC,IAAI,KAAK,CAAC,qEAAqE,CAAC,CAAC,CAAC;wBAC7F,CAAC;6BAAM,CAAC;4BACJ,QAAQ,EAAE,CAAC;4BACX,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;wBAC3B,CAAC;oBACL,CAAC,CAAC;oBAEF,KAAK,EAAE,CAAC;gBACZ,CAAC,CAAC,CAAC;YACP,CAAC,CAAC;YAEF,MAAM,iBAAiB,EAAE,CAAC;YAE1B,+DAA+D;YAC/D,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;gBACpB,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;oBACnB,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE;wBACL,YAAY,EAAE,QAAQ,CAAC,YAAY;wBACnC,QAAQ,EAAE,QAAQ,CAAC,QAAQ;qBAC9B;oBACD,SAAS,EAAE,WAAW;oBACtB,QAAQ,EAAE,QAAQ;oBAClB,eAAe,EAAE,eAAe;oBAChC,eAAe,EAAE,eAAe;oBAChC,IAAI,EAAE,IAAI;oBACV,WAAW,EAAE,WAAW;oBACxB,WAAW,EAAE,WAAW;oBACxB,SAAS,EAAE,SAAS;iBACvB,CAAC,CAAC;gBAEH,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC9B,CAAC;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;YACjG,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;YACzD,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACL,CAAC,EAAE;QACC,QAAQ;QACR,kBAAkB;QAClB,aAAa;QACb,YAAY;QACZ,WAAW;QACX,QAAQ;QACR,eAAe;QACf,eAAe;QACf,IAAI;QACJ,WAAW;QACX,WAAW;QACX,SAAS;QACT,aAAa;QACb,WAAW;KACd,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,yCAAyC;IACzC,8DAA8D;IAC9D,OAAO,CACH,cACI,EAAE,EAAE,WAAW,oBACC,QAAQ,sBACN,aAAa,gBACnB,KAAK,EAAE,OAAO,EAC1B,KAAK,EAAE;QACH,8CAA8C;QAC9C,uCAAuC;SAC1C,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * @bridge-ai-dev/ecom-chat
+ *
+ * Bridge E-commerce Chat widget integration for Next.js with Litium authentication.
+ *
+ * @packageDocumentation
+ */
+export { ChatComponent, default } from './ChatComponent';
+export type { ChatComponentProps, BridgeAuthResponse, BridgeChatInitConfig, BridgeChatGlobal, WidgetPosition, WidgetSize } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGzD,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACb,MAAM,SAAS,CAAC"}

package/dist/index.js ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * @bridge-ai-dev/ecom-chat
+ *
+ * Bridge E-commerce Chat widget integration for Next.js with Litium authentication.
+ *
+ * @packageDocumentation
+ */
+// Export the main component
+export { ChatComponent, default } from './ChatComponent';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,4BAA4B;AAC5B,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types.d.ts ADDED Viewed

@@ -0,0 +1,108 @@
+/**
+ * TypeScript type definitions for Bridge Chat React
+ */
+/**
+ * Widget position options
+ */
+export type WidgetPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+/**
+ * Widget size options
+ */
+export type WidgetSize = 'small' | 'medium' | 'large';
+/**
+ * Props for the ChatComponent
+ */
+export interface ChatComponentProps {
+    /** The unique tenant identifier for your Bridge Chat instance */
+    tenantId: string;
+    /** Optional callback when authentication bridge completes successfully */
+    onAuthSuccess?: (authData: BridgeAuthResponse) => void;
+    /** Optional callback when authentication bridge fails */
+    onAuthError?: (error: Error) => void;
+    /** Optional custom API endpoint for the bridge auth route (default: /api/bridge-auth) */
+    bridgeAuthEndpoint?: string;
+    /** Optional custom container ID for the chat widget (default: bgc-chat-container) */
+    containerId?: string;
+    /** Widget position on screen (default: 'bottom-right') */
+    position?: WidgetPosition;
+    /** Widget background color (default: '#6366f1') */
+    backgroundColor?: string;
+    /** Widget foreground/text color (default: '#ffffff') */
+    foregroundColor?: string;
+    /** Widget size (default: 'medium') */
+    size?: WidgetSize;
+    /** Widget border width in pixels (default: 2) */
+    borderWidth?: number;
+    /** Widget border color (default: '#4f46e5') */
+    borderColor?: string;
+    /** Auto popup the chat widget on load (default: false) */
+    autoPopup?: boolean;
+    /** URL to the chat widget script (if not already loaded) */
+    widgetScriptUrl?: string;
+}
+/**
+ * Response from the bridge-auth API route
+ */
+export interface BridgeAuthResponse {
+    /** The cart context cookie value */
+    cart_context: string | null;
+    /** The ASP.NET Core Identity cookie value */
+    identity: string | null;
+    /** Raw cookie header string (optional, for debugging) */
+    raw?: string | null;
+}
+/**
+ * Configuration for BridgeChat.init()
+ */
+export interface BridgeChatInitConfig {
+    /** The tenant identifier */
+    tenantId: string;
+    /** Cookie values retrieved from the bridge */
+    cookies: {
+        cart_context: string | null;
+        identity: string | null;
+    };
+    /** Container element ID for the widget */
+    container?: string;
+    /** Widget position on screen */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /** Widget background color */
+    backgroundColor?: string;
+    /** Widget foreground/text color */
+    foregroundColor?: string;
+    /** Widget size */
+    size?: 'small' | 'medium' | 'large';
+    /** Widget border width in pixels */
+    borderWidth?: number;
+    /** Widget border color */
+    borderColor?: string;
+    /** Auto popup the chat widget on load */
+    autoPopup?: boolean;
+    /** Optional additional configuration */
+    [key: string]: unknown;
+}
+/**
+ * Global BridgeChat interface
+ */
+export interface BridgeChatGlobal {
+    /** Initialize the chat widget with configuration */
+    init: (config: BridgeChatInitConfig) => void;
+    /** Optional: Open the chat widget */
+    open?: () => void;
+    /** Optional: Close the chat widget */
+    close?: () => void;
+    /** Optional: Toggle the chat widget visibility */
+    toggle?: () => void;
+    /** Optional: Destroy/cleanup the chat widget */
+    destroy?: () => void;
+}
+/**
+ * Extend the Window interface to include BridgeChat
+ */
+declare global {
+    interface Window {
+        BridgeChat?: BridgeChatGlobal;
+    }
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * TypeScript type definitions for Bridge Chat React
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/package.json ADDED Viewed

@@ -0,0 +1,49 @@
+{
+  "name": "@bridge-ai-dev/ecom-chat",
+  "version": "1.0.0",
+  "description": "Bridge E-commerce Chat widget integration for Next.js with Litium authentication",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "bin": {
+    "create-ecom-chat": "./bin/cli.js"
+  },
+  "scripts": {
+    "build": "tsc && tsc -p tsconfig.esm.json",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "bridge-chat",
+    "litium",
+    "nextjs",
+    "react",
+    "authentication",
+    "chat-widget"
+  ],
+  "author": "Bridge Delivery",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "dist",
+    "bin",
+    "templates"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bridge-ai/ecom-chat.git"
+  }
+}

package/templates/route.ts.template ADDED Viewed

@@ -0,0 +1,25 @@
+import { NextRequest, NextResponse } from "next/server";
+/**
+ * Bridge Auth API Route
+ *
+ * This route acts as a secure bridge to retrieve HttpOnly cookies
+ * that cannot be accessed from client-side JavaScript.
+ *
+ * The ChatComponent uses this route to get authentication context
+ * before initializing the chat widget.
+ */
+export const GET = async (request: NextRequest) => {
+    const cookies = request.cookies;
+    // Retrieve the secure cookies
+    const cartContext = cookies.get("cart-context")?.value;
+    const identity = cookies.get(".AspNetCore.Identity.Application")?.value;
+    return NextResponse.json({
+        cart_context: cartContext || null,
+        identity: identity || null,
+        // Optional: Include the raw cookie string if your backend needs it
+        raw: request.headers.get("cookie")
+    });
+};