@skippr/live-agent-sdk 0.73.0 → 0.74.0

package/dist/esm/lib-exports.js

@@ -851,6 +851,15 @@ function clampLauncherBottom(px) {
   const maxBottom = window.innerHeight - LAUNCHER_HEIGHT_PX - VIEWPORT_MARGIN_PX;
   return Math.round(Math.min(Math.max(px, VIEWPORT_MARGIN_PX), maxBottom));
 }
+function verticalAlignToBottomPx(align) {
+  if (align === "top") {
+    return clampLauncherBottom(window.innerHeight - LAUNCHER_HEIGHT_PX - DEFAULT_LAUNCHER_BOTTOM_PX);
+  }
+  if (align === "middle") {
+    return clampLauncherBottom(window.innerHeight / 2 - LAUNCHER_HEIGHT_PX / 2);
+  }
+  return clampLauncherBottom(DEFAULT_LAUNCHER_BOTTOM_PX);
+}
 function launcherPopsDown(bottomPx) {
   return bottomPx + LAUNCHER_HEIGHT_PX / 2 > window.innerHeight / 2;
 }
@@ -5587,6 +5596,14 @@ function SidebarTrigger() {
 
 // src/components/LiveAgent.tsx
 import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+function readSavedLauncherBottom() {
+  try {
+    const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
+    return Number.isFinite(saved) && saved > 0 ? saved : null;
+  } catch {
+    return null;
+  }
+}
 function AgentCursorMount({ animated }) {
   return /* @__PURE__ */ jsx22(AgentCursor, {
     target: useAgentCursor(),
@@ -5613,6 +5630,7 @@ function LiveAgent(props) {
     getUserToken,
     userToken,
     position = "right",
+    verticalAlign = "bottom",
     variant = "floating",
     minimizable = true,
     defaultOpen = false,
@@ -5779,16 +5797,13 @@ function LiveAgent(props) {
       localStorage.setItem("skippr_widget_position", pos);
     } catch {}
   }, []);
-  const [launcherBottomPx, setLauncherBottomPxState] = useState18(() => {
-    try {
-      const saved = Number.parseInt(localStorage.getItem("skippr_widget_bottom") ?? "", 10);
-      if (Number.isFinite(saved) && saved > 0)
-        return clampLauncherBottom(saved);
-    } catch {}
-    return DEFAULT_LAUNCHER_BOTTOM_PX;
-  });
+  const savedLauncherBottom = readSavedLauncherBottom();
+  const hasDraggedRef = useRef17(savedLauncherBottom !== null);
+  const verticalAlignRef = useRef17(verticalAlign);
+  const [launcherBottomPx, setLauncherBottomPxState] = useState18(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlign));
   const [popsDown, setPopsDown] = useState18(() => launcherPopsDown(launcherBottomPx));
   const setLauncherBottomPx = useCallback15((px) => {
+    hasDraggedRef.current = true;
     setLauncherBottomPxState(px);
     setPopsDown(launcherPopsDown(px));
     try {
@@ -5803,9 +5818,9 @@ function LiveAgent(props) {
   }, [setPositionWithPersist, setLauncherBottomPx]);
   useEffect25(() => {
     const syncToViewport = () => {
-      const clamped = clampLauncherBottom(launcherBottomPxRef.current);
-      setLauncherBottomPxState(clamped);
-      setPopsDown(launcherPopsDown(clamped));
+      const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
+      setLauncherBottomPxState(next);
+      setPopsDown(launcherPopsDown(next));
     };
     syncToViewport();
     window.addEventListener("resize", syncToViewport);