@skippr/live-agent-sdk 0.6.0 → 0.7.0

package/dist/esm/lib-exports.js

@@ -210,7 +210,7 @@ import { Bot, X } from "lucide-react";
 
 // src/components/ui/button.tsx
 import { forwardRef } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var variantClasses = {
   default: "skippr:bg-primary skippr:text-primary-foreground skippr:hover:bg-primary/90",
   destructive: "skippr:bg-destructive skippr:text-white skippr:hover:bg-destructive/90",
@@ -229,44 +229,44 @@ var sizeClasses = {
   "icon-lg": "skippr:size-10"
 };
 var Button = forwardRef(({ className, variant = "default", size = "default", ...props }, ref) => {
-  return /* @__PURE__ */ jsxDEV("button", {
+  return /* @__PURE__ */ jsx("button", {
     className: cn("skippr:inline-flex skippr:items-center skippr:justify-center skippr:gap-2 skippr:whitespace-nowrap skippr:rounded-md skippr:text-sm skippr:font-medium skippr:ring-offset-background skippr:transition-all skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2 skippr:disabled:pointer-events-none skippr:disabled:opacity-50 skippr:shrink-0 skippr:[&_svg]:pointer-events-none skippr:[&_svg:not([class*='size-'])]:size-4 skippr:[&_svg]:shrink-0", variantClasses[variant], sizeClasses[size], className),
     ref,
     ...props
-  }, undefined, false, undefined, this);
+  });
 });
 Button.displayName = "Button";
 
 // src/components/ChatHeader.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ChatHeader({ onClose }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "skippr:flex skippr:items-center skippr:gap-3 skippr:bg-primary skippr:px-4 skippr:py-3 skippr:text-primary-foreground",
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsx2("div", {
         className: "skippr:flex skippr:size-6 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-primary-foreground/20",
-        children: /* @__PURE__ */ jsxDEV2(Bot, {
+        children: /* @__PURE__ */ jsx2(Bot, {
           className: "skippr:size-3.5 skippr:text-primary-foreground"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+        })
+      }),
+      /* @__PURE__ */ jsx2("div", {
         className: "skippr:flex-1",
-        children: /* @__PURE__ */ jsxDEV2("p", {
+        children: /* @__PURE__ */ jsx2("p", {
           className: "skippr:text-sm skippr:font-semibold skippr:leading-none",
           children: "AI Agent"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(Button, {
+        })
+      }),
+      /* @__PURE__ */ jsx2(Button, {
         variant: "ghost",
         size: "icon-xs",
         onClick: onClose,
         className: "skippr:text-primary-foreground skippr:hover:bg-primary-foreground/20 skippr:hover:text-primary-foreground",
-        children: /* @__PURE__ */ jsxDEV2(X, {
+        children: /* @__PURE__ */ jsx2(X, {
           className: "skippr:size-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/MeetingControls.tsx
@@ -283,7 +283,7 @@ function formatTime(seconds) {
 }
 
 // src/components/MeetingControls.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function MeetingControls({ onHangUp }) {
   const { localParticipant } = useLocalParticipant2();
   const isMuted = !localParticipant.isMicrophoneEnabled;
@@ -314,197 +314,197 @@ function MeetingControls({ onHangUp }) {
   useEffect2(() => {
     toggleMute().then(() => toggleScreenShare());
   }, []);
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:px-4 skippr:py-3",
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "skippr:flex skippr:items-center skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV3(Button, {
+          /* @__PURE__ */ jsx3(Button, {
             size: "icon-sm",
             variant: isMuted ? "destructive" : "outline",
             onClick: toggleMute,
             "aria-label": isMuted ? "Unmute" : "Mute",
-            children: isMuted ? /* @__PURE__ */ jsxDEV3(MicOff, {
+            children: isMuted ? /* @__PURE__ */ jsx3(MicOff, {
               className: "skippr:size-4"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(Mic, {
+            }) : /* @__PURE__ */ jsx3(Mic, {
               className: "skippr:size-4"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Button, {
+            })
+          }),
+          /* @__PURE__ */ jsx3(Button, {
             size: "icon-sm",
             variant: isScreenSharing ? "default" : "outline",
             onClick: toggleScreenShare,
             "aria-label": isScreenSharing ? "Stop sharing" : "Share screen",
-            children: isScreenSharing ? /* @__PURE__ */ jsxDEV3(MonitorOff, {
+            children: isScreenSharing ? /* @__PURE__ */ jsx3(MonitorOff, {
               className: "skippr:size-4"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(Monitor, {
+            }) : /* @__PURE__ */ jsx3(Monitor, {
               className: "skippr:size-4"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("span", {
+      }),
+      /* @__PURE__ */ jsx3("span", {
         className: "skippr:text-sm skippr:font-medium skippr:tabular-nums skippr:text-muted-foreground",
         children: formatTime(elapsed)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(Button, {
+      }),
+      /* @__PURE__ */ jsx3(Button, {
         size: "icon-sm",
         variant: "destructive",
         onClick: onHangUp,
         "aria-label": "Hang up",
-        children: /* @__PURE__ */ jsxDEV3(PhoneOff, {
+        children: /* @__PURE__ */ jsx3(PhoneOff, {
           className: "skippr:size-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/MessageList.tsx
 import { useCallback as useCallback5 } from "react";
 
 // src/components/ChatMessage.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function ChatMessage({ message }) {
   const isUser = message.role === "user";
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     className: cn("skippr:flex skippr:w-full skippr:px-4 skippr:py-1", isUser ? "skippr:justify-end" : "skippr:justify-start"),
-    children: /* @__PURE__ */ jsxDEV4("div", {
+    children: /* @__PURE__ */ jsx4("div", {
       className: cn("skippr:max-w-[85%] skippr:whitespace-pre-wrap skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isUser ? "skippr:rounded-br-sm skippr:bg-primary skippr:text-primary-foreground" : "skippr:rounded-bl-sm skippr:bg-muted skippr:text-foreground"),
       children: message.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/components/TypingIndicator.tsx
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsx5("div", {
     className: "skippr:flex skippr:items-center skippr:gap-1 skippr:px-4 skippr:py-3",
-    children: /* @__PURE__ */ jsxDEV5("div", {
+    children: /* @__PURE__ */ jsxs3("div", {
       className: "skippr:flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:rounded-bl-sm skippr:bg-muted skippr:px-4 skippr:py-2.5",
       children: [
-        /* @__PURE__ */ jsxDEV5("span", {
+        /* @__PURE__ */ jsx5("span", {
           className: "skippr:size-1.5 skippr:animate-bounce skippr:rounded-full skippr:bg-muted-foreground/60 skippr:[animation-delay:0ms]"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("span", {
+        }),
+        /* @__PURE__ */ jsx5("span", {
           className: "skippr:size-1.5 skippr:animate-bounce skippr:rounded-full skippr:bg-muted-foreground/60 skippr:[animation-delay:150ms]"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("span", {
+        }),
+        /* @__PURE__ */ jsx5("span", {
           className: "skippr:size-1.5 skippr:animate-bounce skippr:rounded-full skippr:bg-muted-foreground/60 skippr:[animation-delay:300ms]"
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/components/MessageList.tsx
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function MessageList({ messages, isStreaming }) {
   const scrollRef = useCallback5((node) => {
     node?.scrollIntoView({ behavior: "smooth" });
   }, []);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto",
-    children: /* @__PURE__ */ jsxDEV6("div", {
+    children: /* @__PURE__ */ jsxs4("div", {
       className: "skippr:flex skippr:flex-col skippr:gap-1 skippr:py-3",
       children: [
-        messages.map((message) => /* @__PURE__ */ jsxDEV6(ChatMessage, {
+        messages.map((message) => /* @__PURE__ */ jsx6(ChatMessage, {
           message
-        }, message.id, false, undefined, this)),
-        showTyping && /* @__PURE__ */ jsxDEV6(TypingIndicator, {}, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV6("div", {
+        }, message.id)),
+        showTyping && /* @__PURE__ */ jsx6(TypingIndicator, {}),
+        /* @__PURE__ */ jsx6("div", {
           ref: scrollRef
-        }, `scroll-${messages.length}`, false, undefined, this)
+        }, `scroll-${messages.length}`)
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/components/QuickActions.tsx
 import { Loader2, MessageCircleQuestion } from "lucide-react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function QuickActions({ onStartSession, isStarting, error }) {
-  return /* @__PURE__ */ jsxDEV7("div", {
+  return /* @__PURE__ */ jsxs5("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:gap-6 skippr:overflow-y-auto skippr:px-4 skippr:py-4",
     children: [
-      /* @__PURE__ */ jsxDEV7("p", {
+      /* @__PURE__ */ jsx7("p", {
         className: "skippr:mb-1 skippr:text-sm skippr:text-muted-foreground",
         children: "How can I help you today?"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7(Button, {
+      }),
+      /* @__PURE__ */ jsxs5(Button, {
         variant: "outline",
         className: "skippr:h-auto skippr:flex-col skippr:gap-1.5 skippr:whitespace-normal skippr:py-3 skippr:text-xs",
         onClick: onStartSession,
         disabled: isStarting,
         children: [
-          isStarting ? /* @__PURE__ */ jsxDEV7(Loader2, {
+          isStarting ? /* @__PURE__ */ jsx7(Loader2, {
             className: "skippr:size-4 skippr:animate-spin skippr:text-primary"
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV7(MessageCircleQuestion, {
+          }) : /* @__PURE__ */ jsx7(MessageCircleQuestion, {
             className: "skippr:size-4 skippr:text-primary"
-          }, undefined, false, undefined, this),
+          }),
           isStarting ? "Starting..." : "Start Session"
         ]
-      }, undefined, true, undefined, this),
-      error && /* @__PURE__ */ jsxDEV7("p", {
+      }),
+      error && /* @__PURE__ */ jsx7("p", {
         className: "skippr:text-xs skippr:text-destructive",
         children: error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/SessionAgenda.tsx
 import { Check, Circle, Loader2 as Loader22 } from "lucide-react";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function SessionAgenda({ phases, questions = [] }) {
   if (phases.length === 0) {
-    return /* @__PURE__ */ jsxDEV8("div", {
+    return /* @__PURE__ */ jsxs6("div", {
       className: "skippr:flex skippr:flex-col skippr:gap-3 skippr:p-4",
       children: [
-        /* @__PURE__ */ jsxDEV8("h3", {
+        /* @__PURE__ */ jsx8("h3", {
           className: "skippr:text-sm skippr:font-semibold",
           children: "Agenda"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV8("p", {
+        }),
+        /* @__PURE__ */ jsx8("p", {
           className: "skippr:text-xs skippr:text-muted-foreground",
           children: "Waiting for session..."
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsxs6("div", {
     className: "skippr:flex skippr:flex-col skippr:gap-3 skippr:p-4",
     children: [
-      /* @__PURE__ */ jsxDEV8("h3", {
+      /* @__PURE__ */ jsx8("h3", {
         className: "skippr:text-sm skippr:font-semibold",
         children: "Agenda"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8("ul", {
+      }),
+      /* @__PURE__ */ jsx8("ul", {
         className: "skippr:flex skippr:flex-col skippr:gap-2",
         children: phases.map((phase) => {
           const phaseQuestions = questions.filter((q) => q.phaseName === phase.name);
           const answeredCount = phaseQuestions.filter((q) => q.status === "answered").length;
           const totalCount = phaseQuestions.length;
-          return /* @__PURE__ */ jsxDEV8("li", {
+          return /* @__PURE__ */ jsxs6("li", {
             className: "skippr:flex skippr:flex-col skippr:gap-0.5",
             children: [
-              /* @__PURE__ */ jsxDEV8("div", {
+              /* @__PURE__ */ jsxs6("div", {
                 className: "skippr:flex skippr:items-center skippr:gap-2 skippr:text-sm",
                 children: [
-                  /* @__PURE__ */ jsxDEV8(PhaseIcon, {
+                  /* @__PURE__ */ jsx8(PhaseIcon, {
                     status: phase.status
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV8("span", {
+                  }),
+                  /* @__PURE__ */ jsx8("span", {
                     className: cn(phase.status === "completed" && "skippr:text-muted-foreground skippr:line-through", phase.status === "active" && "skippr:font-medium skippr:text-primary"),
                     children: phase.name
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              totalCount > 0 && /* @__PURE__ */ jsxDEV8("span", {
+              }),
+              totalCount > 0 && /* @__PURE__ */ jsxs6("span", {
                 className: "skippr:ml-6 skippr:text-xs skippr:text-muted-foreground",
                 children: [
                   answeredCount,
@@ -512,36 +512,36 @@ function SessionAgenda({ phases, questions = [] }) {
                   totalCount,
                   " answered"
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, phase.name, true, undefined, this);
+          }, phase.name);
         })
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function PhaseIcon({ status }) {
   if (status === "completed") {
-    return /* @__PURE__ */ jsxDEV8("div", {
+    return /* @__PURE__ */ jsx8("div", {
       className: "skippr:flex skippr:size-4 skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-primary",
-      children: /* @__PURE__ */ jsxDEV8(Check, {
+      children: /* @__PURE__ */ jsx8(Check, {
         className: "skippr:size-2.5 skippr:text-primary-foreground",
         strokeWidth: 3
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   if (status === "active") {
-    return /* @__PURE__ */ jsxDEV8(Loader22, {
+    return /* @__PURE__ */ jsx8(Loader22, {
       className: "skippr:size-4 skippr:shrink-0 skippr:text-primary skippr:animate-spin"
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV8(Circle, {
+  return /* @__PURE__ */ jsx8(Circle, {
     className: "skippr:size-4 skippr:shrink-0 skippr:text-muted-foreground"
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/components/Sidebar.tsx
-import { jsxDEV as jsxDEV9, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx9, jsxs as jsxs7, Fragment } from "react/jsx-runtime";
 function Sidebar() {
   const { isConnected, isStarting, error, startSession, disconnect, isPanelOpen, closePanel } = useLiveAgent();
   useEffect3(() => {
@@ -554,31 +554,31 @@ function Sidebar() {
       document.body.style.transition = "";
     };
   }, []);
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsx9("div", {
     className: cn("skippr:fixed skippr:top-0 skippr:right-0 skippr:h-full skippr:z-[9999]", "skippr:bg-background skippr:border-l skippr:border-border", "skippr:flex skippr:flex-col", "skippr:transition-all skippr:duration-300 skippr:ease-in-out skippr:overflow-hidden", !isPanelOpen && "skippr:w-0 skippr:border-l-0"),
     style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined },
-    children: isConnected ? /* @__PURE__ */ jsxDEV9(Fragment, {
+    children: isConnected ? /* @__PURE__ */ jsxs7(Fragment, {
       children: [
-        /* @__PURE__ */ jsxDEV9(ChatHeader, {
+        /* @__PURE__ */ jsx9(ChatHeader, {
           onClose: closePanel
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV9(ConnectedContent, {
+        }),
+        /* @__PURE__ */ jsx9(ConnectedContent, {
           onDisconnect: disconnect
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV9(Fragment, {
+    }) : /* @__PURE__ */ jsxs7(Fragment, {
       children: [
-        /* @__PURE__ */ jsxDEV9(ChatHeader, {
+        /* @__PURE__ */ jsx9(ChatHeader, {
           onClose: closePanel
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV9(QuickActions, {
+        }),
+        /* @__PURE__ */ jsx9(QuickActions, {
           onStartSession: startSession,
           isStarting,
           error
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function ConnectedContent({ onDisconnect }) {
   const connectionState = useConnectionState();
@@ -587,66 +587,66 @@ function ConnectedContent({ onDisconnect }) {
   const { phases } = usePhaseUpdates();
   const { questions } = useQuestionUpdates();
   if (!isConnected) {
-    return /* @__PURE__ */ jsxDEV9("div", {
+    return /* @__PURE__ */ jsx9("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsxDEV9("p", {
+      children: /* @__PURE__ */ jsx9("p", {
         className: "skippr:text-sm skippr:text-muted-foreground",
         children: "Connecting..."
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   const isAgentSpeaking = agentState === "speaking";
-  return /* @__PURE__ */ jsxDEV9(Fragment, {
+  return /* @__PURE__ */ jsxs7(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV9(MeetingControls, {
+      /* @__PURE__ */ jsx9(MeetingControls, {
         onHangUp: onDisconnect
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9("div", {
+      }),
+      /* @__PURE__ */ jsxs7("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1",
         children: [
-          /* @__PURE__ */ jsxDEV9("div", {
+          /* @__PURE__ */ jsx9("div", {
             className: "skippr:w-[260px] skippr:shrink-0 skippr:overflow-y-auto skippr:border-r",
-            children: /* @__PURE__ */ jsxDEV9(SessionAgenda, {
+            children: /* @__PURE__ */ jsx9(SessionAgenda, {
               phases,
               questions
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("div", {
+            })
+          }),
+          /* @__PURE__ */ jsx9("div", {
             className: "skippr:flex skippr:min-w-0 skippr:flex-1 skippr:flex-col",
-            children: /* @__PURE__ */ jsxDEV9(MessageList, {
+            children: /* @__PURE__ */ jsx9(MessageList, {
               messages,
               isStreaming: isAgentSpeaking
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/SidebarTrigger.tsx
 import { MessageCircle, X as X2 } from "lucide-react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var TRIGGER_GAP = 16;
 var TRIGGER_DEFAULT_RIGHT = 24;
 function SidebarTrigger() {
   const { isPanelOpen, togglePanel } = useLiveAgent();
-  return /* @__PURE__ */ jsxDEV10(Button, {
+  return /* @__PURE__ */ jsx10(Button, {
     size: "icon-lg",
     onClick: togglePanel,
     className: "skippr:fixed skippr:bottom-6 skippr:z-[9998] skippr:size-14 skippr:rounded-full skippr:shadow-lg skippr:transition-all skippr:duration-300",
     style: { right: isPanelOpen ? SIDEBAR_WIDTH + TRIGGER_GAP : TRIGGER_DEFAULT_RIGHT },
     title: isPanelOpen ? "Close chat" : "Chat with us",
-    children: isPanelOpen ? /* @__PURE__ */ jsxDEV10(X2, {
+    children: isPanelOpen ? /* @__PURE__ */ jsx10(X2, {
       className: "skippr:size-6"
-    }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10(MessageCircle, {
+    }) : /* @__PURE__ */ jsx10(MessageCircle, {
       className: "skippr:size-6"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/components/LiveAgent.tsx
-import { jsxDEV as jsxDEV11, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { jsx as jsx11, jsxs as jsxs8, Fragment as Fragment2 } from "react/jsx-runtime";
 function LiveAgent({
   organizationId,
   agentId,
@@ -687,25 +687,25 @@ function LiveAgent({
     closePanel,
     togglePanel
   ]);
-  const widgetContent = /* @__PURE__ */ jsxDEV11(Fragment2, {
+  const widgetContent = /* @__PURE__ */ jsxs8(Fragment2, {
     children: [
-      connection && /* @__PURE__ */ jsxDEV11(RoomAudioRenderer, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV11(SidebarTrigger, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV11(Sidebar, {}, undefined, false, undefined, this),
+      connection && /* @__PURE__ */ jsx11(RoomAudioRenderer, {}),
+      /* @__PURE__ */ jsx11(SidebarTrigger, {}),
+      /* @__PURE__ */ jsx11(Sidebar, {}),
       children
     ]
-  }, undefined, true, undefined, this);
-  return /* @__PURE__ */ jsxDEV11(LiveAgentContext.Provider, {
+  });
+  return /* @__PURE__ */ jsx11(LiveAgentContext.Provider, {
     value: ctx,
-    children: connection ? /* @__PURE__ */ jsxDEV11(LiveKitRoom, {
+    children: connection ? /* @__PURE__ */ jsx11(LiveKitRoom, {
       serverUrl: connection.livekitUrl,
       token: connection.token,
       connect: shouldConnect,
       audio: true,
       onDisconnected: disconnect,
       children: widgetContent
-    }, undefined, false, undefined, this) : widgetContent
-  }, undefined, false, undefined, this);
+    }) : widgetContent
+  });
 }
 export {
   useLiveAgent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skippr/live-agent-sdk",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "main": "dist/esm/lib-exports.js",
   "module": "dist/esm/lib-exports.js",