@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-Q6CGOPJD.js

@@ -0,0 +1,215 @@
+"use client";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  userErrorText
+} from "./chunk-O4OOG3D6.js";
+
+// src/app/lib/inbox.tsx
+import { accessContextHasInbox } from "@opengeni/contracts";
+import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
+var EMPTY = { data: null, error: null, loading: true };
+var NO_INBOX = { data: null, error: null, loading: false };
+function hasInbox(context) {
+  return accessContextHasInbox(context);
+}
+var InboxStore = class {
+  constructor(client) {
+    this.client = client;
+  }
+  state = EMPTY;
+  listeners = /* @__PURE__ */ new Set();
+  inFlight = null;
+  generation = 0;
+  get snapshot() {
+    return this.state;
+  }
+  subscribe = (listener) => {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  };
+  set(next) {
+    this.state = { ...this.state, ...next };
+    for (const listener of this.listeners) listener();
+  }
+  refresh = async () => {
+    if (this.inFlight) return await this.inFlight;
+    const request = ++this.generation;
+    this.inFlight = this.client.listInbox().then((data) => {
+      if (request !== this.generation) return;
+      if (!Array.isArray(data?.items)) {
+        this.set({ error: new Error("The inbox response had no items."), loading: false });
+        return;
+      }
+      this.set({ data, error: null, loading: false });
+    }).catch((error) => {
+      if (request === this.generation) this.set({ error, loading: false });
+    }).finally(() => {
+      this.inFlight = null;
+    });
+    return await this.inFlight;
+  };
+  /** Apply a local change at once (an answered item leaves) before the server confirms. */
+  patchItems(update) {
+    const data = this.state.data;
+    if (!data) return;
+    const items = update(data.items);
+    const now = Date.now();
+    const awake = items.filter(
+      (item) => item.snoozedUntil === null || Date.parse(item.snoozedUntil) <= now
+    );
+    this.set({
+      data: {
+        items,
+        needsYouCount: awake.filter((item) => isNeedsYouKind(item.kind)).length,
+        unreadCount: awake.filter((item) => item.unread).length
+      }
+    });
+  }
+};
+var stores = /* @__PURE__ */ new WeakMap();
+function storeFor(client) {
+  let store = stores.get(client);
+  if (!store) {
+    store = new InboxStore(client);
+    stores.set(client, store);
+  }
+  return store;
+}
+function useInbox(options = {}) {
+  const { client, accessContext } = useAppContext();
+  const store = storeFor(client);
+  const person = hasInbox(accessContext);
+  const enabled = (options.enabled ?? true) && person;
+  const pollMs = options.pollMs ?? 3e4;
+  const state = useSyncExternalStore(
+    store.subscribe,
+    () => store.snapshot,
+    () => EMPTY
+  );
+  useEffect(() => {
+    if (!enabled) return;
+    const refresh2 = () => {
+      if (document.visibilityState === "hidden") return;
+      void store.refresh();
+    };
+    refresh2();
+    const timer = window.setInterval(refresh2, pollMs);
+    window.addEventListener("focus", refresh2);
+    document.addEventListener("visibilitychange", refresh2);
+    return () => {
+      window.clearInterval(timer);
+      window.removeEventListener("focus", refresh2);
+      document.removeEventListener("visibilitychange", refresh2);
+    };
+  }, [enabled, pollMs, store]);
+  const refresh = useCallback(() => store.refresh(), [store]);
+  const patchItems = useCallback(
+    (update) => store.patchItems(update),
+    [store]
+  );
+  return { ...person ? state : NO_INBOX, refresh, patchItems };
+}
+function isNeedsYouKind(kind) {
+  return kind === "question" || kind === "approval" || kind === "goal_paused";
+}
+function inboxAttentionCount(data) {
+  if (!data) return 0;
+  const now = Date.now();
+  return data.items.filter(
+    (item) => (item.snoozedUntil === null || Date.parse(item.snoozedUntil) <= now) && (isNeedsYouKind(item.kind) || item.unread)
+  ).length;
+}
+function useReadSessionInbox(sessionId) {
+  const context = useAppContext();
+  const personal = hasInbox(context.accessContext);
+  const client = context.client;
+  useEffect(() => {
+    if (!personal) return;
+    const store = storeFor(client);
+    const read = async () => {
+      const data = await client.listInbox().catch(() => null);
+      const unread = (data?.items ?? []).filter(
+        (item) => item.sessionId === sessionId && item.unread && (item.kind === "reply" || item.kind === "notification")
+      );
+      if (unread.length === 0) return;
+      await Promise.all(
+        unread.map(
+          (item) => client.updateInboxItem(item.id, { seen: true }).catch(() => void 0)
+        )
+      );
+      store.patchItems(
+        (items) => items.map(
+          (item) => unread.some((each) => each.id === item.id) ? { ...item, unread: false } : item
+        )
+      );
+    };
+    void read();
+    return () => void read();
+  }, [client, personal, sessionId]);
+}
+function repliesMuteLabel(mute) {
+  if (mute.scope === "schedule") {
+    return mute.muted ? "Unmute this automation's replies" : "Mute this automation's replies";
+  }
+  return mute.muted ? "Unmute replies" : "Mute replies";
+}
+function useSessionRepliesMute(session) {
+  const context = useAppContext();
+  const client = context.client;
+  const applies = hasInbox(context.accessContext) && session.parentSessionId === null;
+  const [muted, setMuted] = useState(null);
+  const [scope, setScope] = useState("session");
+  const [busy, setBusy] = useState(false);
+  useEffect(() => {
+    setMuted(null);
+    setScope("session");
+    if (!applies) return;
+    let current = true;
+    client.getSessionInboxMute(session.workspaceId, session.id).then((value) => {
+      if (!current) return;
+      setMuted(value.repliesMuted);
+      setScope(value.scope ?? "session");
+    }).catch(() => void 0);
+    return () => {
+      current = false;
+    };
+  }, [applies, client, session.id, session.workspaceId]);
+  const toggle = useCallback(() => {
+    if (muted === null || busy) return;
+    const next = !muted;
+    setBusy(true);
+    client.setSessionInboxMute(session.workspaceId, session.id, { repliesMuted: next }).then((value) => {
+      setMuted(value.repliesMuted);
+      const nextScope = value.scope ?? "session";
+      setScope(nextScope);
+      void storeFor(client).refresh();
+      const subject = nextScope === "schedule" ? "Replies from this automation" : "Replies";
+      toast.success(
+        value.repliesMuted ? `${subject} muted. Notifications and questions still reach you.` : `${subject} unmuted.`
+      );
+    }).catch((error) => {
+      const what = scope === "schedule" ? "this automation's replies" : "replies";
+      toast.error(next ? `Couldn't mute ${what}.` : `Couldn't unmute ${what}.`, {
+        description: userErrorText(error)
+      });
+    }).finally(() => setBusy(false));
+  }, [busy, client, muted, scope, session.id, session.workspaceId]);
+  return applies && muted !== null ? { muted, busy, toggle, scope } : null;
+}
+
+export {
+  hasInbox,
+  InboxStore,
+  useInbox,
+  isNeedsYouKind,
+  inboxAttentionCount,
+  useReadSessionInbox,
+  repliesMuteLabel,
+  useSessionRepliesMute
+};
+//# sourceMappingURL=chunk-Q6CGOPJD.js.map

