@bridge-ai-dev/ecom-chat 1.1.1 → 1.1.2

package/README.md

@@ -37,7 +37,15 @@ You can include the generic `ChatComponent` directly in your application, or use
 
 ### Method 1: Using the Generated Wrapper (Recommended for Litium)
 
-If you used `npx create-ecom-chat`, a `ChatWrapper.tsx` file was generated for you. It is pre-configured to handle Litium's cart context creation. Simply drop it into your root layout (`app/layout.tsx`):
+If you used `npx create-ecom-chat`, a `ChatWrapper.tsx` file was generated for you. It uses environment variables to access your Bridge tenant ID and widget script URL.
+
+First, add the following variables to your `.env.local` or `.env` file:
+```env
+NEXT_PUBLIC_BRIDGE_TENANT_ID=your-tenant-uuid
+NEXT_PUBLIC_BRIDGE_WIDGET_URL=https://your-cdn.com/chat-widget.js
+```
+
+Then, simply drop the generated component into your root layout (`app/layout.tsx`):
 
 ```tsx
 import ChatWrapper from '@/components/ChatWrapper';
@@ -62,14 +70,14 @@ If you prefer to integrate the component manually without the wrapper, you can i
 'use client';
 
 import { ChatComponent } from '@bridge-ai-dev/ecom-chat';
-import { createCart } from '@/services/cartService.client'; // Adjust path to your project's mutation
+import { get } from '@/services/cartService.client'; // Adjust path to your project's fetching function
 
 export default function ChatWrapper() {
   return (
     <ChatComponent
-      tenantId="your-tenant-uuid"
-      widgetScriptUrl="https://your-cdn.com/chat-widget.js"
-      getCartFunction={createCart}
+      tenantId={process.env.NEXT_PUBLIC_BRIDGE_TENANT_ID || ""}
+      widgetScriptUrl={process.env.NEXT_PUBLIC_BRIDGE_WIDGET_URL}
+      getCartFunction={get}
     />
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bridge-ai-dev/ecom-chat",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Bridge E-commerce Chat widget integration for Next.js with Litium authentication",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/templates/ChatWrapper.tsx.template

@@ -1,14 +1,14 @@
 'use client';
 
 import { ChatComponent } from '@bridge-ai-dev/ecom-chat';
-import { createCart } from 'services/cartService.client';
+import { get } from 'services/cartService.client';
 
 export default function ChatWrapper() {
     return (
         <ChatComponent
-            tenantId="YOUR_TENANT_ID_HERE"
-            widgetScriptUrl="https://YOUR_CLOUDFRONT_URL/chat-widget.js"
-            getCartFunction={createCart}
+            tenantId={process.env.NEXT_PUBLIC_BRIDGE_TENANT_ID || ""}
+            widgetScriptUrl={process.env.NEXT_PUBLIC_BRIDGE_WIDGET_URL}
+            getCartFunction={get}
         />
     );
 }