@inploi/plugin-chatbot 3.15.0 → 3.16.0

package/dist/chatbot.d.ts

@@ -27,9 +27,7 @@ export declare const chatbotPlugin: ({ _internal_domManager: dom, theme, }: {
         mode: 'light' | 'dark';
     };
     /** @deprecated For internal usage only */
-    _internal_domManager?: {
-        getOrCreateChatbotElement: () => HTMLElement;
-    } | undefined;
+    _internal_domManager?: ChatbotDomManager;
 }) => ({ apiClient, logger, analytics }: {
     apiClient: import("@inploi/sdk").ApiClient;
     logger: import("@inploi/sdk").Logger;

package/dist/chatbot.state.d.ts

@@ -0,0 +1,127 @@
+import { OpenChatbotParams } from '.';
+import { Flow } from './chatbot.api';
+import { ChatInput } from './components/chat-input/chat-input';
+import { ChatbotFlowProgress } from './progress';
+export declare const getCacheKey: (flow: Pick<StartedFlow, 'flowKeys' | 'id' | 'version'>) => string;
+export type StartedFlow = Flow & {
+    flowKeys: string[];
+    title: string;
+    data: FlowStateData;
+    startedAt: Date;
+    context: Record<string, unknown>;
+    nodeIdToProgress: Record<string, ChatbotFlowProgress>;
+};
+type CurrentFlow = {
+    state: 'idle';
+    flow?: never;
+    error?: never;
+} | {
+    state: 'loading';
+    flow?: never;
+    error?: never;
+} | {
+    state: 'loaded';
+    flow: StartedFlow;
+    error?: never;
+} | {
+    state: 'error';
+    flow?: never;
+    error: string;
+};
+export declare const store: {
+    current$: import("@preact/signals").Signal<CurrentFlow>;
+    viewState$: import("@preact/signals").Signal<"maximised" | "minimised" | "closed">;
+    inputHeight$: import("@preact/signals").Signal<number>;
+    startFlow: ({ flow, context, flowKeys, title }: OpenChatbotParams) => Promise<void>;
+    cancelCurrentFlow: () => void;
+    markAsFinished: () => void;
+    setCurrentNodeId: (currentNodeId: string) => void;
+    restart: () => void;
+    addMessage: (message: ChatMessage, groupId?: string) => void;
+    /** Removes messages from nodeId, all the messages that have the groupId passed, until it reaches one that doesn't  */
+    removeMessagesSentByNodeIds: (nodeIds: string[]) => void;
+    setSubmission: (fieldKey: string, submission: FlowSubmission | null) => void;
+    setInput: (input: ChatInput | undefined) => void;
+};
+export type MessageAuthor = 'bot' | 'user';
+type SystemMessage = {
+    type: 'system';
+    text: string;
+    variant: 'info' | 'warning' | 'error' | 'success';
+};
+type TextMessage = {
+    author: MessageAuthor;
+    type: 'text';
+    text: string;
+};
+type LinkMessage = {
+    type: 'link';
+    href: string;
+    text: string;
+};
+type ImageMessage = {
+    author: MessageAuthor;
+    type: 'image';
+    url: string;
+    width: number;
+    height: number;
+};
+type FileMessage = {
+    author: MessageAuthor;
+    type: 'file';
+    fileName: string;
+    fileSizeKb: number;
+};
+export type ChatMessage = TextMessage | ImageMessage | SystemMessage | FileMessage | LinkMessage;
+export type FileToUpload = {
+    name: string;
+    data: string;
+    sizeKb: number;
+};
+export type FlowSubmissionAddress = {
+    value: Record<string, string | undefined>;
+    type: 'address';
+};
+export type FlowSubmissionFile = {
+    value: FileToUpload[];
+    type: 'file';
+};
+export type FlowSubmissionString = {
+    value: string;
+    type: 'string';
+};
+export type FlowSubmissionBoolean = {
+    value: boolean;
+    type: 'boolean';
+};
+export type FlowSubmissionNumber = {
+    value: number;
+    type: 'number';
+};
+export type FlowSubmissionEnum = {
+    value: string[];
+    type: 'enum';
+};
+export type FlowSubmissionIntegration = {
+    value: unknown;
+    type: 'integration';
+};
+export type FlowSubmission = FlowSubmissionString | FlowSubmissionBoolean | FlowSubmissionNumber | FlowSubmissionEnum | FlowSubmissionAddress | FlowSubmissionFile | FlowSubmissionIntegration;
+export type KeyToSubmissionMap = {
+    [key: string]: FlowSubmission;
+};
+/** Dynamic part of a flow */
+export type FlowStateData = {
+    /** History of messages left in the chat */
+    messages: (ChatMessage & {
+        groupId?: string;
+    })[];
+    submissions: KeyToSubmissionMap;
+    nodeHistory: string[];
+    /** Needs to be separate because a node can have many inputs */
+    currentInput: ChatInput | null;
+    isFinished: boolean;
+    sequence: number;
+    flowSessionId: string;
+};
+export {};

package/dist/chatbot.utils.d.ts

@@ -165,18 +165,20 @@ export declare const getHeadOrThrow: (nodes: FlowNode[]) => {
     isHead?: boolean | undefined;
     nextId?: string | undefined;
 };
-export declare const getFlowSubmissionsPayload: (submissions: KeyToSubmissionMap) => Record<string, string | string[] | import("./components/chat-input/chat-input.file").FileToUpload[] | Record<string, string | undefined> | null>;
-export declare const isSubmissionOfType: <T extends "boolean" | "text" | "multiple-choice" | "file" | "submit" | "address">(type: T) => (submission?: FlowSubmission) => submission is Extract<Pick<import("./components/chat-input/chat-input.text").TextPayload, "type" | "value">, {
+export declare const getFlowSubmissionsPayload: (submissions: KeyToSubmissionMap) => Record<string, unknown>;
+export declare const isSubmissionOfType: <T extends "string" | "number" | "boolean" | "enum" | "address" | "file" | "integration">(type: T) => (submission?: FlowSubmission) => submission is Extract<import("./chatbot.state").FlowSubmissionString, {
     type: T;
-}> | Extract<Pick<import("./components/chat-input/chat-input.multiple-choice").MultipleChoicePayload, "type" | "value">, {
+}> | Extract<import("./chatbot.state").FlowSubmissionBoolean, {
     type: T;
-}> | Extract<Pick<import("./components/chat-input/chat-input.boolean").BooleanChoicePayload, "type" | "value">, {
+}> | Extract<import("./chatbot.state").FlowSubmissionNumber, {
     type: T;
-}> | Extract<Pick<import("./components/chat-input/chat-input.file").FilePayload, "type" | "value">, {
+}> | Extract<import("./chatbot.state").FlowSubmissionEnum, {
     type: T;
-}> | Extract<Pick<import("./components/chat-input/chat-input.submit").SubmitPayload, "type" | "value">, {
+}> | Extract<import("./chatbot.state").FlowSubmissionAddress, {
     type: T;
-}> | Extract<Pick<import("./components/chat-input/chat-input.address").AddressInputPayload, "type" | "value">, {
+}> | Extract<import("./chatbot.state").FlowSubmissionFile, {
+    type: T;
+}> | Extract<import("./chatbot.state").FlowSubmissionIntegration, {
     type: T;
 }>;
 export declare function gzip(string: string): string | Promise<string>;

package/dist/conditions.d.ts

@@ -0,0 +1,3 @@
+import { IfBlockNode } from '@inploi/core/flows';
+import { KeyToSubmissionMap } from './chatbot.state';
+export declare const isIfBlockConditionMet: (ifBlock: IfBlockNode, submissions?: KeyToSubmissionMap) => boolean;

package/dist/conditions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{index-b1d81d1c.js → index-063bd7e8.js}

@@ -4732,7 +4732,7 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => import("./chatbot-body-0131fc86.js").then((module) => module.ChatbotBody));
+const ChatbotBody = M(() => import("./chatbot-body-1f7580cd.js").then((module) => module.ChatbotBody));
 const chatbotContentClass = cva("selection:bg-accent-4 selection:text-accent-12 fixed bottom-2 left-2 right-2 isolate mx-auto max-h-full max-w-[450px] focus:outline-none", {
   variants: {
     view: {

package/dist/{index-51b0335a.cjs → index-a8a873bc.cjs}

@@ -4733,7 +4733,7 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => Promise.resolve().then(() => require("./chatbot-body-daedf7bd.cjs")).then((module2) => module2.ChatbotBody));
+const ChatbotBody = M(() => Promise.resolve().then(() => require("./chatbot-body-5774cb2a.cjs")).then((module2) => module2.ChatbotBody));
 const chatbotContentClass = cva("selection:bg-accent-4 selection:text-accent-12 fixed bottom-2 left-2 right-2 isolate mx-auto max-h-full max-w-[450px] focus:outline-none", {
   variants: {
     view: {

package/dist/interpreter.d.ts

@@ -1,11 +1,11 @@
 import { FlowNode } from '@inploi/core/flows';
 import { AnalyticsService, ApiClient, Logger } from '@inploi/sdk';
-import { ChatInput } from './components/chat-input/chat-input';
+import { ChatbotInput } from './components/chat-input/chat-input';
 import { ChatMessage, FlowSubmission, KeyToSubmissionMap } from './chatbot.state';
 export declare const followNodes: ({ node, nodes, stopWhen, }: {
     node: FlowNode;
     nodes: FlowNode[];
-    stopWhen?: ((node: FlowNode) => boolean) | undefined;
+    stopWhen?: (node: FlowNode) => boolean;
 }) => FlowNode | undefined;
 export type ChatServiceSendParams = {
     signal?: AbortSignal;
@@ -14,14 +14,15 @@ export type ChatServiceSendParams = {
 };
 export type ChatService = {
     send: (params: ChatServiceSendParams) => Promise<void>;
-    input: <TType extends ChatInput['type']>(params: {
-        input: Extract<ChatInput, {
+    input: <TType extends ChatbotInput['type']>(params: {
+        input: Pick<ChatbotInput & {
             type: TType;
-        }>;
+        }, 'type' | 'config' | 'key'>;
         signal?: AbortSignal;
-    }) => Promise<Extract<FlowSubmission, {
+    }) => Promise<(ChatbotInput & {
         type: TType;
-    }>>;
+    })['submission']>;
+    addToSubmissions: (key: string, value: FlowSubmission) => void;
 };
 type ChatbotInterpreterParams<TContext extends Record<string, unknown>> = {
     apiClient: ApiClient;

package/dist/plugin-chatbot.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-51b0335a.cjs");
+const index = require("./index-a8a873bc.cjs");
 require("@inploi/sdk");
 exports.chatbotPlugin = index.chatbotPlugin;

package/dist/plugin-chatbot.js

@@ -1,4 +1,4 @@
-import { H } from "./index-b1d81d1c.js";
+import { H } from "./index-063bd7e8.js";
 import "@inploi/sdk";
 export {
   H as chatbotPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.15.0",
+  "version": "3.16.0",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -16,6 +16,7 @@
     }
   },
   "dependencies": {
+    "lodash": "^4.17.21",
     "react-use-measure": "^2.1.1"
   },
   "peerDependencies": {
@@ -26,14 +27,15 @@
     "@hookform/resolvers": "^3.3.2",
     "@preact/preset-vite": "^2.5.0",
     "@preact/signals": "^1.2.2",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-focus-guards": "^1.0.1",
-    "@radix-ui/react-focus-scope": "^1.0.4",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-focus-guards": "1.0.1",
+    "@radix-ui/react-focus-scope": "1.0.4",
+    "@radix-ui/react-slot": "1.0.2",
     "@total-typescript/ts-reset": "^0.5.1",
     "@types/bun": "^1.0.8",
     "@types/culori": "^2.0.4",
     "@types/google.maps": "^3.55.4",
+    "@types/lodash": "^4.17.7",
     "@types/node": "^20.10.0",
     "@types/react-transition-group": "^4.4.9",
     "autoprefixer": "^10.4.16",
@@ -60,7 +62,6 @@
     "tailwindcss-touch": "^1.0.1",
     "ts-pattern": "^5.0.6",
     "ts-toolbelt": "^9.6.0",
-    "typescript": "^5.3.0",
     "valibot": "^0.21.0",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.7.0",