@bootstrapware/answers 0.1.0

package/dist/index.js

@@ -0,0 +1,629 @@
+"use client";
+
+
+// src/Answers.tsx
+import { useEffect as useEffect2, useId, useRef, useState as useState2 } from "react";
+
+// src/result.ts
+var ANSWER_MAX = 8e3;
+var EXCERPT_MAX = 500;
+var CITATION_MAX = 20;
+var EMPTY_FALLBACK = "No answer was found.";
+function codePointLength(value) {
+  return Array.from(value).length;
+}
+function clipCodePoints(value, max) {
+  let count = 0;
+  let out = "";
+  for (const char of value) {
+    if (count >= max) break;
+    out += char;
+    count += 1;
+  }
+  return out;
+}
+function safeHttpUrl(value) {
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  if (!trimmed) return void 0;
+  let parsed;
+  try {
+    parsed = new URL(trimmed);
+  } catch {
+    return void 0;
+  }
+  if (parsed.protocol !== "http:" && parsed.protocol !== "https:") return void 0;
+  return parsed.toString();
+}
+function sanitizeCitations(value) {
+  if (!Array.isArray(value)) return [];
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    if (out.length >= CITATION_MAX) break;
+    if (!item || typeof item !== "object") continue;
+    const raw = item;
+    if (typeof raw.id !== "string" || !raw.id.trim()) continue;
+    const id = raw.id.trim();
+    if (seen.has(id)) continue;
+    seen.add(id);
+    const title = typeof raw.title === "string" && raw.title.trim() ? clipCodePoints(raw.title.trim(), 200) : id;
+    const excerpt = typeof raw.excerpt === "string" && raw.excerpt.trim() ? clipCodePoints(raw.excerpt.trim(), EXCERPT_MAX) : void 0;
+    const url = safeHttpUrl(raw.url);
+    out.push({ id, title, excerpt, url });
+  }
+  return out;
+}
+function sanitizeResult(input) {
+  if (!input || typeof input !== "object") return null;
+  const raw = input;
+  if (typeof raw.answerId !== "string" || !raw.answerId.trim()) return null;
+  if (typeof raw.sessionId !== "string") return null;
+  const answerId = raw.answerId.trim();
+  const sessionId = raw.sessionId;
+  const fallback = typeof raw.fallback === "string" && raw.fallback.trim() ? raw.fallback.trim() : EMPTY_FALLBACK;
+  if (raw.outcome === "unanswered") {
+    return { sessionId, answerId, outcome: "unanswered", fallback };
+  }
+  if (raw.outcome !== "answered") return null;
+  const answer = typeof raw.answer === "string" ? raw.answer.trim() : "";
+  if (!answer) return { sessionId, answerId, outcome: "unanswered", fallback };
+  return {
+    sessionId,
+    answerId,
+    outcome: "answered",
+    answer: clipCodePoints(answer, ANSWER_MAX),
+    citations: sanitizeCitations(raw.citations)
+  };
+}
+
+// src/types.ts
+var QUESTION_MAX = 1e3;
+var WIDGET_ROOT_CLASS = "bsw-an";
+
+// src/adapters.ts
+var LOCAL_FALLBACK = "We could not find that in the Northwind Outfitters sample. Ask about hours, returns, or shipping.";
+var LOCAL_PROMPTS = {
+  returns: "What is your return window?",
+  returnsFollowUp: "How long do I have?",
+  hours: "What are your hours?",
+  shipping: "Is shipping free?",
+  unsupported: "Do you price match?"
+};
+var RETURNS_ANSWER = "Returns are accepted within 30 days of delivery.";
+var RETURNS_FOLLOW = "You have 30 days from delivery. Exchanges use that same window.";
+var HOURS_ANSWER = "Northwind Outfitters is open Monday through Friday, 9am to 5pm US Eastern, and closed Saturday and Sunday.";
+var HOURS_FOLLOW = "Saturday and Sunday are closed. Weekday hours are 9am to 5pm US Eastern.";
+var SHIPPING_ANSWER = "Standard shipping is free on orders over $50.";
+var SHIPPING_FOLLOW = "Free standard shipping starts when the order is over $50.";
+var LOCAL_CITATIONS = {
+  hours: {
+    id: "ane_hours",
+    title: "Store hours",
+    url: "https://northwind.example/help/hours",
+    excerpt: "Open Monday through Friday, 9am to 5pm US Eastern. Closed Saturday and Sunday."
+  },
+  returns: {
+    id: "ane_returns",
+    title: "Returns",
+    url: "https://northwind.example/help/returns",
+    excerpt: "Returns are accepted within 30 days of delivery. Exchanges use the same 30 day window."
+  },
+  shipping: {
+    id: "ane_shipping",
+    title: "Shipping",
+    url: "https://northwind.example/help/shipping",
+    excerpt: "Standard shipping is free on orders over $50."
+  }
+};
+var TOPICS = [
+  { id: "returns", words: ["return", "returns", "refund", "refunds", "exchange", "exchanges"] },
+  { id: "shipping", words: ["ship", "shipping", "delivery"] },
+  { id: "hours", words: ["hour", "hours", "open", "opening", "weekend", "saturday", "sunday", "weekday", "weekdays"] }
+];
+var ANSWERS = {
+  hours: HOURS_ANSWER,
+  returns: RETURNS_ANSWER,
+  shipping: SHIPPING_ANSWER
+};
+var FOLLOW_ANSWERS = {
+  hours: HOURS_FOLLOW,
+  returns: RETURNS_FOLLOW,
+  shipping: SHIPPING_FOLLOW
+};
+var FOLLOW = [
+  { phrase: "how long" },
+  { phrase: "how long do i have" },
+  { phrase: "are you open then", topic: "hours" },
+  { phrase: "what about then" },
+  { phrase: "is there a minimum", topic: "shipping" },
+  { phrase: "how much is free", topic: "shipping" },
+  { phrase: "tell me more" }
+];
+function normalize(question) {
+  return question.trim().toLowerCase().replace(/[?!.,'"]/g, "").replace(/\s+/g, " ").trim();
+}
+function hasWord(question, word) {
+  return new RegExp(`\\b${word}\\b`).test(question);
+}
+function matchDirect(question) {
+  for (const topic of TOPICS) {
+    if (topic.words.some((word) => hasWord(question, word))) return topic.id;
+  }
+  return null;
+}
+function matchFollow(question, last) {
+  const hit = FOLLOW.find((item) => item.phrase === question);
+  if (!hit || !last) return null;
+  if (hit.topic && hit.topic !== last) return null;
+  return last;
+}
+function limitProblem(question) {
+  const trimmed = question.trim();
+  if (!trimmed) return "Enter a question.";
+  if (codePointLength(trimmed) > QUESTION_MAX) return "Questions are limited to 1,000 characters.";
+  return null;
+}
+function createLocalAdapter() {
+  const lastTopic = /* @__PURE__ */ new Map();
+  let sequence = 0;
+  return {
+    async ask(input) {
+      const problem = limitProblem(input.question);
+      if (problem) throw new Error(problem);
+      const question = normalize(input.question);
+      const direct = matchDirect(question);
+      const topic = direct ?? matchFollow(question, lastTopic.get(input.sessionId));
+      sequence += 1;
+      const answerId = `anq_${sequence.toString(16).padStart(24, "0")}`;
+      if (!topic) {
+        return {
+          sessionId: input.sessionId,
+          answerId,
+          outcome: "unanswered",
+          fallback: LOCAL_FALLBACK
+        };
+      }
+      lastTopic.set(input.sessionId, topic);
+      return {
+        sessionId: input.sessionId,
+        answerId,
+        outcome: "answered",
+        answer: direct ? ANSWERS[topic] : FOLLOW_ANSWERS[topic],
+        citations: [{ ...LOCAL_CITATIONS[topic] }]
+      };
+    },
+    async feedback() {
+    }
+  };
+}
+function createByoAdapter(impl) {
+  return impl;
+}
+
+// src/frame.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmbedFrame({
+  presentation = "section",
+  defaultOpen = false,
+  label,
+  className,
+  theme,
+  children
+}) {
+  const [open, setOpen] = useState(defaultOpen);
+  const openKey = `${presentation}\0${defaultOpen ? "1" : "0"}`;
+  const [openKeySeen, setOpenKeySeen] = useState(openKey);
+  if (openKey !== openKeySeen) {
+    setOpenKeySeen(openKey);
+    setOpen(defaultOpen);
+  }
+  const launcher = presentation === "launcher";
+  const floating = launcher || presentation === "window";
+  useEffect(() => {
+    if (presentation === "section" || !open) return;
+    function onKey(event) {
+      if (event.key === "Escape") setOpen(false);
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, presentation]);
+  if (presentation === "section") return children;
+  const classes = [
+    "bsw-an-frame",
+    `bsw-an-frame--${presentation}`,
+    open ? "bsw-an-frame--open" : "",
+    floating ? "bsw-an--launcher-host" : "",
+    floating && open ? "bsw-an--launcher-open" : "",
+    floating && !open ? "bsw-an--launcher-closed" : "",
+    className ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { className: classes, "data-theme": theme, "data-state": open ? "open" : "closed", children: [
+    open && (presentation === "modal" || launcher) ? /* @__PURE__ */ jsx("button", { type: "button", className: "bsw-an-frame__backdrop", "aria-label": `Close ${label}`, onClick: () => setOpen(false) }) : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bsw-an-frame__panel",
+        hidden: !open,
+        role: open && presentation === "modal" ? "dialog" : open ? "region" : void 0,
+        "aria-modal": open && presentation === "modal" ? true : void 0,
+        "aria-label": open ? label : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("button", { type: "button", className: "bsw-an-frame__close", onClick: () => setOpen(false), children: [
+            /* @__PURE__ */ jsx("span", { className: "bsw-an-frame__close-label", children: "Close" }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xD7" })
+          ] }),
+          children
+        ]
+      }
+    ),
+    open ? null : /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: launcher ? "bsw-an-frame__fab" : "bsw-an-frame__trigger",
+        "aria-label": launcher ? "Open answers" : void 0,
+        onClick: () => setOpen(true),
+        children: launcher ? "Ask" : label
+      }
+    )
+  ] });
+}
+
+// src/markdown.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function inlineMarkup(text, allowed, keyPrefix) {
+  const pattern = /(\*\*[^*\n]+\*\*|(?<![A-Za-z0-9])_[^_\n]+_(?![A-Za-z0-9])|`[^`\n]+`|\[[^\]\n]+\]\(https?:\/\/[^)\s]+\))/g;
+  const parts = [];
+  let last = 0;
+  let index = 0;
+  let match;
+  while (match = pattern.exec(text)) {
+    if (match.index > last) parts.push(text.slice(last, match.index));
+    const token = match[0];
+    const key = `${keyPrefix}-${index++}`;
+    if (token.startsWith("**") && token.endsWith("**") && token.length >= 4) {
+      parts.push(/* @__PURE__ */ jsx2("strong", { children: token.slice(2, -2) }, key));
+    } else if (token.startsWith("_") && token.endsWith("_") && token.length >= 3) {
+      parts.push(/* @__PURE__ */ jsx2("em", { children: token.slice(1, -1) }, key));
+    } else if (token.startsWith("`") && token.endsWith("`") && token.length >= 3) {
+      parts.push(/* @__PURE__ */ jsx2("code", { children: token.slice(1, -1) }, key));
+    } else if (token.startsWith("[")) {
+      const link = /^\[([^\]\n]+)\]\((https?:\/\/[^)\s]+)\)$/.exec(token);
+      const href = link?.[2] ?? "";
+      const safe = safeHttpUrl(href);
+      if (link && safe && (allowed.has(href) || allowed.has(safe))) {
+        parts.push(
+          /* @__PURE__ */ jsx2("a", { href: safe, target: "_blank", rel: "noopener noreferrer", children: link[1] }, key)
+        );
+      } else {
+        parts.push(token);
+      }
+    } else {
+      parts.push(token);
+    }
+    last = match.index + token.length;
+  }
+  if (last < text.length) parts.push(text.slice(last));
+  return parts;
+}
+function renderAnswerMarkdown(text, allowedUrls) {
+  const lines = text.split("\n");
+  const nodes = [];
+  let paragraph = [];
+  let list = [];
+  let key = 0;
+  function flushParagraph() {
+    if (!paragraph.length) return;
+    const content = paragraph.join("\n");
+    nodes.push(/* @__PURE__ */ jsx2("p", { children: inlineMarkup(content, allowedUrls, `p-${key}`) }, `p-${key++}`));
+    paragraph = [];
+  }
+  function flushList() {
+    if (!list.length) return;
+    const items = list;
+    nodes.push(
+      /* @__PURE__ */ jsx2("ul", { children: items.map((item, index) => /* @__PURE__ */ jsx2("li", { children: inlineMarkup(item, allowedUrls, `li-${key}-${index}`) }, `li-${key}-${index}`)) }, `ul-${key++}`)
+    );
+    list = [];
+  }
+  for (const line of lines) {
+    const item = /^\s*[-*]\s+(.*)$/.exec(line);
+    if (item) {
+      flushParagraph();
+      list.push(item[1] ?? "");
+      continue;
+    }
+    if (!line.trim()) {
+      flushParagraph();
+      flushList();
+      continue;
+    }
+    flushList();
+    paragraph.push(line);
+  }
+  flushParagraph();
+  flushList();
+  return nodes;
+}
+
+// src/session.ts
+var SESSION_ID = /^ans_[0-9a-f]{24}$/;
+function sessionStorageKey(appId) {
+  const scope = appId?.trim() ? appId.trim() : "local";
+  return `bsw_an_session:${scope}`;
+}
+function createOpaqueSessionId() {
+  const bytes = new Uint8Array(12);
+  globalThis.crypto.getRandomValues(bytes);
+  let hex = "";
+  for (const byte of bytes) hex += byte.toString(16).padStart(2, "0");
+  return `ans_${hex}`;
+}
+function readSessionId(storage, appId) {
+  if (!storage) return createOpaqueSessionId();
+  const key = sessionStorageKey(appId);
+  const existing = storage.getItem(key);
+  if (existing && SESSION_ID.test(existing)) return existing;
+  const id = createOpaqueSessionId();
+  storage.setItem(key, id);
+  return id;
+}
+
+// src/Answers.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var LIMIT_MESSAGE = "Questions are limited to 1,000 characters.";
+var ERROR_MESSAGE = "Something went wrong. Your question is still here. Try again.";
+var FEEDBACK_ERROR = "Feedback could not be saved. Try again.";
+function useSessionId(appId) {
+  const key = sessionStorageKey(appId);
+  const [state, setState] = useState2(() => ({
+    key,
+    id: readSessionId(typeof window === "undefined" ? null : window.sessionStorage, appId)
+  }));
+  if (state.key !== key) {
+    setState({
+      key,
+      id: readSessionId(typeof window === "undefined" ? null : window.sessionStorage, appId)
+    });
+  }
+  return state.id;
+}
+function sourcesLabel(count) {
+  return count === 1 ? "1 source" : `${count} sources`;
+}
+function CitationSources({ citations }) {
+  if (!citations.length) return null;
+  return /* @__PURE__ */ jsxs2("details", { className: "bsw-an__sources-wrap", children: [
+    /* @__PURE__ */ jsx3("summary", { className: "bsw-an__sources-toggle", children: sourcesLabel(citations.length) }),
+    /* @__PURE__ */ jsx3("ul", { className: "bsw-an__sources", children: citations.map((citation) => /* @__PURE__ */ jsxs2("li", { className: "bsw-an__source", "data-citation-id": citation.id, children: [
+      citation.url ? /* @__PURE__ */ jsx3("a", { href: citation.url, target: "_blank", rel: "noopener noreferrer", children: citation.title }) : /* @__PURE__ */ jsx3("span", { className: "bsw-an__source-title", children: citation.title }),
+      citation.excerpt ? /* @__PURE__ */ jsx3("p", { className: "bsw-an__excerpt", children: citation.excerpt }) : null
+    ] }, citation.id)) })
+  ] });
+}
+function pageContextForAsk(explicit) {
+  if (explicit) {
+    const url = typeof explicit.url === "string" ? explicit.url : void 0;
+    const title = typeof explicit.title === "string" ? explicit.title : void 0;
+    return { url, title };
+  }
+  if (typeof window === "undefined") return {};
+  return { url: window.location.href, title: document.title };
+}
+function Answers(props) {
+  const presentation = props.presentation ?? "launcher";
+  const sessionId = useSessionId(props.appId);
+  const localRef = useRef(null);
+  const adapter = props.adapter ?? (props.publishableKey ? null : localRef.current ??= createLocalAdapter());
+  const mode = props.adapter ? "byo" : props.publishableKey ? "unwired" : "local";
+  const [draft, setDraft] = useState2("");
+  const [pending, setPending] = useState2(false);
+  const [pendingQuestion, setPendingQuestion] = useState2(null);
+  const [error, setError] = useState2(null);
+  const [turns, setTurns] = useState2([]);
+  const pendingRef = useRef(false);
+  const logRef = useRef(null);
+  const feedbackLock = useRef(/* @__PURE__ */ new Set());
+  const onFallbackRef = useRef(props.onFallback);
+  onFallbackRef.current = props.onFallback;
+  useEffect2(() => {
+    const log = logRef.current;
+    if (!log) return;
+    log.scrollTop = log.scrollHeight;
+  }, [turns, pending, pendingQuestion, error]);
+  const trimmed = draft.trim();
+  const length = codePointLength(trimmed);
+  const overLimit = length > QUESTION_MAX;
+  const inputId = useId();
+  async function onSubmit(event) {
+    event.preventDefault();
+    if (!adapter || pendingRef.current) return;
+    if (!trimmed) {
+      setError("Enter a question.");
+      return;
+    }
+    if (overLimit) {
+      setError(LIMIT_MESSAGE);
+      return;
+    }
+    const question = trimmed;
+    const pageContext = pageContextForAsk(props.pageContext);
+    pendingRef.current = true;
+    setPending(true);
+    setPendingQuestion(question);
+    setDraft("");
+    setError(null);
+    try {
+      const raw = await adapter.ask({ sessionId, question, pageContext });
+      const result = sanitizeResult(raw);
+      if (!result) {
+        setDraft(question);
+        setError(ERROR_MESSAGE);
+        return;
+      }
+      if (result.outcome === "unanswered") onFallbackRef.current?.(result);
+      setTurns((current) => [...current, { question, result, feedback: "idle" }]);
+    } catch {
+      setDraft(question);
+      setError(ERROR_MESSAGE);
+    } finally {
+      pendingRef.current = false;
+      setPending(false);
+      setPendingQuestion(null);
+    }
+  }
+  async function onFeedback(answerId, helpful) {
+    if (!adapter?.feedback || feedbackLock.current.has(answerId)) return;
+    const current = turns.find((turn) => turn.result.answerId === answerId);
+    if (!current || current.feedback === "pending" || current.feedback === "done") return;
+    feedbackLock.current.add(answerId);
+    setTurns((items) => items.map((turn) => turn.result.answerId === answerId ? { ...turn, feedback: "pending" } : turn));
+    try {
+      await adapter.feedback({ sessionId, answerId, helpful });
+      setTurns((items) => items.map((turn) => turn.result.answerId === answerId ? { ...turn, feedback: "done" } : turn));
+    } catch {
+      feedbackLock.current.delete(answerId);
+      setTurns((items) => items.map((turn) => turn.result.answerId === answerId ? { ...turn, feedback: "error" } : turn));
+    }
+  }
+  const panel = /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: [WIDGET_ROOT_CLASS, presentation === "section" ? props.className : ""].filter(Boolean).join(" "),
+      "data-theme": props.theme,
+      "data-mode": mode,
+      children: [
+        /* @__PURE__ */ jsxs2("header", { className: "bsw-an__header", children: [
+          /* @__PURE__ */ jsx3("span", { className: "bsw-an__mark", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs2("div", { className: "bsw-an__heading", children: [
+            /* @__PURE__ */ jsx3("h2", { className: "bsw-an__title", children: "Answers" }),
+            mode === "local" ? /* @__PURE__ */ jsx3("p", { className: "bsw-an__note", children: "Sample answers for Northwind Outfitters." }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "bsw-an__log", ref: logRef, children: turns.length === 0 && !pendingQuestion ? /* @__PURE__ */ jsx3("p", { className: "bsw-an__empty", children: mode === "unwired" ? "This page is not ready to answer yet." : mode === "local" ? "Ask a question. The sample covers hours, returns, and shipping for Northwind Outfitters." : "Ask a question about this page." }) : /* @__PURE__ */ jsxs2("ol", { className: "bsw-an__turns", children: [
+          turns.map((turn, index) => {
+            const citations = turn.result.outcome === "answered" ? turn.result.citations ?? [] : [];
+            const allowed = new Set(citations.map((citation) => citation.url).filter((url) => Boolean(url)));
+            return /* @__PURE__ */ jsxs2("li", { className: "bsw-an__turn", "data-outcome": turn.result.outcome, children: [
+              /* @__PURE__ */ jsx3("div", { className: "bsw-an__row bsw-an__row--visitor", children: /* @__PURE__ */ jsx3("p", { className: "bsw-an__question", children: turn.question }) }),
+              /* @__PURE__ */ jsxs2("div", { className: "bsw-an__row bsw-an__row--reply", children: [
+                turn.result.outcome === "answered" && turn.result.answer ? /* @__PURE__ */ jsx3("div", { className: "bsw-an__answer", children: renderAnswerMarkdown(turn.result.answer, allowed) }) : /* @__PURE__ */ jsx3("p", { className: "bsw-an__fallback", children: turn.result.fallback }),
+                /* @__PURE__ */ jsx3(CitationSources, { citations }),
+                adapter?.feedback ? turn.feedback === "done" ? /* @__PURE__ */ jsx3("p", { className: "bsw-an__thanks", children: "Thanks for the feedback." }) : /* @__PURE__ */ jsxs2("div", { className: "bsw-an__feedback", children: [
+                  /* @__PURE__ */ jsx3(
+                    "button",
+                    {
+                      type: "button",
+                      className: "bsw-an__button bsw-an__button--ghost",
+                      disabled: turn.feedback === "pending",
+                      onClick: () => void onFeedback(turn.result.answerId, true),
+                      children: "Helpful"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3(
+                    "button",
+                    {
+                      type: "button",
+                      className: "bsw-an__button bsw-an__button--ghost",
+                      disabled: turn.feedback === "pending",
+                      onClick: () => void onFeedback(turn.result.answerId, false),
+                      children: "Not helpful"
+                    }
+                  ),
+                  turn.feedback === "error" ? /* @__PURE__ */ jsx3("p", { className: "bsw-an__error", role: "alert", children: FEEDBACK_ERROR }) : null
+                ] }) : null
+              ] })
+            ] }, `${turn.result.answerId}:${index}`);
+          }),
+          pendingQuestion ? /* @__PURE__ */ jsxs2("li", { className: "bsw-an__turn", "data-pending": "true", children: [
+            /* @__PURE__ */ jsx3("div", { className: "bsw-an__row bsw-an__row--visitor", children: /* @__PURE__ */ jsx3("p", { className: "bsw-an__question", children: pendingQuestion }) }),
+            /* @__PURE__ */ jsx3("div", { className: "bsw-an__row bsw-an__row--reply", children: /* @__PURE__ */ jsxs2("p", { className: "bsw-an__status", role: "status", children: [
+              /* @__PURE__ */ jsxs2("span", { className: "bsw-an__dots", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx3("i", {}),
+                /* @__PURE__ */ jsx3("i", {}),
+                /* @__PURE__ */ jsx3("i", {})
+              ] }),
+              "Looking that up."
+            ] }) })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ jsxs2("form", { className: "bsw-an__composer", autoComplete: "off", onSubmit: (event) => void onSubmit(event), children: [
+          error ? /* @__PURE__ */ jsx3("p", { className: "bsw-an__error", role: "alert", children: error }) : null,
+          /* @__PURE__ */ jsx3("label", { className: "bsw-an__label", htmlFor: inputId, children: "Question" }),
+          /* @__PURE__ */ jsxs2("div", { className: "bsw-an__composer-row", children: [
+            /* @__PURE__ */ jsx3(
+              "textarea",
+              {
+                id: inputId,
+                className: "bsw-an__textarea",
+                rows: 2,
+                value: draft,
+                disabled: !adapter || pending,
+                placeholder: mode === "local" ? "Ask about hours, returns, or shipping" : "Ask a question",
+                enterKeyHint: "send",
+                onChange: (event) => {
+                  setDraft(event.target.value);
+                  if (error) setError(null);
+                },
+                onKeyDown: (event) => {
+                  if (event.key !== "Enter" || event.shiftKey) return;
+                  event.preventDefault();
+                  event.currentTarget.form?.requestSubmit();
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx3("button", { className: "bsw-an__button", type: "submit", disabled: !adapter || pending || !trimmed || overLimit, children: "Ask" })
+          ] }),
+          overLimit ? /* @__PURE__ */ jsxs2("p", { className: "bsw-an__count", children: [
+            length,
+            " / 1,000",
+            /* @__PURE__ */ jsxs2("span", { className: "bsw-an__error", children: [
+              " ",
+              LIMIT_MESSAGE
+            ] })
+          ] }) : length > 800 ? /* @__PURE__ */ jsxs2("p", { className: "bsw-an__count", children: [
+            length,
+            " / 1,000"
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+  if (presentation === "section") return panel;
+  return /* @__PURE__ */ jsx3(EmbedFrame, { presentation, defaultOpen: props.defaultOpen, label: "Answers", className: props.className, theme: props.theme, children: panel });
+}
+
+// src/mount.tsx
+import { createRoot } from "react-dom/client";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var roots = /* @__PURE__ */ new WeakMap();
+function mount(el, props = {}) {
+  let root = roots.get(el);
+  if (!root) {
+    root = createRoot(el);
+    roots.set(el, root);
+  }
+  root.render(/* @__PURE__ */ jsx4(Answers, { ...props }));
+  return () => unmount(el);
+}
+function unmount(el) {
+  const root = roots.get(el);
+  if (!root) return;
+  root.unmount();
+  roots.delete(el);
+}
+export {
+  Answers,
+  LOCAL_CITATIONS,
+  LOCAL_FALLBACK,
+  LOCAL_PROMPTS,
+  QUESTION_MAX,
+  WIDGET_ROOT_CLASS,
+  createByoAdapter,
+  createLocalAdapter,
+  mount,
+  unmount
+};
+//# sourceMappingURL=index.js.map