@confidencesystemsinc/sdk 1.2.0 → 1.2.1

package/src/task-description.css

@@ -0,0 +1,629 @@
+/* start: Lexical editable View mode */
+.lexical-view-mode {
+    width: 100%;
+    word-break: break-word;
+  }
+  
+  .lexical-view-mode ul {
+    list-style: revert !important;
+  }
+  
+  .editable .lexical-view-mode:hover {
+    cursor: text;
+    background-color: rgba(0,0,0,0.07);
+    border-radius: 1px;
+    outline: 4px solid rgba(0,0,0,0.07);
+  }
+  
+  /* end: Lexical editable View mode */
+  
+  /* start: collapsible container - Additional Information (view mode) */
+  
+  .lexical-view-mode .Collapsible__container {
+    width: fit-content;
+  }
+  
+  .lexical-view-mode .Collapsible__title {
+    color: #007bff !important;
+    cursor: pointer;
+    list-style: none;
+    display: flex;
+    align-items: center;
+    padding: 0px;
+    background-color: transparent !important;
+    margin-bottom: 4px;
+  }
+  
+  .lexical-view-mode .Collapsible__title:hover {
+    color: #0069D9 !important;
+  }
+  .lexical-view-mode .Collapsible__title:hover .editor-paragraph {
+    text-decoration: underline !important;
+  }
+  
+  .lexical-view-mode .Collapsible__title::marker,
+  .lexical-view-mode .Collapsible__title::-webkit-details-marker {
+    display: none;
+  }
+  
+  .lexical-view-mode .Collapsible__title:before {
+    content: '\f05a';
+    font-family: "Font Awesome 5 Pro";
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    display: var(--fa-display, inline-block);
+    font-style: normal;
+    font-variant: normal;
+    line-height: 1;
+    text-rendering: auto;
+    font-weight: 900;
+    background: white;
+    margin-right: 4px;
+    border-radius: 30px;
+  }
+  
+  .lexical-view-mode .Collapsible__title:hover:before {
+    border: 3px solid white;
+    margin-left: -3px;
+    margin-right: 1px;
+    color: #0069D9 !important;
+  }
+  
+  /* end: collapsible container - Additional Information (view mode) */
+  
+  /* start: horizontal rule (view mode) */
+  
+  .lexical-view-mode hr {
+    padding: 3px 0;
+    border: none;
+    margin: 5px 0;
+  }
+  
+  .lexical-view-mode hr:after {
+    content: "";
+    display: block;
+    height: 2px;
+    background-color: rgba(0, 0, 0, 0.1);
+    line-height: 2px;
+  }
+  
+  /* end: horizontal rule (view mode) */
+  
+  /* start: line spacer (view mode) */
+  
+  .lexical-view-mode .editor-line-spacer {
+    line-height: 6px;
+    background: transparent;
+    border: 1px dashed transparent;
+  }
+  
+  /* end: line spacer (view mode) */
+  
+  /* start: Content styles */
+  .lexical-view-mode .other h2 {
+    font-size: 18px;
+    color: #444;
+    margin-bottom: 7px
+  }
+  
+  .lexical-view-mode .other a {
+    color: #777;
+    text-decoration: underline;
+    font-size: 14px
+  }
+  
+  .lexical-view-mode .other ul {
+    padding: 0;
+    margin: 0;
+    list-style-type: none
+  }
+  
+  .lexical-view-mode .ltr {
+    text-align: left
+  }
+  
+  .lexical-view-mode .rtl {
+    text-align: right
+  }
+  
+  .lexical-view-mode .editor-shell {
+    border-radius: 4px;
+    width: 100%;
+    color: #1C232D;
+    position: relative;
+    font-weight: 400;
+  }
+  
+  .lexical-view-mode .editor {
+    background: #fff;
+    position: relative
+  }
+  
+  .lexical-view-mode .editor-input {
+    min-height: 150px;
+    resize: none;
+    position: relative;
+    -moz-tab-size: 1;
+    tab-size: 1;
+    outline: 0;
+    padding: 12px;
+    caret-color: #444
+  }
+  
+  .lexical-view-mode .editor-placeholder {
+    color: #999;
+    overflow: hidden;
+    position: absolute;
+    text-overflow: ellipsis;
+    top: 15px;
+    left: 10px;
+    font-size: 15px;
+    -webkit-user-select: none;
+    user-select: none;
+    display: inline-block;
+    pointer-events: none
+  }
+  
+  .lexical-view-mode .editor-text-bold,
+  .lexical-view-mode strong {
+    font-weight: 700 !important
+  }
+  
+  .lexical-view-mode .editor-text-italic {
+    font-style: italic
+  }
+  
+  .lexical-view-mode .editor-text-code {
+    background-color: rgba(0,0,0,0.1);
+    padding: 1px 0.25rem;
+    font-family: Menlo, Consolas, Monaco, monospace;
+    font-size: 85%;
+    border-radius: 4px;
+    color: #D70C69
+  }
+  
+  .lexical-view-mode .editor-link {
+    color: #007BFF;
+    text-decoration: underline;
+    cursor: pointer;
+    background-color: transparent;
+    word-break: break-word
+  }
+  
+  .lexical-view-mode .editor-link:hover {
+    color: #0062CC;
+    text-decoration: underline !important;
+  }
+  
+  .lexical-view-mode .editor-code,
+  .lexical-view-mode pre {
+    background-color: #f0f2f5;
+    font-family: Menlo, Consolas, Monaco, monospace;
+    display: block;
+    padding: 8px 8px 8px 52px;
+    line-height: 1.53;
+    font-size: 13px;
+    margin: 8px 0;
+    border-radius: 4px;
+    -moz-tab-size: 2;
+    tab-size: 2;
+    overflow-x: auto;
+    position: relative;
+    word-break: break-word
+  }
+  
+  .lexical-view-mode .editor-code:before {
+    content: attr(data-gutter);
+    position: absolute;
+    background-color: #eee;
+    left: 0;
+    top: 0;
+    border-right: 1px solid #ccc;
+    padding: 8px;
+    color: #777;
+    white-space: pre-wrap;
+    text-align: right;
+    min-width: 25px
+  }
+  
+  .lexical-view-mode pre {
+    padding-left: 8px;
+    white-space: pre-wrap;
+  }
+  
+  .lexical-view-mode pre:before {
+    width: 100%;
+    height: 23px;
+    border-right: 0;
+  }
+  
+  .lexical-view-mode .editor-code:after,
+  .lexical-view-mode pre:after {
+    content: attr(data-highlight-language);
+    top: 0;
+    right: 3px;
+    padding: 3px;
+    font-size: 10px;
+    text-transform: uppercase;
+    position: absolute;
+    color: #00000080
+  }
+  
+  .lexical-view-mode .editor-tokenComment {
+    color: #708090
+  }
+  
+  .lexical-view-mode .editor-tokenPunctuation {
+    color: #999
+  }
+  
+  .lexical-view-mode .editor-tokenProperty {
+    color: #905
+  }
+  
+  .lexical-view-mode .editor-tokenSelector {
+    color: #690
+  }
+  
+  .lexical-view-mode .editor-tokenOperator {
+    color: #9a6e3a
+  }
+  
+  .lexical-view-mode .editor-tokenAttr {
+    color: #07a
+  }
+  
+  .lexical-view-mode .editor-tokenVariable {
+    color: #e90
+  }
+  
+  .lexical-view-mode .editor-tokenFunction {
+    color: #dd4a68
+  }
+  
+  .lexical-view-mode .editor-paragraph,
+  .lexical-view-mode p {
+    margin: 0;
+    margin-bottom: .3rem;
+    padding: 0;
+    word-break: break-word
+  }
+  
+  .lexical-view-mode .editor-paragraph:last-child {
+    margin-bottom: 0
+  }
+  
+  .lexical-view-mode .editor-heading-h1,
+  .lexical-view-mode h1 {
+    font-size: 24px;
+    border-bottom: thin solid rgba(0, 0, 0, .1);
+    padding-bottom: 6px;
+    margin-bottom: .6em;
+    margin-top: 1.2em; /* remove this later */
+    line-height: 100%
+  }
+  
+  .lexical-view-mode .editor-heading-h2:first-child,
+  .lexical-view-mode .editor-heading-h1:first-child,
+  .lexical-view-mode h2:first-child,
+  .lexical-view-mode h1:first-child {
+    margin-top: 0
+  }
+  
+  .lexical-view-mode .editor-heading-h2,
+  .lexical-view-mode h2 {
+    font-size: 20px;
+    border-bottom: thin solid rgba(0, 0, 0, .1);
+    padding-bottom: 6px;
+    margin-bottom: .6em;
+    margin-top: 1.2em; /* remove this later */
+    line-height: 100%
+  }
+  
+  .lexical-view-mode .editor-list-ol,
+  .lexical-view-mode ol {
+    padding: 0 0 0 15px;
+    margin: 0 0 0 15px;
+    list-style-position: outside;
+    margin-bottom: .3rem;
+    list-style-type: decimal;
+  }
+  
+  .lexical-view-mode li ol {
+    margin: 0 0 0 20px;
+  }
+  
+  .lexical-view-mode .editor-list-ol2,
+  .lexical-view-mode .editor-list-ol3,
+  .lexical-view-mode .editor-list-ol4,
+  .lexical-view-mode .editor-list-ol5,
+  .lexical-view-mode .editor-list-ol6,
+  .lexical-view-mode .editor-list-ol7 {
+    padding: 0;
+    list-style-position: outside
+  }
+  
+  .lexical-view-mode .editor-list-ol2 { list-style-type: lower-alpha }
+  .lexical-view-mode .editor-list-ol3 { list-style-type: lower-roman }
+  .lexical-view-mode .editor-list-ol4 { list-style-type: decimal }
+  .lexical-view-mode .editor-list-ol5 { list-style-type: lower-alpha }
+  .lexical-view-mode .editor-list-ol6 { list-style-type: lower-roman }
+  .lexical-view-mode .editor-list-ol7 { list-style-type: decimal }
+  
+  .lexical-view-mode .editor-list-ul,
+  .lexical-view-mode ul {
+    padding: 0 0 0 5px;
+    margin: 0 0 0 15px;
+    list-style-position: outside;
+    margin-bottom: .3rem
+  }
+  
+  .lexical-view-mode li ul {
+    padding: 0 0 0 3px;
+    margin: 0 0 0 15px;
+  }
+  
+  .lexical-view-mode .editor-list-item {
+    margin-bottom: 12px;
+    vertical-align: top;
+    line-height: 1.3;
+    padding-left: 0
+  }
+  
+  .lexical-view-mode .editor-nested-list-item {
+    list-style-type: none
+  }
+  
+  .lexical-view-mode code {
+    color: inherit;
+    word-wrap: break-word;
+    white-space: break-spaces !important
+  }
+  
+  .lexical-view-mode a>code {
+    color: inherit
+  }
+  
+  .lexical-view-mode pre::-webkit-scrollbar {
+    background: transparent;
+    width: 10px
+  }
+  
+  .lexical-view-mode pre::-webkit-scrollbar-thumb {
+    background: #999
+  }
+  
+  .lexical-view-mode img {
+      cursor: zoom-in !important;
+      width: auto;
+      height: auto;
+      display: block;
+      max-width: 250px;
+      max-height: 250px;
+      border-radius: 4px;
+      border: 1px solid #ccc;
+  }
+  
+  .lexical-view-mode img:hover,
+  .lexical-view-mode img:focus {
+    outline: 3px solid rgba(0, 123,255,.3)
+  }
+  
+  .lexical-view-mode iframe { 
+    max-width: 100%;
+    height: fit-content;
+    width: fit-content;
+    border: 1px solid #ccc;
+    background: black;
+  }
+  
+  /* end: Content styles */
+  
+  /* start: Backwards compatibility with Quill */
+  .lexical-view-mode .ql-align-left {
+    text-align: left;
+  }
+  
+  .lexical-view-mode .ql-align-right {
+    text-align: right;
+  }
+  
+  .lexical-view-mode .ql-align-center {
+    text-align: center;
+  }
+  
+  .lexical-view-mode .ql-align-justify {
+    text-align: justify;
+  }
+  
+  .lexical-view-mode .ql-size-small {
+    font-size: 0.75em;
+  }
+  
+  .lexical-view-mode p > a,
+  .lexical-view-mode li > a {
+    color: #007BFF;
+    text-decoration: underline;
+    cursor: pointer;
+    background-color: transparent;
+  }
+  
+  .lexical-view-mode p > a:hover,
+  .lexical-view-mode li > a:hover {
+    color: #0062CC !important;
+    text-decoration: underline !important;
+  }
+  
+  .lexical-view-mode .ql-size-large {
+    font-size: 1.25rem; 
+  }
+  
+  .lexical-view-mode .ql-indent-1 { margin-left: 20px; }
+  .lexical-view-mode .ql-indent-2 { margin-left: 40px; }
+  .lexical-view-mode .ql-indent-3 { margin-left: 60px; }
+  .lexical-view-mode .ql-indent-4 { margin-left: 80px; }
+  .lexical-view-mode .ql-indent-5 { margin-left: 100px; }
+  .lexical-view-mode .ql-indent-6 { margin-left: 120px; }
+  .lexical-view-mode .ql-indent-7 { margin-left: 140px; }
+  .lexical-view-mode .ql-indent-8 { margin-left: 160px; }
+  
+  .lexical-view-mode ol li.ql-indent-1,
+  .lexical-view-mode ol li.ql-indent-2,
+  .lexical-view-mode ol li.ql-indent-3,
+  .lexical-view-mode ol li.ql-indent-4,
+  .lexical-view-mode ol li.ql-indent-5,
+  .lexical-view-mode ol li.ql-indent-6,
+  .lexical-view-mode ol li.ql-indent-7,
+  .lexical-view-mode ol li.ql-indent-8 {
+    margin-bottom: .3em;
+  }
+  
+  .lexical-view-mode ul li.ql-indent-1,
+  .lexical-view-mode ul li.ql-indent-2,
+  .lexical-view-mode ul li.ql-indent-3,
+  .lexical-view-mode ul li.ql-indent-4,
+  .lexical-view-mode ul li.ql-indent-5,
+  .lexical-view-mode ul li.ql-indent-6,
+  .lexical-view-mode ul li.ql-indent-7,
+  .lexical-view-mode ul li.ql-indent-8 {
+    margin-bottom: .3em;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-1 {
+    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+    counter-increment: list-1;
+    margin-left: 0;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-1::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-1:before {
+    content: counter(list-1, lower-alpha) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-2 {
+    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+    counter-increment: list-2;
+    margin-left: 20px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-2::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-2:before {
+    content: counter(list-2, lower-roman) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-3 {
+    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
+    counter-increment: list-3;
+    margin-left: 40px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-3::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-3:before {
+    content: counter(list-3, decimal) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-4 {
+    counter-reset: list-5 list-6 list-7 list-8 list-9;
+    counter-increment: list-4;
+    margin-left: 60px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-4::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-4:before {
+    content: counter(list-4, lower-alpha) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-5 {
+    counter-reset: list-6 list-7 list-8 list-9;
+    counter-increment: list-5;
+    margin-left: 80px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-5::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-5:before {
+    content: counter(list-5, lower-roman) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-6 {
+    counter-reset: list-7 list-8 list-9;
+    counter-increment: list-6;
+    margin-left: 100px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-6::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-6:before {
+    content: counter(list-6, decimal) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-7 {
+    counter-reset: list-8 list-9;
+    counter-increment: list-7;
+    margin-left: 120px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-7::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-7:before {
+    content: counter(list-7, lower-alpha) '. ';
+  }
+  
+  .lexical-view-mode ol li.ql-indent-8 {
+    counter-reset: list-9;
+    counter-increment: list-8;
+    margin-left: 140px;
+    list-style-type: none;
+  }
+  
+  .lexical-view-mode ol li.ql-indent-8::marker {
+    display: none
+  }
+  
+  .lexical-view-mode ol li.ql-indent-8:before {
+    content: counter(list-8, lower-roman) '. ';
+  }
+  
+  
+  .lexical-view-mode ul li.ql-indent-3,
+  .lexical-view-mode ul li.ql-indent-6 { 
+    list-style-type: disc
+  }
+  
+  .lexical-view-mode ul li.ql-indent-1,
+  .lexical-view-mode ul li.ql-indent-4,
+  .lexical-view-mode ul li.ql-indent-7 { 
+    list-style-type: circle
+  }
+  
+  .lexical-view-mode ul li.ql-indent-2,
+  .lexical-view-mode ul li.ql-indent-5,
+  .lexical-view-mode ul li.ql-indent-8 { 
+    list-style-type: square
+  }
+  /* end: Backwards compatibility with Quill */

package/src/theme.css

@@ -0,0 +1,11 @@
+@layer theme, custom-base, custom-components, custom-utilities;
+
+@import "tailwindcss/preflight.css" layer(custom-base);
+@import "tailwindcss/theme.css" layer(theme);
+
+.confidence-ui, .confidence-ui *, .confidence-ui *::before, .confidence-ui *::after {
+    @import "tailwindcss/utilities.css" layer(custom-utilities);
+    @import "./task-description.css" layer(custom-components);
+}
+
+@config "../tailwind.config.ts"

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" />