@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-C43KRXGA.js

@@ -0,0 +1,234 @@
+"use client";
+import {
+  hasInbox
+} from "./chunk-Q6CGOPJD.js";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  SegmentedControl
+} from "./chunk-RGBI63KJ.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-GM3LG6BG.js";
+import {
+  FormDialog
+} from "./chunk-ZYAZUPPV.js";
+import {
+  userErrorText
+} from "./chunk-O4OOG3D6.js";
+import {
+  Field,
+  FieldStack
+} from "./chunk-MVW6HNPI.js";
+import {
+  ADMIN_ACCESS_DURATIONS,
+  ADMIN_ACCESS_GRANT_DESCRIPTION,
+  adminAccessDurationHours,
+  adminAccessGrantedByText,
+  endsText
+} from "./chunk-7IUDIMRF.js";
+
+// src/app/components/session/session-admin-access.tsx
+import { ShieldCheckIcon } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useSessionAdminAccess(session) {
+  const context = useAppContext();
+  const client = context.client;
+  const applies = hasInbox(context.accessContext);
+  const [state, setState] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [reloads, setReloads] = useState(0);
+  useEffect(() => {
+    if (!applies) return;
+    let current = true;
+    client.getSessionAdminAccess(session.workspaceId, session.id).then((value) => {
+      if (current) setState(value);
+    }).catch(() => void 0);
+    return () => {
+      current = false;
+    };
+  }, [applies, client, reloads, session.id, session.workspaceId]);
+  useEffect(() => {
+    setState(null);
+  }, [session.id, session.workspaceId]);
+  const expiresAt = state?.active ? state.expiresAt : null;
+  useEffect(() => {
+    if (!expiresAt) return;
+    const delay = Date.parse(expiresAt) - Date.now();
+    if (!Number.isFinite(delay)) return;
+    const timer = setTimeout(
+      () => setReloads((count) => count + 1),
+      Math.min(Math.max(delay + 1e3, 0), 2147e6)
+    );
+    return () => clearTimeout(timer);
+  }, [expiresAt]);
+  const grant = useCallback(
+    async (duration) => {
+      setBusy(true);
+      const wasActive = state?.active === true;
+      try {
+        const value = await client.grantSessionAdminAccess(session.workspaceId, session.id, {
+          durationHours: adminAccessDurationHours(duration)
+        });
+        setState(value);
+        toast.success(wasActive ? "Full access updated" : "This session has full access", {
+          description: wasActive ? endsText(value.expiresAt) : `Its agent can use it from its next message. ${endsText(value.expiresAt)}.`
+        });
+      } finally {
+        setBusy(false);
+      }
+    },
+    [client, session.id, session.workspaceId, state?.active]
+  );
+  const revoke = useCallback(() => {
+    if (busy) return;
+    setBusy(true);
+    client.revokeSessionAdminAccess(session.workspaceId, session.id).then((value) => {
+      setState(value);
+      toast.success("Full access is off for this session");
+    }).catch((error) => {
+      toast.error("Couldn't turn off full access", {
+        description: userErrorText(error)
+      });
+    }).finally(() => setBusy(false));
+  }, [busy, client, session.id, session.workspaceId]);
+  if (!state) return null;
+  if (!state.active && !state.canGrant) return null;
+  return { state, busy, grant, revoke };
+}
+function SessionAdminAccessIndicator({
+  control,
+  onChangeTimeLimit
+}) {
+  if (!control.state.active) return null;
+  return /* @__PURE__ */ jsx(ActiveIndicator, { control, onChangeTimeLimit });
+}
+function ActiveIndicator({
+  control,
+  onChangeTimeLimit
+}) {
+  const afterClose = useRef(null);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Full access is on",
+        title: "Full access is on",
+        "data-session-admin-access": "",
+        className: "inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 text-2xs text-fg-muted transition-colors hover:text-fg focus-visible:outline-2 focus-visible:outline-ring/55 pointer-coarse:min-h-11",
+        children: [
+          /* @__PURE__ */ jsx(ShieldCheckIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-status-waiting" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Full access" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      DropdownMenuContent,
+      {
+        align: "start",
+        className: "w-72",
+        onCloseAutoFocus: (event) => {
+          const action = afterClose.current;
+          if (!action) return;
+          afterClose.current = null;
+          event.preventDefault();
+          action();
+        },
+        children: /* @__PURE__ */ jsx(
+          SessionAdminAccessMenuItems,
+          {
+            control,
+            onChangeTimeLimit,
+            runAfterClose: (action) => {
+              afterClose.current = action;
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function SessionAdminAccessMenuItems({
+  control,
+  onChangeTimeLimit,
+  runAfterClose
+}) {
+  if (!control.state.active) return null;
+  const changeTimeLimit = control.state.canGrant ? onChangeTimeLimit : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-2 py-1.5 text-xs text-fg-muted", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 font-medium text-fg", children: [
+        /* @__PURE__ */ jsx(ShieldCheckIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-status-waiting" }),
+        "Full access is on"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1", children: adminAccessGrantedByText(control.state) }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-1", "data-session-admin-access-ends": "", children: [
+        endsText(control.state.expiresAt),
+        "."
+      ] })
+    ] }),
+    changeTimeLimit || control.state.canRevoke ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
+    changeTimeLimit ? /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: control.busy, onSelect: () => runAfterClose(changeTimeLimit), children: "Change time limit\u2026" }) : null,
+    control.state.canRevoke ? /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: control.busy, onSelect: () => control.revoke(), children: "Turn off full access" }) : null
+  ] });
+}
+function GrantSessionAdminAccessDialog({
+  control,
+  open,
+  onOpenChange
+}) {
+  const changing = control.state.active;
+  const [duration, setDuration] = useState("1");
+  useEffect(() => {
+    if (open) setDuration("1");
+  }, [open]);
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      onOpenChange,
+      size: "sm",
+      title: changing ? "Change the time limit" : "Give this session your full access?",
+      description: changing ? "The new limit for full access starts now." : `${ADMIN_ACCESS_GRANT_DESCRIPTION} You can turn it off at any time from the shield beside the title.`,
+      submitLabel: changing ? "Save" : "Give full access",
+      pendingLabel: changing ? "Saving\u2026" : "Giving access\u2026",
+      initialFocus: "cancel",
+      onSubmit: async () => {
+        await control.grant(duration);
+      },
+      onSubmitted: () => onOpenChange(false),
+      children: /* @__PURE__ */ jsx(FieldStack, { children: /* @__PURE__ */ jsx(Field, { label: "How long", group: true, hint: durationHint(duration), children: /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          fullWidth: true,
+          options: ADMIN_ACCESS_DURATIONS,
+          value: duration,
+          onValueChange: setDuration
+        }
+      ) }) })
+    }
+  );
+}
+function durationHint(duration) {
+  if (duration === "none") return "It stays on until you turn it off.";
+  const hours = adminAccessDurationHours(duration);
+  return `${endsText(new Date(Date.now() + hours * 36e5).toISOString())}.`;
+}
+
+export {
+  useSessionAdminAccess,
+  SessionAdminAccessIndicator,
+  SessionAdminAccessMenuItems,
+  GrantSessionAdminAccessDialog
+};
+//# sourceMappingURL=chunk-C43KRXGA.js.map

