@inploi/plugin-chatbot 3.6.2 → 3.6.5

package/dist/{job-application-content-425367df.js → job-application-content-f45a3311.js}

@@ -1,5 +1,28 @@
-import { _, g as getHeadOrThrow, A as AbortedError, N, a as getApplicationSubmissionsPayload, i as invariant, o as o$1, c as clsx, b as _$1, p, d as parse, e as picklist, m, f as AnimatePresence, h as application, j as h, k, l as isSubmissionOfType, C as Cn, n as parseAsync, V as ValiError, q as object, t as transform, r as maxLength, s as minLength, u as record, v as boolean, w as string, x as email, y as url, z as regex, B as y, T, D as inputHeight, F, E as viewState, G as ERROR_MESSAGES } from "./index-873a3e2d.js";
+import { _, N, i as invariant, o as o$1, c as clsx, a as _$1, p, b as parse, d as picklist, y, k, e as application, h, C as Cn, f as parseAsync, V as ValiError, g as object, t as transform, m as maxLength, j as minLength, r as record, l as boolean, s as string, n as email, u as url, q as regex, T, v as inputHeight, w as m, A as AnimatePresence, F, x as viewState, E as ERROR_MESSAGES } from "./index-b130eeef.js";
 import "@inploi/sdk";
+const getHeadOrThrow = (nodes) => {
+  const head = nodes.find((n2) => n2.isHead);
+  if (!head)
+    throw new Error("No head node found");
+  return head;
+};
+const getApplicationSubmissionsPayload = (submissions) => {
+  const payload = Object.entries(submissions).reduce((acc, [key, submission]) => {
+    acc[key] = submission.value;
+    return acc;
+  }, {});
+  return payload;
+};
+const isSubmissionOfType = (type) => (submission) => {
+  if (!submission)
+    return false;
+  return submission.type === type;
+};
+class AbortedError extends Error {
+  constructor() {
+    super("Aborted");
+  }
+}
 const followNodes = ({
   node,
   nodes,
@@ -458,7 +481,7 @@ async function interpretEndFlowNode({
   await chat.sendMessage({
     type: "system",
     variant: "info",
-    text: node.data.systemMessage || "Conversation finished"
+    text: node.data.systemMessage
   });
   end();
 }
@@ -552,7 +575,7 @@ const ChatInputBoolean = ({
   onHeightChange();
   return o$1("form", {
     noValidate: true,
-    class: "flex items-center gap-2",
+    class: "flex items-center gap-2 p-2.5",
     onSubmit: (e) => {
       e.preventDefault();
       const value = N(e).with({
@@ -586,55 +609,45 @@ const InputError = ({
   error,
   onAnimationComplete
 }) => {
-  return o$1(AnimatePresence, {
-    children: error && o$1(m.div, {
-      initial: {
-        height: 0,
-        opacity: 0
-      },
-      animate: {
-        height: "auto",
-        opacity: 1
-      },
-      exit: {
-        height: 0,
-        opacity: 0
-      },
-      onAnimationComplete,
-      role: "alert",
-      class: "text-error-11 flex max-w-full items-center gap-1 overflow-hidden rounded-full p-0.5 px-1 opacity-0",
-      children: [o$1("svg", {
-        class: "text-error-10",
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [o$1("circle", {
-          cx: "8",
-          cy: "8",
-          r: "6.3",
-          stroke: "currentColor",
-          "stroke-width": "1.4"
-        }), o$1("rect", {
-          x: "7",
-          y: "4",
-          width: "2",
-          height: "5",
-          fill: "currentColor"
-        }), o$1("rect", {
-          x: "7",
-          y: "10",
-          width: "2",
-          height: "2",
-          fill: "currentColor"
-        })]
-      }), o$1("p", {
-        class: "truncate pr-1 text-sm",
-        children: error.message
+  y(() => {
+    if (error) {
+      onAnimationComplete();
+    }
+  }, [error, onAnimationComplete]);
+  return error ? o$1("div", {
+    role: "alert",
+    class: "text-error-11 flex max-w-full items-center gap-1 overflow-hidden rounded-full px-2 py-2",
+    children: [o$1("svg", {
+      class: "text-error-10",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [o$1("circle", {
+        cx: "8",
+        cy: "8",
+        r: "6.3",
+        stroke: "currentColor",
+        "stroke-width": "1.4"
+      }), o$1("rect", {
+        x: "7",
+        y: "4",
+        width: "2",
+        height: "5",
+        fill: "currentColor"
+      }), o$1("rect", {
+        x: "7",
+        y: "10",
+        width: "2",
+        height: "2",
+        fill: "currentColor"
       })]
-    })
-  });
+    }), o$1("p", {
+      class: "truncate pr-1 text-sm",
+      children: error.message
+    })]
+  }) : o$1(k, {});
 };
 const toBase64 = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
@@ -696,7 +709,7 @@ const ChatInputFile = ({
   const totalSize = addFileSizesKb(files);
   const focusRef = useFocusOnMount();
   return o$1("form", {
-    class: "flex flex-col gap-1",
+    class: "flex flex-col gap-1 p-2.5",
     onSubmit: (e) => {
       e.preventDefault();
       setError(void 0);
@@ -2284,6 +2297,9 @@ var a = function(r, e) {
     }
   };
 };
+const LABEL_HEIGHT = 27;
+const GAP = 12;
+const PADDING = 10;
 const submitIfSingleChecked = (form) => {
   const formObj = Object.fromEntries(new FormData(form).entries());
   const isSingleChecked = Object.keys(formObj).length;
@@ -2326,7 +2342,7 @@ const ChatInputMultipleChoice = ({
   const isSingleChoice = input.config.minSelected === 1 && input.config.maxSelected === 1;
   return o$1("form", {
     noValidate: true,
-    class: "flex flex-col gap-1",
+    class: "flex flex-col gap-1 pr-2.5",
     onChange: (e) => {
       if (isSingleChoice) {
         submitIfSingleChecked(e.currentTarget);
@@ -2337,9 +2353,12 @@ const ChatInputMultipleChoice = ({
       onSubmitSuccess(checked);
     }),
     children: [o$1("div", {
-      class: "flex items-center gap-2",
-      children: [o$1("div", {
-        class: clsx("flex w-full flex-1 flex-wrap gap-3 p-1", {
+      class: "flex items-center gap-1",
+      children: [o$1("ul", {
+        style: {
+          maxHeight: 6.5 * LABEL_HEIGHT + 5 * GAP + 2 * PADDING
+        },
+        class: clsx("gutter-stable flex w-full flex-1 flex-wrap gap-3 overflow-y-auto rounded-xl p-2.5 pr-4", {
           "justify-center": input.config.options.length === 1
         }),
         children: input.config.options.map((option, i2) => {
@@ -2348,7 +2367,8 @@ const ChatInputMultipleChoice = ({
             ref: setRef,
             ...props
           } = register(id);
-          return o$1("div", {
+          return o$1("li", {
+            class: "relative",
             children: [o$1("input", {
               autoFocus: i2 === 0,
               ref: (e) => {
@@ -2359,7 +2379,7 @@ const ChatInputMultipleChoice = ({
               },
               id,
               ...props,
-              class: "peer sr-only",
+              class: "peer sr-only h-full",
               type: "checkbox"
             }), o$1("label", {
               class: "bg-lowest peer-focus-visible:ring-accent-7 active:outline-neutral-10 ease-expo-out outline-neutral-12/5 text-neutral-11 peer-checked:outline-accent-7 peer-checked:bg-accent-2 peer-checked:text-accent-9 duration-snappy block rounded-2xl px-2.5 py-1 outline outline-2 ring-0 ring-transparent transition-all selection:bg-transparent peer-focus-visible:ring-4 peer-focus-visible:ring-offset-2",
@@ -2369,9 +2389,12 @@ const ChatInputMultipleChoice = ({
           }, option.value);
         })
       }), !isSingleChoice && o$1(SendButton, {})]
-    }), o$1(InputError, {
-      onAnimationComplete: onHeightChange,
-      error: (_b = errors2.checked) == null ? void 0 : _b.root
+    }), o$1("div", {
+      class: "px-1",
+      children: o$1(InputError, {
+        onAnimationComplete: onHeightChange,
+        error: (_b = errors2.checked) == null ? void 0 : _b.root
+      })
     })]
   });
 };
@@ -2444,7 +2467,7 @@ const ChatInputText = ({
   }, []);
   return o$1("form", {
     noValidate: true,
-    class: "flex flex-col gap-1",
+    class: "flex flex-col gap-1 p-2.5",
     onSubmit: handleSubmit((submission2) => {
       onSubmitSuccess(submission2.text);
     }),
@@ -2506,7 +2529,7 @@ const ChatInput = ({
     class: "bg-neutral-2/80 absolute bottom-0 w-full overflow-hidden rounded-b-3xl backdrop-blur-md backdrop-saturate-150",
     children: o$1("div", {
       ref: inputWrapperRef,
-      class: "border-neutral-12/5 border-t p-2.5",
+      class: "border-neutral-12/5 border-t",
       children: N({
         application,
         input,
@@ -2514,7 +2537,7 @@ const ChatInput = ({
       }).with({
         input: _.nullish
       }, () => o$1("div", {
-        class: "flex items-center gap-2",
+        class: "flex items-center gap-2 p-2.5",
         children: [o$1("input", {
           "aria-hidden": "true",
           id: "chat-input",
@@ -2866,14 +2889,27 @@ const JobApplicationContent = ({
     } = application.current$.peek();
     if (state !== "loaded")
       throw new Error(ERROR_MESSAGES.invalid_state);
-    const fromNodeId = currentApplication2.data.currentNodeId;
+    let fromNodeId = currentApplication2.data.currentNodeId;
     scrollToEnd({
       behavior: "instant"
     });
     application.setInput(void 0);
     if (currentApplication2.data.isFinished)
       return;
-    application.removeLastGroupMessagesById(fromNodeId);
+    if (fromNodeId === null) {
+      fromNodeId = getHeadOrThrow(flow.nodes).id;
+      application.setCurrentNodeId(fromNodeId);
+      analytics.log({
+        event: "APPLY_START",
+        attributionKey: `job_${job.id}`,
+        properties: {
+          job_id: job.id,
+          flow_id: flow.id
+        }
+      });
+    } else {
+      application.removeLastGroupMessagesById(fromNodeId);
+    }
     const {
       interpret: interpret2,
       abort
@@ -2895,20 +2931,22 @@ const JobApplicationContent = ({
       onInterpret: (node, prevNode) => {
         const currentState = application.current$.peek().application;
         invariant(currentState);
-        currentState.data.sequence = currentState.data.sequence + 1;
-        analytics.log({
-          event: "FLOW_NODE",
-          attributionKey: `job_${job.id}`,
-          properties: {
-            flow_id: flow.id,
-            flow_version: flow.version,
-            job_id: job.id,
-            from_node_id: prevNode ? prevNode.id : null,
-            to_node_id: node.id,
-            sequence: currentState.data.sequence,
-            flow_session_id: currentState.data.flowSessionId
-          }
-        });
+        if (prevNode) {
+          currentState.data.sequence = currentState.data.sequence + 1;
+          analytics.log({
+            event: "FLOW_NODE",
+            attributionKey: `job_${job.id}`,
+            properties: {
+              flow_id: flow.id,
+              flow_version: flow.version,
+              job_id: job.id,
+              from_node_id: prevNode.id,
+              to_node_id: node.id,
+              sequence: currentState.data.sequence,
+              flow_session_id: currentState.data.flowSessionId
+            }
+          });
+        }
         application.setCurrentNodeId(node.id);
       },
       onFlowEnd: async () => {

package/dist/plugin-chatbot.cjs

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

package/dist/plugin-chatbot.js

@@ -1,5 +1,5 @@
-import { H } from "./index-873a3e2d.js";
+import { z } from "./index-b130eeef.js";
 import "@inploi/sdk";
 export {
-  H as chatbotPlugin
+  z as chatbotPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.6.2",
+  "version": "3.6.5",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -63,8 +63,8 @@
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.7.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@inploi/core": "1.11.1",
-    "@inploi/sdk": "1.11.2",
+    "@inploi/core": "1.11.3",
+    "@inploi/sdk": "1.11.4",
     "eslint-config-custom": "0.1.0",
     "tsconfig": "0.1.0"
   },
@@ -78,7 +78,7 @@
     "build": "concurrently 'pnpm build:npm' 'pnpm run build:cdn'",
     "setup-local": "cp -n .env.example .env || true",
     "check": "eslint src --fix --max-warnings 0 && tsc",
-    "test:unit": "bun test",
+    "test": "bun test src/",
     "test:int": "playwright test",
     "test:ui": "playwright test --ui",
     "preview": "vite preview"