@lookalike/widget 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import { LookalikeWidget } from './widget';
 export { LookalikeWidget, Widget } from './widget';
 export type { LookalikeWidgetConfig, LookalikeWidgetEvents, LookalikeWidgetInstance, LookalikeTheme, WidgetVariant, WidgetAnchor, ChatMode, } from './types';
-export default LookalikeWidget;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAClD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,QAAQ,GACT,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAClD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,QAAQ,GACT,MAAM,SAAS,CAAA"}

package/dist/umd.d.ts

@@ -0,0 +1,4 @@
+import { LookalikeWidget } from './widget';
+
+export default LookalikeWidget;
+//# sourceMappingURL=umd.d.ts.map

package/dist/umd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"umd.d.ts","sourceRoot":"","sources":["../src/umd.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,eAAe,eAAe,CAAA"}

package/dist/widget.umd.js

@@ -1,4 +1,4 @@
-(function(a,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(a=typeof globalThis<"u"?globalThis:a||self,r(a.LookalikeWidget={}))})(this,function(a){"use strict";const r="https://your-app-name.up.railway.app",i={WIDGET_READY:"lookalike-widget-ready",WIDGET_RESIZE:"lookalike-widget-resize",SESSION_START:"lookalike-session-start",SESSION_END:"lookalike-session-end",MESSAGE:"lookalike-message",ERROR:"lookalike-error",INIT_CHANNEL:"lookalike-init-channel",COMMAND:"lookalike-command"},v={EXPAND:"expand",COLLAPSE:"collapse"};class E{constructor(e){this.events={},this.iframe=null,this.container=null,this.port=null,this.expanded=!1,this.mounted=!1,this.messageHandler=null,this.config={handle:e.handle,variant:e.variant??"floating",anchor:e.anchor??"bottom-right",collapsible:e.collapsible??!1,modes:e.modes??["text","audio","video"],baseUrl:e.baseUrl??r,theme:e.theme}}on(e,t){return this.events[e]=t,this}off(e){return delete this.events[e],this}mount(e){if(this.mounted){console.warn("LookalikeWidget: Already mounted");return}if(typeof e=="string"){const t=document.querySelector(e);if(!t)throw new Error(`LookalikeWidget: Container "${e}" not found`);this.container=t}else this.container=e;this.iframe=document.createElement("iframe"),this.iframe.src=this.buildIframeUrl(),this.iframe.style.cssText=this.getIframeStyles(),this.iframe.setAttribute("allow","camera; microphone; autoplay"),this.iframe.setAttribute("allowfullscreen",""),this.iframe.onload=()=>{console.log("[Widget] Iframe loaded successfully")},this.iframe.onerror=t=>{console.error("[Widget] Iframe error:",t)},this.messageHandler=this.handleMessage.bind(this),window.addEventListener("message",this.messageHandler),console.log("[Widget] Message listener added"),this.container.appendChild(this.iframe),this.mounted=!0,console.log("[Widget] Iframe mounted, URL:",this.iframe.src)}expand(){this.sendCommand(v.EXPAND)}collapse(){this.sendCommand(v.COLLAPSE)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.port&&(this.port.close(),this.port=null),this.iframe&&this.container&&(this.container.removeChild(this.iframe),this.iframe=null),this.container=null,this.mounted=!1,this.expanded=!1}isExpanded(){return this.expanded}buildIframeUrl(){const e=new URL(`/${this.config.handle}/chat`,this.config.baseUrl);if(e.searchParams.set("embed",""),e.searchParams.set("variant",this.config.variant),this.config.variant==="floating"&&e.searchParams.set("anchor",this.config.anchor),this.config.variant==="inline"&&this.config.collapsible&&e.searchParams.set("collapsible",""),e.searchParams.set("modes",this.config.modes.join(",")),this.config.theme){const t=[];this.config.theme.primaryColor&&t.push(`primary:${this.config.theme.primaryColor}`),this.config.theme.accentColor&&t.push(`accent:${this.config.theme.accentColor}`),this.config.theme.borderRadius&&t.push(`radius:${this.config.theme.borderRadius}`),t.length>0&&e.searchParams.set("theme",t.join(","))}return e.toString()}getIframeStyles(){if(this.config.variant==="floating"){const e=this.config.anchor;return`
+(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s():typeof define=="function"&&define.amd?define(s):(n=typeof globalThis<"u"?globalThis:n||self,n.LookalikeWidget=s())})(this,function(){"use strict";const n="https://your-app-name.up.railway.app",s={WIDGET_READY:"lookalike-widget-ready",WIDGET_RESIZE:"lookalike-widget-resize",SESSION_START:"lookalike-session-start",SESSION_END:"lookalike-session-end",MESSAGE:"lookalike-message",ERROR:"lookalike-error",INIT_CHANNEL:"lookalike-init-channel",COMMAND:"lookalike-command"},E={EXPAND:"expand",COLLAPSE:"collapse"};class x{constructor(e){this.events={},this.iframe=null,this.container=null,this.port=null,this.expanded=!1,this.mounted=!1,this.messageHandler=null,this.config={handle:e.handle,variant:e.variant??"floating",anchor:e.anchor??"bottom-right",collapsible:e.collapsible??!1,modes:e.modes??["text","audio","video"],baseUrl:e.baseUrl??n,theme:e.theme}}on(e,t){return this.events[e]=t,this}off(e){return delete this.events[e],this}mount(e){if(this.mounted){console.warn("LookalikeWidget: Already mounted");return}if(typeof e=="string"){const t=document.querySelector(e);if(!t)throw new Error(`LookalikeWidget: Container "${e}" not found`);this.container=t}else this.container=e;this.iframe=document.createElement("iframe"),this.iframe.src=this.buildIframeUrl(),this.iframe.style.cssText=this.getIframeStyles(),this.iframe.setAttribute("allow","camera; microphone; autoplay"),this.iframe.setAttribute("allowfullscreen",""),this.iframe.onload=()=>{console.log("[Widget] Iframe loaded successfully")},this.iframe.onerror=t=>{console.error("[Widget] Iframe error:",t)},this.messageHandler=this.handleMessage.bind(this),window.addEventListener("message",this.messageHandler),console.log("[Widget] Message listener added"),this.container.appendChild(this.iframe),this.mounted=!0,console.log("[Widget] Iframe mounted, URL:",this.iframe.src)}expand(){this.sendCommand(E.EXPAND)}collapse(){this.sendCommand(E.COLLAPSE)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.port&&(this.port.close(),this.port=null),this.iframe&&this.container&&(this.container.removeChild(this.iframe),this.iframe=null),this.container=null,this.mounted=!1,this.expanded=!1}isExpanded(){return this.expanded}buildIframeUrl(){const e=new URL(`/${this.config.handle}/chat`,this.config.baseUrl);if(e.searchParams.set("embed",""),e.searchParams.set("variant",this.config.variant),this.config.variant==="floating"&&e.searchParams.set("anchor",this.config.anchor),this.config.variant==="inline"&&this.config.collapsible&&e.searchParams.set("collapsible",""),e.searchParams.set("modes",this.config.modes.join(",")),this.config.theme){const t=[];this.config.theme.primaryColor&&t.push(`primary:${this.config.theme.primaryColor}`),this.config.theme.accentColor&&t.push(`accent:${this.config.theme.accentColor}`),this.config.theme.borderRadius&&t.push(`radius:${this.config.theme.borderRadius}`),t.length>0&&e.searchParams.set("theme",t.join(","))}return e.toString()}getIframeStyles(){if(this.config.variant==="floating"){const e=this.config.anchor;return`
         position: fixed;
         ${{"bottom-right":"bottom: 20px; right: 20px;","bottom-left":"bottom: 20px; left: 20px;","top-right":"top: 20px; right: 20px;","top-left":"top: 20px; left: 20px;"}[e]}
         width: 380px;
@@ -14,5 +14,5 @@
       min-height: 400px;
       border: none;
       border-radius: 16px;
-    `.replace(/\s+/g," ").trim()}handleMessage(e){var n,o,l,h,d,c,m,f,g,p,u,S,x;if(console.log("[Widget] Received message:",e.data,"from:",e.source===((n=this.iframe)==null?void 0:n.contentWindow)?"iframe":"unknown"),this.iframe&&e.source!==this.iframe.contentWindow){console.log("[Widget] Ignoring message - not from iframe");return}const{type:t,...s}=e.data||{};switch(t){case i.WIDGET_READY:console.log("[Widget] WIDGET_READY event received!"),this.initMessageChannel(),(l=(o=this.events).onReady)==null||l.call(o);break;case i.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:s.collapsed,expanded:!s.collapsed}),this.expanded=!s.collapsed,this.updateIframeSize(s.collapsed),(d=(h=this.events).onResize)==null||d.call(h,s.collapsed);break;case i.SESSION_START:(m=(c=this.events).onSessionStart)==null||m.call(c,s.mode);break;case i.SESSION_END:(g=(f=this.events).onSessionEnd)==null||g.call(f);break;case i.MESSAGE:(u=(p=this.events).onMessage)==null||u.call(p,s.role,s.content);break;case i.ERROR:(x=(S=this.events).onError)==null||x.call(S,s.code,s.message);break}}initMessageChannel(){var t;if(!((t=this.iframe)!=null&&t.contentWindow))return;const e=new MessageChannel;this.port=e.port1,this.port.onmessage=s=>{var l,h,d,c,m,f,g,p,u,S;console.log("[Widget] Port message received:",s.data);const{type:n,...o}=s.data||{};switch(n){case i.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:o.collapsed,expanded:!o.collapsed}),this.expanded=!o.collapsed,this.updateIframeSize(o.collapsed),(h=(l=this.events).onResize)==null||h.call(l,o.collapsed);break;case i.SESSION_START:(c=(d=this.events).onSessionStart)==null||c.call(d,o.mode);break;case i.SESSION_END:(f=(m=this.events).onSessionEnd)==null||f.call(m);break;case i.MESSAGE:(p=(g=this.events).onMessage)==null||p.call(g,o.role,o.content);break;case i.ERROR:(S=(u=this.events).onError)==null||S.call(u,o.code,o.message);break}},this.iframe.contentWindow.postMessage({type:i.INIT_CHANNEL},"*",[e.port2])}sendCommand(e,t){var n;const s={type:i.COMMAND,action:e,payload:t};this.port?this.port.postMessage(s):(n=this.iframe)!=null&&n.contentWindow&&this.iframe.contentWindow.postMessage(s,"*")}updateIframeSize(e){if(console.log("[Widget] updateIframeSize called:",{collapsed:e,variant:this.config.variant,hasIframe:!!this.iframe}),!this.iframe||this.config.variant!=="floating"){console.log("[Widget] updateIframeSize skipped - no iframe or not floating variant");return}e?(console.log("[Widget] Setting collapsed size: 380x72"),this.iframe.style.width="380px",this.iframe.style.height="72px",this.iframe.style.maxHeight="72px"):(console.log("[Widget] Setting expanded size: 380x520"),this.iframe.style.width="380px",this.iframe.style.height="520px",this.iframe.style.maxHeight="calc(100vh - 40px)")}}a.LookalikeWidget=E,a.Widget=E,a.default=E,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+    `.replace(/\s+/g," ").trim()}handleMessage(e){var a,o,r,l,h,d,c,m,f,p,g,u,S;if(console.log("[Widget] Received message:",e.data,"from:",e.source===((a=this.iframe)==null?void 0:a.contentWindow)?"iframe":"unknown"),this.iframe&&e.source!==this.iframe.contentWindow){console.log("[Widget] Ignoring message - not from iframe");return}const{type:t,...i}=e.data||{};switch(t){case s.WIDGET_READY:console.log("[Widget] WIDGET_READY event received!"),this.initMessageChannel(),(r=(o=this.events).onReady)==null||r.call(o);break;case s.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:i.collapsed,expanded:!i.collapsed}),this.expanded=!i.collapsed,this.updateIframeSize(i.collapsed),(h=(l=this.events).onResize)==null||h.call(l,i.collapsed);break;case s.SESSION_START:(c=(d=this.events).onSessionStart)==null||c.call(d,i.mode);break;case s.SESSION_END:(f=(m=this.events).onSessionEnd)==null||f.call(m);break;case s.MESSAGE:(g=(p=this.events).onMessage)==null||g.call(p,i.role,i.content);break;case s.ERROR:(S=(u=this.events).onError)==null||S.call(u,i.code,i.message);break}}initMessageChannel(){var t;if(!((t=this.iframe)!=null&&t.contentWindow))return;const e=new MessageChannel;this.port=e.port1,this.port.onmessage=i=>{var r,l,h,d,c,m,f,p,g,u;console.log("[Widget] Port message received:",i.data);const{type:a,...o}=i.data||{};switch(a){case s.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:o.collapsed,expanded:!o.collapsed}),this.expanded=!o.collapsed,this.updateIframeSize(o.collapsed),(l=(r=this.events).onResize)==null||l.call(r,o.collapsed);break;case s.SESSION_START:(d=(h=this.events).onSessionStart)==null||d.call(h,o.mode);break;case s.SESSION_END:(m=(c=this.events).onSessionEnd)==null||m.call(c);break;case s.MESSAGE:(p=(f=this.events).onMessage)==null||p.call(f,o.role,o.content);break;case s.ERROR:(u=(g=this.events).onError)==null||u.call(g,o.code,o.message);break}},this.iframe.contentWindow.postMessage({type:s.INIT_CHANNEL},"*",[e.port2])}sendCommand(e,t){var a;const i={type:s.COMMAND,action:e,payload:t};this.port?this.port.postMessage(i):(a=this.iframe)!=null&&a.contentWindow&&this.iframe.contentWindow.postMessage(i,"*")}updateIframeSize(e){if(console.log("[Widget] updateIframeSize called:",{collapsed:e,variant:this.config.variant,hasIframe:!!this.iframe}),!this.iframe||this.config.variant!=="floating"){console.log("[Widget] updateIframeSize skipped - no iframe or not floating variant");return}e?(console.log("[Widget] Setting collapsed size: 380x72"),this.iframe.style.width="380px",this.iframe.style.height="72px",this.iframe.style.maxHeight="72px"):(console.log("[Widget] Setting expanded size: 380x520"),this.iframe.style.width="380px",this.iframe.style.height="520px",this.iframe.style.maxHeight="calc(100vh - 40px)")}}return x});
 //# sourceMappingURL=widget.umd.js.map