package/dist/chunk-C43KRXGA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/components/session/session-admin-access.tsx"],"sourcesContent":["import type { SessionAdminAccess } from \"@opengeni/sdk\";\nimport { ShieldCheckIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { toast } from \"../../lib/toast\";\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../../ui/dropdown-menu\";\nimport { Field, FieldStack } from \"../../../ui/field\";\nimport { FormDialog } from \"../../../ui/form-dialog\";\nimport { SegmentedControl } from \"../../../ui/segmented-control\";\nimport { useAppContext } from \"../../app-context\";\nimport { hasInbox } from \"../../lib/inbox\";\nimport {\n  ADMIN_ACCESS_DURATIONS,\n  ADMIN_ACCESS_GRANT_DESCRIPTION,\n  adminAccessDurationHours as durationHours,\n  adminAccessGrantedByText as grantedByText,\n  endsText,\n  type AdminAccessDuration,\n} from \"../../../session-admin-access-model\";\nimport { userErrorText } from \"../../../ui/api-error\";\n\nexport { ADMIN_ACCESS_DURATIONS, endsText, type AdminAccessDuration };\n\n/* ----------------------------------------------------------------------------\n   Full access for one session (named \"admin access\" in the API). Any member\n   gives a session they started their own access (when the organization\n   allows it, in Organization settings > Security & data) for an hour, a few\n   hours, a day or with no time limit; its agent can then do what they can in\n   the app, as them, and never more. The header shows a small shield while it is on,\n   with when it ends and a one-click way to turn it off.\n   -------------------------------------------------------------------------- */\n\nexport type SessionAdminAccessControl = {\n  state: SessionAdminAccess;\n  busy: boolean;\n  grant: (duration: AdminAccessDuration) => Promise<void>;\n  revoke: () => void;\n};\n\nexport function useSessionAdminAccess(session: {\n  workspaceId: string;\n  id: string;\n}): SessionAdminAccessControl | null {\n  const context = useAppContext();\n  const client = context.client;\n  const applies = hasInbox(context.accessContext);\n  const [state, setState] = useState<SessionAdminAccess | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [reloads, setReloads] = useState(0);\n  useEffect(() => {\n    if (!applies) return;\n    let current = true;\n    client\n      .getSessionAdminAccess(session.workspaceId, session.id)\n      .then((value) => {\n        if (current) setState(value);\n      })\n      // Older servers, or no access to read it: nothing to show.\n      .catch(() => undefined);\n    return () => {\n      current = false;\n    };\n  }, [applies, client, reloads, session.id, session.workspaceId]);\n  useEffect(() => {\n    setState(null);\n  }, [session.id, session.workspaceId]);\n\n  // When the time limit is reached, read it again so the shield goes away.\n  const expiresAt = state?.active ? state.expiresAt : null;\n  useEffect(() => {\n    if (!expiresAt) return;\n    const delay = Date.parse(expiresAt) - Date.now();\n    if (!Number.isFinite(delay)) return;\n    const timer = setTimeout(\n      () => setReloads((count) => count + 1),\n      Math.min(Math.max(delay + 1_000, 0), 2_147_000_000),\n    );\n    return () => clearTimeout(timer);\n  }, [expiresAt]);\n\n  const grant = useCallback(\n    async (duration: AdminAccessDuration) => {\n      setBusy(true);\n      const wasActive = state?.active === true;\n      try {\n        const value = await client.grantSessionAdminAccess(session.workspaceId, session.id, {\n          durationHours: durationHours(duration),\n        });\n        setState(value);\n        toast.success(wasActive ? \"Full access updated\" : \"This session has full access\", {\n          description: wasActive\n            ? endsText(value.expiresAt)\n            : `Its agent can use it from its next message. ${endsText(value.expiresAt)}.`,\n        });\n      } finally {\n        setBusy(false);\n      }\n    },\n    [client, session.id, session.workspaceId, state?.active],\n  );\n\n  const revoke = useCallback(() => {\n    if (busy) return;\n    setBusy(true);\n    client\n      .revokeSessionAdminAccess(session.workspaceId, session.id)\n      .then((value) => {\n        setState(value);\n        toast.success(\"Full access is off for this session\");\n      })\n      .catch((error: unknown) => {\n        toast.error(\"Couldn't turn off full access\", {\n          description: userErrorText(error),\n        });\n      })\n      .finally(() => setBusy(false));\n  }, [busy, client, session.id, session.workspaceId]);\n\n  if (!state) return null;\n  if (!state.active && !state.canGrant) return null;\n  return { state, busy, grant, revoke };\n}\n\n/** The small shield beside the title while the session has full access. */\nexport function SessionAdminAccessIndicator({\n  control,\n  onChangeTimeLimit,\n}: {\n  control: SessionAdminAccessControl;\n  /** Opens the time limit dialog; shown to the person who can give access. */\n  onChangeTimeLimit?: (() => void) | undefined;\n}) {\n  if (!control.state.active) return null;\n  return <ActiveIndicator control={control} onChangeTimeLimit={onChangeTimeLimit} />;\n}\n\nfunction ActiveIndicator({\n  control,\n  onChangeTimeLimit,\n}: {\n  control: SessionAdminAccessControl;\n  onChangeTimeLimit?: (() => void) | undefined;\n}) {\n  // Opening the dialog waits for the menu to close, so the menu's focus\n  // restoration can't pull focus out of the dialog.\n  const afterClose = useRef<(() => void) | null>(null);\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label=\"Full access is on\"\n          title=\"Full access is on\"\n          data-session-admin-access=\"\"\n          className=\"inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 text-2xs text-fg-muted transition-colors hover:text-fg focus-visible:outline-2 focus-visible:outline-ring/55 pointer-coarse:min-h-11\"\n        >\n          <ShieldCheckIcon aria-hidden=\"true\" className=\"size-3 shrink-0 text-status-waiting\" />\n          <span className=\"hidden sm:inline\">Full access</span>\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"start\"\n        className=\"w-72\"\n        onCloseAutoFocus={(event) => {\n          const action = afterClose.current;\n          if (!action) return;\n          afterClose.current = null;\n          event.preventDefault();\n          action();\n        }}\n      >\n        <SessionAdminAccessMenuItems\n          control={control}\n          onChangeTimeLimit={onChangeTimeLimit}\n          runAfterClose={(action) => {\n            afterClose.current = action;\n          }}\n        />\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/**\n * What full access is and how to change it, as menu items: the shield's own\n * menu, or the header's \"…\" menu when the shield has no room beside the title.\n * `runAfterClose` runs an action once the menu has closed.\n */\nexport function SessionAdminAccessMenuItems({\n  control,\n  onChangeTimeLimit,\n  runAfterClose,\n}: {\n  control: SessionAdminAccessControl;\n  onChangeTimeLimit?: (() => void) | undefined;\n  runAfterClose: (action: () => void) => void;\n}) {\n  if (!control.state.active) return null;\n  const changeTimeLimit = control.state.canGrant ? onChangeTimeLimit : undefined;\n  return (\n    <>\n      <div className=\"px-2 py-1.5 text-xs text-fg-muted\">\n        <p className=\"flex items-center gap-1.5 font-medium text-fg\">\n          <ShieldCheckIcon aria-hidden=\"true\" className=\"size-3 shrink-0 text-status-waiting\" />\n          Full access is on\n        </p>\n        <p className=\"mt-1\">{grantedByText(control.state)}</p>\n        <p className=\"mt-1\" data-session-admin-access-ends=\"\">\n          {endsText(control.state.expiresAt)}.\n        </p>\n      </div>\n      {changeTimeLimit || control.state.canRevoke ? <DropdownMenuSeparator /> : null}\n      {changeTimeLimit ? (\n        <DropdownMenuItem disabled={control.busy} onSelect={() => runAfterClose(changeTimeLimit)}>\n          Change time limit…\n        </DropdownMenuItem>\n      ) : null}\n      {control.state.canRevoke ? (\n        <DropdownMenuItem disabled={control.busy} onSelect={() => control.revoke()}>\n          Turn off full access\n        </DropdownMenuItem>\n      ) : null}\n    </>\n  );\n}\n\n/** Gives this session full access, or changes how long it lasts while it is on. */\nexport function GrantSessionAdminAccessDialog({\n  control,\n  open,\n  onOpenChange,\n}: {\n  control: SessionAdminAccessControl;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const changing = control.state.active;\n  const [duration, setDuration] = useState<AdminAccessDuration>(\"1\");\n  useEffect(() => {\n    if (open) setDuration(\"1\");\n  }, [open]);\n  return (\n    <FormDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      title={changing ? \"Change the time limit\" : \"Give this session your full access?\"}\n      description={\n        changing\n          ? \"The new limit for full access starts now.\"\n          : `${ADMIN_ACCESS_GRANT_DESCRIPTION} You can turn it off at any time from the shield beside the title.`\n      }\n      submitLabel={changing ? \"Save\" : \"Give full access\"}\n      pendingLabel={changing ? \"Saving…\" : \"Giving access…\"}\n      initialFocus=\"cancel\"\n      onSubmit={async () => {\n        await control.grant(duration);\n      }}\n      onSubmitted={() => onOpenChange(false)}\n    >\n      <FieldStack>\n        <Field label=\"How long\" group hint={durationHint(duration)}>\n          <SegmentedControl\n            fullWidth\n            options={ADMIN_ACCESS_DURATIONS}\n            value={duration}\n            onValueChange={setDuration}\n          />\n        </Field>\n      </FieldStack>\n    </FormDialog>\n  );\n}\n\nfunction durationHint(duration: AdminAccessDuration): string {\n  if (duration === \"none\") return \"It stays on until you turn it off.\";\n  const hours = durationHours(duration)!;\n  return `${endsText(new Date(Date.now() + hours * 3_600_000).toISOString())}.`;\n}\n"],"mappings":"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","names":[]}