package/dist/chunk-Q6CGOPJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/lib/inbox.tsx"],"sourcesContent":["// The person's inbox, shared by the rail entry and the Inbox page. One poll\n// (30 s, faster while the page is open, and on focus) keeps both in step;\n// any action refreshes immediately.\nimport { accessContextHasInbox } from \"@opengeni/contracts\";\nimport type { InboxItem, ListInboxResponse, OpenGeniClient } from \"@opengeni/sdk\";\nimport { useCallback, useEffect, useState, useSyncExternalStore } from \"react\";\nimport { toast } from \"./toast\";\n\nimport { useAppContext } from \"../app-context\";\nimport { userErrorText } from \"../../ui/api-error\";\n\ntype InboxState = {\n  data: ListInboxResponse | null;\n  error: unknown;\n  loading: boolean;\n};\n\ntype InboxClient = Pick<OpenGeniClient, \"listInbox\">;\n\nconst EMPTY: InboxState = { data: null, error: null, loading: true };\nconst NO_INBOX: InboxState = { data: null, error: null, loading: false };\n\n/**\n * Only a person has an inbox: a signed-in person, or a local install's one\n * built-in human. The API refuses keys, services, agents and other development\n * subjects, so nothing polls it for anyone else.\n */\nexport function hasInbox(context: Parameters<typeof accessContextHasInbox>[0]): boolean {\n  return accessContextHasInbox(context);\n}\n\nexport class InboxStore {\n  private state: InboxState = EMPTY;\n  private listeners = new Set<() => void>();\n  private inFlight: Promise<void> | null = null;\n  private generation = 0;\n\n  constructor(private readonly client: InboxClient) {}\n\n  get snapshot(): InboxState {\n    return this.state;\n  }\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  };\n\n  private set(next: Partial<InboxState>) {\n    this.state = { ...this.state, ...next };\n    for (const listener of this.listeners) listener();\n  }\n\n  refresh = async (): Promise<void> => {\n    if (this.inFlight) return await this.inFlight;\n    const request = ++this.generation;\n    this.inFlight = this.client\n      .listInbox()\n      .then((data) => {\n        if (request !== this.generation) return;\n        // A body without an item list is not an inbox (a proxy or stub answered);\n        // treat it like a failed load rather than let the rail badge crash the app.\n        if (!Array.isArray(data?.items)) {\n          this.set({ error: new Error(\"The inbox response had no items.\"), loading: false });\n          return;\n        }\n        this.set({ data, error: null, loading: false });\n      })\n      .catch((error: unknown) => {\n        // Keep the last good list on a transient failure; the page says so.\n        if (request === this.generation) this.set({ error, loading: false });\n      })\n      .finally(() => {\n        this.inFlight = null;\n      });\n    return await this.inFlight;\n  };\n\n  /** Apply a local change at once (an answered item leaves) before the server confirms. */\n  patchItems(update: (items: InboxItem[]) => InboxItem[]) {\n    const data = this.state.data;\n    if (!data) return;\n    const items = update(data.items);\n    const now = Date.now();\n    const awake = items.filter(\n      (item) => item.snoozedUntil === null || Date.parse(item.snoozedUntil) <= now,\n    );\n    this.set({\n      data: {\n        items,\n        needsYouCount: awake.filter((item) => isNeedsYouKind(item.kind)).length,\n        unreadCount: awake.filter((item) => item.unread).length,\n      },\n    });\n  }\n}\n\nconst stores = new WeakMap<InboxClient, InboxStore>();\n\nfunction storeFor(client: InboxClient): InboxStore {\n  let store = stores.get(client);\n  if (!store) {\n    store = new InboxStore(client);\n    stores.set(client, store);\n  }\n  return store;\n}\n\n/** The inbox, polled while mounted. `pollMs` is shortened while the Inbox page is open. */\nexport function useInbox(\n  options: { pollMs?: number | undefined; enabled?: boolean | undefined } = {},\n) {\n  const { client, accessContext } = useAppContext();\n  const store = storeFor(client);\n  const person = hasInbox(accessContext);\n  const enabled = (options.enabled ?? true) && person;\n  const pollMs = options.pollMs ?? 30_000;\n  const state = useSyncExternalStore(\n    store.subscribe,\n    () => store.snapshot,\n    () => EMPTY,\n  );\n  useEffect(() => {\n    if (!enabled) return;\n    const refresh = () => {\n      if (document.visibilityState === \"hidden\") return;\n      void store.refresh();\n    };\n    refresh();\n    const timer = window.setInterval(refresh, pollMs);\n    window.addEventListener(\"focus\", refresh);\n    document.addEventListener(\"visibilitychange\", refresh);\n    return () => {\n      window.clearInterval(timer);\n      window.removeEventListener(\"focus\", refresh);\n      document.removeEventListener(\"visibilitychange\", refresh);\n    };\n  }, [enabled, pollMs, store]);\n\n  const refresh = useCallback(() => store.refresh(), [store]);\n  const patchItems = useCallback(\n    (update: (items: InboxItem[]) => InboxItem[]) => store.patchItems(update),\n    [store],\n  );\n  return { ...(person ? state : NO_INBOX), refresh, patchItems };\n}\n\n/** Questions, approvals and paused goals wait on the person; notes and replies don't. */\nexport function isNeedsYouKind(kind: InboxItem[\"kind\"]): boolean {\n  return kind === \"question\" || kind === \"approval\" || kind === \"goal_paused\";\n}\n\n/** What waits on the person: needs-you items plus unread notes and replies, unsnoozed. */\nexport function inboxAttentionCount(data: ListInboxResponse | null): number {\n  if (!data) return 0;\n  const now = Date.now();\n  return data.items.filter(\n    (item) =>\n      (item.snoozedUntil === null || Date.parse(item.snoozedUntil) <= now) &&\n      (isNeedsYouKind(item.kind) || item.unread),\n  ).length;\n}\n\n/**\n * Looking at a session reads its replies and agent notes in the inbox (they\n * stay until cleared): on opening it and on leaving it, so a reply that\n * arrived while it was open is read too. Needs-you items are untouched.\n */\nexport function useReadSessionInbox(sessionId: string) {\n  const context = useAppContext();\n  const personal = hasInbox(context.accessContext);\n  const client = context.client;\n  useEffect(() => {\n    if (!personal) return;\n    const store = storeFor(client);\n    const read = async () => {\n      const data = await client.listInbox().catch(() => null);\n      const unread = (data?.items ?? []).filter(\n        (item) =>\n          item.sessionId === sessionId &&\n          item.unread &&\n          (item.kind === \"reply\" || item.kind === \"notification\"),\n      );\n      if (unread.length === 0) return;\n      await Promise.all(\n        unread.map((item) =>\n          client.updateInboxItem(item.id, { seen: true }).catch(() => undefined),\n        ),\n      );\n      store.patchItems((items) =>\n        items.map((item) =>\n          unread.some((each) => each.id === item.id) ? { ...item, unread: false } : item,\n        ),\n      );\n    };\n    void read();\n    return () => void read();\n  }, [client, personal, sessionId]);\n}\n\n/**\n * \"schedule\" when the session is one run of a schedule that starts a new\n * session per run: the mute then covers every run of that schedule.\n */\nexport type SessionRepliesMuteScope = \"session\" | \"schedule\";\n\nexport type SessionRepliesMute = {\n  muted: boolean;\n  busy: boolean;\n  toggle: () => void;\n  scope?: SessionRepliesMuteScope | undefined;\n};\n\n/** The session menu's mute action, naming the schedule when it covers one. */\nexport function repliesMuteLabel(mute: Pick<SessionRepliesMute, \"muted\" | \"scope\">): string {\n  if (mute.scope === \"schedule\") {\n    return mute.muted ? \"Unmute this automation's replies\" : \"Mute this automation's replies\";\n  }\n  return mute.muted ? \"Unmute replies\" : \"Mute replies\";\n}\n\n/**\n * The signed-in person's mute on a top-level session's replies. Null when it\n * does not apply (a sub-agent, no inbox) or the server cannot say, so the\n * menu offers it only where it works.\n */\nexport function useSessionRepliesMute(session: {\n  workspaceId: string;\n  id: string;\n  parentSessionId: string | null;\n}): SessionRepliesMute | null {\n  const context = useAppContext();\n  const client = context.client;\n  const applies = hasInbox(context.accessContext) && session.parentSessionId === null;\n  const [muted, setMuted] = useState<boolean | null>(null);\n  const [scope, setScope] = useState<SessionRepliesMuteScope>(\"session\");\n  const [busy, setBusy] = useState(false);\n  useEffect(() => {\n    setMuted(null);\n    setScope(\"session\");\n    if (!applies) return;\n    let current = true;\n    client\n      .getSessionInboxMute(session.workspaceId, session.id)\n      .then((value) => {\n        if (!current) return;\n        setMuted(value.repliesMuted);\n        setScope(value.scope ?? \"session\");\n      })\n      .catch(() => undefined);\n    return () => {\n      current = false;\n    };\n  }, [applies, client, session.id, session.workspaceId]);\n  const toggle = useCallback(() => {\n    if (muted === null || busy) return;\n    const next = !muted;\n    setBusy(true);\n    client\n      .setSessionInboxMute(session.workspaceId, session.id, { repliesMuted: next })\n      .then((value) => {\n        setMuted(value.repliesMuted);\n        const nextScope = value.scope ?? \"session\";\n        setScope(nextScope);\n        void storeFor(client).refresh();\n        const subject = nextScope === \"schedule\" ? \"Replies from this automation\" : \"Replies\";\n        toast.success(\n          value.repliesMuted\n            ? `${subject} muted. Notifications and questions still reach you.`\n            : `${subject} unmuted.`,\n        );\n      })\n      .catch((error: unknown) => {\n        const what = scope === \"schedule\" ? \"this automation's replies\" : \"replies\";\n        toast.error(next ? `Couldn't mute ${what}.` : `Couldn't unmute ${what}.`, {\n          description: userErrorText(error),\n        });\n      })\n      .finally(() => setBusy(false));\n  }, [busy, client, muted, scope, session.id, session.workspaceId]);\n  return applies && muted !== null ? { muted, busy, toggle, scope } : null;\n}\n"],"mappings":"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","names":["refresh"]}

package/dist/chunk-QB2KMIDP.js

@@ -0,0 +1,100 @@
+"use client";
+import {
+  CreditsPrize
+} from "./chunk-NZ7E3YL6.js";
+import {
+  CelebrationBurst
+} from "./chunk-72GBRPJP.js";
+import {
+  formatCreditAmount
+} from "./chunk-7ZS225IO.js";
+import {
+  notifyCreditBalanceChanged
+} from "./chunk-PRJUHXST.js";
+import {
+  waitForCheckoutCredits
+} from "./chunk-H7D7ZA6J.js";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-ZQCND77P.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/credits/checkout-credits-celebration.tsx
+import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function checkoutCreditsHeading(status) {
+  const amount = formatCreditAmount(status.credit.amountMicros, status.credit.currency);
+  return status.credit.free ? `You got ${amount} in free credits` : `You added ${amount} in credits`;
+}
+function CheckoutCreditsCelebration({
+  client,
+  accountId,
+  checkoutSessionId
+}) {
+  const [granted, setGranted] = useState(null);
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    const controller = new AbortController();
+    const toastId = `checkout-credits-${checkoutSessionId}`;
+    toast.loading("Adding your credits\u2026", { id: toastId });
+    void waitForCheckoutCredits(client, { accountId, checkoutSessionId, signal: controller.signal }).then((status) => {
+      if (controller.signal.aborted) return;
+      toast.dismiss(toastId);
+      if (status.credit.state === "granted") {
+        notifyCreditBalanceChanged(accountId);
+        setGranted(status);
+        setOpen(true);
+      } else {
+        toast("Checkout expired", { description: "No charge was made." });
+      }
+    }).catch(() => toast.dismiss(toastId));
+    return () => {
+      controller.abort();
+      toast.dismiss(toastId);
+    };
+  }, [accountId, checkoutSessionId, client]);
+  if (!granted) return null;
+  return /* @__PURE__ */ jsx(CreditsCelebrationDialog, { status: granted, open, onOpenChange: setOpen });
+}
+function CreditsCelebrationDialog({
+  status,
+  open,
+  onOpenChange
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    open ? /* @__PURE__ */ jsx(CelebrationBurst, {}) : null,
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsx(
+        CreditsPrize,
+        {
+          amountMicros: status.credit.amountMicros,
+          currency: status.credit.currency,
+          label: status.credit.free ? "Coupon redeemed" : "Credits added",
+          caption: status.balance ? `Your balance is now ${formatCreditAmount(status.balance.balanceMicros, status.balance.currency)}` : void 0
+        }
+      ),
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: checkoutCreditsHeading(status) }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Ready to use. Pick a model to start chatting." })
+      ] }),
+      /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => onOpenChange(false), children: "Done" }) })
+    ] }) })
+  ] });
+}
+
+export {
+  checkoutCreditsHeading,
+  CheckoutCreditsCelebration,
+  CreditsCelebrationDialog
+};
+//# sourceMappingURL=chunk-QB2KMIDP.js.map