@bikdotai/bik-component-library 0.0.868-beta.3 → 0.0.868-beta.5

package/dist/esm/components/avatar/Avatar.styled.d.ts

@@ -1,8 +1,6 @@
 import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from './AvatarHelper';
-export declare const AvatarStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const AvatarStyle: import('styled-components').StyledComponent<"div", any, {
     size: SIZE;
     background: AVATAR_BACKGROUND;
     type: AVATAR_TYPES;
-}>> & string;
+}, never>;

package/dist/esm/components/bik-chatbot/components/ChatWindow.d.ts

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
 import { ChatWindowProps } from '../types';
-export declare const CustomGradientText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const CustomGradientText: import('styled-components').StyledComponent<"span", any, {
     colors?: string | undefined;
     angle?: number | undefined;
-}>> & string;
+}, never>;
 export type { ChatState } from '../types';
 interface ChatWindowWithHeightProps extends ChatWindowProps {
     chatWindowHeight?: string | number;

package/dist/esm/components/bik-copilot/BIKCopilot.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { BIKCopilotProps } from './model';
+/**
+ * The copilot ball and panel wired to the streaming `/bik-ai/copilot-bikchatbot`
+ * endpoint, with the transcript persisted in IndexedDB and route-aware ice
+ * breakers from `/bik-ai/copilot-icebreakers`.
+ *
+ * Chunks arrive as `STREAM` events and are appended live; the final `TEXT` event
+ * replaces the bubble with the authoritative full message and carries the
+ * `responseId` that threads the next turn. A session id is created on first use
+ * and restored on reload, so a refresh resumes the same conversation. The
+ * header's reset button starts a new session id and a new OpenAI thread.
+ *
+ * Ice breakers are fetched for the current `agent` + `route` the first time the
+ * panel is opened, and refetched when the route changes.
+ *
+ * ```tsx
+ * <BIKCopilot
+ *   baseUrl={AI_BACKEND_URL}
+ *   getAuthToken={() => firebaseUser.getIdToken()}
+ *   headers={{ 'bik-referer': 'dashboard' }}
+ *   storeId={storeId}
+ *   route={currentRoute}
+ *   title="Copilot"
+ *   badge="New"
+ *   subtitle="Way smarter, wildly more capable"
+ * />
+ * ```
+ */
+export declare const BIKCopilot: React.FC<BIKCopilotProps>;
+export default BIKCopilot;

package/dist/esm/components/bik-copilot/BIKCopilot.js

@@ -0,0 +1,118 @@
+import { jsx as _ } from "react/jsx-runtime";
+import { useState as $, useCallback as s } from "react";
+import { ControlledCopilot as A } from "./ControlledCopilot.js";
+import { useCopilotIcebreakers as I } from "./useCopilotIcebreakers.js";
+import { useCopilotStreamChat as T } from "./useCopilotStreamChat.js";
+const te = ({
+  // Transport + turn config
+  baseUrl: o,
+  endpointPath: h,
+  icebreakersPath: k,
+  headers: r,
+  authToken: t,
+  getAuthToken: n,
+  fetchImpl: i,
+  storeId: a,
+  agent: g,
+  route: m,
+  systemPrompt: H,
+  sessionId: O,
+  persist: R,
+  loadIcebreakers: y = !0,
+  onError: F,
+  onResponseComplete: L,
+  onSessionIdChange: j,
+  // Shell
+  suggestions: w,
+  inputDisabled: x,
+  onRefresh: d,
+  onFeedback: l,
+  open: p,
+  defaultOpen: c,
+  onOpenChange: C,
+  ...B
+}) => {
+  const [D, K] = $(
+    c === !0 || p === !0
+  ), {
+    messages: N,
+    isThinking: q,
+    isStreaming: u,
+    isRestoring: v,
+    error: z,
+    isLoadingHistory: E,
+    hasMoreHistory: G,
+    sendMessage: J,
+    regenerate: P,
+    submitFeedback: b,
+    loadOlderMessages: Q,
+    stopStreaming: V,
+    startNewConversation: M
+  } = T({
+    baseUrl: o,
+    endpointPath: h,
+    headers: r,
+    authToken: t,
+    getAuthToken: n,
+    fetchImpl: i,
+    storeId: a,
+    agent: g,
+    route: m,
+    systemPrompt: H,
+    sessionId: O,
+    persist: R,
+    onError: F,
+    onResponseComplete: L,
+    onSessionIdChange: j
+  }), { icebreakers: W } = I({
+    baseUrl: o,
+    icebreakersPath: k,
+    headers: r,
+    authToken: t,
+    getAuthToken: n,
+    fetchImpl: i,
+    agent: g,
+    route: m,
+    storeId: a,
+    enabled: y && D
+  }), X = s(
+    (e) => {
+      e && K(!0), C?.(e);
+    },
+    [C]
+  ), Y = s(() => {
+    M(), d?.();
+  }, [d, M]), Z = s(
+    (e, S, f) => {
+      b(e, S, f), l?.(e, S, f);
+    },
+    [l, b]
+  );
+  return /* @__PURE__ */ _(
+    A,
+    {
+      ...B,
+      open: p,
+      defaultOpen: c,
+      onOpenChange: X,
+      messages: N,
+      onSendMessage: J,
+      onRegenerate: P,
+      onFeedback: Z,
+      isThinking: q,
+      isStreaming: u,
+      onStop: V,
+      isLoadingHistory: E,
+      hasMoreHistory: G,
+      onLoadOlderMessages: Q,
+      errorMessage: z,
+      suggestions: w ?? W,
+      inputDisabled: x || v || u,
+      onRefresh: Y
+    }
+  );
+};
+export {
+  te as BIKCopilot
+};
+//# sourceMappingURL=BIKCopilot.js.map

package/dist/esm/components/bik-copilot/BIKCopilot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BIKCopilot.js","sources":["../../../../src/components/bik-copilot/BIKCopilot.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { ControlledCopilot } from './ControlledCopilot';\nimport {\n\tBIKCopilotProps,\n\tCopilotFeedbackDetail,\n\tCopilotFeedbackVote,\n} from './model';\nimport { useCopilotIcebreakers } from './useCopilotIcebreakers';\nimport { useCopilotStreamChat } from './useCopilotStreamChat';\n\n/**\n * The copilot ball and panel wired to the streaming `/bik-ai/copilot-bikchatbot`\n * endpoint, with the transcript persisted in IndexedDB and route-aware ice\n * breakers from `/bik-ai/copilot-icebreakers`.\n *\n * Chunks arrive as `STREAM` events and are appended live; the final `TEXT` event\n * replaces the bubble with the authoritative full message and carries the\n * `responseId` that threads the next turn. A session id is created on first use\n * and restored on reload, so a refresh resumes the same conversation. The\n * header's reset button starts a new session id and a new OpenAI thread.\n *\n * Ice breakers are fetched for the current `agent` + `route` the first time the\n * panel is opened, and refetched when the route changes.\n *\n * ```tsx\n * <BIKCopilot\n *   baseUrl={AI_BACKEND_URL}\n *   getAuthToken={() => firebaseUser.getIdToken()}\n *   headers={{ 'bik-referer': 'dashboard' }}\n *   storeId={storeId}\n *   route={currentRoute}\n *   title=\"Copilot\"\n *   badge=\"New\"\n *   subtitle=\"Way smarter, wildly more capable\"\n * />\n * ```\n */\nexport const BIKCopilot: React.FC<BIKCopilotProps> = ({\n\t// Transport + turn config\n\tbaseUrl,\n\tendpointPath,\n\ticebreakersPath,\n\theaders,\n\tauthToken,\n\tgetAuthToken,\n\tfetchImpl,\n\tstoreId,\n\tagent,\n\troute,\n\tsystemPrompt,\n\tsessionId,\n\tpersist,\n\tloadIcebreakers = true,\n\tonError,\n\tonResponseComplete,\n\tonSessionIdChange,\n\t// Shell\n\tsuggestions,\n\tinputDisabled,\n\tonRefresh,\n\tonFeedback,\n\topen,\n\tdefaultOpen,\n\tonOpenChange,\n\t...shellProps\n}) => {\n\t// Ice breakers only matter once the panel is visible, so a merchant who never\n\t// opens the copilot costs no request.\n\tconst [hasOpened, setHasOpened] = useState(\n\t\tdefaultOpen === true || open === true,\n\t);\n\n\tconst {\n\t\tmessages,\n\t\tisThinking,\n\t\tisStreaming,\n\t\tisRestoring,\n\t\terror,\n\t\tisLoadingHistory,\n\t\thasMoreHistory,\n\t\tsendMessage,\n\t\tregenerate,\n\t\tsubmitFeedback,\n\t\tloadOlderMessages,\n\t\tstopStreaming,\n\t\tstartNewConversation,\n\t} = useCopilotStreamChat({\n\t\tbaseUrl,\n\t\tendpointPath,\n\t\theaders,\n\t\tauthToken,\n\t\tgetAuthToken,\n\t\tfetchImpl,\n\t\tstoreId,\n\t\tagent,\n\t\troute,\n\t\tsystemPrompt,\n\t\tsessionId,\n\t\tpersist,\n\t\tonError,\n\t\tonResponseComplete,\n\t\tonSessionIdChange,\n\t});\n\n\tconst { icebreakers } = useCopilotIcebreakers({\n\t\tbaseUrl,\n\t\ticebreakersPath,\n\t\theaders,\n\t\tauthToken,\n\t\tgetAuthToken,\n\t\tfetchImpl,\n\t\tagent,\n\t\troute,\n\t\tstoreId,\n\t\tenabled: loadIcebreakers && hasOpened,\n\t});\n\n\tconst handleOpenChange = useCallback(\n\t\t(nextOpen: boolean) => {\n\t\t\tif (nextOpen) {\n\t\t\t\tsetHasOpened(true);\n\t\t\t}\n\t\t\tonOpenChange?.(nextOpen);\n\t\t},\n\t\t[onOpenChange],\n\t);\n\n\tconst handleRefresh = useCallback(() => {\n\t\tstartNewConversation();\n\t\tonRefresh?.();\n\t}, [onRefresh, startNewConversation]);\n\n\t// The vote is recorded either way; a host's own handler only observes it.\n\tconst handleFeedback = useCallback(\n\t\t(\n\t\t\tmessageId: string,\n\t\t\tvote: CopilotFeedbackVote,\n\t\t\tdetail?: CopilotFeedbackDetail,\n\t\t) => {\n\t\t\tsubmitFeedback(messageId, vote, detail);\n\t\t\tonFeedback?.(messageId, vote, detail);\n\t\t},\n\t\t[onFeedback, submitFeedback],\n\t);\n\n\treturn (\n\t\t<ControlledCopilot\n\t\t\t{...shellProps}\n\t\t\topen={open}\n\t\t\tdefaultOpen={defaultOpen}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmessages={messages}\n\t\t\tonSendMessage={sendMessage}\n\t\t\tonRegenerate={regenerate}\n\t\t\tonFeedback={handleFeedback}\n\t\t\tisThinking={isThinking}\n\t\t\tisStreaming={isStreaming}\n\t\t\tonStop={stopStreaming}\n\t\t\tisLoadingHistory={isLoadingHistory}\n\t\t\thasMoreHistory={hasMoreHistory}\n\t\t\tonLoadOlderMessages={loadOlderMessages}\n\t\t\terrorMessage={error}\n\t\t\t// An explicit list wins; otherwise the route's fetched prompts show. A\n\t\t\t// failed or empty fetch simply leaves the empty state without chips.\n\t\t\tsuggestions={suggestions ?? icebreakers}\n\t\t\t// A second prompt mid-stream would race the thread's responseId.\n\t\t\tinputDisabled={inputDisabled || isRestoring || isStreaming}\n\t\t\tonRefresh={handleRefresh}\n\t\t/>\n\t);\n};\n\nexport default BIKCopilot;\n"],"names":["BIKCopilot","baseUrl","endpointPath","icebreakersPath","headers","authToken","getAuthToken","fetchImpl","storeId","agent","route","systemPrompt","sessionId","persist","loadIcebreakers","onError","onResponseComplete","onSessionIdChange","suggestions","inputDisabled","onRefresh","onFeedback","open","defaultOpen","onOpenChange","shellProps","hasOpened","setHasOpened","useState","messages","isThinking","isStreaming","isRestoring","error","isLoadingHistory","hasMoreHistory","sendMessage","regenerate","submitFeedback","loadOlderMessages","stopStreaming","startNewConversation","useCopilotStreamChat","icebreakers","useCopilotIcebreakers","handleOpenChange","useCallback","nextOpen","handleRefresh","handleFeedback","messageId","vote","detail","jsx","ControlledCopilot"],"mappings":"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"}

package/dist/esm/components/bik-copilot/ControlledCopilot.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ControlledCopilotProps } from './model';
+/**
+ * The presentational half of the copilot: a draggable floating ball that opens a
+ * chat panel beside it.
+ *
+ * Fully controlled — it renders the `messages` it is handed and reports every
+ * user action through callbacks, so it carries no backend knowledge. **Use
+ * `BIKCopilot` instead** unless you are wiring a backend other than
+ * `/bik-ai/copilot-bikchatbot`; `BIKCopilot` is this component plus the streaming
+ * transport, IndexedDB history and route-aware ice breakers.
+ */
+export declare const ControlledCopilot: React.FC<ControlledCopilotProps>;
+export default ControlledCopilot;

package/dist/esm/components/bik-copilot/ControlledCopilot.js

@@ -0,0 +1,174 @@
+import { jsxs as ue, Fragment as ge, jsx as a } from "react/jsx-runtime";
+import { useState as he, useRef as Ce, useCallback as C, useEffect as v } from "react";
+import { COLORS as ve } from "../../constants/Theme.js";
+import { PanelPositioner as we } from "./ControlledCopilot.styled.js";
+import { CopilotBall as Le, COPILOT_BALL_ATTRIBUTE as Pe } from "./CopilotBall.js";
+import { CopilotPanel as Ee } from "./CopilotPanel.js";
+import { getCopilotPanelPlacement as ke } from "./copilotPlacement.js";
+import { useDraggableFloater as $e } from "./useDraggableFloater.js";
+const xe = ({
+  // Conversation
+  messages: w,
+  onSendMessage: L,
+  isThinking: P = !1,
+  thinkingLabel: E,
+  isStreaming: k = !1,
+  onStop: $,
+  interruptedLabel: b,
+  followUpsLabel: I,
+  hasMoreHistory: O = !1,
+  isLoadingHistory: T = !1,
+  onLoadOlderMessages: y,
+  historyLoadingLabel: B,
+  errorMessage: D,
+  // Ball
+  ballSize: r = 56,
+  corner: R = "bottom-right",
+  offset: x = 24,
+  initialPosition: j,
+  draggable: f = !0,
+  snapToEdge: A = !0,
+  onPositionChange: F,
+  ballIcon: U,
+  ballOpenIcon: _,
+  ballColor: z = ve.background.brand,
+  zIndex: c = 1200,
+  ballAriaLabel: H,
+  // Panel
+  panelWidth: K = 400,
+  panelHeight: S = 700,
+  panelGap: q = 12,
+  title: G = "Copilot",
+  badge: J,
+  subtitle: M,
+  avatar: N,
+  placeholder: Q,
+  disclaimer: V,
+  emptyStateTitle: W,
+  emptyStateSubtitle: X,
+  suggestions: Y,
+  onSuggestionClick: Z,
+  showRefresh: ee = !0,
+  onRefresh: oe,
+  onRegenerate: te,
+  onFeedback: ne,
+  inputDisabled: re = !1,
+  // Open state
+  open: d,
+  defaultOpen: ie = !1,
+  onOpenChange: p,
+  closeOnClickOutside: m = !1,
+  className: le,
+  style: se
+}) => {
+  const [ae, fe] = he(ie), u = Ce(null), i = d !== void 0, e = i ? d : ae, t = C(
+    (o) => {
+      i || fe(o), p?.(o);
+    },
+    [i, p]
+  ), { position: g, isDragging: ce, viewport: de, dragHandlers: pe, shouldIgnoreClick: h } = $e({
+    size: r,
+    corner: R,
+    offset: x,
+    enabled: f,
+    snapToEdge: A,
+    initialPosition: j,
+    onPositionChange: F
+  }), me = C(() => {
+    h() || t(!e);
+  }, [e, t, h]);
+  v(() => {
+    if (!e)
+      return;
+    const o = (l) => {
+      l.key === "Escape" && t(!1);
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [e, t]), v(() => {
+    if (!e || !m)
+      return;
+    const o = (l) => {
+      const s = l.target;
+      s && (u.current?.contains(s) || s.closest(`[${Pe}]`) || t(!1));
+    };
+    return document.addEventListener("pointerdown", o), () => document.removeEventListener("pointerdown", o);
+  }, [m, e, t]);
+  const n = ke({
+    ballPosition: g,
+    ballSize: r,
+    panelWidth: K,
+    panelHeight: S,
+    gap: q,
+    viewport: de
+  });
+  return /* @__PURE__ */ ue(ge, { children: [
+    e && /* @__PURE__ */ a(
+      we,
+      {
+        ref: u,
+        $left: n.left,
+        $top: n.top,
+        $width: n.width,
+        $height: n.height,
+        $zIndex: c,
+        children: /* @__PURE__ */ a(
+          Ee,
+          {
+            messages: w,
+            onSend: L,
+            onClose: () => t(!1),
+            title: G,
+            badge: J,
+            subtitle: M,
+            avatar: N,
+            placeholder: Q,
+            disclaimer: V,
+            emptyStateTitle: W,
+            emptyStateSubtitle: X,
+            suggestions: Y,
+            onSuggestionClick: Z,
+            showRefresh: ee,
+            onRefresh: oe,
+            onRegenerate: te,
+            onFeedback: ne,
+            isThinking: P,
+            thinkingLabel: E,
+            isStreaming: k,
+            onStop: $,
+            interruptedLabel: b,
+            followUpsLabel: I,
+            hasMoreHistory: O,
+            isLoadingHistory: T,
+            onLoadOlderMessages: y,
+            historyLoadingLabel: B,
+            inputDisabled: re,
+            errorMessage: D,
+            className: le,
+            style: se
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ a(
+      Le,
+      {
+        isOpen: e,
+        onToggle: me,
+        position: g,
+        size: r,
+        isDragging: ce,
+        draggable: f,
+        color: z,
+        zIndex: c + 1,
+        icon: U,
+        openIcon: _,
+        ariaLabel: H,
+        ...pe
+      }
+    )
+  ] });
+};
+export {
+  xe as ControlledCopilot
+};
+//# sourceMappingURL=ControlledCopilot.js.map

package/dist/esm/components/bik-copilot/ControlledCopilot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledCopilot.js","sources":["../../../../src/components/bik-copilot/ControlledCopilot.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { PanelPositioner } from './ControlledCopilot.styled';\nimport { COPILOT_BALL_ATTRIBUTE, CopilotBall } from './CopilotBall';\nimport { CopilotPanel } from './CopilotPanel';\nimport { getCopilotPanelPlacement } from './copilotPlacement';\nimport { ControlledCopilotProps } from './model';\nimport { useDraggableFloater } from './useDraggableFloater';\n\n/**\n * The presentational half of the copilot: a draggable floating ball that opens a\n * chat panel beside it.\n *\n * Fully controlled — it renders the `messages` it is handed and reports every\n * user action through callbacks, so it carries no backend knowledge. **Use\n * `BIKCopilot` instead** unless you are wiring a backend other than\n * `/bik-ai/copilot-bikchatbot`; `BIKCopilot` is this component plus the streaming\n * transport, IndexedDB history and route-aware ice breakers.\n */\nexport const ControlledCopilot: React.FC<ControlledCopilotProps> = ({\n\t// Conversation\n\tmessages,\n\tonSendMessage,\n\tisThinking = false,\n\tthinkingLabel,\n\tisStreaming = false,\n\tonStop,\n\tinterruptedLabel,\n\tfollowUpsLabel,\n\thasMoreHistory = false,\n\tisLoadingHistory = false,\n\tonLoadOlderMessages,\n\thistoryLoadingLabel,\n\terrorMessage,\n\t// Ball\n\tballSize = 56,\n\tcorner = 'bottom-right',\n\toffset = 24,\n\tinitialPosition,\n\tdraggable = true,\n\tsnapToEdge = true,\n\tonPositionChange,\n\tballIcon,\n\tballOpenIcon,\n\tballColor = COLORS.background.brand,\n\tzIndex = 1200,\n\tballAriaLabel,\n\t// Panel\n\tpanelWidth = 400,\n\tpanelHeight = 700,\n\tpanelGap = 12,\n\ttitle = 'Copilot',\n\tbadge,\n\tsubtitle,\n\tavatar,\n\tplaceholder,\n\tdisclaimer,\n\temptyStateTitle,\n\temptyStateSubtitle,\n\tsuggestions,\n\tonSuggestionClick,\n\tshowRefresh = true,\n\tonRefresh,\n\tonRegenerate,\n\tonFeedback,\n\tinputDisabled = false,\n\t// Open state\n\topen,\n\tdefaultOpen = false,\n\tonOpenChange,\n\tcloseOnClickOutside = false,\n\tclassName,\n\tstyle,\n}) => {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\tconst panelRef = useRef<HTMLDivElement>(null);\n\n\tconst isControlled = open !== undefined;\n\tconst isOpen = isControlled ? open : uncontrolledOpen;\n\n\tconst setOpen = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledOpen(next);\n\t\t\t}\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\tconst { position, isDragging, viewport, dragHandlers, shouldIgnoreClick } =\n\t\tuseDraggableFloater({\n\t\t\tsize: ballSize,\n\t\t\tcorner,\n\t\t\toffset,\n\t\t\tenabled: draggable,\n\t\t\tsnapToEdge,\n\t\t\tinitialPosition,\n\t\t\tonPositionChange,\n\t\t});\n\n\tconst handleBallClick = useCallback(() => {\n\t\t// The click that ends a drag gesture must not toggle the panel.\n\t\tif (shouldIgnoreClick()) {\n\t\t\treturn;\n\t\t}\n\t\tsetOpen(!isOpen);\n\t}, [isOpen, setOpen, shouldIgnoreClick]);\n\n\t// Escape closes the panel.\n\tuseEffect(() => {\n\t\tif (!isOpen) {\n\t\t\treturn undefined;\n\t\t}\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('keydown', handleKeyDown);\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown);\n\t}, [isOpen, setOpen]);\n\n\tuseEffect(() => {\n\t\tif (!isOpen || !closeOnClickOutside) {\n\t\t\treturn undefined;\n\t\t}\n\t\tconst handlePointerDown = (event: PointerEvent) => {\n\t\t\tconst target = event.target as HTMLElement | null;\n\t\t\tif (!target) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (panelRef.current?.contains(target)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (target.closest(`[${COPILOT_BALL_ATTRIBUTE}]`)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetOpen(false);\n\t\t};\n\t\tdocument.addEventListener('pointerdown', handlePointerDown);\n\t\treturn () => document.removeEventListener('pointerdown', handlePointerDown);\n\t}, [closeOnClickOutside, isOpen, setOpen]);\n\n\tconst placement = getCopilotPanelPlacement({\n\t\tballPosition: position,\n\t\tballSize,\n\t\tpanelWidth,\n\t\tpanelHeight,\n\t\tgap: panelGap,\n\t\tviewport,\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{isOpen && (\n\t\t\t\t<PanelPositioner\n\t\t\t\t\tref={panelRef}\n\t\t\t\t\t$left={placement.left}\n\t\t\t\t\t$top={placement.top}\n\t\t\t\t\t$width={placement.width}\n\t\t\t\t\t$height={placement.height}\n\t\t\t\t\t$zIndex={zIndex}\n\t\t\t\t>\n\t\t\t\t\t<CopilotPanel\n\t\t\t\t\t\tmessages={messages}\n\t\t\t\t\t\tonSend={onSendMessage}\n\t\t\t\t\t\tonClose={() => setOpen(false)}\n\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\tbadge={badge}\n\t\t\t\t\t\tsubtitle={subtitle}\n\t\t\t\t\t\tavatar={avatar}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tdisclaimer={disclaimer}\n\t\t\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\t\t\temptyStateSubtitle={emptyStateSubtitle}\n\t\t\t\t\t\tsuggestions={suggestions}\n\t\t\t\t\t\tonSuggestionClick={onSuggestionClick}\n\t\t\t\t\t\tshowRefresh={showRefresh}\n\t\t\t\t\t\tonRefresh={onRefresh}\n\t\t\t\t\t\tonRegenerate={onRegenerate}\n\t\t\t\t\t\tonFeedback={onFeedback}\n\t\t\t\t\t\tisThinking={isThinking}\n\t\t\t\t\t\tthinkingLabel={thinkingLabel}\n\t\t\t\t\t\tisStreaming={isStreaming}\n\t\t\t\t\t\tonStop={onStop}\n\t\t\t\t\t\tinterruptedLabel={interruptedLabel}\n\t\t\t\t\t\tfollowUpsLabel={followUpsLabel}\n\t\t\t\t\t\thasMoreHistory={hasMoreHistory}\n\t\t\t\t\t\tisLoadingHistory={isLoadingHistory}\n\t\t\t\t\t\tonLoadOlderMessages={onLoadOlderMessages}\n\t\t\t\t\t\thistoryLoadingLabel={historyLoadingLabel}\n\t\t\t\t\t\tinputDisabled={inputDisabled}\n\t\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t/>\n\t\t\t\t</PanelPositioner>\n\t\t\t)}\n\n\t\t\t<CopilotBall\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonToggle={handleBallClick}\n\t\t\t\tposition={position}\n\t\t\t\tsize={ballSize}\n\t\t\t\tisDragging={isDragging}\n\t\t\t\tdraggable={draggable}\n\t\t\t\tcolor={ballColor}\n\t\t\t\tzIndex={zIndex + 1}\n\t\t\t\ticon={ballIcon}\n\t\t\t\topenIcon={ballOpenIcon}\n\t\t\t\tariaLabel={ballAriaLabel}\n\t\t\t\t{...dragHandlers}\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default ControlledCopilot;\n"],"names":["ControlledCopilot","messages","onSendMessage","isThinking","thinkingLabel","isStreaming","onStop","interruptedLabel","followUpsLabel","hasMoreHistory","isLoadingHistory","onLoadOlderMessages","historyLoadingLabel","errorMessage","ballSize","corner","offset","initialPosition","draggable","snapToEdge","onPositionChange","ballIcon","ballOpenIcon","ballColor","COLORS","zIndex","ballAriaLabel","panelWidth","panelHeight","panelGap","title","badge","subtitle","avatar","placeholder","disclaimer","emptyStateTitle","emptyStateSubtitle","suggestions","onSuggestionClick","showRefresh","onRefresh","onRegenerate","onFeedback","inputDisabled","open","defaultOpen","onOpenChange","closeOnClickOutside","className","style","uncontrolledOpen","setUncontrolledOpen","useState","panelRef","useRef","isControlled","isOpen","setOpen","useCallback","next","position","isDragging","viewport","dragHandlers","shouldIgnoreClick","useDraggableFloater","handleBallClick","useEffect","handleKeyDown","event","handlePointerDown","target","COPILOT_BALL_ATTRIBUTE","placement","getCopilotPanelPlacement","jsxs","Fragment","jsx","PanelPositioner","CopilotPanel","CopilotBall"],"mappings":"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"}

package/dist/esm/components/bik-copilot/ControlledCopilot.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const PanelPositioner: import('styled-components').StyledComponent<"div", any, {
+    $left: number;
+    $top: number;
+    $width: number;
+    $height: number;
+    $zIndex: number;
+}, never>;

package/dist/esm/components/bik-copilot/ControlledCopilot.styled.js

@@ -0,0 +1,31 @@
+import e from "styled-components";
+const o = e.div`
+	position: fixed;
+	left: ${(t) => t.$left}px;
+	top: ${(t) => t.$top}px;
+	width: ${(t) => t.$width}px;
+	height: ${(t) => t.$height}px;
+	z-index: ${(t) => t.$zIndex};
+	display: flex;
+	animation: bikCopilotPanelIn 0.16s ease-out;
+
+	> * {
+		flex: 1;
+		min-width: 0;
+	}
+
+	@keyframes bikCopilotPanelIn {
+		from {
+			opacity: 0;
+			transform: translateY(6px) scale(0.98);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0) scale(1);
+		}
+	}
+`;
+export {
+  o as PanelPositioner
+};
+//# sourceMappingURL=ControlledCopilot.styled.js.map

package/dist/esm/components/bik-copilot/ControlledCopilot.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledCopilot.styled.js","sources":["../../../../src/components/bik-copilot/ControlledCopilot.styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const PanelPositioner = styled.div<{\n\t$left: number;\n\t$top: number;\n\t$width: number;\n\t$height: number;\n\t$zIndex: number;\n}>`\n\tposition: fixed;\n\tleft: ${(props) => props.$left}px;\n\ttop: ${(props) => props.$top}px;\n\twidth: ${(props) => props.$width}px;\n\theight: ${(props) => props.$height}px;\n\tz-index: ${(props) => props.$zIndex};\n\tdisplay: flex;\n\tanimation: bikCopilotPanelIn 0.16s ease-out;\n\n\t> * {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\t@keyframes bikCopilotPanelIn {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(6px) scale(0.98);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0) scale(1);\n\t\t}\n\t}\n`;\n"],"names":["PanelPositioner","styled","props"],"mappings":";AAEO,MAAMA,IAAkBC,EAAO;AAAA;AAAA,SAQ7B,CAACC,MAAUA,EAAM,KAAK;AAAA,QACvB,CAACA,MAAUA,EAAM,IAAI;AAAA,UACnB,CAACA,MAAUA,EAAM,MAAM;AAAA,WACtB,CAACA,MAAUA,EAAM,OAAO;AAAA,YACvB,CAACA,MAAUA,EAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/bik-copilot/CopilotBall.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CopilotBallProps } from './model';
+/**
+ * Marks the ball in the DOM so an outside-click handler can tell the ball apart
+ * from the rest of the page and not fight the ball's own toggle.
+ */
+export declare const COPILOT_BALL_ATTRIBUTE = "data-bik-copilot-ball";
+/**
+ * The floating ball that opens the copilot panel. Purely presentational — the
+ * drag gesture lives in `useDraggableFloater` and is passed in as handlers.
+ */
+export declare const CopilotBall: React.FC<CopilotBallProps>;
+export default CopilotBall;

package/dist/esm/components/bik-copilot/CopilotBall.js

@@ -0,0 +1,50 @@
+import { jsx as r } from "react/jsx-runtime";
+import b from "../../assets/icons/bik_ai_stars_icon.svg.js";
+import s from "../../assets/icons/chevronDown.svg.js";
+import { BallButton as x } from "./CopilotBall.styled.js";
+const C = "data-bik-copilot-ball", w = ({
+  isOpen: t,
+  onToggle: n,
+  position: i,
+  size: a,
+  isDragging: e,
+  draggable: c,
+  color: d,
+  zIndex: g,
+  icon: h,
+  openIcon: m,
+  ariaLabel: p,
+  onPointerDown: $,
+  onPointerMove: f,
+  onPointerUp: u,
+  onPointerCancel: B
+}) => {
+  const o = Math.round(a * 0.42), l = t ? /* @__PURE__ */ r(s, { width: o, height: o }) : /* @__PURE__ */ r(b, { width: o, height: o }), I = t ? m ?? l : h ?? l;
+  return /* @__PURE__ */ r(
+    x,
+    {
+      type: "button",
+      [C]: "true",
+      $size: a,
+      $left: i.x,
+      $top: i.y,
+      $color: d,
+      $zIndex: g,
+      $isDragging: e,
+      $draggable: c,
+      "aria-label": p || "Copilot",
+      "aria-expanded": t,
+      onClick: n,
+      onPointerDown: $,
+      onPointerMove: f,
+      onPointerUp: u,
+      onPointerCancel: B,
+      children: I
+    }
+  );
+};
+export {
+  C as COPILOT_BALL_ATTRIBUTE,
+  w as CopilotBall
+};
+//# sourceMappingURL=CopilotBall.js.map

package/dist/esm/components/bik-copilot/CopilotBall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotBall.js","sources":["../../../../src/components/bik-copilot/CopilotBall.tsx"],"sourcesContent":["import AiStarsIcon from '@src/assets/icons/bik_ai_stars_icon.svg';\nimport ChevronDownIcon from '@src/assets/icons/chevronDown.svg';\nimport React from 'react';\nimport { BallButton } from './CopilotBall.styled';\nimport { CopilotBallProps } from './model';\n\n/**\n * Marks the ball in the DOM so an outside-click handler can tell the ball apart\n * from the rest of the page and not fight the ball's own toggle.\n */\nexport const COPILOT_BALL_ATTRIBUTE = 'data-bik-copilot-ball';\n\n/**\n * The floating ball that opens the copilot panel. Purely presentational — the\n * drag gesture lives in `useDraggableFloater` and is passed in as handlers.\n */\nexport const CopilotBall: React.FC<CopilotBallProps> = ({\n\tisOpen,\n\tonToggle,\n\tposition,\n\tsize,\n\tisDragging,\n\tdraggable,\n\tcolor,\n\tzIndex,\n\ticon,\n\topenIcon,\n\tariaLabel,\n\tonPointerDown,\n\tonPointerMove,\n\tonPointerUp,\n\tonPointerCancel,\n}) => {\n\tconst iconSize = Math.round(size * 0.42);\n\tconst defaultIcon = isOpen ? (\n\t\t<ChevronDownIcon width={iconSize} height={iconSize} />\n\t) : (\n\t\t<AiStarsIcon width={iconSize} height={iconSize} />\n\t);\n\tconst activeIcon = isOpen ? openIcon ?? defaultIcon : icon ?? defaultIcon;\n\n\treturn (\n\t\t<BallButton\n\t\t\ttype=\"button\"\n\t\t\t{...{ [COPILOT_BALL_ATTRIBUTE]: 'true' }}\n\t\t\t$size={size}\n\t\t\t$left={position.x}\n\t\t\t$top={position.y}\n\t\t\t$color={color}\n\t\t\t$zIndex={zIndex}\n\t\t\t$isDragging={isDragging}\n\t\t\t$draggable={draggable}\n\t\t\t/* A disclosure button keeps a stable name and reports its state through\n\t\t\t   aria-expanded, so this must not become \"Open/Close copilot\" — that\n\t\t\t   would also collide with the panel's own close button. */\n\t\t\taria-label={ariaLabel || 'Copilot'}\n\t\t\taria-expanded={isOpen}\n\t\t\tonClick={onToggle}\n\t\t\tonPointerDown={onPointerDown}\n\t\t\tonPointerMove={onPointerMove}\n\t\t\tonPointerUp={onPointerUp}\n\t\t\tonPointerCancel={onPointerCancel}\n\t\t>\n\t\t\t{activeIcon}\n\t\t</BallButton>\n\t);\n};\n\nexport default CopilotBall;\n"],"names":["COPILOT_BALL_ATTRIBUTE","CopilotBall","isOpen","onToggle","position","size","isDragging","draggable","color","zIndex","icon","openIcon","ariaLabel","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","iconSize","defaultIcon","jsx","ChevronDownIcon","AiStarsIcon","activeIcon","BallButton"],"mappings":";;;;AAUO,MAAMA,IAAyB,yBAMzBC,IAA0C,CAAC;AAAA,EACvD,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AACD,MAAM;AACL,QAAMC,IAAW,KAAK,MAAMZ,IAAO,IAAI,GACjCa,IAAchB,IACnB,gBAAAiB,EAACC,GAAA,EAAgB,OAAOH,GAAU,QAAQA,EAAA,CAAU,IAEpD,gBAAAE,EAACE,GAAA,EAAY,OAAOJ,GAAU,QAAQA,GAAU,GAE3CK,IAAapB,IAASS,KAAYO,IAAcR,KAAQQ;AAE9D,SACC,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACC,CAACvB,CAAsB,GAAG;AAAA,MAChC,OAAOK;AAAA,MACP,OAAOD,EAAS;AAAA,MAChB,MAAMA,EAAS;AAAA,MACf,QAAQI;AAAA,MACR,SAASC;AAAA,MACT,aAAaH;AAAA,MACb,YAAYC;AAAA,MAIZ,cAAYK,KAAa;AAAA,MACzB,iBAAeV;AAAA,MACf,SAASC;AAAA,MACT,eAAAU;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MAEC,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGJ;"}

package/dist/esm/components/bik-copilot/CopilotBall.styled.d.ts

@@ -0,0 +1,9 @@
+export declare const BallButton: import('styled-components').StyledComponent<"button", any, {
+    $size: number;
+    $left: number;
+    $top: number;
+    $color: string;
+    $zIndex: number;
+    $isDragging: boolean;
+    $draggable: boolean;
+}, never>;

package/dist/esm/components/bik-copilot/CopilotBall.styled.js

@@ -0,0 +1,46 @@
+import s from "styled-components";
+const t = s.button`
+	position: fixed;
+	left: ${(e) => e.$left}px;
+	top: ${(e) => e.$top}px;
+	width: ${(e) => e.$size}px;
+	height: ${(e) => e.$size}px;
+	z-index: ${(e) => e.$zIndex};
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0;
+	border: none;
+	border-radius: 50%;
+	background: ${(e) => e.$color};
+	color: #ffffff;
+	box-shadow: ${(e) => e.$isDragging ? "0 12px 32px rgba(40, 3, 78, 0.36)" : "0 6px 20px rgba(40, 3, 78, 0.24)"};
+
+	cursor: ${(e) => e.$isDragging ? "grabbing" : e.$draggable ? "grab" : "pointer"};
+	touch-action: none;
+	user-select: none;
+	-webkit-user-select: none;
+
+	/* Position changes animate on release but must track the pointer 1:1 while
+	   the user is dragging. */
+	transition: ${(e) => e.$isDragging ? "box-shadow 0.15s ease, transform 0.15s ease" : "left 0.22s ease, top 0.22s ease, box-shadow 0.15s ease, transform 0.15s ease"};
+	transform: ${(e) => e.$isDragging ? "scale(1.06)" : "scale(1)"};
+
+	&:hover {
+		transform: scale(1.06);
+	}
+
+	&:focus-visible {
+		outline: 2px solid #ffffff;
+		outline-offset: 2px;
+	}
+
+	svg {
+		pointer-events: none;
+	}
+`;
+export {
+  t as BallButton
+};
+//# sourceMappingURL=CopilotBall.styled.js.map

package/dist/esm/components/bik-copilot/CopilotBall.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotBall.styled.js","sources":["../../../../src/components/bik-copilot/CopilotBall.styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const BallButton = styled.button<{\n\t$size: number;\n\t$left: number;\n\t$top: number;\n\t$color: string;\n\t$zIndex: number;\n\t$isDragging: boolean;\n\t$draggable: boolean;\n}>`\n\tposition: fixed;\n\tleft: ${(props) => props.$left}px;\n\ttop: ${(props) => props.$top}px;\n\twidth: ${(props) => props.$size}px;\n\theight: ${(props) => props.$size}px;\n\tz-index: ${(props) => props.$zIndex};\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: 50%;\n\tbackground: ${(props) => props.$color};\n\tcolor: #ffffff;\n\tbox-shadow: ${(props) =>\n\t\tprops.$isDragging\n\t\t\t? '0 12px 32px rgba(40, 3, 78, 0.36)'\n\t\t\t: '0 6px 20px rgba(40, 3, 78, 0.24)'};\n\n\tcursor: ${(props) =>\n\t\tprops.$isDragging ? 'grabbing' : props.$draggable ? 'grab' : 'pointer'};\n\ttouch-action: none;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\n\t/* Position changes animate on release but must track the pointer 1:1 while\n\t   the user is dragging. */\n\ttransition: ${(props) =>\n\t\tprops.$isDragging\n\t\t\t? 'box-shadow 0.15s ease, transform 0.15s ease'\n\t\t\t: 'left 0.22s ease, top 0.22s ease, box-shadow 0.15s ease, transform 0.15s ease'};\n\ttransform: ${(props) => (props.$isDragging ? 'scale(1.06)' : 'scale(1)')};\n\n\t&:hover {\n\t\ttransform: scale(1.06);\n\t}\n\n\t&:focus-visible {\n\t\toutline: 2px solid #ffffff;\n\t\toutline-offset: 2px;\n\t}\n\n\tsvg {\n\t\tpointer-events: none;\n\t}\n`;\n"],"names":["BallButton","styled","props"],"mappings":";AAEO,MAAMA,IAAaC,EAAO;AAAA;AAAA,SAUxB,CAACC,MAAUA,EAAM,KAAK;AAAA,QACvB,CAACA,MAAUA,EAAM,IAAI;AAAA,UACnB,CAACA,MAAUA,EAAM,KAAK;AAAA,WACrB,CAACA,MAAUA,EAAM,KAAK;AAAA,YACrB,CAACA,MAAUA,EAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQrB,CAACA,MAAUA,EAAM,MAAM;AAAA;AAAA,eAEvB,CAACA,MACdA,EAAM,cACH,sCACA,kCAAkC;AAAA;AAAA,WAE5B,CAACA,MACVA,EAAM,cAAc,aAAaA,EAAM,aAAa,SAAS,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOzD,CAACA,MACdA,EAAM,cACH,gDACA,8EAA8E;AAAA,cACrE,CAACA,MAAWA,EAAM,cAAc,gBAAgB,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { CopilotFeedbackDetail, CopilotFeedbackReasonOption } from './model';
+/** The chips the modal offers, in the order they are shown. */
+export declare const COPILOT_FEEDBACK_REASONS: CopilotFeedbackReasonOption[];
+export interface CopilotFeedbackModalProps {
+    title?: string;
+    subtitle?: string;
+    reasons?: CopilotFeedbackReasonOption[];
+    notePlaceholder?: string;
+    submitLabel?: string;
+    /**
+     * The detail the reader chose to share. Called once, on submit.
+     */
+    onSubmit: (detail: CopilotFeedbackDetail) => void;
+    /**
+     * Dismissed without sharing. The rating itself is the host's business — see
+     * `CopilotPanel`, which records the thumbs-down either way.
+     */
+    onDismiss: () => void;
+    className?: string;
+}
+/**
+ * Asks what was wrong with a reply that was just rated down.
+ *
+ * Chips plus an optional note, and nothing is required: a reader who only wants
+ * to press the thumb can dismiss this and the rating still stands. Every string
+ * is overridable so a host can reword or localise it.
+ */
+export declare const CopilotFeedbackModal: React.FC<CopilotFeedbackModalProps>;