@cueloop/client 0.1.0-alpha.11 → 0.1.0-alpha.111

package/src/integrations/components/ShareDialog.agent.test.tsx

@@ -0,0 +1,52 @@
+import { expect, test } from "bun:test";
+import React from "react";
+import { testRender } from "@opentui/react/test-utils";
+import { DARK } from "../../appearance/theme";
+import { press, waitForText } from "../../testing/test-support";
+import { ShareDialog } from "./ShareDialog";
+import { newWizardDraft, shareDialogStore } from "./share-dialog-store";
+import type { NewShareLink } from "../../thread/thread-controller";
+
+for (const enabled of [false, true])
+  test(`share agent toggle is ${enabled ? "opt-in" : "hidden"}`, async () => {
+    const created: NewShareLink[] = [];
+
+    shareDialogStore.getState().reset();
+    shareDialogStore.getState().openWizard(newWizardDraft("Review"));
+    const setup = await testRender(
+      <ShareDialog
+        isOpen
+        isOwner
+        agentAvailable={enabled}
+        links={[]}
+        threadName="Review"
+        theme={DARK}
+        onCreateLink={(input) => created.push(input)}
+        onUpdateLink={() => {}}
+        onDeleteLink={() => {}}
+        onCopyLink={() => {}}
+        onClose={() => {}}
+      />,
+      { width: 100, height: 26 },
+    );
+
+    try {
+      await waitForText(setup, "link name");
+      expect(shareDialogStore.getState().wizard?.agentEnabled ?? false).toBe(false);
+      expect(setup.captureCharFrame().includes("Allow agent messages")).toBe(enabled);
+      await press(setup, "down");
+      await press(setup, "down");
+
+      if (enabled) {
+        await press(setup, " ");
+        await press(setup, "down");
+      }
+
+      await press(setup, "enter");
+      expect(created).toHaveLength(1);
+      expect(created[0]?.agentEnabled).toBe(enabled ? true : undefined);
+    } finally {
+      setup.renderer.destroy();
+      shareDialogStore.getState().reset();
+    }
+  });

package/src/integrations/components/ShareDialog.stories.tsx

@@ -0,0 +1,121 @@
+import React from "react";
+import type { ShareLink } from "@cueloop/schema";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
+import { ShareDialog } from "./ShareDialog";
+import { newWizardDraft, shareDialogStore } from "./share-dialog-store";
+
+export const meta: StoryMeta = { title: "Dialogs/Share" };
+
+const LINKS: ShareLink[] = [
+  { id: "p_ab12cd", name: "reviewers", requireAuth: true, allowlist: ["octocat"] },
+  { id: "p_ef34gh", requireAuth: false, allowlist: [] },
+];
+
+const NOOP = {
+  onCreateLink: () => {},
+  onUpdateLink: () => {},
+  onDeleteLink: () => {},
+  onCopyLink: () => {},
+  onClose: () => {},
+};
+
+const SIZE = { width: 80, height: 24 };
+
+export const EmptyList: Story = {
+  render: () => {
+    shareDialogStore.getState().reset();
+
+    return (
+      <ShareDialog
+        isOpen
+        threadName="Improve retry logic"
+        links={[]}
+        isOwner
+        {...NOOP}
+        theme={DARK}
+      />
+    );
+  },
+  size: SIZE,
+};
+
+export const WithLinks: Story = {
+  render: () => {
+    shareDialogStore.getState().reset();
+
+    return (
+      <ShareDialog
+        isOpen
+        threadName="Improve retry logic"
+        links={LINKS}
+        isOwner
+        {...NOOP}
+        theme={DARK}
+      />
+    );
+  },
+  size: SIZE,
+};
+
+export const ExportComingSoon: Story = {
+  render: () => {
+    shareDialogStore.getState().reset();
+    shareDialogStore.getState().setCategory("export");
+
+    return (
+      <ShareDialog
+        isOpen
+        threadName="Improve retry logic"
+        links={LINKS}
+        isOwner
+        {...NOOP}
+        theme={DARK}
+      />
+    );
+  },
+  size: SIZE,
+};
+
+export const NewLinkWizard: Story = {
+  render: () => {
+    shareDialogStore.getState().reset();
+    shareDialogStore.getState().openWizard(newWizardDraft("Improve retry logic"));
+
+    return (
+      <ShareDialog
+        isOpen
+        threadName="Improve retry logic"
+        links={[]}
+        isOwner
+        {...NOOP}
+        theme={DARK}
+      />
+    );
+  },
+  size: SIZE,
+};
+
+export const AuthWizard: Story = {
+  render: () => {
+    shareDialogStore.getState().reset();
+    shareDialogStore.getState().openWizard({
+      editingId: null,
+      name: "reviewers",
+      requireAuth: true,
+      allowlist: ["octocat", "hubot"],
+    });
+
+    return (
+      <ShareDialog
+        isOpen
+        threadName="Improve retry logic"
+        links={[]}
+        isOwner
+        {...NOOP}
+        theme={DARK}
+      />
+    );
+  },
+  size: SIZE,
+};