@confidencesystemsinc/sdk 1.0.2 → 1.0.4

package/src/hooks/usePlaybook.ts

@@ -1,48 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { KONG_KEY } from "../constants/settings.constants";
-import { usePlaybookActions } from "./usePlaybookActions";
-import { Playbook } from "../types/playbook.types";
-
-export const usePlaybook = (playbookInstanceId: number | string) => {
-  const query = useQuery({
-    queryFn: async () => {
-      const headers = new Headers();
-
-      headers.append("Content-Type", "application/json");
-      headers.append("apiKey", KONG_KEY);
-      const response = await fetch(`/public-api/playbook-details`, {
-        method: "POST",
-        cache: "no-store",
-        headers,
-        body: JSON.stringify({
-          playbookInstanceId: +playbookInstanceId,
-          start: 0,
-          limit: 50,
-        }),
-      });
-
-      if (!response.ok) {
-        throw new Error("Network response was not ok");
-      }
-
-      const data = await response.json();
-      if (data.error) {
-        throw new Error(data.error);
-      }
-
-      return data;
-    },
-    queryKey: ["playbook", +playbookInstanceId],
-  });
-
-  const actions = usePlaybookActions(playbookInstanceId, {
-    quickComplete: query.data?.quickComplete,
-  });
-
-  return {
-    playbook: query.data as Playbook,
-    isLoading: query.isLoading,
-    error: query.error,
-    actions,
-  };
-};

package/src/hooks/usePlaybookActions.ts

@@ -1,69 +0,0 @@
-import { useQueryClient } from "@tanstack/react-query";
-import { Playbook } from "../types/playbook.types";
-import { Task, TASK_STATUS } from "../types/task.types";
-import { useCompleteTask } from "./task-events/useCompleteTask";
-import { useStartTask } from "./task-events/useStartTask";
-
-export const usePlaybookActions = (
-  playbookInstanceId: number | string,
-  options: {
-    quickComplete?: boolean;
-  },
-) => {
-  const queryClient = useQueryClient();
-
-  const { completeTask } = useCompleteTask();
-  const { startTask } = useStartTask();
-
-  const completeTaskHandler = async (
-    taskInstanceId: number,
-    sequenceOrder: number,
-  ) => {
-    const { status } = await completeTask(taskInstanceId.toString());
-    if (!status) return;
-
-    queryClient.setQueryData(
-      ["playbook", +playbookInstanceId],
-      (oldData: Playbook) => {
-        if (!oldData) return oldData;
-        const updatedTasks = oldData.tasks.map((task: Task) => {
-          if (
-            task.sequenceOrder === sequenceOrder + 1 &&
-            options.quickComplete
-          ) {
-            return { ...task, workflowStatus: TASK_STATUS.IN_PROGRESS };
-          }
-          if (task.taskInstanceId === taskInstanceId) {
-            return { ...task, workflowStatus: status };
-          }
-          return task;
-        });
-
-        return { ...oldData, tasks: updatedTasks };
-      },
-    );
-  };
-
-  const startTaskHandler = async (taskInstanceId: number) => {
-    const { status } = await startTask(taskInstanceId.toString());
-    if (!status) return;
-    queryClient.setQueryData(
-      ["playbook", +playbookInstanceId],
-      (oldData: Playbook) => {
-        if (!oldData) return oldData;
-        const updatedTasks = oldData.tasks.map((task: Task) => {
-          if (task.taskInstanceId === taskInstanceId) {
-            return { ...task, workflowStatus: status };
-          }
-          return task;
-        });
-        return { ...oldData, tasks: updatedTasks };
-      },
-    );
-  };
-
-  return {
-    completeTask: completeTaskHandler,
-    startTask: startTaskHandler,
-  };
-};

package/src/hooks/useTaskButtons.ts

@@ -1,46 +0,0 @@
-import { useMemo } from "react";
-import { TASK_STATUS, TaskStatus } from "../types/task.types";
-
-export const TASK_BUTTONS = {
-  START: "START",
-  PAUSE: "PAUSE",
-  RESUME: "RESUME",
-  COMPLETE: "COMPLETE",
-} as const;
-
-export const TASK_BUTTONS_DISPLAY_TEXT: {
-  [key in TaskButton]: string;
-} = {
-  START: "Start",
-  PAUSE: "Pause",
-  RESUME: "Resume",
-  COMPLETE: "Complete",
-};
-
-export type TaskButton = (typeof TASK_BUTTONS)[keyof typeof TASK_BUTTONS];
-
-export const useTaskButtons = (args: {
-  taskStatus: TaskStatus;
-  canStart: boolean;
-}) => {
-  const { taskStatus } = args;
-
-  const buttons = useMemo(() => {
-    if (taskStatus === TASK_STATUS.OPEN && args.canStart) {
-      return [TASK_BUTTONS.START];
-    }
-
-    if (taskStatus === TASK_STATUS.IN_PROGRESS) {
-      return [TASK_BUTTONS.PAUSE, TASK_BUTTONS.COMPLETE];
-    }
-
-    if (taskStatus === TASK_STATUS.COMPLETED) {
-      return [];
-    }
-    return [];
-  }, [taskStatus]);
-
-  return {
-    buttons,
-  };
-};

package/src/index.ts

@@ -1,6 +0,0 @@
-import "./App.css";
-import { ConfidencePlaybook } from "./components/playbook/confidence-playbook";
-import { ConfidencePlaybookButton } from "./components/playbook-button/ConfidencePlaybookButton";
-
-export { ConfidencePlaybook };
-export { ConfidencePlaybookButton };

package/src/services/complete-task.service.ts

@@ -1,21 +0,0 @@
-import { TaskStatus } from "../types/task.types";
-
-export const completeTask = 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-complete`, {
-    method: "POST",
-    headers,
-    body: JSON.stringify(body),
-  });
-  const data = await response.json();
-
-  return data;
-};

package/src/services/initiate-playbook.service.ts

@@ -1,24 +0,0 @@
-export const initiatePlaybook = async (body: {
-  bank: string;
-  email: string;
-  timezone: string;
-  playbookUid: string;
-}): Promise<{
-  playbookInstanceId: number;
-  errorCode?: number;
-  details?: Array<string>;
-  message?: string;
-}> => {
-  const headers = new Headers();
-  headers.append("Content-Type", "application/json");
-  const response = await fetch(`/public-api/playbook-initiate`, {
-    method: "POST",
-    headers,
-    body: JSON.stringify(body),
-  });
-  const data = await response.json();
-
-  console.log({ data });
-
-  return data;
-};

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

@@ -1,23 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

@@ -1,79 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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