package/dist/widget.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.umd.js","sources":["../src/widget.ts"],"sourcesContent":["import type {\r\n  LookalikeWidgetConfig,\r\n  LookalikeWidgetEvents,\r\n  LookalikeWidgetInstance,\r\n  ChatMode,\r\n} from './types'\r\n\r\n// Use production URL if defined, otherwise fallback to lookalike.com\r\nconst DEFAULT_BASE_URL = typeof __PRODUCTION_BASE_URL__ !== 'undefined' \r\n  ? __PRODUCTION_BASE_URL__ \r\n  : 'https://lookalike.com'\r\n\r\n// Event type constants\r\nconst EVENTS = {\r\n  WIDGET_READY: 'lookalike-widget-ready',\r\n  WIDGET_RESIZE: 'lookalike-widget-resize',\r\n  SESSION_START: 'lookalike-session-start',\r\n  SESSION_END: 'lookalike-session-end',\r\n  MESSAGE: 'lookalike-message',\r\n  ERROR: 'lookalike-error',\r\n  INIT_CHANNEL: 'lookalike-init-channel',\r\n  COMMAND: 'lookalike-command',\r\n} as const\r\n\r\n// Command constants\r\nconst COMMANDS = {\r\n  EXPAND: 'expand',\r\n  COLLAPSE: 'collapse',\r\n} as const\r\n\r\n/**\r\n * Lookalike Widget - Embed conversational AI in your website\r\n *\r\n * @example\r\n * ```javascript\r\n * const widget = new LookalikeWidget({\r\n *   handle: 'john-doe',\r\n *   variant: 'floating',\r\n *   theme: { primaryColor: '#3b82f6' }\r\n * });\r\n *\r\n * widget.on('ready', () => console.log('Widget ready'));\r\n * widget.on('message', (role, content) => console.log(`${role}: ${content}`));\r\n *\r\n * widget.mount(document.body);\r\n * ```\r\n */\r\nexport class LookalikeWidget implements LookalikeWidgetInstance {\r\n  private config: Required<Omit<LookalikeWidgetConfig, 'theme'>> & { theme?: LookalikeWidgetConfig['theme'] }\r\n  private events: LookalikeWidgetEvents = {}\r\n  private iframe: HTMLIFrameElement | null = null\r\n  private container: HTMLElement | null = null\r\n  private port: MessagePort | null = null\r\n  private expanded = false\r\n  private mounted = false\r\n  private messageHandler: ((e: MessageEvent) => void) | null = null\r\n\r\n  constructor(config: LookalikeWidgetConfig) {\r\n    this.config = {\r\n      handle: config.handle,\r\n      variant: config.variant ?? 'floating',\r\n      anchor: config.anchor ?? 'bottom-right',\r\n      collapsible: config.collapsible ?? false,\r\n      modes: config.modes ?? ['text', 'audio', 'video'],\r\n      baseUrl: config.baseUrl ?? DEFAULT_BASE_URL,\r\n      theme: config.theme,\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Register an event handler\r\n   */\r\n  on<K extends keyof LookalikeWidgetEvents>(\r\n    event: K,\r\n    handler: NonNullable<LookalikeWidgetEvents[K]>\r\n  ): this {\r\n    this.events[event] = handler as LookalikeWidgetEvents[K]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Remove an event handler\r\n   */\r\n  off<K extends keyof LookalikeWidgetEvents>(event: K): this {\r\n    delete this.events[event]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Mount the widget to a container element\r\n   */\r\n  mount(container: string | HTMLElement): void {\r\n    if (this.mounted) {\r\n      console.warn('LookalikeWidget: Already mounted')\r\n      return\r\n    }\r\n\r\n    // Resolve container\r\n    if (typeof container === 'string') {\r\n      const el = document.querySelector(container)\r\n      if (!el) {\r\n        throw new Error(`LookalikeWidget: Container \"${container}\" not found`)\r\n      }\r\n      this.container = el as HTMLElement\r\n    } else {\r\n      this.container = container\r\n    }\r\n\r\n    // Create iframe\r\n    this.iframe = document.createElement('iframe')\r\n    this.iframe.src = this.buildIframeUrl()\r\n    this.iframe.style.cssText = this.getIframeStyles()\r\n    this.iframe.setAttribute('allow', 'camera; microphone; autoplay')\r\n    this.iframe.setAttribute('allowfullscreen', '')\r\n    \r\n    // Add load event listener for debugging\r\n    this.iframe.onload = () => {\r\n      console.log('[Widget] Iframe loaded successfully')\r\n    }\r\n    this.iframe.onerror = (error) => {\r\n      console.error('[Widget] Iframe error:', error)\r\n    }\r\n\r\n    // Set up message listener for handshake\r\n    this.messageHandler = this.handleMessage.bind(this)\r\n    window.addEventListener('message', this.messageHandler)\r\n    console.log('[Widget] Message listener added')\r\n\r\n    // Append iframe\r\n    this.container.appendChild(this.iframe)\r\n    this.mounted = true\r\n    console.log('[Widget] Iframe mounted, URL:', this.iframe.src)\r\n  }\r\n\r\n  /**\r\n   * Expand the widget\r\n   */\r\n  expand(): void {\r\n    this.sendCommand(COMMANDS.EXPAND)\r\n  }\r\n\r\n  /**\r\n   * Collapse the widget\r\n   */\r\n  collapse(): void {\r\n    this.sendCommand(COMMANDS.COLLAPSE)\r\n  }\r\n\r\n  /**\r\n   * Destroy the widget and clean up\r\n   */\r\n  destroy(): void {\r\n    if (this.messageHandler) {\r\n      window.removeEventListener('message', this.messageHandler)\r\n      this.messageHandler = null\r\n    }\r\n\r\n    if (this.port) {\r\n      this.port.close()\r\n      this.port = null\r\n    }\r\n\r\n    if (this.iframe && this.container) {\r\n      this.container.removeChild(this.iframe)\r\n      this.iframe = null\r\n    }\r\n\r\n    this.container = null\r\n    this.mounted = false\r\n    this.expanded = false\r\n  }\r\n\r\n  /**\r\n   * Check if widget is currently expanded\r\n   */\r\n  isExpanded(): boolean {\r\n    return this.expanded\r\n  }\r\n\r\n  private buildIframeUrl(): string {\r\n    const url = new URL(`/${this.config.handle}/chat`, this.config.baseUrl)\r\n\r\n    // Add embed flag\r\n    url.searchParams.set('embed', '')\r\n\r\n    // Add variant\r\n    url.searchParams.set('variant', this.config.variant)\r\n\r\n    // Add anchor for floating\r\n    if (this.config.variant === 'floating') {\r\n      url.searchParams.set('anchor', this.config.anchor)\r\n    }\r\n\r\n    // Add collapsible for inline\r\n    if (this.config.variant === 'inline' && this.config.collapsible) {\r\n      url.searchParams.set('collapsible', '')\r\n    }\r\n\r\n    // Add modes\r\n    url.searchParams.set('modes', this.config.modes.join(','))\r\n\r\n    // Add theme\r\n    if (this.config.theme) {\r\n      const themeParts: string[] = []\r\n      if (this.config.theme.primaryColor) {\r\n        themeParts.push(`primary:${this.config.theme.primaryColor}`)\r\n      }\r\n      if (this.config.theme.accentColor) {\r\n        themeParts.push(`accent:${this.config.theme.accentColor}`)\r\n      }\r\n      if (this.config.theme.borderRadius) {\r\n        themeParts.push(`radius:${this.config.theme.borderRadius}`)\r\n      }\r\n      if (themeParts.length > 0) {\r\n        url.searchParams.set('theme', themeParts.join(','))\r\n      }\r\n    }\r\n\r\n    return url.toString()\r\n  }\r\n\r\n  private getIframeStyles(): string {\r\n    if (this.config.variant === 'floating') {\r\n      // Floating: positioned in corner, needs to resize based on collapsed state\r\n      const anchor = this.config.anchor\r\n      const position = {\r\n        'bottom-right': 'bottom: 20px; right: 20px;',\r\n        'bottom-left': 'bottom: 20px; left: 20px;',\r\n        'top-right': 'top: 20px; right: 20px;',\r\n        'top-left': 'top: 20px; left: 20px;',\r\n      }[anchor]\r\n\r\n      return `\r\n        position: fixed;\r\n        ${position}\r\n        width: 380px;\r\n        height: 72px;\r\n        max-height: 72px;\r\n        border: none;\r\n        border-radius: 16px;\r\n        z-index: 9999;\r\n        transition: all 0.3s ease;\r\n      `.replace(/\\s+/g, ' ').trim()\r\n    }\r\n\r\n    // Inline: fills container\r\n    return `\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 400px;\r\n      border: none;\r\n      border-radius: 16px;\r\n    `.replace(/\\s+/g, ' ').trim()\r\n  }\r\n\r\n  private handleMessage(e: MessageEvent): void {\r\n    console.log('[Widget] Received message:', e.data, 'from:', e.source === this.iframe?.contentWindow ? 'iframe' : 'unknown')\r\n    // Only accept messages from our iframe\r\n    if (this.iframe && e.source !== this.iframe.contentWindow) {\r\n      console.log('[Widget] Ignoring message - not from iframe')\r\n      return\r\n    }\r\n\r\n    const { type, ...payload } = e.data || {}\r\n\r\n    switch (type) {\r\n      case EVENTS.WIDGET_READY:\r\n        console.log('[Widget] WIDGET_READY event received!')\r\n        this.initMessageChannel()\r\n        this.events.onReady?.()\r\n        break\r\n\r\n      case EVENTS.WIDGET_RESIZE:\r\n        console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n        this.expanded = !payload.collapsed\r\n        this.updateIframeSize(payload.collapsed)\r\n        this.events.onResize?.(payload.collapsed)\r\n        break\r\n\r\n      case EVENTS.SESSION_START:\r\n        this.events.onSessionStart?.(payload.mode as ChatMode)\r\n        break\r\n\r\n      case EVENTS.SESSION_END:\r\n        this.events.onSessionEnd?.()\r\n        break\r\n\r\n      case EVENTS.MESSAGE:\r\n        this.events.onMessage?.(payload.role, payload.content)\r\n        break\r\n\r\n      case EVENTS.ERROR:\r\n        this.events.onError?.(payload.code, payload.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  private initMessageChannel(): void {\r\n    if (!this.iframe?.contentWindow) return\r\n\r\n    // Create a MessageChannel for secure communication\r\n    const channel = new MessageChannel()\r\n    this.port = channel.port1\r\n\r\n    // Set up port message handler\r\n    this.port.onmessage = (e) => {\r\n      console.log('[Widget] Port message received:', e.data)\r\n      // For MessageChannel, we don't need to check source since the channel is secure\r\n      const { type, ...payload } = e.data || {}\r\n      \r\n      switch (type) {\r\n        case EVENTS.WIDGET_RESIZE:\r\n          console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n          this.expanded = !payload.collapsed\r\n          this.updateIframeSize(payload.collapsed)\r\n          this.events.onResize?.(payload.collapsed)\r\n          break\r\n\r\n        case EVENTS.SESSION_START:\r\n          this.events.onSessionStart?.(payload.mode as ChatMode)\r\n          break\r\n\r\n        case EVENTS.SESSION_END:\r\n          this.events.onSessionEnd?.()\r\n          break\r\n\r\n        case EVENTS.MESSAGE:\r\n          this.events.onMessage?.(payload.role, payload.content)\r\n          break\r\n\r\n        case EVENTS.ERROR:\r\n          this.events.onError?.(payload.code, payload.message)\r\n          break\r\n      }\r\n    }\r\n\r\n    // Send port2 to iframe\r\n    this.iframe.contentWindow.postMessage(\r\n      { type: EVENTS.INIT_CHANNEL },\r\n      '*',\r\n      [channel.port2]\r\n    )\r\n  }\r\n\r\n  private sendCommand(action: string, payload?: unknown): void {\r\n    const message = { type: EVENTS.COMMAND, action, payload }\r\n\r\n    if (this.port) {\r\n      this.port.postMessage(message)\r\n    } else if (this.iframe?.contentWindow) {\r\n      this.iframe.contentWindow.postMessage(message, '*')\r\n    }\r\n  }\r\n\r\n  private updateIframeSize(collapsed: boolean): void {\r\n    console.log('[Widget] updateIframeSize called:', { collapsed, variant: this.config.variant, hasIframe: !!this.iframe })\r\n    if (!this.iframe || this.config.variant !== 'floating') {\r\n      console.log('[Widget] updateIframeSize skipped - no iframe or not floating variant')\r\n      return\r\n    }\r\n\r\n    if (collapsed) {\r\n      // Match the online widget's collapsed height more closely\r\n      console.log('[Widget] Setting collapsed size: 380x72')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '72px'\r\n      this.iframe.style.maxHeight = '72px'\r\n    } else {\r\n      // Match the online widget's expanded dimensions\r\n      console.log('[Widget] Setting expanded size: 380x520')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '520px'\r\n      this.iframe.style.maxHeight = 'calc(100vh - 40px)'\r\n    }\r\n  }\r\n}\r\n\r\n// Also export as Widget for convenience with UMD\r\nexport { LookalikeWidget as Widget }\r\n"],"names":["DEFAULT_BASE_URL","EVENTS","COMMANDS","LookalikeWidget","config","event","handler","container","el","error","url","themeParts","anchor","_a","type","payload","_c","_b","_e","_d","_g","_f","_i","_h","_k","_j","_m","_l","channel","e","action","message","collapsed"],"mappings":"uOAQA,MAAMA,EACF,uCAIEC,EAAS,CACb,aAAc,yBACd,cAAe,0BACf,cAAe,0BACf,YAAa,wBACb,QAAS,oBACT,MAAO,kBACP,aAAc,yBACd,QAAS,mBACX,EAGMC,EAAW,CACf,OAAQ,SACR,SAAU,UACZ,EAmBO,MAAMC,CAAmD,CAU9D,YAAYC,EAA+B,CAR3C,KAAQ,OAAgC,CAAA,EACxC,KAAQ,OAAmC,KAC3C,KAAQ,UAAgC,KACxC,KAAQ,KAA2B,KACnC,KAAQ,SAAW,GACnB,KAAQ,QAAU,GAClB,KAAQ,eAAqD,KAG3D,KAAK,OAAS,CACZ,OAAQA,EAAO,OACf,QAASA,EAAO,SAAW,WAC3B,OAAQA,EAAO,QAAU,eACzB,YAAaA,EAAO,aAAe,GACnC,MAAOA,EAAO,OAAS,CAAC,OAAQ,QAAS,OAAO,EAChD,QAASA,EAAO,SAAWJ,EAC3B,MAAOI,EAAO,KAAA,CAElB,CAKA,GACEC,EACAC,EACM,CACN,YAAK,OAAOD,CAAK,EAAIC,EACd,IACT,CAKA,IAA2CD,EAAgB,CACzD,cAAO,KAAK,OAAOA,CAAK,EACjB,IACT,CAKA,MAAME,EAAuC,CAC3C,GAAI,KAAK,QAAS,CAChB,QAAQ,KAAK,kCAAkC,EAC/C,MACF,CAGA,GAAI,OAAOA,GAAc,SAAU,CACjC,MAAMC,EAAK,SAAS,cAAcD,CAAS,EAC3C,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,+BAA+BD,CAAS,aAAa,EAEvE,KAAK,UAAYC,CACnB,MACE,KAAK,UAAYD,EAInB,KAAK,OAAS,SAAS,cAAc,QAAQ,EAC7C,KAAK,OAAO,IAAM,KAAK,eAAA,EACvB,KAAK,OAAO,MAAM,QAAU,KAAK,gBAAA,EACjC,KAAK,OAAO,aAAa,QAAS,8BAA8B,EAChE,KAAK,OAAO,aAAa,kBAAmB,EAAE,EAG9C,KAAK,OAAO,OAAS,IAAM,CACzB,QAAQ,IAAI,qCAAqC,CACnD,EACA,KAAK,OAAO,QAAWE,GAAU,CAC/B,QAAQ,MAAM,yBAA0BA,CAAK,CAC/C,EAGA,KAAK,eAAiB,KAAK,cAAc,KAAK,IAAI,EAClD,OAAO,iBAAiB,UAAW,KAAK,cAAc,EACtD,QAAQ,IAAI,iCAAiC,EAG7C,KAAK,UAAU,YAAY,KAAK,MAAM,EACtC,KAAK,QAAU,GACf,QAAQ,IAAI,gCAAiC,KAAK,OAAO,GAAG,CAC9D,CAKA,QAAe,CACb,KAAK,YAAYP,EAAS,MAAM,CAClC,CAKA,UAAiB,CACf,KAAK,YAAYA,EAAS,QAAQ,CACpC,CAKA,SAAgB,CACV,KAAK,iBACP,OAAO,oBAAoB,UAAW,KAAK,cAAc,EACzD,KAAK,eAAiB,MAGpB,KAAK,OACP,KAAK,KAAK,MAAA,EACV,KAAK,KAAO,MAGV,KAAK,QAAU,KAAK,YACtB,KAAK,UAAU,YAAY,KAAK,MAAM,EACtC,KAAK,OAAS,MAGhB,KAAK,UAAY,KACjB,KAAK,QAAU,GACf,KAAK,SAAW,EAClB,CAKA,YAAsB,CACpB,OAAO,KAAK,QACd,CAEQ,gBAAyB,CAC/B,MAAMQ,EAAM,IAAI,IAAI,IAAI,KAAK,OAAO,MAAM,QAAS,KAAK,OAAO,OAAO,EAsBtE,GAnBAA,EAAI,aAAa,IAAI,QAAS,EAAE,EAGhCA,EAAI,aAAa,IAAI,UAAW,KAAK,OAAO,OAAO,EAG/C,KAAK,OAAO,UAAY,YAC1BA,EAAI,aAAa,IAAI,SAAU,KAAK,OAAO,MAAM,EAI/C,KAAK,OAAO,UAAY,UAAY,KAAK,OAAO,aAClDA,EAAI,aAAa,IAAI,cAAe,EAAE,EAIxCA,EAAI,aAAa,IAAI,QAAS,KAAK,OAAO,MAAM,KAAK,GAAG,CAAC,EAGrD,KAAK,OAAO,MAAO,CACrB,MAAMC,EAAuB,CAAA,EACzB,KAAK,OAAO,MAAM,cACpBA,EAAW,KAAK,WAAW,KAAK,OAAO,MAAM,YAAY,EAAE,EAEzD,KAAK,OAAO,MAAM,aACpBA,EAAW,KAAK,UAAU,KAAK,OAAO,MAAM,WAAW,EAAE,EAEvD,KAAK,OAAO,MAAM,cACpBA,EAAW,KAAK,UAAU,KAAK,OAAO,MAAM,YAAY,EAAE,EAExDA,EAAW,OAAS,GACtBD,EAAI,aAAa,IAAI,QAASC,EAAW,KAAK,GAAG,CAAC,CAEtD,CAEA,OAAOD,EAAI,SAAA,CACb,CAEQ,iBAA0B,CAChC,GAAI,KAAK,OAAO,UAAY,WAAY,CAEtC,MAAME,EAAS,KAAK,OAAO,OAQ3B,MAAO;AAAA;AAAA,UAPU,CACf,eAAgB,6BAChB,cAAe,4BACf,YAAa,0BACb,WAAY,wBAAA,EACZA,CAAM,CAII;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQV,QAAQ,OAAQ,GAAG,EAAE,KAAA,CACzB,CAGA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAML,QAAQ,OAAQ,GAAG,EAAE,KAAA,CACzB,CAEQ,cAAc,EAAuB,+BAG3C,GAFA,QAAQ,IAAI,6BAA8B,EAAE,KAAM,QAAS,EAAE,WAAWC,EAAA,KAAK,SAAL,YAAAA,EAAa,eAAgB,SAAW,SAAS,EAErH,KAAK,QAAU,EAAE,SAAW,KAAK,OAAO,cAAe,CACzD,QAAQ,IAAI,6CAA6C,EACzD,MACF,CAEA,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAAY,EAAE,MAAQ,CAAA,EAEvC,OAAQD,EAAA,CACN,KAAKb,EAAO,aACV,QAAQ,IAAI,uCAAuC,EACnD,KAAK,mBAAA,GACLe,GAAAC,EAAA,KAAK,QAAO,UAAZ,MAAAD,EAAA,KAAAC,GACA,MAEF,KAAKhB,EAAO,cACV,QAAQ,IAAI,kCAAmC,CAAE,UAAWc,EAAQ,UAAW,SAAU,CAACA,EAAQ,UAAW,EAC7G,KAAK,SAAW,CAACA,EAAQ,UACzB,KAAK,iBAAiBA,EAAQ,SAAS,GACvCG,GAAAC,EAAA,KAAK,QAAO,WAAZ,MAAAD,EAAA,KAAAC,EAAuBJ,EAAQ,WAC/B,MAEF,KAAKd,EAAO,eACVmB,GAAAC,EAAA,KAAK,QAAO,iBAAZ,MAAAD,EAAA,KAAAC,EAA6BN,EAAQ,MACrC,MAEF,KAAKd,EAAO,aACVqB,GAAAC,EAAA,KAAK,QAAO,eAAZ,MAAAD,EAAA,KAAAC,GACA,MAEF,KAAKtB,EAAO,SACVuB,GAAAC,EAAA,KAAK,QAAO,YAAZ,MAAAD,EAAA,KAAAC,EAAwBV,EAAQ,KAAMA,EAAQ,SAC9C,MAEF,KAAKd,EAAO,OACVyB,GAAAC,EAAA,KAAK,QAAO,UAAZ,MAAAD,EAAA,KAAAC,EAAsBZ,EAAQ,KAAMA,EAAQ,SAC5C,KAAA,CAEN,CAEQ,oBAA2B,OACjC,GAAI,GAACF,EAAA,KAAK,SAAL,MAAAA,EAAa,eAAe,OAGjC,MAAMe,EAAU,IAAI,eACpB,KAAK,KAAOA,EAAQ,MAGpB,KAAK,KAAK,UAAaC,GAAM,yBAC3B,QAAQ,IAAI,kCAAmCA,EAAE,IAAI,EAErD,KAAM,CAAE,KAAAf,EAAM,GAAGC,GAAYc,EAAE,MAAQ,CAAA,EAEvC,OAAQf,EAAA,CACN,KAAKb,EAAO,cACV,QAAQ,IAAI,kCAAmC,CAAE,UAAWc,EAAQ,UAAW,SAAU,CAACA,EAAQ,UAAW,EAC7G,KAAK,SAAW,CAACA,EAAQ,UACzB,KAAK,iBAAiBA,EAAQ,SAAS,GACvCE,GAAAJ,EAAA,KAAK,QAAO,WAAZ,MAAAI,EAAA,KAAAJ,EAAuBE,EAAQ,WAC/B,MAEF,KAAKd,EAAO,eACVkB,GAAAH,EAAA,KAAK,QAAO,iBAAZ,MAAAG,EAAA,KAAAH,EAA6BD,EAAQ,MACrC,MAEF,KAAKd,EAAO,aACVoB,GAAAH,EAAA,KAAK,QAAO,eAAZ,MAAAG,EAAA,KAAAH,GACA,MAEF,KAAKjB,EAAO,SACVsB,GAAAH,EAAA,KAAK,QAAO,YAAZ,MAAAG,EAAA,KAAAH,EAAwBL,EAAQ,KAAMA,EAAQ,SAC9C,MAEF,KAAKd,EAAO,OACVwB,GAAAH,EAAA,KAAK,QAAO,UAAZ,MAAAG,EAAA,KAAAH,EAAsBP,EAAQ,KAAMA,EAAQ,SAC5C,KAAA,CAEN,EAGA,KAAK,OAAO,cAAc,YACxB,CAAE,KAAMd,EAAO,YAAA,EACf,IACA,CAAC2B,EAAQ,KAAK,CAAA,CAElB,CAEQ,YAAYE,EAAgBf,EAAyB,OAC3D,MAAMgB,EAAU,CAAE,KAAM9B,EAAO,QAAS,OAAA6B,EAAQ,QAAAf,CAAA,EAE5C,KAAK,KACP,KAAK,KAAK,YAAYgB,CAAO,GACpBlB,EAAA,KAAK,SAAL,MAAAA,EAAa,eACtB,KAAK,OAAO,cAAc,YAAYkB,EAAS,GAAG,CAEtD,CAEQ,iBAAiBC,EAA0B,CAEjD,GADA,QAAQ,IAAI,oCAAqC,CAAE,UAAAA,EAAW,QAAS,KAAK,OAAO,QAAS,UAAW,CAAC,CAAC,KAAK,OAAQ,EAClH,CAAC,KAAK,QAAU,KAAK,OAAO,UAAY,WAAY,CACtD,QAAQ,IAAI,uEAAuE,EACnF,MACF,CAEIA,GAEF,QAAQ,IAAI,yCAAyC,EACrD,KAAK,OAAO,MAAM,MAAQ,QAC1B,KAAK,OAAO,MAAM,OAAS,OAC3B,KAAK,OAAO,MAAM,UAAY,SAG9B,QAAQ,IAAI,yCAAyC,EACrD,KAAK,OAAO,MAAM,MAAQ,QAC1B,KAAK,OAAO,MAAM,OAAS,QAC3B,KAAK,OAAO,MAAM,UAAY,qBAElC,CACF"}
+{"version":3,"file":"widget.umd.js","sources":["../src/widget.ts"],"sourcesContent":["import type {\r\n  LookalikeWidgetConfig,\r\n  LookalikeWidgetEvents,\r\n  LookalikeWidgetInstance,\r\n  ChatMode,\r\n} from './types'\r\n\r\n// Use production URL if defined, otherwise fallback to lookalike.com\r\nconst DEFAULT_BASE_URL = typeof __PRODUCTION_BASE_URL__ !== 'undefined' \r\n  ? __PRODUCTION_BASE_URL__ \r\n  : 'https://lookalike.com'\r\n\r\n// Event type constants\r\nconst EVENTS = {\r\n  WIDGET_READY: 'lookalike-widget-ready',\r\n  WIDGET_RESIZE: 'lookalike-widget-resize',\r\n  SESSION_START: 'lookalike-session-start',\r\n  SESSION_END: 'lookalike-session-end',\r\n  MESSAGE: 'lookalike-message',\r\n  ERROR: 'lookalike-error',\r\n  INIT_CHANNEL: 'lookalike-init-channel',\r\n  COMMAND: 'lookalike-command',\r\n} as const\r\n\r\n// Command constants\r\nconst COMMANDS = {\r\n  EXPAND: 'expand',\r\n  COLLAPSE: 'collapse',\r\n} as const\r\n\r\n/**\r\n * Lookalike Widget - Embed conversational AI in your website\r\n *\r\n * @example\r\n * ```javascript\r\n * const widget = new LookalikeWidget({\r\n *   handle: 'john-doe',\r\n *   variant: 'floating',\r\n *   theme: { primaryColor: '#3b82f6' }\r\n * });\r\n *\r\n * widget.on('ready', () => console.log('Widget ready'));\r\n * widget.on('message', (role, content) => console.log(`${role}: ${content}`));\r\n *\r\n * widget.mount(document.body);\r\n * ```\r\n */\r\nexport class LookalikeWidget implements LookalikeWidgetInstance {\r\n  private config: Required<Omit<LookalikeWidgetConfig, 'theme'>> & { theme?: LookalikeWidgetConfig['theme'] }\r\n  private events: LookalikeWidgetEvents = {}\r\n  private iframe: HTMLIFrameElement | null = null\r\n  private container: HTMLElement | null = null\r\n  private port: MessagePort | null = null\r\n  private expanded = false\r\n  private mounted = false\r\n  private messageHandler: ((e: MessageEvent) => void) | null = null\r\n\r\n  constructor(config: LookalikeWidgetConfig) {\r\n    this.config = {\r\n      handle: config.handle,\r\n      variant: config.variant ?? 'floating',\r\n      anchor: config.anchor ?? 'bottom-right',\r\n      collapsible: config.collapsible ?? false,\r\n      modes: config.modes ?? ['text', 'audio', 'video'],\r\n      baseUrl: config.baseUrl ?? DEFAULT_BASE_URL,\r\n      theme: config.theme,\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Register an event handler\r\n   */\r\n  on<K extends keyof LookalikeWidgetEvents>(\r\n    event: K,\r\n    handler: NonNullable<LookalikeWidgetEvents[K]>\r\n  ): this {\r\n    this.events[event] = handler as LookalikeWidgetEvents[K]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Remove an event handler\r\n   */\r\n  off<K extends keyof LookalikeWidgetEvents>(event: K): this {\r\n    delete this.events[event]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Mount the widget to a container element\r\n   */\r\n  mount(container: string | HTMLElement): void {\r\n    if (this.mounted) {\r\n      console.warn('LookalikeWidget: Already mounted')\r\n      return\r\n    }\r\n\r\n    // Resolve container\r\n    if (typeof container === 'string') {\r\n      const el = document.querySelector(container)\r\n      if (!el) {\r\n        throw new Error(`LookalikeWidget: Container \"${container}\" not found`)\r\n      }\r\n      this.container = el as HTMLElement\r\n    } else {\r\n      this.container = container\r\n    }\r\n\r\n    // Create iframe\r\n    this.iframe = document.createElement('iframe')\r\n    this.iframe.src = this.buildIframeUrl()\r\n    this.iframe.style.cssText = this.getIframeStyles()\r\n    this.iframe.setAttribute('allow', 'camera; microphone; autoplay')\r\n    this.iframe.setAttribute('allowfullscreen', '')\r\n    \r\n    // Add load event listener for debugging\r\n    this.iframe.onload = () => {\r\n      console.log('[Widget] Iframe loaded successfully')\r\n    }\r\n    this.iframe.onerror = (error) => {\r\n      console.error('[Widget] Iframe error:', error)\r\n    }\r\n\r\n    // Set up message listener for handshake\r\n    this.messageHandler = this.handleMessage.bind(this)\r\n    window.addEventListener('message', this.messageHandler)\r\n    console.log('[Widget] Message listener added')\r\n\r\n    // Append iframe\r\n    this.container.appendChild(this.iframe)\r\n    this.mounted = true\r\n    console.log('[Widget] Iframe mounted, URL:', this.iframe.src)\r\n  }\r\n\r\n  /**\r\n   * Expand the widget\r\n   */\r\n  expand(): void {\r\n    this.sendCommand(COMMANDS.EXPAND)\r\n  }\r\n\r\n  /**\r\n   * Collapse the widget\r\n   */\r\n  collapse(): void {\r\n    this.sendCommand(COMMANDS.COLLAPSE)\r\n  }\r\n\r\n  /**\r\n   * Destroy the widget and clean up\r\n   */\r\n  destroy(): void {\r\n    if (this.messageHandler) {\r\n      window.removeEventListener('message', this.messageHandler)\r\n      this.messageHandler = null\r\n    }\r\n\r\n    if (this.port) {\r\n      this.port.close()\r\n      this.port = null\r\n    }\r\n\r\n    if (this.iframe && this.container) {\r\n      this.container.removeChild(this.iframe)\r\n      this.iframe = null\r\n    }\r\n\r\n    this.container = null\r\n    this.mounted = false\r\n    this.expanded = false\r\n  }\r\n\r\n  /**\r\n   * Check if widget is currently expanded\r\n   */\r\n  isExpanded(): boolean {\r\n    return this.expanded\r\n  }\r\n\r\n  private buildIframeUrl(): string {\r\n    const url = new URL(`/${this.config.handle}/chat`, this.config.baseUrl)\r\n\r\n    // Add embed flag\r\n    url.searchParams.set('embed', '')\r\n\r\n    // Add variant\r\n    url.searchParams.set('variant', this.config.variant)\r\n\r\n    // Add anchor for floating\r\n    if (this.config.variant === 'floating') {\r\n      url.searchParams.set('anchor', this.config.anchor)\r\n    }\r\n\r\n    // Add collapsible for inline\r\n    if (this.config.variant === 'inline' && this.config.collapsible) {\r\n      url.searchParams.set('collapsible', '')\r\n    }\r\n\r\n    // Add modes\r\n    url.searchParams.set('modes', this.config.modes.join(','))\r\n\r\n    // Add theme\r\n    if (this.config.theme) {\r\n      const themeParts: string[] = []\r\n      if (this.config.theme.primaryColor) {\r\n        themeParts.push(`primary:${this.config.theme.primaryColor}`)\r\n      }\r\n      if (this.config.theme.accentColor) {\r\n        themeParts.push(`accent:${this.config.theme.accentColor}`)\r\n      }\r\n      if (this.config.theme.borderRadius) {\r\n        themeParts.push(`radius:${this.config.theme.borderRadius}`)\r\n      }\r\n      if (themeParts.length > 0) {\r\n        url.searchParams.set('theme', themeParts.join(','))\r\n      }\r\n    }\r\n\r\n    return url.toString()\r\n  }\r\n\r\n  private getIframeStyles(): string {\r\n    if (this.config.variant === 'floating') {\r\n      // Floating: positioned in corner, needs to resize based on collapsed state\r\n      const anchor = this.config.anchor\r\n      const position = {\r\n        'bottom-right': 'bottom: 20px; right: 20px;',\r\n        'bottom-left': 'bottom: 20px; left: 20px;',\r\n        'top-right': 'top: 20px; right: 20px;',\r\n        'top-left': 'top: 20px; left: 20px;',\r\n      }[anchor]\r\n\r\n      return `\r\n        position: fixed;\r\n        ${position}\r\n        width: 380px;\r\n        height: 72px;\r\n        max-height: 72px;\r\n        border: none;\r\n        border-radius: 16px;\r\n        z-index: 9999;\r\n        transition: all 0.3s ease;\r\n      `.replace(/\\s+/g, ' ').trim()\r\n    }\r\n\r\n    // Inline: fills container\r\n    return `\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 400px;\r\n      border: none;\r\n      border-radius: 16px;\r\n    `.replace(/\\s+/g, ' ').trim()\r\n  }\r\n\r\n  private handleMessage(e: MessageEvent): void {\r\n    console.log('[Widget] Received message:', e.data, 'from:', e.source === this.iframe?.contentWindow ? 'iframe' : 'unknown')\r\n    // Only accept messages from our iframe\r\n    if (this.iframe && e.source !== this.iframe.contentWindow) {\r\n      console.log('[Widget] Ignoring message - not from iframe')\r\n      return\r\n    }\r\n\r\n    const { type, ...payload } = e.data || {}\r\n\r\n    switch (type) {\r\n      case EVENTS.WIDGET_READY:\r\n        console.log('[Widget] WIDGET_READY event received!')\r\n        this.initMessageChannel()\r\n        this.events.onReady?.()\r\n        break\r\n\r\n      case EVENTS.WIDGET_RESIZE:\r\n        console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n        this.expanded = !payload.collapsed\r\n        this.updateIframeSize(payload.collapsed)\r\n        this.events.onResize?.(payload.collapsed)\r\n        break\r\n\r\n      case EVENTS.SESSION_START:\r\n        this.events.onSessionStart?.(payload.mode as ChatMode)\r\n        break\r\n\r\n      case EVENTS.SESSION_END:\r\n        this.events.onSessionEnd?.()\r\n        break\r\n\r\n      case EVENTS.MESSAGE:\r\n        this.events.onMessage?.(payload.role, payload.content)\r\n        break\r\n\r\n      case EVENTS.ERROR:\r\n        this.events.onError?.(payload.code, payload.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  private initMessageChannel(): void {\r\n    if (!this.iframe?.contentWindow) return\r\n\r\n    // Create a MessageChannel for secure communication\r\n    const channel = new MessageChannel()\r\n    this.port = channel.port1\r\n\r\n    // Set up port message handler\r\n    this.port.onmessage = (e) => {\r\n      console.log('[Widget] Port message received:', e.data)\r\n      // For MessageChannel, we don't need to check source since the channel is secure\r\n      const { type, ...payload } = e.data || {}\r\n      \r\n      switch (type) {\r\n        case EVENTS.WIDGET_RESIZE:\r\n          console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n          this.expanded = !payload.collapsed\r\n          this.updateIframeSize(payload.collapsed)\r\n          this.events.onResize?.(payload.collapsed)\r\n          break\r\n\r\n        case EVENTS.SESSION_START:\r\n          this.events.onSessionStart?.(payload.mode as ChatMode)\r\n          break\r\n\r\n        case EVENTS.SESSION_END:\r\n          this.events.onSessionEnd?.()\r\n          break\r\n\r\n        case EVENTS.MESSAGE:\r\n          this.events.onMessage?.(payload.role, payload.content)\r\n          break\r\n\r\n        case EVENTS.ERROR:\r\n          this.events.onError?.(payload.code, payload.message)\r\n          break\r\n      }\r\n    }\r\n\r\n    // Send port2 to iframe\r\n    this.iframe.contentWindow.postMessage(\r\n      { type: EVENTS.INIT_CHANNEL },\r\n      '*',\r\n      [channel.port2]\r\n    )\r\n  }\r\n\r\n  private sendCommand(action: string, payload?: unknown): void {\r\n    const message = { type: EVENTS.COMMAND, action, payload }\r\n\r\n    if (this.port) {\r\n      this.port.postMessage(message)\r\n    } else if (this.iframe?.contentWindow) {\r\n      this.iframe.contentWindow.postMessage(message, '*')\r\n    }\r\n  }\r\n\r\n  private updateIframeSize(collapsed: boolean): void {\r\n    console.log('[Widget] updateIframeSize called:', { collapsed, variant: this.config.variant, hasIframe: !!this.iframe })\r\n    if (!this.iframe || this.config.variant !== 'floating') {\r\n      console.log('[Widget] updateIframeSize skipped - no iframe or not floating variant')\r\n      return\r\n    }\r\n\r\n    if (collapsed) {\r\n      // Match the online widget's collapsed height more closely\r\n      console.log('[Widget] Setting collapsed size: 380x72')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '72px'\r\n      this.iframe.style.maxHeight = '72px'\r\n    } else {\r\n      // Match the online widget's expanded dimensions\r\n      console.log('[Widget] Setting expanded size: 380x520')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '520px'\r\n      this.iframe.style.maxHeight = 'calc(100vh - 40px)'\r\n    }\r\n  }\r\n}\r\n\r\n// Also export as Widget for convenience with UMD\r\nexport { LookalikeWidget as Widget }\r\n"],"names":["DEFAULT_BASE_URL","EVENTS","COMMANDS","LookalikeWidget","config","event","handler","container","el","error","url","themeParts","anchor","_a","type","payload","_c","_b","_e","_d","_g","_f","_i","_h","_k","_j","_m","_l","channel","e","action","message","collapsed"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookalike/widget",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "description": "Embed Lookalike conversational AI widgets in your website with Wix integration support",
   "type": "module",
   "main": "dist/index.cjs",
@@ -20,7 +20,9 @@
   ],
   "scripts": {
     "build": "vite build",
-    "build:production": "vite build --config vite.config.production.ts",
+    "build:production": "npm run build:es-cjs && npm run build:umd",
+    "build:es-cjs": "vite build",
+    "build:umd": "vite build --config vite.config.production.ts",
     "dev": "vite build --watch",
     "test": "node dev-server.js",
     "test:build": "node dev-server.js --build",

package/dist/index.cjs

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v="https://your-app-name.up.railway.app",a={WIDGET_READY:"lookalike-widget-ready",WIDGET_RESIZE:"lookalike-widget-resize",SESSION_START:"lookalike-session-start",SESSION_END:"lookalike-session-end",MESSAGE:"lookalike-message",ERROR:"lookalike-error",INIT_CHANNEL:"lookalike-init-channel",COMMAND:"lookalike-command"},E={EXPAND:"expand",COLLAPSE:"collapse"};class u{constructor(e){this.events={},this.iframe=null,this.container=null,this.port=null,this.expanded=!1,this.mounted=!1,this.messageHandler=null,this.config={handle:e.handle,variant:e.variant??"floating",anchor:e.anchor??"bottom-right",collapsible:e.collapsible??!1,modes:e.modes??["text","audio","video"],baseUrl:e.baseUrl??v,theme:e.theme}}on(e,t){return this.events[e]=t,this}off(e){return delete this.events[e],this}mount(e){if(this.mounted){console.warn("LookalikeWidget: Already mounted");return}if(typeof e=="string"){const t=document.querySelector(e);if(!t)throw new Error(`LookalikeWidget: Container "${e}" not found`);this.container=t}else this.container=e;this.iframe=document.createElement("iframe"),this.iframe.src=this.buildIframeUrl(),this.iframe.style.cssText=this.getIframeStyles(),this.iframe.setAttribute("allow","camera; microphone; autoplay"),this.iframe.setAttribute("allowfullscreen",""),this.iframe.onload=()=>{console.log("[Widget] Iframe loaded successfully")},this.iframe.onerror=t=>{console.error("[Widget] Iframe error:",t)},this.messageHandler=this.handleMessage.bind(this),window.addEventListener("message",this.messageHandler),console.log("[Widget] Message listener added"),this.container.appendChild(this.iframe),this.mounted=!0,console.log("[Widget] Iframe mounted, URL:",this.iframe.src)}expand(){this.sendCommand(E.EXPAND)}collapse(){this.sendCommand(E.COLLAPSE)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.port&&(this.port.close(),this.port=null),this.iframe&&this.container&&(this.container.removeChild(this.iframe),this.iframe=null),this.container=null,this.mounted=!1,this.expanded=!1}isExpanded(){return this.expanded}buildIframeUrl(){const e=new URL(`/${this.config.handle}/chat`,this.config.baseUrl);if(e.searchParams.set("embed",""),e.searchParams.set("variant",this.config.variant),this.config.variant==="floating"&&e.searchParams.set("anchor",this.config.anchor),this.config.variant==="inline"&&this.config.collapsible&&e.searchParams.set("collapsible",""),e.searchParams.set("modes",this.config.modes.join(",")),this.config.theme){const t=[];this.config.theme.primaryColor&&t.push(`primary:${this.config.theme.primaryColor}`),this.config.theme.accentColor&&t.push(`accent:${this.config.theme.accentColor}`),this.config.theme.borderRadius&&t.push(`radius:${this.config.theme.borderRadius}`),t.length>0&&e.searchParams.set("theme",t.join(","))}return e.toString()}getIframeStyles(){if(this.config.variant==="floating"){const e=this.config.anchor;return`
-        position: fixed;
-        ${{"bottom-right":"bottom: 20px; right: 20px;","bottom-left":"bottom: 20px; left: 20px;","top-right":"top: 20px; right: 20px;","top-left":"top: 20px; left: 20px;"}[e]}
-        width: 380px;
-        height: 72px;
-        max-height: 72px;
-        border: none;
-        border-radius: 16px;
-        z-index: 9999;
-        transition: all 0.3s ease;
-      `.replace(/\s+/g," ").trim()}return`
-      width: 100%;
-      height: 100%;
-      min-height: 400px;
-      border: none;
-      border-radius: 16px;
-    `.replace(/\s+/g," ").trim()}handleMessage(e){var o,i,n,r,l,h,d,c,m,g,f,p,S;if(console.log("[Widget] Received message:",e.data,"from:",e.source===((o=this.iframe)==null?void 0:o.contentWindow)?"iframe":"unknown"),this.iframe&&e.source!==this.iframe.contentWindow){console.log("[Widget] Ignoring message - not from iframe");return}const{type:t,...s}=e.data||{};switch(t){case a.WIDGET_READY:console.log("[Widget] WIDGET_READY event received!"),this.initMessageChannel(),(n=(i=this.events).onReady)==null||n.call(i);break;case a.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:s.collapsed,expanded:!s.collapsed}),this.expanded=!s.collapsed,this.updateIframeSize(s.collapsed),(l=(r=this.events).onResize)==null||l.call(r,s.collapsed);break;case a.SESSION_START:(d=(h=this.events).onSessionStart)==null||d.call(h,s.mode);break;case a.SESSION_END:(m=(c=this.events).onSessionEnd)==null||m.call(c);break;case a.MESSAGE:(f=(g=this.events).onMessage)==null||f.call(g,s.role,s.content);break;case a.ERROR:(S=(p=this.events).onError)==null||S.call(p,s.code,s.message);break}}initMessageChannel(){var t;if(!((t=this.iframe)!=null&&t.contentWindow))return;const e=new MessageChannel;this.port=e.port1,this.port.onmessage=s=>{var n,r,l,h,d,c,m,g,f,p;console.log("[Widget] Port message received:",s.data);const{type:o,...i}=s.data||{};switch(o){case a.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:i.collapsed,expanded:!i.collapsed}),this.expanded=!i.collapsed,this.updateIframeSize(i.collapsed),(r=(n=this.events).onResize)==null||r.call(n,i.collapsed);break;case a.SESSION_START:(h=(l=this.events).onSessionStart)==null||h.call(l,i.mode);break;case a.SESSION_END:(c=(d=this.events).onSessionEnd)==null||c.call(d);break;case a.MESSAGE:(g=(m=this.events).onMessage)==null||g.call(m,i.role,i.content);break;case a.ERROR:(p=(f=this.events).onError)==null||p.call(f,i.code,i.message);break}},this.iframe.contentWindow.postMessage({type:a.INIT_CHANNEL},"*",[e.port2])}sendCommand(e,t){var o;const s={type:a.COMMAND,action:e,payload:t};this.port?this.port.postMessage(s):(o=this.iframe)!=null&&o.contentWindow&&this.iframe.contentWindow.postMessage(s,"*")}updateIframeSize(e){if(console.log("[Widget] updateIframeSize called:",{collapsed:e,variant:this.config.variant,hasIframe:!!this.iframe}),!this.iframe||this.config.variant!=="floating"){console.log("[Widget] updateIframeSize skipped - no iframe or not floating variant");return}e?(console.log("[Widget] Setting collapsed size: 380x72"),this.iframe.style.width="380px",this.iframe.style.height="72px",this.iframe.style.maxHeight="72px"):(console.log("[Widget] Setting expanded size: 380x520"),this.iframe.style.width="380px",this.iframe.style.height="520px",this.iframe.style.maxHeight="calc(100vh - 40px)")}}exports.LookalikeWidget=u;exports.Widget=u;exports.default=u;
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/widget.ts"],"sourcesContent":["import type {\r\n  LookalikeWidgetConfig,\r\n  LookalikeWidgetEvents,\r\n  LookalikeWidgetInstance,\r\n  ChatMode,\r\n} from './types'\r\n\r\n// Use production URL if defined, otherwise fallback to lookalike.com\r\nconst DEFAULT_BASE_URL = typeof __PRODUCTION_BASE_URL__ !== 'undefined' \r\n  ? __PRODUCTION_BASE_URL__ \r\n  : 'https://lookalike.com'\r\n\r\n// Event type constants\r\nconst EVENTS = {\r\n  WIDGET_READY: 'lookalike-widget-ready',\r\n  WIDGET_RESIZE: 'lookalike-widget-resize',\r\n  SESSION_START: 'lookalike-session-start',\r\n  SESSION_END: 'lookalike-session-end',\r\n  MESSAGE: 'lookalike-message',\r\n  ERROR: 'lookalike-error',\r\n  INIT_CHANNEL: 'lookalike-init-channel',\r\n  COMMAND: 'lookalike-command',\r\n} as const\r\n\r\n// Command constants\r\nconst COMMANDS = {\r\n  EXPAND: 'expand',\r\n  COLLAPSE: 'collapse',\r\n} as const\r\n\r\n/**\r\n * Lookalike Widget - Embed conversational AI in your website\r\n *\r\n * @example\r\n * ```javascript\r\n * const widget = new LookalikeWidget({\r\n *   handle: 'john-doe',\r\n *   variant: 'floating',\r\n *   theme: { primaryColor: '#3b82f6' }\r\n * });\r\n *\r\n * widget.on('ready', () => console.log('Widget ready'));\r\n * widget.on('message', (role, content) => console.log(`${role}: ${content}`));\r\n *\r\n * widget.mount(document.body);\r\n * ```\r\n */\r\nexport class LookalikeWidget implements LookalikeWidgetInstance {\r\n  private config: Required<Omit<LookalikeWidgetConfig, 'theme'>> & { theme?: LookalikeWidgetConfig['theme'] }\r\n  private events: LookalikeWidgetEvents = {}\r\n  private iframe: HTMLIFrameElement | null = null\r\n  private container: HTMLElement | null = null\r\n  private port: MessagePort | null = null\r\n  private expanded = false\r\n  private mounted = false\r\n  private messageHandler: ((e: MessageEvent) => void) | null = null\r\n\r\n  constructor(config: LookalikeWidgetConfig) {\r\n    this.config = {\r\n      handle: config.handle,\r\n      variant: config.variant ?? 'floating',\r\n      anchor: config.anchor ?? 'bottom-right',\r\n      collapsible: config.collapsible ?? false,\r\n      modes: config.modes ?? ['text', 'audio', 'video'],\r\n      baseUrl: config.baseUrl ?? DEFAULT_BASE_URL,\r\n      theme: config.theme,\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Register an event handler\r\n   */\r\n  on<K extends keyof LookalikeWidgetEvents>(\r\n    event: K,\r\n    handler: NonNullable<LookalikeWidgetEvents[K]>\r\n  ): this {\r\n    this.events[event] = handler as LookalikeWidgetEvents[K]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Remove an event handler\r\n   */\r\n  off<K extends keyof LookalikeWidgetEvents>(event: K): this {\r\n    delete this.events[event]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Mount the widget to a container element\r\n   */\r\n  mount(container: string | HTMLElement): void {\r\n    if (this.mounted) {\r\n      console.warn('LookalikeWidget: Already mounted')\r\n      return\r\n    }\r\n\r\n    // Resolve container\r\n    if (typeof container === 'string') {\r\n      const el = document.querySelector(container)\r\n      if (!el) {\r\n        throw new Error(`LookalikeWidget: Container \"${container}\" not found`)\r\n      }\r\n      this.container = el as HTMLElement\r\n    } else {\r\n      this.container = container\r\n    }\r\n\r\n    // Create iframe\r\n    this.iframe = document.createElement('iframe')\r\n    this.iframe.src = this.buildIframeUrl()\r\n    this.iframe.style.cssText = this.getIframeStyles()\r\n    this.iframe.setAttribute('allow', 'camera; microphone; autoplay')\r\n    this.iframe.setAttribute('allowfullscreen', '')\r\n    \r\n    // Add load event listener for debugging\r\n    this.iframe.onload = () => {\r\n      console.log('[Widget] Iframe loaded successfully')\r\n    }\r\n    this.iframe.onerror = (error) => {\r\n      console.error('[Widget] Iframe error:', error)\r\n    }\r\n\r\n    // Set up message listener for handshake\r\n    this.messageHandler = this.handleMessage.bind(this)\r\n    window.addEventListener('message', this.messageHandler)\r\n    console.log('[Widget] Message listener added')\r\n\r\n    // Append iframe\r\n    this.container.appendChild(this.iframe)\r\n    this.mounted = true\r\n    console.log('[Widget] Iframe mounted, URL:', this.iframe.src)\r\n  }\r\n\r\n  /**\r\n   * Expand the widget\r\n   */\r\n  expand(): void {\r\n    this.sendCommand(COMMANDS.EXPAND)\r\n  }\r\n\r\n  /**\r\n   * Collapse the widget\r\n   */\r\n  collapse(): void {\r\n    this.sendCommand(COMMANDS.COLLAPSE)\r\n  }\r\n\r\n  /**\r\n   * Destroy the widget and clean up\r\n   */\r\n  destroy(): void {\r\n    if (this.messageHandler) {\r\n      window.removeEventListener('message', this.messageHandler)\r\n      this.messageHandler = null\r\n    }\r\n\r\n    if (this.port) {\r\n      this.port.close()\r\n      this.port = null\r\n    }\r\n\r\n    if (this.iframe && this.container) {\r\n      this.container.removeChild(this.iframe)\r\n      this.iframe = null\r\n    }\r\n\r\n    this.container = null\r\n    this.mounted = false\r\n    this.expanded = false\r\n  }\r\n\r\n  /**\r\n   * Check if widget is currently expanded\r\n   */\r\n  isExpanded(): boolean {\r\n    return this.expanded\r\n  }\r\n\r\n  private buildIframeUrl(): string {\r\n    const url = new URL(`/${this.config.handle}/chat`, this.config.baseUrl)\r\n\r\n    // Add embed flag\r\n    url.searchParams.set('embed', '')\r\n\r\n    // Add variant\r\n    url.searchParams.set('variant', this.config.variant)\r\n\r\n    // Add anchor for floating\r\n    if (this.config.variant === 'floating') {\r\n      url.searchParams.set('anchor', this.config.anchor)\r\n    }\r\n\r\n    // Add collapsible for inline\r\n    if (this.config.variant === 'inline' && this.config.collapsible) {\r\n      url.searchParams.set('collapsible', '')\r\n    }\r\n\r\n    // Add modes\r\n    url.searchParams.set('modes', this.config.modes.join(','))\r\n\r\n    // Add theme\r\n    if (this.config.theme) {\r\n      const themeParts: string[] = []\r\n      if (this.config.theme.primaryColor) {\r\n        themeParts.push(`primary:${this.config.theme.primaryColor}`)\r\n      }\r\n      if (this.config.theme.accentColor) {\r\n        themeParts.push(`accent:${this.config.theme.accentColor}`)\r\n      }\r\n      if (this.config.theme.borderRadius) {\r\n        themeParts.push(`radius:${this.config.theme.borderRadius}`)\r\n      }\r\n      if (themeParts.length > 0) {\r\n        url.searchParams.set('theme', themeParts.join(','))\r\n      }\r\n    }\r\n\r\n    return url.toString()\r\n  }\r\n\r\n  private getIframeStyles(): string {\r\n    if (this.config.variant === 'floating') {\r\n      // Floating: positioned in corner, needs to resize based on collapsed state\r\n      const anchor = this.config.anchor\r\n      const position = {\r\n        'bottom-right': 'bottom: 20px; right: 20px;',\r\n        'bottom-left': 'bottom: 20px; left: 20px;',\r\n        'top-right': 'top: 20px; right: 20px;',\r\n        'top-left': 'top: 20px; left: 20px;',\r\n      }[anchor]\r\n\r\n      return `\r\n        position: fixed;\r\n        ${position}\r\n        width: 380px;\r\n        height: 72px;\r\n        max-height: 72px;\r\n        border: none;\r\n        border-radius: 16px;\r\n        z-index: 9999;\r\n        transition: all 0.3s ease;\r\n      `.replace(/\\s+/g, ' ').trim()\r\n    }\r\n\r\n    // Inline: fills container\r\n    return `\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 400px;\r\n      border: none;\r\n      border-radius: 16px;\r\n    `.replace(/\\s+/g, ' ').trim()\r\n  }\r\n\r\n  private handleMessage(e: MessageEvent): void {\r\n    console.log('[Widget] Received message:', e.data, 'from:', e.source === this.iframe?.contentWindow ? 'iframe' : 'unknown')\r\n    // Only accept messages from our iframe\r\n    if (this.iframe && e.source !== this.iframe.contentWindow) {\r\n      console.log('[Widget] Ignoring message - not from iframe')\r\n      return\r\n    }\r\n\r\n    const { type, ...payload } = e.data || {}\r\n\r\n    switch (type) {\r\n      case EVENTS.WIDGET_READY:\r\n        console.log('[Widget] WIDGET_READY event received!')\r\n        this.initMessageChannel()\r\n        this.events.onReady?.()\r\n        break\r\n\r\n      case EVENTS.WIDGET_RESIZE:\r\n        console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n        this.expanded = !payload.collapsed\r\n        this.updateIframeSize(payload.collapsed)\r\n        this.events.onResize?.(payload.collapsed)\r\n        break\r\n\r\n      case EVENTS.SESSION_START:\r\n        this.events.onSessionStart?.(payload.mode as ChatMode)\r\n        break\r\n\r\n      case EVENTS.SESSION_END:\r\n        this.events.onSessionEnd?.()\r\n        break\r\n\r\n      case EVENTS.MESSAGE:\r\n        this.events.onMessage?.(payload.role, payload.content)\r\n        break\r\n\r\n      case EVENTS.ERROR:\r\n        this.events.onError?.(payload.code, payload.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  private initMessageChannel(): void {\r\n    if (!this.iframe?.contentWindow) return\r\n\r\n    // Create a MessageChannel for secure communication\r\n    const channel = new MessageChannel()\r\n    this.port = channel.port1\r\n\r\n    // Set up port message handler\r\n    this.port.onmessage = (e) => {\r\n      console.log('[Widget] Port message received:', e.data)\r\n      // For MessageChannel, we don't need to check source since the channel is secure\r\n      const { type, ...payload } = e.data || {}\r\n      \r\n      switch (type) {\r\n        case EVENTS.WIDGET_RESIZE:\r\n          console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n          this.expanded = !payload.collapsed\r\n          this.updateIframeSize(payload.collapsed)\r\n          this.events.onResize?.(payload.collapsed)\r\n          break\r\n\r\n        case EVENTS.SESSION_START:\r\n          this.events.onSessionStart?.(payload.mode as ChatMode)\r\n          break\r\n\r\n        case EVENTS.SESSION_END:\r\n          this.events.onSessionEnd?.()\r\n          break\r\n\r\n        case EVENTS.MESSAGE:\r\n          this.events.onMessage?.(payload.role, payload.content)\r\n          break\r\n\r\n        case EVENTS.ERROR:\r\n          this.events.onError?.(payload.code, payload.message)\r\n          break\r\n      }\r\n    }\r\n\r\n    // Send port2 to iframe\r\n    this.iframe.contentWindow.postMessage(\r\n      { type: EVENTS.INIT_CHANNEL },\r\n      '*',\r\n      [channel.port2]\r\n    )\r\n  }\r\n\r\n  private sendCommand(action: string, payload?: unknown): void {\r\n    const message = { type: EVENTS.COMMAND, action, payload }\r\n\r\n    if (this.port) {\r\n      this.port.postMessage(message)\r\n    } else if (this.iframe?.contentWindow) {\r\n      this.iframe.contentWindow.postMessage(message, '*')\r\n    }\r\n  }\r\n\r\n  private updateIframeSize(collapsed: boolean): void {\r\n    console.log('[Widget] updateIframeSize called:', { collapsed, variant: this.config.variant, hasIframe: !!this.iframe })\r\n    if (!this.iframe || this.config.variant !== 'floating') {\r\n      console.log('[Widget] updateIframeSize skipped - no iframe or not floating variant')\r\n      return\r\n    }\r\n\r\n    if (collapsed) {\r\n      // Match the online widget's collapsed height more closely\r\n      console.log('[Widget] Setting collapsed size: 380x72')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '72px'\r\n      this.iframe.style.maxHeight = '72px'\r\n    } else {\r\n      // Match the online widget's expanded dimensions\r\n      console.log('[Widget] Setting expanded size: 380x520')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '520px'\r\n      this.iframe.style.maxHeight = 'calc(100vh - 40px)'\r\n    }\r\n  }\r\n}\r\n\r\n// Also export as Widget for convenience with UMD\r\nexport { LookalikeWidget as Widget }\r\n"],"names":["DEFAULT_BASE_URL","EVENTS","COMMANDS","LookalikeWidget","config","event","handler","container","el","error","url","themeParts","anchor","_a","type","payload","_c","_b","_e","_d","_g","_f","_i","_h","_k","_j","_m","_l","channel","e","action","message","collapsed"],"mappings":"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"}

