@confidencesystemsinc/sdk 1.0.0

package/src/services/start-task.services.ts

@@ -0,0 +1,23 @@
+import { TaskStatus } from "../types/task.types";
+
+export const startTask = async (
+  taskInstanceId: string,
+): Promise<{
+  status: TaskStatus;
+}> => {
+  const body = {
+    taskInstanceId,
+  };
+  const headers = new Headers();
+  headers.append("Content-Type", "application/json");
+  const response = await fetch(`/public-api/playbook-task-start`, {
+    method: "POST",
+    headers,
+    body: JSON.stringify(body),
+  });
+  const data = await response.json();
+
+  console.log({ data });
+
+  return data;
+};

package/src/stories/initiate-playbook-modal.stories.tsx

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { InitiatePlaybookModal } from "../components/initiate-playbook-modal/InitiatePlaybookModal";
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta = {
+  title: "InitiatePlaybookModal",
+  component: InitiatePlaybookModal,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "fullscreen",
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {},
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: {},
+} satisfies Meta<typeof InitiatePlaybookModal>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Default: Story = {
+  args: {
+    isOpen: true,
+    onClose: () => console.log("Modal closed"),
+    onConfirm: (email: string) =>
+      console.log(`Playbook initiated with email: ${email}`),
+  },
+};

package/src/stories/modal.stories.tsx

@@ -0,0 +1,50 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Modal } from "../components/ui/modal";
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta = {
+  title: "Modal",
+  component: Modal,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "fullscreen",
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {},
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: {},
+} satisfies Meta<typeof Modal>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Default: Story = {
+  args: {
+    isOpen: true,
+    children: (
+      <>
+        <p className="text-gray-500">
+          Are you sure you want to deactivate this playbook? This action cannot
+          be undone.
+        </p>
+        <p className="text-gray-500">
+          Deactivating a playbook will stop all associated tasks and prevent any
+          further actions.
+        </p>
+      </>
+    ),
+    dismissOptions: {
+      label: "Cancel",
+      onClick: () => console.log("Modal dismissed"),
+    },
+    confirmOptions: {
+      label: "Deactivate",
+      onClick: () => console.log("Playbook deactivated"),
+    },
+    title: "Deactivate Playbook",
+    close() {},
+  },
+};

package/src/stories/playbook-container.stories.tsx

@@ -0,0 +1,79 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ConfidencePlaybook } from "../components/playbook/confidence-playbook";
+import { TaskButton } from "../hooks/useTaskButtons";
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta = {
+  title: "PlaybookContainer",
+  component: ConfidencePlaybook.View,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "fullscreen",
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {},
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: {
+    viewMode: "list",
+    playbook: {
+      playbookInstanceId: 4771,
+      playbookInstanceName: "ACH - Returns - [HORIZON]",
+      playbookId: 227718,
+      type: "Sequential",
+      quickComplete: true,
+      autoExpandTask: true,
+      autoStart: false,
+      leadEmail: "confidence@user.it",
+      workflowStatus: "In progress",
+      numberofTasks: 3,
+      tasks: [
+        {
+          taskInstanceId: 10949,
+          taskId: 1676864,
+          sequenceOrder: 0,
+          workflowStatus: "Completed",
+          taskInstanceName:
+            "Identify Return Items [Deposit Operations Specialist]",
+          taskStartTime: "2025-05-20 09:06:13",
+          taskCompletedTime: "2025-05-20 09:06:20",
+          imageRequired: 1,
+          hasDescription: true,
+        },
+        {
+          taskInstanceId: 10951,
+          taskId: 1676866,
+          sequenceOrder: 1,
+          workflowStatus: "Completed",
+          taskInstanceName:
+            "Review Return Items [Deposit Operations Specialist]",
+          taskStartTime: "2025-05-20 09:06:20",
+          taskCompletedTime: "2025-05-20 09:06:25",
+          imageRequired: 2,
+          hasDescription: true,
+        },
+        {
+          taskInstanceId: 10950,
+          taskId: 1676865,
+          sequenceOrder: 2,
+          workflowStatus: "In progress",
+          taskInstanceName: "Return Items [Deposit Operations Specialist]",
+          imageRequired: 2,
+          hasDescription: true,
+        },
+      ],
+    },
+    onTaskButtonClick: (btn: TaskButton, taskId: number) => {
+      console.log("Button clicked:", btn, "for task ID:", taskId);
+    },
+  },
+} satisfies Meta<typeof ConfidencePlaybook.View>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Default: Story = {
+  args: {},
+};

package/src/types/playbook.types.ts

@@ -0,0 +1,22 @@
+import { Task } from "./task.types";
+export interface Playbook {
+  playbookInstanceId: number;
+  playbookInstanceName: string;
+  playbookId: number;
+  type: string;
+  quickComplete: boolean;
+  autoExpandTask: boolean;
+  autoStart: boolean;
+  leadEmail: string;
+  workflowStatus: string;
+  numberofTasks: number;
+  nextTaskId?: number;
+  tasks: Task[];
+}
+
+export const PLAYBOOK_TYPES = {
+  NON_SEQUENTIAL: "Non-Sequential",
+  SEQUENTIAL: "Sequential",
+} as const;
+
+export type PlaybookType = (typeof PLAYBOOK_TYPES)[keyof typeof PLAYBOOK_TYPES];

package/src/types/task.types.ts

@@ -0,0 +1,20 @@
+export const TASK_STATUS = {
+  OPEN: "Open",
+  IN_PROGRESS: "In progress",
+  IN_REVIEW: "In review",
+  COMPLETED: "Completed",
+} as const;
+
+export type TaskStatus = (typeof TASK_STATUS)[keyof typeof TASK_STATUS];
+
+export interface Task {
+  taskInstanceId: number;
+  taskId: number;
+  sequenceOrder: number;
+  workflowStatus: TaskStatus;
+  taskInstanceName: string;
+  imageRequired: number;
+  hasDescription: boolean;
+  taskStartTime?: string;
+  taskCompletedTime?: string;
+}

package/src/utils/cn.ts

@@ -0,0 +1,6 @@
+import { twMerge } from "tailwind-merge";
+import { clsx, type ClassValue } from "clsx";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />