@yassirbenmoussa/aicommerce-sdk 1.1.0 → 1.3.0

package/dist/ai-commerce.min.js

@@ -1,4 +1,653 @@
 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 O=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var le=Object.prototype.hasOwnProperty;var B=(o,r)=>()=>(o&&(r=o(o=0)),r);var X=(o,r)=>{for(var e in r)O(o,e,{get:r[e],enumerable:true});},me=(o,r,e,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let u of de(r))!le.call(o,u)&&u!==e&&O(o,u,{get:()=>r[u],enumerable:!(a=ce(r,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(r){this.sessionToken=null;this.products={create:async r=>this.request("/api/v1/products",{method:"POST",body:JSON.stringify(r)}),batchUpsert:async r=>this.request("/api/v1/products",{method:"POST",body:JSON.stringify({products:r})}),list:async r=>{let e=new URLSearchParams;r?.page&&e.set("page",String(r.page)),r?.perPage&&e.set("perPage",String(r.perPage)),r?.search&&e.set("search",r.search),r?.categoryId&&e.set("categoryId",r.categoryId),r?.isActive!==void 0&&e.set("isActive",String(r.isActive));let a=e.toString();return this.request(`/api/v1/products${a?`?${a}`:""}`)},get:async r=>this.request(`/api/v1/products/${r}`),update:async(r,e)=>this.request(`/api/v1/products/${r}`,{method:"PUT",body:JSON.stringify(e)}),delete:async r=>this.request(`/api/v1/products/${r}`,{method:"DELETE"})};if(!r.apiKey)throw new Error("AICommerce: apiKey is required");this.apiKey=r.apiKey,this.baseUrl=this.normalizeUrl(r.baseUrl||this.detectBaseUrl()),this.timeout=r.timeout||3e4;}detectBaseUrl(){return typeof window<"u"?window.location.origin:"https://api.aicommerce.dev"}normalizeUrl(r){return r.replace(/\/$/,"")}async request(r,e={}){let a=`${this.baseUrl}${r}`,u=new AbortController,s=setTimeout(()=>u.abort(),this.timeout);try{let m=await fetch(a,{...e,signal:u.signal,headers:{"Content-Type":"application/json","X-API-Key":this.apiKey,...this.sessionToken&&{"X-Session-Token":this.sessionToken},...e.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(r,e){let a=typeof r=="string"?{message:r,context:e,sessionToken:this.sessionToken||void 0}:{...r,sessionToken:r.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(r,e){let a=await r.arrayBuffer(),s={audioBase64:btoa(new Uint8Array(a).reduce((T,f)=>T+String.fromCharCode(f),"")),audioMimeType:r.type||"audio/webm",context:e,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 r=await this.request("/api/v1/chat/session",{method:"POST"});return this.sessionToken=r.session.token,r.session}clearSession(){this.sessionToken=null;}getSessionToken(){return this.sessionToken}setSessionToken(r){this.sessionToken=r;}async upload(r,e){let a=new FormData;a.append("file",r),e?.folder&&a.append("folder",e.folder),e?.productId&&a.append("productId",e.productId),e?.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(r){return new o({apiKey:r.apiKey,baseUrl:r.baseUrl}).chat(r.message,r.context)}},exports.AICommerceError=class o extends Error{constructor(r,e,a){super(r),this.name="AICommerceError",this.code=e,this.status=a,Object.setPrototypeOf(this,o.prototype);}};});function ue(o){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:{r:99,g:102,b:241}}function D(o){let r=o.primaryColor,e=ue(r),a=o.position==="bottom-left";return `
+/* AI Commerce Widget Styles */
+#aicommerce-widget {
+    --aic-primary: ${r};
+    --aic-primary-rgb: ${e.r}, ${e.g}, ${e.b};
+    --aic-primary-light: rgba(${e.r}, ${e.g}, ${e.b}, 0.1);
+    --aic-primary-dark: rgba(${e.r}, ${e.g}, ${e.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: ${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;
+    ${a?"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;
+    ${a?"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 ${a?"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: 16px;
+    margin-top: 12px;
+    overflow-x: auto;
+    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: 280px;
+    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%;
+    aspect-ratio: 16/9;
+    height: auto;
+    object-fit: cover;
+}
+
+.aicommerce-product-placeholder {
+    width: 100%;
+    aspect-ratio: 16/9;
+    height: auto;
+    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);
+}
+
+.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;
+    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;
+}
+
+/* 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;
+        ${a?"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 Y(o){let r=document.createElement("style");r.id="aicommerce-widget-styles",r.textContent=o;let e=document.getElementById("aicommerce-widget-styles");return e&&e.remove(),document.head.appendChild(r),r}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 r=new exports.AICommerce({apiKey:o.apiKey,baseUrl:o.baseUrl}),e={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 _(){e.storeConfig=await G(),p={apiKey:o.apiKey,baseUrl:o.baseUrl||K(),position:o.position||"bottom-right",theme:o.theme||"auto",primaryColor:o.primaryColor||e.storeConfig?.primaryColor||"#6366f1",welcomeMessage:o.welcomeMessage||e.storeConfig?.welcomeMessage||"Hi! How can I help you find the perfect product today?",botName:o.botName||e.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(),e.messages.push({role:"assistant",content:p.welcomeMessage}),e.isLoading=false,b();}function b(){if(!s)return;let t=`
+            ${p.hideLauncher?"":`
+                <button class="aicommerce-launcher ${e.isOpen?"aicommerce-hidden":""}" aria-label="Open chat">
+                    <span class="aicommerce-launcher-icon">${p.buttonText}</span>
+                </button>
+            `}
+            
+            <div class="aicommerce-chat ${e.isOpen?"aicommerce-open":"aicommerce-closed"}">
+                <div class="aicommerce-header">
+                    <div class="aicommerce-header-info">
+                        <div class="aicommerce-avatar">
+                            ${e.storeConfig?.logo?`<img src="${e.storeConfig.logo}" alt="${p.botName}" />`:"<span>\u{1F916}</span>"}
+                        </div>
+                        <div class="aicommerce-header-text">
+                            <span class="aicommerce-bot-name">${p.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">
+                    ${e.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">
+                                    ${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" 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("")}
+                    ${e.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..."
+                        ${e.isLoading||e.isRecording?"disabled":""}
+                    />
+                    <button class="aicommerce-mic ${e.isRecording?"aicommerce-recording":""}" ${e.isLoading?"disabled":""} aria-label="${e.isRecording?"Stop recording":"Voice input"}">
+                        ${e.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" ${e.isLoading||e.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>
+        `;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=e.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(e.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);}e.isRecording=!1,b();},a.start(),e.isRecording=!0,b();}catch(t){console.error("Failed to start recording:",t),e.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);}e.messages.push({role:"user",content:"Voice message",audioUrl:i,audioDuration:y,waveformBars:n}),e.isLoading=true,b();try{let l=await r.chatWithAudio(t);return e.messages.push({role:"assistant",content:l.reply,products:l.products}),p.onMessage&&p.onMessage("Voice message",l),l}catch(l){throw e.messages.push({role:"assistant",content:"Sorry, I encountered an error processing your voice message. Please try again."}),l}finally{e.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){e.messages.push({role:"user",content:t}),e.isLoading=true,b();try{let i=await r.chat(t);return e.messages.push({role:"assistant",content:i.reply,products:i.products}),p.onMessage&&p.onMessage(t,i),i}catch(i){throw e.messages.push({role:"assistant",content:"Sorry, I encountered an error. Please try again."}),i}finally{e.isLoading=false,b();}}function I(){e.isOpen=true,b(),p.onOpen?.(),setTimeout(()=>{s?.querySelector(".aicommerce-input")?.focus();},100);}function M(){e.isOpen=false,b(),p.onClose?.();}function ie(){e.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