package/dist/index.js

@@ -1,196 +0,0 @@
-const S = "https://your-app-name.up.railway.app", a = {
-  WIDGET_READY: "lookalike-widget-ready",
-  WIDGET_RESIZE: "lookalike-widget-resize",
-  SESSION_START: "lookalike-session-start",
-  SESSION_END: "lookalike-session-end",
-  MESSAGE: "lookalike-message",
-  ERROR: "lookalike-error",
-  INIT_CHANNEL: "lookalike-init-channel",
-  COMMAND: "lookalike-command"
-}, E = {
-  EXPAND: "expand",
-  COLLAPSE: "collapse"
-};
-class v {
-  constructor(e) {
-    this.events = {}, this.iframe = null, this.container = null, this.port = null, this.expanded = !1, this.mounted = !1, this.messageHandler = null, this.config = {
-      handle: e.handle,
-      variant: e.variant ?? "floating",
-      anchor: e.anchor ?? "bottom-right",
-      collapsible: e.collapsible ?? !1,
-      modes: e.modes ?? ["text", "audio", "video"],
-      baseUrl: e.baseUrl ?? S,
-      theme: e.theme
-    };
-  }
-  /**
-   * Register an event handler
-   */
-  on(e, t) {
-    return this.events[e] = t, this;
-  }
-  /**
-   * Remove an event handler
-   */
-  off(e) {
-    return delete this.events[e], this;
-  }
-  /**
-   * Mount the widget to a container element
-   */
-  mount(e) {
-    if (this.mounted) {
-      console.warn("LookalikeWidget: Already mounted");
-      return;
-    }
-    if (typeof e == "string") {
-      const t = document.querySelector(e);
-      if (!t)
-        throw new Error(`LookalikeWidget: Container "${e}" not found`);
-      this.container = t;
-    } else
-      this.container = e;
-    this.iframe = document.createElement("iframe"), this.iframe.src = this.buildIframeUrl(), this.iframe.style.cssText = this.getIframeStyles(), this.iframe.setAttribute("allow", "camera; microphone; autoplay"), this.iframe.setAttribute("allowfullscreen", ""), this.iframe.onload = () => {
-      console.log("[Widget] Iframe loaded successfully");
-    }, this.iframe.onerror = (t) => {
-      console.error("[Widget] Iframe error:", t);
-    }, this.messageHandler = this.handleMessage.bind(this), window.addEventListener("message", this.messageHandler), console.log("[Widget] Message listener added"), this.container.appendChild(this.iframe), this.mounted = !0, console.log("[Widget] Iframe mounted, URL:", this.iframe.src);
-  }
-  /**
-   * Expand the widget
-   */
-  expand() {
-    this.sendCommand(E.EXPAND);
-  }
-  /**
-   * Collapse the widget
-   */
-  collapse() {
-    this.sendCommand(E.COLLAPSE);
-  }
-  /**
-   * Destroy the widget and clean up
-   */
-  destroy() {
-    this.messageHandler && (window.removeEventListener("message", this.messageHandler), this.messageHandler = null), this.port && (this.port.close(), this.port = null), this.iframe && this.container && (this.container.removeChild(this.iframe), this.iframe = null), this.container = null, this.mounted = !1, this.expanded = !1;
-  }
-  /**
-   * Check if widget is currently expanded
-   */
-  isExpanded() {
-    return this.expanded;
-  }
-  buildIframeUrl() {
-    const e = new URL(`/${this.config.handle}/chat`, this.config.baseUrl);
-    if (e.searchParams.set("embed", ""), e.searchParams.set("variant", this.config.variant), this.config.variant === "floating" && e.searchParams.set("anchor", this.config.anchor), this.config.variant === "inline" && this.config.collapsible && e.searchParams.set("collapsible", ""), e.searchParams.set("modes", this.config.modes.join(",")), this.config.theme) {
-      const t = [];
-      this.config.theme.primaryColor && t.push(`primary:${this.config.theme.primaryColor}`), this.config.theme.accentColor && t.push(`accent:${this.config.theme.accentColor}`), this.config.theme.borderRadius && t.push(`radius:${this.config.theme.borderRadius}`), t.length > 0 && e.searchParams.set("theme", t.join(","));
-    }
-    return e.toString();
-  }
-  getIframeStyles() {
-    if (this.config.variant === "floating") {
-      const e = this.config.anchor;
-      return `
-        position: fixed;
-        ${{
-        "bottom-right": "bottom: 20px; right: 20px;",
-        "bottom-left": "bottom: 20px; left: 20px;",
-        "top-right": "top: 20px; right: 20px;",
-        "top-left": "top: 20px; left: 20px;"
-      }[e]}
-        width: 380px;
-        height: 72px;
-        max-height: 72px;
-        border: none;
-        border-radius: 16px;
-        z-index: 9999;
-        transition: all 0.3s ease;
-      `.replace(/\s+/g, " ").trim();
-    }
-    return `
-      width: 100%;
-      height: 100%;
-      min-height: 400px;
-      border: none;
-      border-radius: 16px;
-    `.replace(/\s+/g, " ").trim();
-  }
-  handleMessage(e) {
-    var o, i, n, r, l, h, d, c, m, f, g, p, u;
-    if (console.log("[Widget] Received message:", e.data, "from:", e.source === ((o = this.iframe) == null ? void 0 : o.contentWindow) ? "iframe" : "unknown"), this.iframe && e.source !== this.iframe.contentWindow) {
-      console.log("[Widget] Ignoring message - not from iframe");
-      return;
-    }
-    const { type: t, ...s } = e.data || {};
-    switch (t) {
-      case a.WIDGET_READY:
-        console.log("[Widget] WIDGET_READY event received!"), this.initMessageChannel(), (n = (i = this.events).onReady) == null || n.call(i);
-        break;
-      case a.WIDGET_RESIZE:
-        console.log("[Widget] Received resize event:", { collapsed: s.collapsed, expanded: !s.collapsed }), this.expanded = !s.collapsed, this.updateIframeSize(s.collapsed), (l = (r = this.events).onResize) == null || l.call(r, s.collapsed);
-        break;
-      case a.SESSION_START:
-        (d = (h = this.events).onSessionStart) == null || d.call(h, s.mode);
-        break;
-      case a.SESSION_END:
-        (m = (c = this.events).onSessionEnd) == null || m.call(c);
-        break;
-      case a.MESSAGE:
-        (g = (f = this.events).onMessage) == null || g.call(f, s.role, s.content);
-        break;
-      case a.ERROR:
-        (u = (p = this.events).onError) == null || u.call(p, s.code, s.message);
-        break;
-    }
-  }
-  initMessageChannel() {
-    var t;
-    if (!((t = this.iframe) != null && t.contentWindow)) return;
-    const e = new MessageChannel();
-    this.port = e.port1, this.port.onmessage = (s) => {
-      var n, r, l, h, d, c, m, f, g, p;
-      console.log("[Widget] Port message received:", s.data);
-      const { type: o, ...i } = s.data || {};
-      switch (o) {
-        case a.WIDGET_RESIZE:
-          console.log("[Widget] Received resize event:", { collapsed: i.collapsed, expanded: !i.collapsed }), this.expanded = !i.collapsed, this.updateIframeSize(i.collapsed), (r = (n = this.events).onResize) == null || r.call(n, i.collapsed);
-          break;
-        case a.SESSION_START:
-          (h = (l = this.events).onSessionStart) == null || h.call(l, i.mode);
-          break;
-        case a.SESSION_END:
-          (c = (d = this.events).onSessionEnd) == null || c.call(d);
-          break;
-        case a.MESSAGE:
-          (f = (m = this.events).onMessage) == null || f.call(m, i.role, i.content);
-          break;
-        case a.ERROR:
-          (p = (g = this.events).onError) == null || p.call(g, i.code, i.message);
-          break;
-      }
-    }, this.iframe.contentWindow.postMessage(
-      { type: a.INIT_CHANNEL },
-      "*",
-      [e.port2]
-    );
-  }
-  sendCommand(e, t) {
-    var o;
-    const s = { type: a.COMMAND, action: e, payload: t };
-    this.port ? this.port.postMessage(s) : (o = this.iframe) != null && o.contentWindow && this.iframe.contentWindow.postMessage(s, "*");
-  }
-  updateIframeSize(e) {
-    if (console.log("[Widget] updateIframeSize called:", { collapsed: e, variant: this.config.variant, hasIframe: !!this.iframe }), !this.iframe || this.config.variant !== "floating") {
-      console.log("[Widget] updateIframeSize skipped - no iframe or not floating variant");
-      return;
-    }
-    e ? (console.log("[Widget] Setting collapsed size: 380x72"), this.iframe.style.width = "380px", this.iframe.style.height = "72px", this.iframe.style.maxHeight = "72px") : (console.log("[Widget] Setting expanded size: 380x520"), this.iframe.style.width = "380px", this.iframe.style.height = "520px", this.iframe.style.maxHeight = "calc(100vh - 40px)");
-  }
-}
-export {
-  v as LookalikeWidget,
-  v as Widget,
-  v as default
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/widget.ts"],"sourcesContent":["import type {\r\n  LookalikeWidgetConfig,\r\n  LookalikeWidgetEvents,\r\n  LookalikeWidgetInstance,\r\n  ChatMode,\r\n} from './types'\r\n\r\n// Use production URL if defined, otherwise fallback to lookalike.com\r\nconst DEFAULT_BASE_URL = typeof __PRODUCTION_BASE_URL__ !== 'undefined' \r\n  ? __PRODUCTION_BASE_URL__ \r\n  : 'https://lookalike.com'\r\n\r\n// Event type constants\r\nconst EVENTS = {\r\n  WIDGET_READY: 'lookalike-widget-ready',\r\n  WIDGET_RESIZE: 'lookalike-widget-resize',\r\n  SESSION_START: 'lookalike-session-start',\r\n  SESSION_END: 'lookalike-session-end',\r\n  MESSAGE: 'lookalike-message',\r\n  ERROR: 'lookalike-error',\r\n  INIT_CHANNEL: 'lookalike-init-channel',\r\n  COMMAND: 'lookalike-command',\r\n} as const\r\n\r\n// Command constants\r\nconst COMMANDS = {\r\n  EXPAND: 'expand',\r\n  COLLAPSE: 'collapse',\r\n} as const\r\n\r\n/**\r\n * Lookalike Widget - Embed conversational AI in your website\r\n *\r\n * @example\r\n * ```javascript\r\n * const widget = new LookalikeWidget({\r\n *   handle: 'john-doe',\r\n *   variant: 'floating',\r\n *   theme: { primaryColor: '#3b82f6' }\r\n * });\r\n *\r\n * widget.on('ready', () => console.log('Widget ready'));\r\n * widget.on('message', (role, content) => console.log(`${role}: ${content}`));\r\n *\r\n * widget.mount(document.body);\r\n * ```\r\n */\r\nexport class LookalikeWidget implements LookalikeWidgetInstance {\r\n  private config: Required<Omit<LookalikeWidgetConfig, 'theme'>> & { theme?: LookalikeWidgetConfig['theme'] }\r\n  private events: LookalikeWidgetEvents = {}\r\n  private iframe: HTMLIFrameElement | null = null\r\n  private container: HTMLElement | null = null\r\n  private port: MessagePort | null = null\r\n  private expanded = false\r\n  private mounted = false\r\n  private messageHandler: ((e: MessageEvent) => void) | null = null\r\n\r\n  constructor(config: LookalikeWidgetConfig) {\r\n    this.config = {\r\n      handle: config.handle,\r\n      variant: config.variant ?? 'floating',\r\n      anchor: config.anchor ?? 'bottom-right',\r\n      collapsible: config.collapsible ?? false,\r\n      modes: config.modes ?? ['text', 'audio', 'video'],\r\n      baseUrl: config.baseUrl ?? DEFAULT_BASE_URL,\r\n      theme: config.theme,\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Register an event handler\r\n   */\r\n  on<K extends keyof LookalikeWidgetEvents>(\r\n    event: K,\r\n    handler: NonNullable<LookalikeWidgetEvents[K]>\r\n  ): this {\r\n    this.events[event] = handler as LookalikeWidgetEvents[K]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Remove an event handler\r\n   */\r\n  off<K extends keyof LookalikeWidgetEvents>(event: K): this {\r\n    delete this.events[event]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Mount the widget to a container element\r\n   */\r\n  mount(container: string | HTMLElement): void {\r\n    if (this.mounted) {\r\n      console.warn('LookalikeWidget: Already mounted')\r\n      return\r\n    }\r\n\r\n    // Resolve container\r\n    if (typeof container === 'string') {\r\n      const el = document.querySelector(container)\r\n      if (!el) {\r\n        throw new Error(`LookalikeWidget: Container \"${container}\" not found`)\r\n      }\r\n      this.container = el as HTMLElement\r\n    } else {\r\n      this.container = container\r\n    }\r\n\r\n    // Create iframe\r\n    this.iframe = document.createElement('iframe')\r\n    this.iframe.src = this.buildIframeUrl()\r\n    this.iframe.style.cssText = this.getIframeStyles()\r\n    this.iframe.setAttribute('allow', 'camera; microphone; autoplay')\r\n    this.iframe.setAttribute('allowfullscreen', '')\r\n    \r\n    // Add load event listener for debugging\r\n    this.iframe.onload = () => {\r\n      console.log('[Widget] Iframe loaded successfully')\r\n    }\r\n    this.iframe.onerror = (error) => {\r\n      console.error('[Widget] Iframe error:', error)\r\n    }\r\n\r\n    // Set up message listener for handshake\r\n    this.messageHandler = this.handleMessage.bind(this)\r\n    window.addEventListener('message', this.messageHandler)\r\n    console.log('[Widget] Message listener added')\r\n\r\n    // Append iframe\r\n    this.container.appendChild(this.iframe)\r\n    this.mounted = true\r\n    console.log('[Widget] Iframe mounted, URL:', this.iframe.src)\r\n  }\r\n\r\n  /**\r\n   * Expand the widget\r\n   */\r\n  expand(): void {\r\n    this.sendCommand(COMMANDS.EXPAND)\r\n  }\r\n\r\n  /**\r\n   * Collapse the widget\r\n   */\r\n  collapse(): void {\r\n    this.sendCommand(COMMANDS.COLLAPSE)\r\n  }\r\n\r\n  /**\r\n   * Destroy the widget and clean up\r\n   */\r\n  destroy(): void {\r\n    if (this.messageHandler) {\r\n      window.removeEventListener('message', this.messageHandler)\r\n      this.messageHandler = null\r\n    }\r\n\r\n    if (this.port) {\r\n      this.port.close()\r\n      this.port = null\r\n    }\r\n\r\n    if (this.iframe && this.container) {\r\n      this.container.removeChild(this.iframe)\r\n      this.iframe = null\r\n    }\r\n\r\n    this.container = null\r\n    this.mounted = false\r\n    this.expanded = false\r\n  }\r\n\r\n  /**\r\n   * Check if widget is currently expanded\r\n   */\r\n  isExpanded(): boolean {\r\n    return this.expanded\r\n  }\r\n\r\n  private buildIframeUrl(): string {\r\n    const url = new URL(`/${this.config.handle}/chat`, this.config.baseUrl)\r\n\r\n    // Add embed flag\r\n    url.searchParams.set('embed', '')\r\n\r\n    // Add variant\r\n    url.searchParams.set('variant', this.config.variant)\r\n\r\n    // Add anchor for floating\r\n    if (this.config.variant === 'floating') {\r\n      url.searchParams.set('anchor', this.config.anchor)\r\n    }\r\n\r\n    // Add collapsible for inline\r\n    if (this.config.variant === 'inline' && this.config.collapsible) {\r\n      url.searchParams.set('collapsible', '')\r\n    }\r\n\r\n    // Add modes\r\n    url.searchParams.set('modes', this.config.modes.join(','))\r\n\r\n    // Add theme\r\n    if (this.config.theme) {\r\n      const themeParts: string[] = []\r\n      if (this.config.theme.primaryColor) {\r\n        themeParts.push(`primary:${this.config.theme.primaryColor}`)\r\n      }\r\n      if (this.config.theme.accentColor) {\r\n        themeParts.push(`accent:${this.config.theme.accentColor}`)\r\n      }\r\n      if (this.config.theme.borderRadius) {\r\n        themeParts.push(`radius:${this.config.theme.borderRadius}`)\r\n      }\r\n      if (themeParts.length > 0) {\r\n        url.searchParams.set('theme', themeParts.join(','))\r\n      }\r\n    }\r\n\r\n    return url.toString()\r\n  }\r\n\r\n  private getIframeStyles(): string {\r\n    if (this.config.variant === 'floating') {\r\n      // Floating: positioned in corner, needs to resize based on collapsed state\r\n      const anchor = this.config.anchor\r\n      const position = {\r\n        'bottom-right': 'bottom: 20px; right: 20px;',\r\n        'bottom-left': 'bottom: 20px; left: 20px;',\r\n        'top-right': 'top: 20px; right: 20px;',\r\n        'top-left': 'top: 20px; left: 20px;',\r\n      }[anchor]\r\n\r\n      return `\r\n        position: fixed;\r\n        ${position}\r\n        width: 380px;\r\n        height: 72px;\r\n        max-height: 72px;\r\n        border: none;\r\n        border-radius: 16px;\r\n        z-index: 9999;\r\n        transition: all 0.3s ease;\r\n      `.replace(/\\s+/g, ' ').trim()\r\n    }\r\n\r\n    // Inline: fills container\r\n    return `\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 400px;\r\n      border: none;\r\n      border-radius: 16px;\r\n    `.replace(/\\s+/g, ' ').trim()\r\n  }\r\n\r\n  private handleMessage(e: MessageEvent): void {\r\n    console.log('[Widget] Received message:', e.data, 'from:', e.source === this.iframe?.contentWindow ? 'iframe' : 'unknown')\r\n    // Only accept messages from our iframe\r\n    if (this.iframe && e.source !== this.iframe.contentWindow) {\r\n      console.log('[Widget] Ignoring message - not from iframe')\r\n      return\r\n    }\r\n\r\n    const { type, ...payload } = e.data || {}\r\n\r\n    switch (type) {\r\n      case EVENTS.WIDGET_READY:\r\n        console.log('[Widget] WIDGET_READY event received!')\r\n        this.initMessageChannel()\r\n        this.events.onReady?.()\r\n        break\r\n\r\n      case EVENTS.WIDGET_RESIZE:\r\n        console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n        this.expanded = !payload.collapsed\r\n        this.updateIframeSize(payload.collapsed)\r\n        this.events.onResize?.(payload.collapsed)\r\n        break\r\n\r\n      case EVENTS.SESSION_START:\r\n        this.events.onSessionStart?.(payload.mode as ChatMode)\r\n        break\r\n\r\n      case EVENTS.SESSION_END:\r\n        this.events.onSessionEnd?.()\r\n        break\r\n\r\n      case EVENTS.MESSAGE:\r\n        this.events.onMessage?.(payload.role, payload.content)\r\n        break\r\n\r\n      case EVENTS.ERROR:\r\n        this.events.onError?.(payload.code, payload.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  private initMessageChannel(): void {\r\n    if (!this.iframe?.contentWindow) return\r\n\r\n    // Create a MessageChannel for secure communication\r\n    const channel = new MessageChannel()\r\n    this.port = channel.port1\r\n\r\n    // Set up port message handler\r\n    this.port.onmessage = (e) => {\r\n      console.log('[Widget] Port message received:', e.data)\r\n      // For MessageChannel, we don't need to check source since the channel is secure\r\n      const { type, ...payload } = e.data || {}\r\n      \r\n      switch (type) {\r\n        case EVENTS.WIDGET_RESIZE:\r\n          console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n          this.expanded = !payload.collapsed\r\n          this.updateIframeSize(payload.collapsed)\r\n          this.events.onResize?.(payload.collapsed)\r\n          break\r\n\r\n        case EVENTS.SESSION_START:\r\n          this.events.onSessionStart?.(payload.mode as ChatMode)\r\n          break\r\n\r\n        case EVENTS.SESSION_END:\r\n          this.events.onSessionEnd?.()\r\n          break\r\n\r\n        case EVENTS.MESSAGE:\r\n          this.events.onMessage?.(payload.role, payload.content)\r\n          break\r\n\r\n        case EVENTS.ERROR:\r\n          this.events.onError?.(payload.code, payload.message)\r\n          break\r\n      }\r\n    }\r\n\r\n    // Send port2 to iframe\r\n    this.iframe.contentWindow.postMessage(\r\n      { type: EVENTS.INIT_CHANNEL },\r\n      '*',\r\n      [channel.port2]\r\n    )\r\n  }\r\n\r\n  private sendCommand(action: string, payload?: unknown): void {\r\n    const message = { type: EVENTS.COMMAND, action, payload }\r\n\r\n    if (this.port) {\r\n      this.port.postMessage(message)\r\n    } else if (this.iframe?.contentWindow) {\r\n      this.iframe.contentWindow.postMessage(message, '*')\r\n    }\r\n  }\r\n\r\n  private updateIframeSize(collapsed: boolean): void {\r\n    console.log('[Widget] updateIframeSize called:', { collapsed, variant: this.config.variant, hasIframe: !!this.iframe })\r\n    if (!this.iframe || this.config.variant !== 'floating') {\r\n      console.log('[Widget] updateIframeSize skipped - no iframe or not floating variant')\r\n      return\r\n    }\r\n\r\n    if (collapsed) {\r\n      // Match the online widget's collapsed height more closely\r\n      console.log('[Widget] Setting collapsed size: 380x72')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '72px'\r\n      this.iframe.style.maxHeight = '72px'\r\n    } else {\r\n      // Match the online widget's expanded dimensions\r\n      console.log('[Widget] Setting expanded size: 380x520')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '520px'\r\n      this.iframe.style.maxHeight = 'calc(100vh - 40px)'\r\n    }\r\n  }\r\n}\r\n\r\n// Also export as Widget for convenience with UMD\r\nexport { LookalikeWidget as Widget }\r\n"],"names":["DEFAULT_BASE_URL","EVENTS","COMMANDS","LookalikeWidget","config","event","handler","container","el","error","url","themeParts","anchor","_a","_b","_c","_d","_e","_f","_g","_h","_i","_j","_k","_l","_m","type","payload","channel","e","action","message","collapsed"],"mappings":"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"}