@livo-tv/sdk 1.10.0 → 1.10.1-pr.6.4bf5bbd

package/README.md

@@ -11,7 +11,25 @@ import "@livo-tv/sdk/styles.css";
 <LivoStudio guestToken="..." theme={{ primary: "#2563eb" }} />
 ```
 
-`@livo-tv/sdk` and `@livo-tv/sdk/studio` are client entries (the published bundles start with `"use client"`). Import them from `"use client"` files in Next.js App Router — do not import `@livo-tv/sdk/studio` from a Server Component page. Tailwind hosts must `@source` `node_modules/@livo-tv/sdk/dist/*.{js,cjs,mjs}` like `@livo-tv/blocks`. RealtimeKit is an optional peer (`@cloudflare/realtimekit`). Root `<LivoStudio>` remains the iframe fallback.
+`@livo-tv/sdk`, `@livo-tv/sdk/studio`, and `@livo-tv/sdk/condo` (`LivoCommunity`) are client entries (the published bundles start with `"use client"`). Import them from `"use client"` files in Next.js App Router — do not import those entries from a Server Component page. Tailwind hosts must `@source` `node_modules/@livo-tv/sdk/dist/*.{js,cjs,mjs}` like `@livo-tv/blocks`. RealtimeKit is an optional peer (`@cloudflare/realtimekit`). Root `<LivoStudio>` remains the iframe fallback.
+
+Community (condo) — comments on every video, live Q&A only while a stream or webinar is `preview` / `public`. After the event, Q&A stays closed. Comments stay closed unless the organizer sets `commentsAfterEnd`. Pass a public `apiUrl` for viewers (`mode="viewer"`, polls). Pass JWT / `X-Api-Key` headers and `mode="control"` for settings, pin/hide/delete, and Q&A highlight/dismiss/answer. Unregistered posters send `displayName`, optional `picture` URL, and `guestId`.
+
+```tsx
+import { LivoCommunity } from "@livo-tv/sdk/condo";
+import "@livo-tv/sdk/styles.css";
+
+<LivoCommunity
+	apiUrl="https://api.livo.tv"
+	targetKind="stream"
+	targetId={stream.id}
+	flags={stream.community}
+	mode="viewer"
+	displayName="Ada"
+	picture="https://cdn.example/ada.jpg"
+	guestId="guest-ada"
+/>;
+```
 
 Server (Node / Workers):
 

package/dist/condo/index.cjs

@@ -0,0 +1,648 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/condo/community.tsx
+
+// src/condo/types.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function asString(value) {
+  return typeof value === "string" ? value : null;
+}
+function asNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function parseCommunityFlags(value, kind) {
+  if (!isRecord(value)) return null;
+  if (kind === "vod") {
+    if (typeof value.commentsEnabled !== "boolean") return null;
+    return {
+      commentsEnabled: value.commentsEnabled,
+      commentsOpen: typeof value.commentsOpen === "boolean" ? value.commentsOpen : value.commentsEnabled
+    };
+  }
+  if (typeof value.commentsEnabled !== "boolean" || typeof value.commentsAfterEnd !== "boolean" || typeof value.qaEnabled !== "boolean") {
+    return null;
+  }
+  return {
+    commentsEnabled: value.commentsEnabled,
+    commentsAfterEnd: value.commentsAfterEnd,
+    commentsOpen: typeof value.commentsOpen === "boolean" ? value.commentsOpen : value.commentsEnabled,
+    qaEnabled: value.qaEnabled,
+    qaOpen: typeof value.qaOpen === "boolean" ? value.qaOpen : false
+  };
+}
+function parseAnswer(value) {
+  if (!isRecord(value)) return null;
+  const body = asString(value.body);
+  const answeredAt = asNumber(value.answeredAt);
+  if (!body || answeredAt == null) return null;
+  return {
+    body,
+    displayName: asString(value.displayName),
+    picture: asString(value.picture),
+    answeredAt
+  };
+}
+function parseCommunityItem(value) {
+  if (!isRecord(value)) return null;
+  const id = asString(value.id);
+  const body = asString(value.body);
+  const displayName = asString(value.displayName);
+  const guestId = asString(value.guestId);
+  const type = value.type === "question" ? "question" : "comment";
+  const createdAt = asNumber(value.createdAt);
+  if (!id || !body || !displayName || !guestId || createdAt == null) {
+    return null;
+  }
+  const replies = Array.isArray(value.replies) ? value.replies.map((row) => parseCommunityItem(row)).filter((row) => row != null) : [];
+  return {
+    id,
+    type,
+    parentId: asString(value.parentId),
+    body,
+    displayName,
+    picture: asString(value.picture),
+    guestId,
+    upvoteCount: asNumber(value.upvoteCount) ?? 0,
+    pinnedAt: asNumber(value.pinnedAt),
+    highlightedAt: asNumber(value.highlightedAt),
+    hiddenAt: asNumber(value.hiddenAt),
+    dismissedAt: asNumber(value.dismissedAt),
+    answer: parseAnswer(value.answer),
+    createdAt,
+    updatedAt: asNumber(value.updatedAt) ?? createdAt,
+    replies
+  };
+}
+function parseCommunityList(value) {
+  if (!isRecord(value) || !Array.isArray(value.items)) {
+    return { items: [], nextCursor: null };
+  }
+  return {
+    items: value.items.map((row) => parseCommunityItem(row)).filter((row) => row != null),
+    nextCursor: asString(value.nextCursor)
+  };
+}
+function hasQa(flags) {
+  return "qaEnabled" in flags;
+}
+
+// src/condo/api.ts
+var CommunityApiError = class extends Error {
+  status;
+  body;
+  constructor(status, message, body) {
+    super(message);
+    this.name = "CommunityApiError";
+    this.status = status;
+    this.body = body;
+  }
+};
+function collectionPath(kind, id, mode) {
+  const plural = kind === "stream" ? "streams" : "vods";
+  const prefix = mode === "viewer" ? "/public" : "";
+  return `${prefix}/${plural}/${encodeURIComponent(id)}/community`;
+}
+function createCommunityClient(options) {
+  const apiUrl = options.apiUrl.replace(/\/$/, "");
+  const fetchFn = options.fetchFn ?? fetch;
+  const mode = options.mode ?? "viewer";
+  const base = collectionPath(options.targetKind, options.targetId, mode);
+  async function request(path, init = {}, parse) {
+    const headers = new Headers(init.headers);
+    for (const [key, value] of Object.entries(options.headers ?? {})) {
+      headers.set(key, value);
+    }
+    headers.set("accept", "application/json");
+    if (init.body && !headers.has("content-type")) {
+      headers.set("content-type", "application/json");
+    }
+    const res = await fetchFn(`${apiUrl}${path}`, { ...init, headers });
+    const body = await res.json().catch(() => ({}));
+    if (!res.ok) {
+      const error = typeof body === "object" && body !== null && "error" in body && typeof body.error === "string" ? body.error : `Livo community ${res.status}`;
+      throw new CommunityApiError(res.status, error, body);
+    }
+    return parse(body);
+  }
+  return {
+    list(input = {}) {
+      const params = new URLSearchParams();
+      if (input.type) params.set("type", input.type);
+      if (input.q) params.set("q", input.q);
+      if (input.cursor) params.set("cursor", input.cursor);
+      const query = params.toString();
+      return request(
+        `${base}${query ? `?${query}` : ""}`,
+        {},
+        (value) => parseCommunityList(value)
+      );
+    },
+    create(input) {
+      return request(
+        base,
+        { method: "POST", body: JSON.stringify(input) },
+        (value) => {
+          const record = typeof value === "object" && value !== null && "item" in value ? value.item : value;
+          const item = parseCommunityItem(record);
+          if (!item) throw new CommunityApiError(500, "Invalid item", value);
+          return item;
+        }
+      );
+    },
+    patch(itemId, input) {
+      return request(
+        `${base}/${encodeURIComponent(itemId)}`,
+        { method: "PATCH", body: JSON.stringify(input) },
+        (value) => {
+          const record = typeof value === "object" && value !== null && "item" in value ? value.item : value;
+          const item = parseCommunityItem(record);
+          if (!item) throw new CommunityApiError(500, "Invalid item", value);
+          return item;
+        }
+      );
+    },
+    upvote(itemId, guestId) {
+      return request(
+        `${base}/${encodeURIComponent(itemId)}/upvote`,
+        {
+          method: "POST",
+          body: JSON.stringify({ guestId })
+        },
+        (value) => {
+          const record = typeof value === "object" && value !== null && "item" in value ? value.item : value;
+          const item = parseCommunityItem(record);
+          if (!item) throw new CommunityApiError(500, "Invalid item", value);
+          return item;
+        }
+      );
+    },
+    patchSettings(input) {
+      const plural = options.targetKind === "stream" ? "streams" : "vods";
+      return request(
+        `/${plural}/${encodeURIComponent(options.targetId)}`,
+        { method: "PATCH", body: JSON.stringify(input) },
+        (value) => {
+          const record = typeof value === "object" && value !== null ? value : null;
+          const nested = record && typeof record.stream === "object" && record.stream ? record.stream.community : record && typeof record.vod === "object" && record.vod ? record.vod.community : record?.community;
+          return parseCommunityFlags(nested, options.targetKind);
+        }
+      );
+    }
+  };
+}
+
+// src/condo/gates.ts
+function commentsOpen(flags) {
+  return flags.commentsOpen;
+}
+function qaOpen(flags) {
+  return hasQa(flags) && flags.qaOpen;
+}
+function canPost(flags, type) {
+  if (type === "question") return qaOpen(flags);
+  return commentsOpen(flags);
+}
+function showQaTab(flags) {
+  return hasQa(flags) && flags.qaEnabled;
+}
+
+// src/condo/identity.ts
+var STORAGE_KEY = "livo-community-guest-id";
+function randomGuestId() {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
+    return crypto.randomUUID();
+  }
+  return `guest-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function communityGuestId(storage) {
+  const store = storage ?? (typeof localStorage === "undefined" ? void 0 : localStorage);
+  if (!store) return randomGuestId();
+  const existing = store.getItem(STORAGE_KEY)?.trim();
+  if (existing) return existing;
+  const created = randomGuestId();
+  store.setItem(STORAGE_KEY, created);
+  return created;
+}
+
+// src/condo/labels.ts
+var communityLabels = {
+  comments: "Comments",
+  qa: "Q&A",
+  composer: "Write a comment",
+  questionComposer: "Ask a question",
+  reply: "Reply",
+  send: "Send",
+  name: "Display name",
+  namePlaceholder: "Your name",
+  closed: "Comments are closed",
+  qaClosed: "Q&A is closed",
+  emptyComments: "No comments yet",
+  emptyQuestions: "No questions yet",
+  pin: "Pin",
+  unpin: "Unpin",
+  hide: "Hide",
+  unhide: "Unhide",
+  remove: "Delete",
+  highlight: "Highlight",
+  dismiss: "Dismiss",
+  answer: "Answer",
+  upvote: "Upvote",
+  settings: "Community",
+  commentsEnabled: "Comments",
+  commentsAfterEnd: "Keep comments open after the event",
+  qaEnabled: "Live Q&A",
+  commentsHelp: "Viewers can comment on this video.",
+  commentsAfterEndHelp: "When off, comments close as soon as the live event ends.",
+  qaHelp: "Questions are only accepted while the event is live."
+};
+function mergeLabels(partial) {
+  return { ...communityLabels, ...partial };
+}
+function ItemRow({
+  item,
+  mode,
+  labels,
+  onReply,
+  onPatch,
+  onUpvote
+}) {
+  const [answer, setAnswer] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "article",
+    {
+      className: "livo-condo-item",
+      "data-highlighted": item.highlightedAt ? "true" : void 0,
+      "data-hidden": item.hiddenAt ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "livo-condo-item__meta", children: [
+          item.picture ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.picture, alt: "", className: "livo-condo-avatar" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "livo-condo-avatar livo-condo-avatar--fallback", children: item.displayName.slice(0, 1).toUpperCase() }),
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: item.displayName }),
+          item.pinnedAt ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "livo-condo-chip", children: "Pinned" }) : null,
+          item.highlightedAt ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "livo-condo-chip", children: "Live" }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "livo-condo-item__body", children: item.body }),
+        item.answer ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "livo-condo-answer", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+            item.answer.displayName ?? "Host",
+            ":"
+          ] }),
+          " ",
+          item.answer.body
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "livo-condo-item__actions", children: [
+          item.type === "question" && onUpvote ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => onUpvote(item.id), children: [
+            labels.upvote,
+            " ",
+            item.upvoteCount
+          ] }) : null,
+          item.type === "comment" && !item.parentId && onReply ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onReply(item.id), children: labels.reply }) : null,
+          mode === "control" && item.type === "comment" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onPatch(item.id, { pinned: item.pinnedAt == null }),
+                children: item.pinnedAt ? labels.unpin : labels.pin
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onPatch(item.id, { hidden: item.hiddenAt == null }),
+                children: item.hiddenAt ? labels.unhide : labels.hide
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onPatch(item.id, { deleted: true }),
+                children: labels.remove
+              }
+            )
+          ] }) : null,
+          mode === "control" && item.type === "question" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onPatch(item.id, { highlighted: item.highlightedAt == null }),
+                children: labels.highlight
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onPatch(item.id, { dismissed: item.dismissedAt == null }),
+                children: labels.dismiss
+              }
+            )
+          ] }) : null
+        ] }),
+        mode === "control" && item.type === "question" ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "form",
+          {
+            className: "livo-condo-answer-form",
+            onSubmit: (event) => {
+              event.preventDefault();
+              const body = answer.trim();
+              if (!body) return;
+              onPatch(item.id, { answer: { body } });
+              setAnswer("");
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  value: answer,
+                  onChange: (event) => setAnswer(event.target.value),
+                  placeholder: labels.answer,
+                  "aria-label": labels.answer
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", children: labels.send })
+            ]
+          }
+        ) : null,
+        item.replies?.map((reply) => /* @__PURE__ */ jsxRuntime.jsx(
+          ItemRow,
+          {
+            item: reply,
+            mode,
+            labels,
+            onPatch
+          },
+          reply.id
+        ))
+      ]
+    }
+  );
+}
+function LivoCommunity({
+  apiUrl,
+  targetKind,
+  targetId,
+  flags,
+  mode = "viewer",
+  fetchFn,
+  headers,
+  displayName: displayNameProp,
+  picture,
+  guestId: guestIdProp,
+  pollMs = 5e3,
+  labels: labelsProp,
+  className,
+  onFlagsChange
+}) {
+  const labels = react.useMemo(() => mergeLabels(labelsProp), [labelsProp]);
+  const client = react.useMemo(
+    () => createCommunityClient({
+      apiUrl,
+      targetKind,
+      targetId,
+      mode,
+      fetchFn,
+      headers
+    }),
+    [apiUrl, fetchFn, headers, mode, targetId, targetKind]
+  );
+  const guestId = guestIdProp ?? communityGuestId();
+  const [tab, setTab] = react.useState("comment");
+  const [items, setItems] = react.useState([]);
+  const [body, setBody] = react.useState("");
+  const [name, setName] = react.useState(displayNameProp ?? "");
+  const [replyTo, setReplyTo] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [settings, setSettings] = react.useState(flags);
+  react.useEffect(() => {
+    setSettings(flags);
+  }, [flags]);
+  react.useEffect(() => {
+    if (!showQaTab(settings) && tab === "question") setTab("comment");
+  }, [settings, tab]);
+  const load = react.useCallback(async () => {
+    const listed = await client.list({
+      type: showQaTab(settings) ? tab : "comment"
+    });
+    setItems(listed.items);
+  }, [client, settings, tab]);
+  react.useEffect(() => {
+    let cancelled = false;
+    const tick = async () => {
+      try {
+        await load();
+        if (!cancelled) setError(null);
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : "Failed to load");
+        }
+      }
+    };
+    void tick();
+    if (pollMs <= 0) return;
+    const id = window.setInterval(() => void tick(), pollMs);
+    return () => {
+      cancelled = true;
+      window.clearInterval(id);
+    };
+  }, [load, pollMs]);
+  const open = tab === "question" ? qaOpen(settings) : commentsOpen(settings);
+  async function submit(event) {
+    event.preventDefault();
+    const text = body.trim();
+    const displayName = (displayNameProp ?? name).trim();
+    if (!text || !displayName) return;
+    try {
+      await client.create({
+        type: tab,
+        body: text,
+        displayName,
+        picture: picture ?? void 0,
+        guestId,
+        parentId: tab === "comment" ? replyTo ?? void 0 : void 0
+      });
+      setBody("");
+      setReplyTo(null);
+      await load();
+      setError(null);
+    } catch (err) {
+      setError(
+        err instanceof CommunityApiError ? err.message : "Could not post"
+      );
+    }
+  }
+  async function handlePatch(itemId, patch) {
+    try {
+      await client.patch(itemId, patch);
+      await load();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not update");
+    }
+  }
+  async function handleUpvote(itemId) {
+    try {
+      await client.upvote(itemId, guestId);
+      await load();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not upvote");
+    }
+  }
+  async function updateSetting(patch) {
+    try {
+      const parsed = await client.patchSettings(patch);
+      const next = parsed ?? { ...settings, ...patch };
+      setSettings(next);
+      onFlagsChange?.(next);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not save");
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: ["livo-condo", className].filter(Boolean).join(" "), children: [
+    mode === "control" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "livo-condo-settings", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { children: labels.settings }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: settings.commentsEnabled,
+            onChange: (event) => void updateSetting({ commentsEnabled: event.target.checked })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: labels.commentsEnabled }),
+          /* @__PURE__ */ jsxRuntime.jsx("small", { children: labels.commentsHelp })
+        ] })
+      ] }),
+      hasQa(settings) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: settings.commentsAfterEnd,
+              onChange: (event) => void updateSetting({
+                commentsAfterEnd: event.target.checked
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: labels.commentsAfterEnd }),
+            /* @__PURE__ */ jsxRuntime.jsx("small", { children: labels.commentsAfterEndHelp })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: settings.qaEnabled,
+              onChange: (event) => void updateSetting({ qaEnabled: event.target.checked })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: labels.qaEnabled }),
+            /* @__PURE__ */ jsxRuntime.jsx("small", { children: labels.qaHelp })
+          ] })
+        ] })
+      ] }) : null
+    ] }) : null,
+    showQaTab(settings) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "livo-condo-tabs", role: "tablist", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": tab === "comment",
+          onClick: () => setTab("comment"),
+          children: labels.comments
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": tab === "question",
+          onClick: () => setTab("question"),
+          children: labels.qa
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "livo-condo-title", children: labels.comments }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "livo-condo-list", children: items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "livo-condo-empty", children: tab === "question" ? labels.emptyQuestions : labels.emptyComments }) : items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      ItemRow,
+      {
+        item,
+        mode,
+        labels,
+        onReply: canPost(settings, "comment") ? setReplyTo : void 0,
+        onPatch: handlePatch,
+        onUpvote: tab === "question" ? handleUpvote : void 0
+      },
+      item.id
+    )) }),
+    open ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "livo-condo-composer",
+        onSubmit: (event) => void submit(event),
+        children: [
+          displayNameProp ? null : /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "livo-sr-only", children: labels.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                value: name,
+                onChange: (event) => setName(event.target.value),
+                placeholder: labels.namePlaceholder,
+                required: true,
+                maxLength: 80
+              }
+            )
+          ] }),
+          replyTo ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "livo-condo-replying", children: [
+            labels.reply,
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => setReplyTo(null), children: "\xD7" })
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              value: body,
+              onChange: (event) => setBody(event.target.value),
+              placeholder: tab === "question" ? labels.questionComposer : labels.composer,
+              required: true,
+              maxLength: 2e3,
+              rows: 3
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", children: labels.send })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "livo-condo-closed", role: "status", children: tab === "question" ? labels.qaClosed : labels.closed }),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "livo-condo-error", role: "alert", children: error }) : null
+  ] });
+}
+
+exports.CommunityApiError = CommunityApiError;
+exports.LivoCommunity = LivoCommunity;
+exports.canPost = canPost;
+exports.commentsOpen = commentsOpen;
+exports.communityGuestId = communityGuestId;
+exports.communityLabels = communityLabels;
+exports.createCommunityClient = createCommunityClient;
+exports.hasQa = hasQa;
+exports.parseCommunityFlags = parseCommunityFlags;
+exports.parseCommunityItem = parseCommunityItem;
+exports.parseCommunityList = parseCommunityList;
+exports.qaOpen = qaOpen;
+exports.showQaTab = showQaTab;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map