@yassirbenmoussa/aicommerce-sdk 1.2.0 → 1.4.0

package/dist/ai-commerce.min.js

@@ -1,5 +1,5 @@
 var AICommerceSDK=(function(exports){'use strict';/*! AI Commerce SDK v1.0.0 | MIT License | https://aicommerce.dev */
-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 `
+var O=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var le=Object.prototype.hasOwnProperty;var B=(o,e)=>()=>(o&&(e=o(o=0)),e);var X=(o,e)=>{for(var r in e)O(o,r,{get:e[r],enumerable:true});},me=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of de(e))!le.call(o,u)&&u!==r&&O(o,u,{get:()=>e[u],enumerable:!(a=ce(e,u))||a.enumerable});return o};var W=o=>me(O({},"__esModule",{value:true}),o);var z={};X(z,{AICommerce:()=>exports.AICommerce,AICommerceError:()=>exports.AICommerceError});exports.AICommerce=void 0;exports.AICommerceError=void 0;var A=B(()=>{exports.AICommerce=class o{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 a=r.toString();return this.request(`/api/v1/products${a?`?${a}`:""}`)},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(){if(typeof window<"u"){let e=document.querySelector("script[data-aicommerce-url]");if(e)return e.getAttribute("data-aicommerce-url")||"https://api.aicommerce.dev"}return "https://api.aicommerce.dev"}normalizeUrl(e){return e.replace(/\/$/,"")}async request(e,r={}){let a=`${this.baseUrl}${e}`,u=new AbortController,s=setTimeout(()=>u.abort(),this.timeout);try{let m=await fetch(a,{...r,signal:u.signal,headers:{"Content-Type":"application/json","X-API-Key":this.apiKey,...this.sessionToken&&{"X-Session-Token":this.sessionToken},...r.headers}});if(clearTimeout(s),!m.ok){let T=await m.json().catch(()=>({})),f={code:T.code||"UNKNOWN_ERROR",message:T.message||T.error||`HTTP ${m.status}`,status:m.status};throw new exports.AICommerceError(f.message,f.code,f.status)}return m.json()}catch(m){throw clearTimeout(s),m instanceof exports.AICommerceError?m:m instanceof Error&&m.name==="AbortError"?new exports.AICommerceError("Request timeout","TIMEOUT",408):new exports.AICommerceError(m instanceof Error?m.message:"Unknown error","NETWORK_ERROR",0)}}async chat(e,r){let a=typeof e=="string"?{message:e,context:r,sessionToken:this.sessionToken||void 0}:{...e,sessionToken:e.sessionToken||this.sessionToken||void 0},u=await this.request("/api/v1/chat",{method:"POST",body:JSON.stringify(a)});return u.sessionToken&&(this.sessionToken=u.sessionToken),u}async chatWithAudio(e,r){let a=await e.arrayBuffer(),s={audioBase64:btoa(new Uint8Array(a).reduce((T,f)=>T+String.fromCharCode(f),"")),audioMimeType:e.type||"audio/webm",context:r,sessionToken:this.sessionToken||void 0},m=await this.request("/api/v1/chat",{method:"POST",body:JSON.stringify(s)});return m.sessionToken&&(this.sessionToken=m.sessionToken),m}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 a=new FormData;a.append("file",e),r?.folder&&a.append("folder",r.folder),r?.productId&&a.append("productId",r.productId),r?.isPrimary&&a.append("isPrimary","true");let u=`${this.baseUrl}/api/v1/upload`,s=await fetch(u,{method:"POST",headers:{"X-API-Key":this.apiKey},body:a});if(!s.ok){let m=await s.json().catch(()=>({}));throw new exports.AICommerceError(m.message||m.error||`HTTP ${s.status}`,m.code||"UPLOAD_ERROR",s.status)}return s.json()}static async quickChat(e){return new o({apiKey:e.apiKey,baseUrl:e.baseUrl}).chat(e.message,e.context)}},exports.AICommerceError=class o extends Error{constructor(e,r,a){super(e),this.name="AICommerceError",this.code=r,this.status=a,Object.setPrototypeOf(this,o.prototype);}};});function ue(o){let e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:{r:99,g:102,b:241}}function D(o){let e=o.primaryColor,r=ue(e),a=o.position==="bottom-left";return `
 /* AI Commerce Widget Styles */
 #aicommerce-widget {
     --aic-primary: ${e};
@@ -13,14 +13,14 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
     --aic-border: #e2e8f0;
     --aic-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     --aic-radius: 16px;
-    --aic-z-index: ${t.zIndex};
+    --aic-z-index: ${o.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;"}
+    ${a?"left: 20px;":"right: 20px;"}
     z-index: var(--aic-z-index);
 }
 
@@ -74,7 +74,7 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
 .aicommerce-chat {
     position: absolute;
     bottom: 0;
-    ${o?"left: 0;":"right: 0;"}
+    ${a?"left: 0;":"right: 0;"}
     width: 380px;
     max-width: calc(100vw - 40px);
     height: 600px;
@@ -86,7 +86,7 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
     flex-direction: column;
     overflow: hidden;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    transform-origin: bottom ${o?"left":"right"};
+    transform-origin: bottom ${a?"left":"right"};
 }
 
 .aicommerce-chat.aicommerce-closed {
@@ -245,15 +245,24 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
 /* Product Cards */
 .aicommerce-products {
     display: flex;
-    gap: 8px;
+    gap: 16px;
     margin-top: 12px;
     overflow-x: auto;
-    padding-bottom: 4px;
+    padding-bottom: 16px;
+    width: 100%;
+    max-width: 100%;
+    cursor: grab;
+    user-select: none;
+    -webkit-user-select: none;
+    scrollbar-width: none; /* Firefox */
+}
+.aicommerce-products::-webkit-scrollbar {
+    display: none; /* Chrome/Safari */
 }
 
 .aicommerce-product-card {
     flex-shrink: 0;
-    width: 140px;
+    width: 280px;
     background: var(--aic-bg);
     border-radius: 12px;
     overflow: hidden;
@@ -269,13 +278,15 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
 
 .aicommerce-product-image {
     width: 100%;
-    height: 100px;
+    aspect-ratio: 16/9;
+    height: auto;
     object-fit: cover;
 }
 
 .aicommerce-product-placeholder {
     width: 100%;
-    height: 100px;
+    aspect-ratio: 16/9;
+    height: auto;
     background: var(--aic-bg-secondary);
     display: flex;
     align-items: center;
@@ -305,6 +316,109 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
     color: var(--aic-primary);
 }
 
+.aicommerce-product-desc {
+    font-size: 12px;
+    color: var(--aic-text-secondary);
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    margin-top: 4px;
+}
+
+/* Audio Player */
+.aicommerce-audio-player {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    min-width: 240px;
+    padding: 4px 0;
+}
+
+.aicommerce-audio-btn {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s;
+    background: rgba(255, 255, 255, 0.25);
+    color: white;
+    flex-shrink: 0;
+    padding: 0;
+}
+
+.aicommerce-audio-btn:hover {
+    background: rgba(255, 255, 255, 0.35);
+    transform: scale(1.05);
+}
+
+.aicommerce-audio-btn:active {
+    transform: scale(0.95);
+}
+
+/* Invert colors for assistant (since background is white/gray) */
+.aicommerce-assistant .aicommerce-audio-btn {
+    background: var(--aic-primary);
+    color: white;
+}
+.aicommerce-assistant .aicommerce-audio-btn:hover {
+    background: var(--aic-primary-dark);
+}
+
+.aicommerce-audio-waveform {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    min-width: 0; /* Prevent overflow */
+}
+
+.aicommerce-waveform-bars {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    height: 24px;
+    cursor: pointer;
+    width: 100%;
+}
+
+.aicommerce-waveform-bar {
+    width: 3px;
+    border-radius: 2px;
+    min-height: 3px;
+    transition: background-color 0.1s;
+    flex-shrink: 0;
+}
+
+.aicommerce-audio-time {
+    display: flex;
+    justify-content: space-between;
+    font-size: 11px;
+    font-weight: 500;
+}
+
+.aicommerce-user .aicommerce-audio-time {
+    color: rgba(255, 255, 255, 0.8);
+}
+.aicommerce-assistant .aicommerce-audio-time {
+    color: var(--aic-text-secondary);
+}
+
+/* RTL Support */
+.aicommerce-rtl {
+    direction: rtl;
+    text-align: right;
+}
+.aicommerce-ltr {
+    direction: ltr;
+    text-align: left;
+}
+
 /* Input Area */
 .aicommerce-input-container {
     padding: 16px 20px;
@@ -359,11 +473,49 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
     cursor: not-allowed;
 }
 
+/* Microphone Button */
+.aicommerce-mic {
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    background: var(--aic-bg-secondary);
+    border: 1px solid var(--aic-border);
+    color: var(--aic-text-secondary);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+}
+
+.aicommerce-mic:hover:not(:disabled) {
+    background: var(--aic-primary-light);
+    border-color: var(--aic-primary);
+    color: var(--aic-primary);
+}
+
+.aicommerce-mic.aicommerce-recording {
+    background: #ef4444;
+    border-color: #ef4444;
+    color: white;
+    animation: aic-recording-pulse 1s infinite;
+}
+
+.aicommerce-mic:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+@keyframes aic-recording-pulse {
+    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
+    50% { transform: scale(1.05); box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
+}
+
 /* Mobile Responsive */
 @media (max-width: 420px) {
     #aicommerce-widget {
         bottom: 16px;
-        ${o?"left: 16px;":"right: 16px;"}
+        ${a?"left: 16px;":"right: 16px;"}
     }
     
     .aicommerce-chat {
@@ -395,10 +547,10 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
 .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?"":`
+`}function Y(o){let e=document.createElement("style");e.id="aicommerce-widget-styles",e.textContent=o;let r=document.getElementById("aicommerce-widget-styles");return r&&r.remove(),document.head.appendChild(e),e}var J=B(()=>{});var V={};X(V,{AICommerceWidget:()=>exports.AICommerceWidget,createWidget:()=>j});function j(o){if(!o.apiKey)throw new Error("AICommerceWidget: apiKey is required");let e=new exports.AICommerce({apiKey:o.apiKey,baseUrl:o.baseUrl}),r={isOpen:false,isLoading:true,isRecording:false,messages:[],storeConfig:null},a=null,u=[],s=null,f=null,p;async function G(){try{let t=o.baseUrl||K(),i=await fetch(`${t}/api/v1/store`,{headers:{"x-api-key":o.apiKey}});return i.ok?(await i.json()).store:null}catch(t){return console.error("Failed to fetch store config:",t),null}}function K(){if(typeof window<"u"){let t=document.querySelector("script[data-aicommerce-url]");if(t)return t.getAttribute("data-aicommerce-url")||""}return "https://api.aicommerce.dev"}async function _(){r.storeConfig=await G(),p={apiKey:o.apiKey,baseUrl:o.baseUrl||K(),position:o.position||"bottom-right",theme:o.theme||"auto",primaryColor:o.primaryColor||r.storeConfig?.primaryColor||"#6366f1",welcomeMessage:o.welcomeMessage||r.storeConfig?.welcomeMessage||"Hi! How can I help you find the perfect product today?",botName:o.botName||r.storeConfig?.chatBotName||"Shopping Assistant",zIndex:o.zIndex||9999,buttonText:o.buttonText||"\u{1F4AC}",hideLauncher:o.hideLauncher||false,onOpen:o.onOpen,onClose:o.onClose,onProductClick:o.onProductClick,onMessage:o.onMessage};let t=D(p);f=Y(t),s=document.createElement("div"),s.id="aicommerce-widget",s.className=`aicommerce-widget aicommerce-${p.position} aicommerce-theme-${p.theme}`,document.body.appendChild(s),b(),r.messages.push({role:"assistant",content:p.welcomeMessage}),r.isLoading=false,b();}function b(){if(!s)return;let t=`
+            ${p.hideLauncher?"":`
                 <button class="aicommerce-launcher ${r.isOpen?"aicommerce-hidden":""}" aria-label="Open chat">
-                    <span class="aicommerce-launcher-icon">${n.buttonText}</span>
+                    <span class="aicommerce-launcher-icon">${p.buttonText}</span>
                 </button>
             `}
             
@@ -406,10 +558,10 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
                 <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>"}
+                            ${r.storeConfig?.logo?`<img src="${r.storeConfig.logo}" alt="${p.botName}" />`:"<span>\u{1F916}</span>"}
                         </div>
                         <div class="aicommerce-header-text">
-                            <span class="aicommerce-bot-name">${n.botName}</span>
+                            <span class="aicommerce-bot-name">${p.botName}</span>
                             <span class="aicommerce-status">Online</span>
                         </div>
                     </div>
@@ -417,28 +569,31 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
                 </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?`
+                    ${r.messages.map((n,y)=>{let l=te(n.content),P=n.role==="user";return `
+                        <div class="aicommerce-message aicommerce-${n.role}">
+                            <div class="aicommerce-message-content ${l?"aicommerce-rtl":"aicommerce-ltr"}">
+                                ${n.audioUrl?Q(n,y,P):E(n.content)}
+                            </div>
+                            ${n.products&&n.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" />
+                                    ${n.products.map(g=>`
+                                        <div class="aicommerce-product-card" data-product-id="${g.id}">
+                                            ${g.image||g.imageUrl?`
+                                                <img src="${g.image||g.imageUrl}" alt="${E(g.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>
+                                                <span class="aicommerce-product-name" title="${E(g.name)}">${E(g.name)}</span>
+                                                ${g.description?`<p class="aicommerce-product-desc">${E(g.description)}</p>`:""}
+                                                <span class="aicommerce-product-price">${ne(g.price,g.currency)}</span>
                                             </div>
                                         </div>
                                     `).join("")}
                                 </div>
                             `:""}
                         </div>
-                    `).join("")}
+                    `}).join("")}
                     ${r.isLoading?`
                         <div class="aicommerce-message aicommerce-assistant">
                             <div class="aicommerce-typing">
@@ -453,14 +608,46 @@ var k=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.g
                         type="text" 
                         class="aicommerce-input" 
                         placeholder="Type your message..."
-                        ${r.isLoading?"disabled":""}
+                        ${r.isLoading||r.isRecording?"disabled":""}
                     />
-                    <button class="aicommerce-send" ${r.isLoading?"disabled":""} aria-label="Send message">
+                    <button class="aicommerce-mic ${r.isRecording?"aicommerce-recording":""}" ${r.isLoading?"disabled":""} aria-label="${r.isRecording?"Stop recording":"Voice input"}">
+                        ${r.isRecording?`
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+                                <rect x="6" y="6" width="12" height="12" rx="2"/>
+                            </svg>
+                        `:`
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+                                <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+                                <line x1="12" y1="19" x2="12" y2="23"/>
+                                <line x1="8" y1="23" x2="16" y2="23"/>
+                            </svg>
+                        `}
+                    </button>
+                    <button class="aicommerce-send" ${r.isLoading||r.isRecording?"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
+        `;s.innerHTML=t,Z();let i=s.querySelector(".aicommerce-messages");i&&(i.scrollTop=i.scrollHeight);}function Q(t,i,n){return `
+            <div class="aicommerce-audio-player" data-message-index="${i}">
+                <button class="aicommerce-audio-btn">
+                     <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
+                </button>
+                <div class="aicommerce-audio-waveform">
+                    <div class="aicommerce-waveform-bars">
+                        ${(t.waveformBars||Array(40).fill(10)).map(y=>`
+                            <div class="aicommerce-waveform-bar" style="height: ${y}%; background-color: ${n?"rgba(255,255,255,0.4)":"rgba(99,102,241,0.3)"}"></div>
+                        `).join("")}
+                    </div>
+                    <div class="aicommerce-audio-time">
+                        <span class="aicommerce-current-time">0:00</span>
+                        <span>${N(t.audioDuration||0)}</span>
+                    </div>
+                </div>
+                <audio src="${t.audioUrl}" preload="metadata"></audio>
+            </div>
+        `}function Z(){if(!s)return;let t=s.querySelector(".aicommerce-launcher");t&&t.addEventListener("click",()=>I());let i=s.querySelector(".aicommerce-close");i&&i.addEventListener("click",()=>M());let n=s.querySelector(".aicommerce-input"),y=s.querySelector(".aicommerce-send");n&&n.addEventListener("keypress",c=>{c.key==="Enter"&&n.value.trim()&&(L(n.value.trim()),n.value="");}),y&&n&&y.addEventListener("click",()=>{n.value.trim()&&(L(n.value.trim()),n.value="");});let l=s.querySelector(".aicommerce-mic");l&&l.addEventListener("click",()=>ee()),s.querySelectorAll(".aicommerce-product-card").forEach(c=>{c.addEventListener("click",()=>{let d=c.getAttribute("data-product-id"),h=r.messages.flatMap(x=>x.products||[]).find(x=>x.id===d);h&&p.onProductClick&&p.onProductClick(h);});}),s.querySelectorAll(".aicommerce-products").forEach(c=>{let d=false,h=0,x=0;c.addEventListener("mousedown",k=>{d=true,c.style.cursor="grabbing",h=k.pageX-c.offsetLeft,x=c.scrollLeft;}),c.addEventListener("mouseleave",()=>{d=false,c.style.cursor="grab";}),c.addEventListener("mouseup",()=>{d=false,c.style.cursor="grab";}),c.addEventListener("mousemove",k=>{if(!d)return;k.preventDefault();let v=(k.pageX-c.offsetLeft-h)*2;c.scrollLeft=x-v;});}),s.querySelectorAll(".aicommerce-audio-player").forEach(c=>{let d=c.querySelector("audio"),h=c.querySelector(".aicommerce-audio-btn"),x=c.querySelectorAll(".aicommerce-waveform-bar"),k=c.querySelector(".aicommerce-current-time");if(!d||!h)return;h.addEventListener("click",()=>{!d.paused?(d.pause(),h.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>'):(s?.querySelectorAll("audio").forEach(w=>{if(w!==d&&!w.paused){w.pause();let $=w.closest(".aicommerce-audio-player")?.querySelector(".aicommerce-audio-btn");$&&($.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>');}}),d.play(),h.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>');}),d.addEventListener("timeupdate",()=>{if(k&&(k.textContent=N(d.currentTime)),d.duration){let v=d.currentTime/d.duration*100;x.forEach((w,q)=>{q/x.length*100<=v?w.style.backgroundColor=c.closest(".aicommerce-user")?"rgba(255,255,255,1)":"var(--aic-primary)":w.style.backgroundColor=c.closest(".aicommerce-user")?"rgba(255,255,255,0.4)":"rgba(99,102,241,0.3)";});}}),d.addEventListener("ended",()=>{h.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';});let S=c.querySelector(".aicommerce-waveform-bars");S&&S.addEventListener("click",v=>{let w=S.getBoundingClientRect(),$=(v.clientX-w.left)/w.width;d.duration&&(d.currentTime=$*d.duration);});});}async function ee(){if(r.isRecording)a&&a.state!=="inactive"&&a.stop();else try{let t=await navigator.mediaDevices.getUserMedia({audio:!0});u=[],a=new MediaRecorder(t,{mimeType:MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":"audio/mp4"}),a.ondataavailable=i=>{i.data.size>0&&u.push(i.data);},a.onstop=async()=>{if(t.getTracks().forEach(i=>i.stop()),u.length>0){let i=new Blob(u,{type:a?.mimeType||"audio/webm"});await re(i);}r.isRecording=!1,b();},a.start(),r.isRecording=!0,b();}catch(t){console.error("Failed to start recording:",t),r.messages.push({role:"assistant",content:"Unable to access microphone. Please check your permissions."}),b();}}async function re(t){let i=URL.createObjectURL(t),n=Array(40).fill(10),y=0;try{n=await oe(t);let l=new Audio(i);await new Promise(P=>{l.onloadedmetadata=()=>{y=l.duration,P();},l.onerror=()=>P();});}catch(l){console.error("Audio analysis failed",l);}r.messages.push({role:"user",content:"Voice message",audioUrl:i,audioDuration:y,waveformBars:n}),r.isLoading=true,b();try{let l=await e.chatWithAudio(t);return r.messages.push({role:"assistant",content:l.reply,products:l.products}),p.onMessage&&p.onMessage("Voice message",l),l}catch(l){throw r.messages.push({role:"assistant",content:"Sorry, I encountered an error processing your voice message. Please try again."}),l}finally{r.isLoading=false,b();}}function te(t){return /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF]/.test(t)}function N(t){let i=Math.floor(t/60),n=Math.floor(t%60);return `${i}:${n.toString().padStart(2,"0")}`}async function oe(t){try{let i=new(window.AudioContext||window.webkitAudioContext),n=await t.arrayBuffer(),l=(await i.decodeAudioData(n)).getChannelData(0),P=40,g=Math.floor(l.length/P),U=[];for(let c=0;c<P;c++){let d=c*g,h=d+g,x=0;for(let v=d;v<h;v++)l[v]&&(x+=l[v]*l[v]);let k=Math.sqrt(x/g),S=Math.min(100,Math.max(10,k*400));U.push(S);}return U}catch(i){return console.error("Analysis error",i),Array.from({length:40},()=>20+Math.random()*60)}}async function L(t){r.messages.push({role:"user",content:t}),r.isLoading=true,b();try{let i=await e.chat(t);return r.messages.push({role:"assistant",content:i.reply,products:i.products}),p.onMessage&&p.onMessage(t,i),i}catch(i){throw r.messages.push({role:"assistant",content:"Sorry, I encountered an error. Please try again."}),i}finally{r.isLoading=false,b();}}function I(){r.isOpen=true,b(),p.onOpen?.(),setTimeout(()=>{s?.querySelector(".aicommerce-input")?.focus();},100);}function M(){r.isOpen=false,b(),p.onClose?.();}function ie(){r.isOpen?M():I();}function ae(){s&&(s.remove(),s=null),f&&(f.remove(),f=null);}function se(t){if(Object.assign(p,t),t.primaryColor){let i=D(p);f&&(f.textContent=i);}b();}function E(t){let i=document.createElement("div");return i.textContent=t,i.innerHTML}function ne(t,i){let y={USD:"$",EUR:"\u20AC",GBP:"\xA3",MAD:"DH",SAR:"SAR",AED:"AED",JPY:"\xA5",CNY:"\xA5"}[i||"USD"]||i||"$";return `${t.toFixed(2)} ${y}`}return _(),{open:I,close:M,toggle:ie,destroy:ae,sendMessage:L,updateConfig:se}}exports.AICommerceWidget=void 0;var F=B(()=>{A();J();exports.AICommerceWidget={init:j,VERSION:"1.0.0"};typeof window<"u"&&(window.AICommerceWidget=exports.AICommerceWidget);});A();F();var be="1.0.0";typeof window<"u"&&(window.AICommerce=(A(),W(z)).AICommerce,window.AICommerceError=(A(),W(z)).AICommerceError,window.AICommerceWidget=(F(),W(V)).AICommerceWidget);exports.VERSION=be;exports.createWidget=j;return exports;})({});//# sourceMappingURL=index.min.js.map
 //# sourceMappingURL=index.min.js.map