@yassirbenmoussa/aicommerce-sdk 1.0.0 → 1.2.0

package/README.md

@@ -7,11 +7,11 @@ AI-powered product recommendations for e-commerce. This SDK allows you to easily
 ### npm / yarn / pnpm
 
 ```bash
-npm install @ai-commerce/sdk
+npm install @yassirbenmoussa/aicommerce-sdk
 # or
-yarn add @ai-commerce/sdk
+yarn add @yassirbenmoussa/aicommerce-sdk
 # or
-pnpm add @ai-commerce/sdk
+pnpm add @yassirbenmoussa/aicommerce-sdk
 ```
 
 ### Script Tag (CDN)
@@ -25,7 +25,7 @@ pnpm add @ai-commerce/sdk
 ### ES Modules / TypeScript
 
 ```typescript
-import { AICommerce } from '@ai-commerce/sdk';
+import { AICommerce } from '@yassirbenmoussa/aicommerce-sdk';
 
 // Initialize the client
 const client = new AICommerce({
@@ -42,7 +42,7 @@ console.log(response.products);   // Recommended products
 ### CommonJS
 
 ```javascript
-const { AICommerce } = require('@ai-commerce/sdk');
+const { AICommerce } = require('@yassirbenmoussa/aicommerce-sdk');
 
 const client = new AICommerce({
   apiKey: 'your-api-key',
@@ -139,13 +139,13 @@ import type {
   ChatResponse,
   Product,
   ChatContext
-} from '@ai-commerce/sdk';
+} from '@yassirbenmoussa/aicommerce-sdk';
 ```
 
 ## Error Handling
 
 ```typescript
-import { AICommerce, AICommerceError } from '@ai-commerce/sdk';
+import { AICommerce, AICommerceError } from '@yassirbenmoussa/aicommerce-sdk';
 
 try {
   const response = await client.chat('Hello');

package/dist/ai-commerce.min.js

@@ -1,4 +1,466 @@
 var AICommerceSDK=(function(exports){'use strict';/*! AI Commerce SDK v1.0.0 | MIT License | https://aicommerce.dev */
-var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var w=(s,e)=>()=>(s&&(e=s(s=0)),e);var g=(s,e)=>{for(var t in e)m(s,t,{get:e[t],enumerable:true});},f=(s,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of C(e))!T.call(s,r)&&r!==t&&m(s,r,{get:()=>e[r],enumerable:!(n=y(e,r))||n.enumerable});return s};var d=s=>f(m({},"__esModule",{value:true}),s);var p={};g(p,{AICommerce:()=>exports.AICommerce,AICommerceError:()=>exports.AICommerceError});exports.AICommerce=void 0;exports.AICommerceError=void 0;var c=w(()=>{exports.AICommerce=class s{constructor(e){this.sessionToken=null;if(!e.apiKey)throw new Error("AICommerce: apiKey is required");this.apiKey=e.apiKey,this.baseUrl=this.normalizeUrl(e.baseUrl||this.detectBaseUrl()),this.timeout=e.timeout||3e4;}detectBaseUrl(){return typeof window<"u"?window.location.origin:"https://api.aicommerce.dev"}normalizeUrl(e){return e.replace(/\/$/,"")}async request(e,t={}){let n=`${this.baseUrl}${e}`,r=new AbortController,l=setTimeout(()=>r.abort(),this.timeout);try{let o=await fetch(n,{...t,signal:r.signal,headers:{"Content-Type":"application/json","X-API-Key":this.apiKey,...this.sessionToken&&{"X-Session-Token":this.sessionToken},...t.headers}});if(clearTimeout(l),!o.ok){let h=await o.json().catch(()=>({})),u={code:h.code||"UNKNOWN_ERROR",message:h.message||h.error||`HTTP ${o.status}`,status:o.status};throw new exports.AICommerceError(u.message,u.code,u.status)}return o.json()}catch(o){throw clearTimeout(l),o instanceof exports.AICommerceError?o:o instanceof Error&&o.name==="AbortError"?new exports.AICommerceError("Request timeout","TIMEOUT",408):new exports.AICommerceError(o instanceof Error?o.message:"Unknown error","NETWORK_ERROR",0)}}async chat(e,t){let n=typeof e=="string"?{message:e,context:t,sessionToken:this.sessionToken||void 0}:{...e,sessionToken:e.sessionToken||this.sessionToken||void 0},r=await this.request("/api/v1/chat",{method:"POST",body:JSON.stringify(n)});return r.sessionToken&&(this.sessionToken=r.sessionToken),r}async createSession(){let e=await this.request("/api/v1/chat/session",{method:"POST"});return this.sessionToken=e.session.token,e.session}clearSession(){this.sessionToken=null;}getSessionToken(){return this.sessionToken}setSessionToken(e){this.sessionToken=e;}static async quickChat(e){return new s({apiKey:e.apiKey,baseUrl:e.baseUrl}).chat(e.message,e.context)}},exports.AICommerceError=class s extends Error{constructor(e,t,n){super(e),this.name="AICommerceError",this.code=t,this.status=n,Object.setPrototypeOf(this,s.prototype);}};});c();var R="1.0.0";typeof window<"u"&&(window.AICommerce=(c(),d(p)).AICommerce,window.AICommerceError=(c(),d(p)).AICommerceError);
-exports.VERSION=R;return exports;})({});//# sourceMappingURL=index.min.js.map
+var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var P=(t,e)=>()=>(t&&(e=t(t=0)),e);var L=(t,e)=>{for(var r in e)k(t,r,{get:e[r],enumerable:true});},J=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of F(e))!Y.call(t,d)&&d!==r&&k(t,d,{get:()=>e[d],enumerable:!(o=B(e,d))||o.enumerable});return t};var I=t=>J(k({},"__esModule",{value:true}),t);var S={};L(S,{AICommerce:()=>exports.AICommerce,AICommerceError:()=>exports.AICommerceError});exports.AICommerce=void 0;exports.AICommerceError=void 0;var b=P(()=>{exports.AICommerce=class t{constructor(e){this.sessionToken=null;this.products={create:async e=>this.request("/api/v1/products",{method:"POST",body:JSON.stringify(e)}),batchUpsert:async e=>this.request("/api/v1/products",{method:"POST",body:JSON.stringify({products:e})}),list:async e=>{let r=new URLSearchParams;e?.page&&r.set("page",String(e.page)),e?.perPage&&r.set("perPage",String(e.perPage)),e?.search&&r.set("search",e.search),e?.categoryId&&r.set("categoryId",e.categoryId),e?.isActive!==void 0&&r.set("isActive",String(e.isActive));let o=r.toString();return this.request(`/api/v1/products${o?`?${o}`:""}`)},get:async e=>this.request(`/api/v1/products/${e}`),update:async(e,r)=>this.request(`/api/v1/products/${e}`,{method:"PUT",body:JSON.stringify(r)}),delete:async e=>this.request(`/api/v1/products/${e}`,{method:"DELETE"})};if(!e.apiKey)throw new Error("AICommerce: apiKey is required");this.apiKey=e.apiKey,this.baseUrl=this.normalizeUrl(e.baseUrl||this.detectBaseUrl()),this.timeout=e.timeout||3e4;}detectBaseUrl(){return typeof window<"u"?window.location.origin:"https://api.aicommerce.dev"}normalizeUrl(e){return e.replace(/\/$/,"")}async request(e,r={}){let o=`${this.baseUrl}${e}`,d=new AbortController,l=setTimeout(()=>d.abort(),this.timeout);try{let s=await fetch(o,{...r,signal:d.signal,headers:{"Content-Type":"application/json","X-API-Key":this.apiKey,...this.sessionToken&&{"X-Session-Token":this.sessionToken},...r.headers}});if(clearTimeout(l),!s.ok){let n=await s.json().catch(()=>({})),h={code:n.code||"UNKNOWN_ERROR",message:n.message||n.error||`HTTP ${s.status}`,status:s.status};throw new exports.AICommerceError(h.message,h.code,h.status)}return s.json()}catch(s){throw clearTimeout(l),s instanceof exports.AICommerceError?s:s instanceof Error&&s.name==="AbortError"?new exports.AICommerceError("Request timeout","TIMEOUT",408):new exports.AICommerceError(s instanceof Error?s.message:"Unknown error","NETWORK_ERROR",0)}}async chat(e,r){let o=typeof e=="string"?{message:e,context:r,sessionToken:this.sessionToken||void 0}:{...e,sessionToken:e.sessionToken||this.sessionToken||void 0},d=await this.request("/api/v1/chat",{method:"POST",body:JSON.stringify(o)});return d.sessionToken&&(this.sessionToken=d.sessionToken),d}async createSession(){let e=await this.request("/api/v1/chat/session",{method:"POST"});return this.sessionToken=e.session.token,e.session}clearSession(){this.sessionToken=null;}getSessionToken(){return this.sessionToken}setSessionToken(e){this.sessionToken=e;}async upload(e,r){let o=new FormData;o.append("file",e),r?.folder&&o.append("folder",r.folder),r?.productId&&o.append("productId",r.productId),r?.isPrimary&&o.append("isPrimary","true");let d=`${this.baseUrl}/api/v1/upload`,l=await fetch(d,{method:"POST",headers:{"X-API-Key":this.apiKey},body:o});if(!l.ok){let s=await l.json().catch(()=>({}));throw new exports.AICommerceError(s.message||s.error||`HTTP ${l.status}`,s.code||"UPLOAD_ERROR",l.status)}return l.json()}static async quickChat(e){return new t({apiKey:e.apiKey,baseUrl:e.baseUrl}).chat(e.message,e.context)}},exports.AICommerceError=class t extends Error{constructor(e,r,o){super(e),this.name="AICommerceError",this.code=r,this.status=o,Object.setPrototypeOf(this,t.prototype);}};});function X(t){let e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:{r:99,g:102,b:241}}function T(t){let e=t.primaryColor,r=X(e),o=t.position==="bottom-left";return `
+/* AI Commerce Widget Styles */
+#aicommerce-widget {
+    --aic-primary: ${e};
+    --aic-primary-rgb: ${r.r}, ${r.g}, ${r.b};
+    --aic-primary-light: rgba(${r.r}, ${r.g}, ${r.b}, 0.1);
+    --aic-primary-dark: rgba(${r.r}, ${r.g}, ${r.b}, 0.9);
+    --aic-bg: #ffffff;
+    --aic-bg-secondary: #f8fafc;
+    --aic-text: #1e293b;
+    --aic-text-secondary: #64748b;
+    --aic-border: #e2e8f0;
+    --aic-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    --aic-radius: 16px;
+    --aic-z-index: ${t.zIndex};
+    
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+    font-size: 14px;
+    line-height: 1.5;
+    position: fixed;
+    bottom: 20px;
+    ${o?"left: 20px;":"right: 20px;"}
+    z-index: var(--aic-z-index);
+}
+
+/* Dark theme */
+#aicommerce-widget.aicommerce-theme-dark,
+@media (prefers-color-scheme: dark) {
+    #aicommerce-widget.aicommerce-theme-auto {
+        --aic-bg: #1e293b;
+        --aic-bg-secondary: #0f172a;
+        --aic-text: #f1f5f9;
+        --aic-text-secondary: #94a3b8;
+        --aic-border: #334155;
+    }
+}
+
+/* Launcher Button */
+.aicommerce-launcher {
+    width: 60px;
+    height: 60px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, var(--aic-primary), var(--aic-primary-dark));
+    border: none;
+    cursor: pointer;
+    box-shadow: 0 4px 20px rgba(var(--aic-primary-rgb), 0.4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    animation: aic-pulse 2s infinite;
+}
+
+.aicommerce-launcher:hover {
+    transform: scale(1.1);
+    box-shadow: 0 6px 30px rgba(var(--aic-primary-rgb), 0.5);
+}
+
+.aicommerce-launcher-icon {
+    font-size: 24px;
+}
+
+.aicommerce-hidden {
+    display: none !important;
+}
+
+@keyframes aic-pulse {
+    0%, 100% { box-shadow: 0 4px 20px rgba(var(--aic-primary-rgb), 0.4); }
+    50% { box-shadow: 0 4px 30px rgba(var(--aic-primary-rgb), 0.6); }
+}
+
+/* Chat Window */
+.aicommerce-chat {
+    position: absolute;
+    bottom: 0;
+    ${o?"left: 0;":"right: 0;"}
+    width: 380px;
+    max-width: calc(100vw - 40px);
+    height: 600px;
+    max-height: calc(100vh - 100px);
+    background: var(--aic-bg);
+    border-radius: var(--aic-radius);
+    box-shadow: var(--aic-shadow);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transform-origin: bottom ${o?"left":"right"};
+}
+
+.aicommerce-chat.aicommerce-closed {
+    opacity: 0;
+    transform: scale(0.9) translateY(20px);
+    pointer-events: none;
+}
+
+.aicommerce-chat.aicommerce-open {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+}
+
+/* Header */
+.aicommerce-header {
+    background: linear-gradient(135deg, var(--aic-primary), var(--aic-primary-dark));
+    color: white;
+    padding: 16px 20px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.aicommerce-header-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.aicommerce-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    overflow: hidden;
+}
+
+.aicommerce-avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.aicommerce-header-text {
+    display: flex;
+    flex-direction: column;
+}
+
+.aicommerce-bot-name {
+    font-weight: 600;
+    font-size: 16px;
+}
+
+.aicommerce-status {
+    font-size: 12px;
+    opacity: 0.9;
+}
+
+.aicommerce-close {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.2);
+    border: none;
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    transition: background 0.2s;
+}
+
+.aicommerce-close:hover {
+    background: rgba(255, 255, 255, 0.3);
+}
+
+/* Messages */
+.aicommerce-messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    background: var(--aic-bg-secondary);
+}
+
+.aicommerce-message {
+    max-width: 85%;
+    animation: aic-slide-in 0.3s ease-out;
+}
+
+.aicommerce-message.aicommerce-user {
+    align-self: flex-end;
+}
+
+.aicommerce-message.aicommerce-assistant {
+    align-self: flex-start;
+}
+
+.aicommerce-message-content {
+    padding: 12px 16px;
+    border-radius: 16px;
+    line-height: 1.5;
+}
+
+.aicommerce-user .aicommerce-message-content {
+    background: var(--aic-primary);
+    color: white;
+    border-bottom-right-radius: 4px;
+}
+
+.aicommerce-assistant .aicommerce-message-content {
+    background: var(--aic-bg);
+    color: var(--aic-text);
+    border-bottom-left-radius: 4px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+@keyframes aic-slide-in {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+/* Typing Indicator */
+.aicommerce-typing {
+    display: flex;
+    gap: 4px;
+    padding: 12px 16px;
+    background: var(--aic-bg);
+    border-radius: 16px;
+    width: fit-content;
+}
+
+.aicommerce-typing span {
+    width: 8px;
+    height: 8px;
+    background: var(--aic-text-secondary);
+    border-radius: 50%;
+    animation: aic-bounce 1.4s infinite ease-in-out;
+}
+
+.aicommerce-typing span:nth-child(1) { animation-delay: -0.32s; }
+.aicommerce-typing span:nth-child(2) { animation-delay: -0.16s; }
+
+@keyframes aic-bounce {
+    0%, 80%, 100% { transform: scale(0); }
+    40% { transform: scale(1); }
+}
+
+/* Product Cards */
+.aicommerce-products {
+    display: flex;
+    gap: 8px;
+    margin-top: 12px;
+    overflow-x: auto;
+    padding-bottom: 4px;
+}
+
+.aicommerce-product-card {
+    flex-shrink: 0;
+    width: 140px;
+    background: var(--aic-bg);
+    border-radius: 12px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: all 0.2s;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.aicommerce-product-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+}
+
+.aicommerce-product-image {
+    width: 100%;
+    height: 100px;
+    object-fit: cover;
+}
+
+.aicommerce-product-placeholder {
+    width: 100%;
+    height: 100px;
+    background: var(--aic-bg-secondary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32px;
+}
+
+.aicommerce-product-info {
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.aicommerce-product-name {
+    font-weight: 500;
+    font-size: 13px;
+    color: var(--aic-text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.aicommerce-product-price {
+    font-weight: 600;
+    font-size: 14px;
+    color: var(--aic-primary);
+}
+
+/* Input Area */
+.aicommerce-input-container {
+    padding: 16px 20px;
+    background: var(--aic-bg);
+    border-top: 1px solid var(--aic-border);
+    display: flex;
+    gap: 12px;
+}
+
+.aicommerce-input {
+    flex: 1;
+    padding: 12px 16px;
+    border: 1px solid var(--aic-border);
+    border-radius: 24px;
+    background: var(--aic-bg-secondary);
+    color: var(--aic-text);
+    font-size: 14px;
+    outline: none;
+    transition: all 0.2s;
+}
+
+.aicommerce-input:focus {
+    border-color: var(--aic-primary);
+    box-shadow: 0 0 0 3px var(--aic-primary-light);
+}
+
+.aicommerce-input::placeholder {
+    color: var(--aic-text-secondary);
+}
+
+.aicommerce-send {
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    background: var(--aic-primary);
+    border: none;
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+}
+
+.aicommerce-send:hover:not(:disabled) {
+    background: var(--aic-primary-dark);
+    transform: scale(1.05);
+}
+
+.aicommerce-send:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+/* Mobile Responsive */
+@media (max-width: 420px) {
+    #aicommerce-widget {
+        bottom: 16px;
+        ${o?"left: 16px;":"right: 16px;"}
+    }
+    
+    .aicommerce-chat {
+        width: calc(100vw - 32px);
+        height: calc(100vh - 100px);
+        border-radius: 12px;
+    }
+    
+    .aicommerce-launcher {
+        width: 56px;
+        height: 56px;
+    }
+}
+
+/* Scrollbar */
+.aicommerce-messages::-webkit-scrollbar {
+    width: 6px;
+}
+
+.aicommerce-messages::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.aicommerce-messages::-webkit-scrollbar-thumb {
+    background: var(--aic-border);
+    border-radius: 3px;
+}
+
+.aicommerce-messages::-webkit-scrollbar-thumb:hover {
+    background: var(--aic-text-secondary);
+}
+`}function U(t){let e=document.createElement("style");e.id="aicommerce-widget-styles",e.textContent=t;let r=document.getElementById("aicommerce-widget-styles");return r&&r.remove(),document.head.appendChild(e),e}var q=P(()=>{});var M={};L(M,{AICommerceWidget:()=>exports.AICommerceWidget,createWidget:()=>$});function $(t){if(!t.apiKey)throw new Error("AICommerceWidget: apiKey is required");let e=new exports.AICommerce({apiKey:t.apiKey,baseUrl:t.baseUrl}),r={isOpen:false,isLoading:true,messages:[],storeConfig:null},o=null,s=null,n;async function h(){try{let i=t.baseUrl||A(),a=await fetch(`${i}/api/v1/store`,{headers:{"x-api-key":t.apiKey}});return a.ok?(await a.json()).store:null}catch(i){return console.error("Failed to fetch store config:",i),null}}function A(){if(typeof window<"u"){let i=document.querySelector("script[data-aicommerce-url]");if(i)return i.getAttribute("data-aicommerce-url")||""}return "https://api.aicommerce.dev"}async function W(){r.storeConfig=await h(),n={apiKey:t.apiKey,baseUrl:t.baseUrl||A(),position:t.position||"bottom-right",theme:t.theme||"auto",primaryColor:t.primaryColor||r.storeConfig?.primaryColor||"#6366f1",welcomeMessage:t.welcomeMessage||r.storeConfig?.welcomeMessage||"Hi! How can I help you find the perfect product today?",botName:t.botName||r.storeConfig?.chatBotName||"Shopping Assistant",zIndex:t.zIndex||9999,buttonText:t.buttonText||"\u{1F4AC}",hideLauncher:t.hideLauncher||false,onOpen:t.onOpen,onClose:t.onClose,onProductClick:t.onProductClick,onMessage:t.onMessage};let i=T(n);s=U(i),o=document.createElement("div"),o.id="aicommerce-widget",o.className=`aicommerce-widget aicommerce-${n.position} aicommerce-theme-${n.theme}`,document.body.appendChild(o),u(),r.messages.push({role:"assistant",content:n.welcomeMessage}),r.isLoading=false,u();}function u(){if(!o)return;let i=`
+            ${n.hideLauncher?"":`
+                <button class="aicommerce-launcher ${r.isOpen?"aicommerce-hidden":""}" aria-label="Open chat">
+                    <span class="aicommerce-launcher-icon">${n.buttonText}</span>
+                </button>
+            `}
+            
+            <div class="aicommerce-chat ${r.isOpen?"aicommerce-open":"aicommerce-closed"}">
+                <div class="aicommerce-header">
+                    <div class="aicommerce-header-info">
+                        <div class="aicommerce-avatar">
+                            ${r.storeConfig?.logo?`<img src="${r.storeConfig.logo}" alt="${n.botName}" />`:"<span>\u{1F916}</span>"}
+                        </div>
+                        <div class="aicommerce-header-text">
+                            <span class="aicommerce-bot-name">${n.botName}</span>
+                            <span class="aicommerce-status">Online</span>
+                        </div>
+                    </div>
+                    <button class="aicommerce-close" aria-label="Close chat">\u2715</button>
+                </div>
+                
+                <div class="aicommerce-messages">
+                    ${r.messages.map(c=>`
+                        <div class="aicommerce-message aicommerce-${c.role}">
+                            <div class="aicommerce-message-content">${w(c.content)}</div>
+                            ${c.products&&c.products.length>0?`
+                                <div class="aicommerce-products">
+                                    ${c.products.map(m=>`
+                                        <div class="aicommerce-product-card" data-product-id="${m.id}">
+                                            ${m.imageUrl?`
+                                                <img src="${m.imageUrl}" alt="${w(m.name)}" class="aicommerce-product-image" />
+                                            `:`
+                                                <div class="aicommerce-product-placeholder">\u{1F4E6}</div>
+                                            `}
+                                            <div class="aicommerce-product-info">
+                                                <span class="aicommerce-product-name">${w(m.name)}</span>
+                                                <span class="aicommerce-product-price">${N(m.price,m.currency)}</span>
+                                            </div>
+                                        </div>
+                                    `).join("")}
+                                </div>
+                            `:""}
+                        </div>
+                    `).join("")}
+                    ${r.isLoading?`
+                        <div class="aicommerce-message aicommerce-assistant">
+                            <div class="aicommerce-typing">
+                                <span></span><span></span><span></span>
+                            </div>
+                        </div>
+                    `:""}
+                </div>
+                
+                <div class="aicommerce-input-container">
+                    <input 
+                        type="text" 
+                        class="aicommerce-input" 
+                        placeholder="Type your message..."
+                        ${r.isLoading?"disabled":""}
+                    />
+                    <button class="aicommerce-send" ${r.isLoading?"disabled":""} aria-label="Send message">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13"/>
+                        </svg>
+                    </button>
+                </div>
+            </div>
+        `;o.innerHTML=i,z();let a=o.querySelector(".aicommerce-messages");a&&(a.scrollTop=a.scrollHeight);}function z(){if(!o)return;let i=o.querySelector(".aicommerce-launcher");i&&i.addEventListener("click",()=>x());let a=o.querySelector(".aicommerce-close");a&&a.addEventListener("click",()=>v());let c=o.querySelector(".aicommerce-input"),m=o.querySelector(".aicommerce-send");c&&c.addEventListener("keypress",f=>{f.key==="Enter"&&c.value.trim()&&(y(c.value.trim()),c.value="");}),m&&c&&m.addEventListener("click",()=>{c.value.trim()&&(y(c.value.trim()),c.value="");}),o.querySelectorAll(".aicommerce-product-card").forEach(f=>{f.addEventListener("click",()=>{let D=f.getAttribute("data-product-id"),O=r.messages.flatMap(C=>C.products||[]).find(C=>C.id===D);O&&n.onProductClick&&n.onProductClick(O);});});}async function y(i){r.messages.push({role:"user",content:i}),r.isLoading=true,u();try{let a=await e.chat(i);return r.messages.push({role:"assistant",content:a.reply,products:a.products}),n.onMessage&&n.onMessage(i,a),a}catch(a){throw r.messages.push({role:"assistant",content:"Sorry, I encountered an error. Please try again."}),a}finally{r.isLoading=false,u();}}function x(){r.isOpen=true,u(),n.onOpen?.(),setTimeout(()=>{o?.querySelector(".aicommerce-input")?.focus();},100);}function v(){r.isOpen=false,u(),n.onClose?.();}function K(){r.isOpen?v():x();}function j(){o&&(o.remove(),o=null),s&&(s.remove(),s=null);}function H(i){if(Object.assign(n,i),i.primaryColor){let a=T(n);s&&(s.textContent=a);}u();}function w(i){let a=document.createElement("div");return a.textContent=i,a.innerHTML}function N(i,a){let m={USD:"$",EUR:"\u20AC",GBP:"\xA3",MAD:"DH",SAR:"SAR",AED:"AED",JPY:"\xA5",CNY:"\xA5"}[a||"USD"]||a||"$";return `${i.toFixed(2)} ${m}`}return W(),{open:x,close:v,toggle:K,destroy:j,sendMessage:y,updateConfig:H}}exports.AICommerceWidget=void 0;var E=P(()=>{b();q();exports.AICommerceWidget={init:$,VERSION:"1.0.0"};typeof window<"u"&&(window.AICommerceWidget=exports.AICommerceWidget);});b();E();var ee="1.0.0";typeof window<"u"&&(window.AICommerce=(b(),I(S)).AICommerce,window.AICommerceError=(b(),I(S)).AICommerceError,window.AICommerceWidget=(E(),I(M)).AICommerceWidget);exports.VERSION=ee;exports.createWidget=$;return exports;})({});//# sourceMappingURL=index.min.js.map
 //# sourceMappingURL=index.min.js.map