@inploi/plugin-chatbot 3.6.3 → 3.7.0

package/dist/{job-application-content-a12f00fd.cjs → job-application-content-43128b7f.cjs}

@@ -1,7 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-4fa91c08.cjs");
+const index = require("./index-09e54786.cjs");
 require("@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,
@@ -88,14 +111,14 @@ const createFlowInterpreter = ({
         end: () => onFlowEnd == null ? void 0 : onFlowEnd(node)
       });
     } catch (e) {
-      if (e instanceof index.AbortedError)
+      if (e instanceof AbortedError)
         return;
       throw e;
     }
   };
   return {
     interpret: async (startFromNodeId) => {
-      const startNode = flow.find((node) => node.id === startFromNodeId) ?? index.getHeadOrThrow(flow);
+      const startNode = flow.find((node) => node.id === startFromNodeId) ?? getHeadOrThrow(flow);
       return interpretNode(startNode);
     },
     abort: () => {
@@ -216,7 +239,7 @@ async function interpretSubmitNode({
       ats: node.data.ats,
       integration_id: node.data.integrationId,
       anonymous_id: analytics.getAnonymousId(),
-      submissions: index.getApplicationSubmissionsPayload(submissions || {})
+      submissions: getApplicationSubmissionsPayload(submissions || {})
     })
   }).catch((e) => e);
   await index.N(response).with({
@@ -240,6 +263,7 @@ async function interpretSubmitNode({
       href: href.toString(),
       text: "Finalise application on partner"
     });
+    next(node.nextId);
   }).with({
     success: true
   }, async () => {
@@ -320,15 +344,24 @@ async function interpretQuestionTextNode({
     key: node.data.key,
     type: "text",
     config: {
+      optional: node.data.optional,
       placeholder: node.data.placeholder,
       format: node.data.format
     }
   });
-  await chat.sendMessage({
-    author: "user",
-    type: "text",
-    text: reply.value
-  });
+  if (reply.value === null) {
+    await chat.sendMessage({
+      type: "system",
+      variant: "info",
+      text: "Skipped"
+    });
+  } else {
+    await chat.sendMessage({
+      author: "user",
+      type: "text",
+      text: reply.value
+    });
+  }
   next(node.nextId);
 }
 async function interpretQuestionNumberNode({
@@ -345,15 +378,24 @@ async function interpretQuestionNumberNode({
     key: node.data.key,
     type: "text",
     config: {
+      optional: node.data.optional,
       placeholder: node.data.placeholder,
       format: "text"
     }
   });
-  await chat.sendMessage({
-    author: "user",
-    type: "text",
-    text: reply.value
-  });
+  if (reply.value === null) {
+    await chat.sendMessage({
+      type: "system",
+      variant: "info",
+      text: "Skipped"
+    });
+  } else {
+    await chat.sendMessage({
+      author: "user",
+      type: "text",
+      text: reply.value
+    });
+  }
   next(node.nextId);
 }
 async function interpretQuestionEnumNode({
@@ -371,11 +413,19 @@ async function interpretQuestionEnumNode({
     type: "multiple-choice",
     config: node.data
   });
-  await chat.sendMessage({
-    author: "user",
-    type: "text",
-    text: node.data.options.filter((o2) => reply.value.includes(o2.value)).map((o2) => o2.label).join(", ")
-  });
+  if (reply.value.length === 0) {
+    await chat.sendMessage({
+      type: "system",
+      variant: "info",
+      text: "Skipped"
+    });
+  } else {
+    await chat.sendMessage({
+      author: "user",
+      type: "text",
+      text: node.data.options.filter((o2) => reply.value.includes(o2.value)).map((o2) => o2.label).join(", ")
+    });
+  }
   next(node.nextId);
 }
 async function interpretQuestionBooleanNode({
@@ -392,6 +442,7 @@ async function interpretQuestionBooleanNode({
     key: node.data.key,
     type: "boolean",
     config: {
+      optional: node.data.optional,
       labels: {
         true: node.data.trueLabel,
         false: node.data.falseLabel
@@ -399,15 +450,22 @@ async function interpretQuestionBooleanNode({
     }
   });
   const reply = input.value;
-  const labelMap = {
-    true: node.data.trueLabel,
-    false: node.data.falseLabel
-  };
-  await chat.sendMessage({
-    author: "user",
-    type: "text",
-    text: labelMap[reply]
-  });
+  if (reply === null) {
+    await chat.sendMessage({
+      type: "system",
+      variant: "info",
+      text: "Skipped"
+    });
+  } else {
+    await chat.sendMessage({
+      author: "user",
+      type: "text",
+      text: {
+        true: node.data.trueLabel,
+        false: node.data.falseLabel
+      }[reply]
+    });
+  }
   next(node.nextId);
 }
 async function interpretQuestionAddressNode({
@@ -436,19 +494,28 @@ async function interpretQuestionFileNode({
     key: node.data.key,
     type: "file",
     config: {
+      optional: node.data.optional,
       extensions: node.data.extensions,
       // default value for fileSizeLimitKib is 10MB
       fileSizeLimitKib: node.data.maxSizeKb ?? 10 * 1024,
       allowMultiple: node.data.multiple === true
     }
   });
-  for await (const file of files.value) {
+  if (files.value === null) {
     await chat.sendMessage({
-      author: "user",
-      type: "file",
-      fileName: file.name,
-      fileSizeKb: file.sizeKb
+      type: "system",
+      variant: "info",
+      text: "Skipped"
     });
+  } else {
+    for (const file of files.value) {
+      await chat.sendMessage({
+        author: "user",
+        type: "file",
+        fileName: file.name,
+        fileSizeKb: file.sizeKb
+      });
+    }
   }
   next(node.nextId);
 }
@@ -457,15 +524,14 @@ async function interpretEndFlowNode({
   end,
   node
 }) {
-  var _a;
   await chat.sendMessage({
     type: "system",
     variant: "info",
-    text: ((_a = node.data) == null ? void 0 : _a.systemMessage) ?? "Conversation finished"
+    text: node.data.systemMessage
   });
   end();
 }
-const stringOrStringArray = index._.union(index._.string, index._.array(index._.string));
+const possibleContainsValue = index._.union(index._.string, index._.array(index._.string), null);
 const isIfBlockConditionMet = (ifBlock, submissions) => {
   const answer = submissions == null ? void 0 : submissions[ifBlock.data.compareKey];
   if (!answer)
@@ -492,20 +558,20 @@ const isIfBlockConditionMet = (ifBlock, submissions) => {
   }).with({
     compare: "contains",
     answer: {
-      value: stringOrStringArray
+      value: possibleContainsValue
     }
   }, ({
     compareValue,
     answer: answer2
-  }) => answer2.value.includes(compareValue)).with({
+  }) => answer2.value !== null && answer2.value.includes(compareValue)).with({
     compare: "notContains",
     answer: {
-      value: stringOrStringArray
+      value: possibleContainsValue
     }
   }, ({
     compareValue,
     answer: answer2
-  }) => !answer2.value.includes(compareValue)).with({
+  }) => answer2.value === null || !answer2.value.includes(compareValue)).with({
     answer: {
       type: "file"
     }
@@ -535,6 +601,30 @@ const SendButton = ({
     })]
   })
 });
+const SkipButton = ({
+  class: className,
+  ...props
+}) => index.o("button", {
+  class: index.clsx("focus-visible:ring-accent-7/50 text-neutral-9 flex flex-shrink-0 items-center justify-center gap-1 rounded-full py-[6px] pl-2 pr-3 text-sm underline-offset-2 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2", className),
+  ...props,
+  children: [index.o("svg", {
+    class: "block",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "transparent",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-width": "1.5",
+    children: [index.o("title", {
+      children: "Skip"
+    }), index.o("path", {
+      d: "M3.25 11.25A5 5 0 0 1 12 7"
+    }), index.o("path", {
+      d: "M13.25 4.5V8.25H9.5"
+    })]
+  }), "Skip"]
+});
 const useFocusOnMount = () => {
   const focusRef = index._$1(null);
   index.p(() => {
@@ -555,7 +645,7 @@ const ChatInputBoolean = ({
   onHeightChange();
   return index.o("form", {
     noValidate: true,
-    class: "flex items-center gap-2",
+    class: "",
     onSubmit: (e) => {
       e.preventDefault();
       const value = index.N(e).with({
@@ -570,73 +660,73 @@ const ChatInputBoolean = ({
       const answer = index.parse(AnswerSchema, value);
       onSubmitSuccess(answer);
     },
-    children: options.map((value, i2) => {
-      return index.o("button", {
-        ref: i2 === 0 ? focusRef : null,
-        type: "submit",
-        name: FIELD_NAME,
-        value,
-        class: "bg-lowest ease-expo-out ring-neutral-12/5 text-neutral-12 active:ring-accent-7 active:bg-accent-2 active:text-accent-11 fr duration-snappy block flex-1 overflow-hidden rounded-2xl px-2.5 py-2.5 ring-2 transition-all selection:bg-transparent",
-        children: index.o("p", {
-          class: "truncate text-center text-base",
-          children: input.config.labels[value]
-        })
-      });
-    })
+    children: [index.o("div", {
+      class: "flex items-center gap-2 p-2.5",
+      children: options.map((value, i2) => {
+        return index.o("button", {
+          ref: i2 === 0 ? focusRef : null,
+          type: "submit",
+          name: FIELD_NAME,
+          value,
+          class: "bg-lowest ease-expo-out ring-neutral-12/5 text-neutral-12 active:ring-accent-7 active:bg-accent-2 active:text-accent-11 fr duration-snappy block flex-1 overflow-hidden rounded-2xl px-2.5 py-2.5 ring-2 transition-all selection:bg-transparent",
+          children: index.o("p", {
+            class: "truncate text-center text-base",
+            children: input.config.labels[value]
+          })
+        });
+      })
+    }), input.config.optional && index.o("div", {
+      class: "pb-2",
+      children: index.o(SkipButton, {
+        class: "w-full",
+        type: "button",
+        onClick: () => onSubmitSuccess(null)
+      })
+    })]
   });
 };
 const InputError = ({
   error,
   onAnimationComplete
 }) => {
-  return index.o(index.AnimatePresence, {
-    children: error && index.o(index.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: [index.o("svg", {
-        class: "text-error-10",
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [index.o("circle", {
-          cx: "8",
-          cy: "8",
-          r: "6.3",
-          stroke: "currentColor",
-          "stroke-width": "1.4"
-        }), index.o("rect", {
-          x: "7",
-          y: "4",
-          width: "2",
-          height: "5",
-          fill: "currentColor"
-        }), index.o("rect", {
-          x: "7",
-          y: "10",
-          width: "2",
-          height: "2",
-          fill: "currentColor"
-        })]
-      }), index.o("p", {
-        class: "truncate pr-1 text-sm",
-        children: error.message
+  index.y(() => {
+    if (error) {
+      onAnimationComplete();
+    }
+  }, [error, onAnimationComplete]);
+  if (!error)
+    return null;
+  return index.o("div", {
+    role: "alert",
+    class: "text-error-11 flex max-w-full items-center gap-1 overflow-hidden rounded-full px-2 py-2",
+    children: [index.o("svg", {
+      class: "text-error-10 h-4 w-4",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [index.o("circle", {
+        cx: "8",
+        cy: "8",
+        r: "6.3",
+        stroke: "currentColor",
+        "stroke-width": "1.4"
+      }), index.o("rect", {
+        x: "7",
+        y: "4",
+        width: "2",
+        height: "5",
+        fill: "currentColor"
+      }), index.o("rect", {
+        x: "7",
+        y: "10",
+        width: "2",
+        height: "2",
+        fill: "currentColor"
       })]
-    })
+    }), index.o("p", {
+      class: "truncate pr-1 text-sm",
+      children: error.message
+    })]
   });
 };
 const toBase64 = (file) => new Promise((resolve, reject) => {
@@ -651,7 +741,7 @@ const toBase64 = (file) => new Promise((resolve, reject) => {
 });
 const kbToReadableSize = (kb) => index.N(kb).with(index._.number.lte(1e3), () => `${Math.round(kb)}KB`).with(index._.number.lt(1e3 * 10), () => `${(kb / 1e3).toFixed(1)}MB`).otherwise(() => `${Math.round(kb / 1e3)}MB`);
 const addFileSizesKb = (files) => files.reduce((acc, cur) => acc + cur.sizeKb, 0);
-const isFileSubmission = index.isSubmissionOfType("file");
+const isFileSubmission = isSubmissionOfType("file");
 const FILENAMES_TO_SHOW_QTY = 3;
 const FileThumbnail = ({
   file,
@@ -693,13 +783,13 @@ const ChatInputFile = ({
 }) => {
   var _a;
   const submission = (_a = index.application.current$.value.application) == null ? void 0 : _a.data.submissions[input.key];
-  const [files, setFiles] = index.h(isFileSubmission(submission) ? submission.value : []);
+  const [files, setFiles] = index.h(isFileSubmission(submission) && submission.value !== null ? submission.value : []);
   const [error, setError] = index.h();
   const hiddenFileCount = files.length - FILENAMES_TO_SHOW_QTY;
   const totalSize = addFileSizesKb(files);
   const focusRef = useFocusOnMount();
   return index.o("form", {
-    class: "flex flex-col gap-1",
+    class: "flex flex-col gap-1 p-2.5",
     onSubmit: (e) => {
       e.preventDefault();
       setError(void 0);
@@ -817,8 +907,13 @@ const ChatInputFile = ({
           type: "file",
           class: "sr-only"
         })]
-      }), index.o(SendButton, {
-        disabled: files.length === 0
+      }), index.o("div", {
+        class: "flex h-full flex-col items-center gap-2",
+        children: [index.o(SendButton, {
+          disabled: files.length === 0
+        }), input.config.optional && index.o(SkipButton, {
+          onClick: () => onSubmitSuccess(null)
+        })]
       })]
     }), error && index.o(InputError, {
       onAnimationComplete: onHeightChange,
@@ -2287,6 +2382,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;
@@ -2296,7 +2394,7 @@ const submitIfSingleChecked = (form) => {
     bubbles: true
   }));
 };
-const isMultipleChoiceSubmission = index.isSubmissionOfType("multiple-choice");
+const isMultipleChoiceSubmission = isSubmissionOfType("multiple-choice");
 const getResolver$1 = (config) => {
   const length = {
     min: config.minSelected ?? 0,
@@ -2329,7 +2427,7 @@ const ChatInputMultipleChoice = ({
   const isSingleChoice = input.config.minSelected === 1 && input.config.maxSelected === 1;
   return index.o("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);
@@ -2340,9 +2438,12 @@ const ChatInputMultipleChoice = ({
       onSubmitSuccess(checked);
     }),
     children: [index.o("div", {
-      class: "flex items-center gap-2",
-      children: [index.o("div", {
-        class: index.clsx("flex w-full flex-1 flex-wrap gap-3 p-1", {
+      class: "flex items-center gap-1",
+      children: [index.o("ul", {
+        style: {
+          maxHeight: 6.5 * LABEL_HEIGHT + 5 * GAP + 2 * PADDING
+        },
+        class: index.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) => {
@@ -2351,7 +2452,8 @@ const ChatInputMultipleChoice = ({
             ref: setRef,
             ...props
           } = register(id);
-          return index.o("div", {
+          return index.o("li", {
+            class: "relative",
             children: [index.o("input", {
               autoFocus: i2 === 0,
               ref: (e) => {
@@ -2362,7 +2464,7 @@ const ChatInputMultipleChoice = ({
               },
               id,
               ...props,
-              class: "peer sr-only",
+              class: "peer sr-only h-full",
               type: "checkbox"
             }), index.o("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",
@@ -2371,24 +2473,29 @@ const ChatInputMultipleChoice = ({
             })]
           }, option.value);
         })
-      }), !isSingleChoice && index.o(SendButton, {})]
-    }), index.o(InputError, {
-      onAnimationComplete: onHeightChange,
-      error: (_b = errors2.checked) == null ? void 0 : _b.root
+      }), index.o("div", {
+        class: "flex flex-col items-center gap-2",
+        children: [!isSingleChoice && index.o(SendButton, {}), input.config.minSelected === 0 && index.o(SkipButton, {
+          type: "button",
+          onClick: () => onSubmitSuccess([])
+        })]
+      })]
+    }), index.o("div", {
+      class: "px-1",
+      children: index.o(InputError, {
+        onAnimationComplete: onHeightChange,
+        error: (_b = errors2.checked) == null ? void 0 : _b.root
+      })
     })]
   });
 };
 const errors = {
+  empty: "Please enter some text",
   email: "That doesn’t look like a valid email address",
-  phone: "That doesn’t look like a valid phone number"
+  phone: "That doesn’t look like a valid phone number",
+  url: "That doesn’t look like a valid URL"
 };
 const PhoneSchema = index.string(errors.phone, [index.regex(/^\+?[0-9 -]+$/, errors.phone)]);
-const inputFormatToSchema = {
-  email: index.string(errors.email, [index.email(errors.email)]),
-  phone: index.transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, "")),
-  text: index.string([index.minLength(1, "Please enter some text")]),
-  url: index.string([index.url("That doesn’t look like a valid URL")])
-};
 const inputFormatToProps = {
   email: {
     type: "email",
@@ -2409,9 +2516,14 @@ const inputFormatToProps = {
     formNoValidate: true
   }
 };
-const isTextSubmission = index.isSubmissionOfType("text");
+const isTextSubmission = isSubmissionOfType("text");
 const getResolver = (config) => i(index.object({
-  text: inputFormatToSchema[config.format]
+  text: {
+    email: index.string(errors.email, [index.email(errors.email)]),
+    phone: index.transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, "")),
+    text: index.string([index.minLength(1, errors.empty)]),
+    url: index.string([index.url(errors.url)])
+  }[config.format]
 }));
 const ChatInputText = ({
   input,
@@ -2436,7 +2548,7 @@ const ChatInputText = ({
     ref: setRef,
     ...props
   } = register("text", {
-    required: true
+    required: !input.config.optional
   });
   const ref = index._$1();
   index.y(() => {
@@ -2445,35 +2557,43 @@ const ChatInputText = ({
       ref.current.select();
     }
   }, []);
-  return index.o("form", {
-    noValidate: true,
-    class: "flex flex-col gap-1",
-    onSubmit: handleSubmit((submission2) => {
-      onSubmitSuccess(submission2.text);
-    }),
-    children: [index.o("div", {
-      class: "flex items-center gap-2",
-      children: [index.o("input", {
-        id: "chat-input",
-        ...props,
-        ...inputFormatToProps[input.config.format],
-        autocomplete: "off",
-        autoCapitalize: "off",
-        autoCorrect: "off",
-        autoFocus: true,
-        ref: (e) => {
-          if (e) {
-            ref.current = e;
-          }
-          setRef(e);
-        },
-        class: "outline-neutral-12/5 ease-expo-out placeholder:text-neutral-5 focus-visible:outline-accent-7 caret-accent-9 duration-snappy flex-grow rounded-full px-3 py-1 text-base outline outline-2 transition-all",
-        placeholder: input.config.placeholder
-      }), index.o(SendButton, {})]
-    }), index.o(InputError, {
-      onAnimationComplete: onHeightChange,
-      error: errors2.text
-    })]
+  return index.o(index.k, {
+    children: index.o("form", {
+      noValidate: true,
+      class: "flex flex-col gap-1 p-2.5",
+      onSubmit: handleSubmit((submission2) => {
+        onSubmitSuccess(submission2.text);
+      }),
+      children: [index.o("div", {
+        class: "flex items-center gap-2",
+        children: [index.o("div", {
+          class: "relative min-w-0 flex-grow",
+          children: [index.o("input", {
+            id: "chat-input",
+            ...props,
+            ...inputFormatToProps[input.config.format],
+            autocomplete: "off",
+            autoCapitalize: "off",
+            autoCorrect: "off",
+            autoFocus: true,
+            ref: (element) => {
+              if (element) {
+                ref.current = element;
+              }
+              setRef(element);
+            },
+            class: "outline-neutral-12/5 ease-expo-out placeholder:text-neutral-5 focus-visible:outline-accent-7 caret-accent-9 duration-snappy w-full rounded-full px-3 py-1 text-base outline outline-2 transition-all",
+            placeholder: input.config.placeholder
+          }), input.config.optional && index.o(SkipButton, {
+            class: "absolute right-0 top-0",
+            onClick: () => onSubmitSuccess(null)
+          })]
+        }), index.o(SendButton, {})]
+      }), index.o(InputError, {
+        onAnimationComplete: onHeightChange,
+        error: errors2.text
+      })]
+    })
   });
 };
 const ChatInput = ({
@@ -2509,7 +2629,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: index.o("div", {
       ref: inputWrapperRef,
-      class: "border-neutral-12/5 border-t p-2.5",
+      class: "border-neutral-12/5 border-t",
       children: index.N({
         application: index.application,
         input,
@@ -2517,7 +2637,7 @@ const ChatInput = ({
       }).with({
         input: index._.nullish
       }, () => index.o("div", {
-        class: "flex items-center gap-2",
+        class: "flex items-center gap-2 p-2.5",
         children: [index.o("input", {
           "aria-hidden": "true",
           id: "chat-input",
@@ -2792,7 +2912,7 @@ const useChatService = () => {
         type: "text"
       }, async (message2) => {
         if (signal == null ? void 0 : signal.aborted)
-          throw new index.AbortedError();
+          throw new AbortedError();
         setIsBotTyping(true);
         const typingTime = Math.min(Math.max(20, message2.text.length), 100) * TYPING_SPEED_MS_PER_CHARACTER;
         await new Promise((resolve) => {
@@ -2803,7 +2923,7 @@ const useChatService = () => {
         setIsBotTyping(false);
       }).otherwise(async () => void 0);
       if (signal == null ? void 0 : signal.aborted)
-        throw new index.AbortedError();
+        throw new AbortedError();
       index.application.addMessage(message, groupId);
     },
     input: async ({
@@ -2811,14 +2931,15 @@ const useChatService = () => {
       signal
     }) => {
       if (signal == null ? void 0 : signal.aborted)
-        throw new index.AbortedError();
+        throw new AbortedError();
       index.application.setInput(input);
       return await new Promise((resolve) => {
         const submitFunction = (submission) => {
           if (signal == null ? void 0 : signal.aborted)
-            throw new index.AbortedError();
+            throw new AbortedError();
           index.application.setInput(void 0);
           if (input.key) {
+            index.application.setSubmission;
             index.application.setSubmission(input.key, submission);
           }
           resolve(submission);
@@ -2869,14 +2990,27 @@ const JobApplicationContent = ({
     } = index.application.current$.peek();
     if (state !== "loaded")
       throw new Error(index.ERROR_MESSAGES.invalid_state);
-    const fromNodeId = currentApplication2.data.currentNodeId;
+    let fromNodeId = currentApplication2.data.currentNodeId;
     scrollToEnd({
       behavior: "instant"
     });
     index.application.setInput(void 0);
     if (currentApplication2.data.isFinished)
       return;
-    index.application.removeLastGroupMessagesById(fromNodeId);
+    if (fromNodeId === null) {
+      fromNodeId = getHeadOrThrow(flow.nodes).id;
+      index.application.setCurrentNodeId(fromNodeId);
+      analytics.log({
+        event: "APPLY_START",
+        attributionKey: `job_${job.id}`,
+        properties: {
+          job_id: job.id,
+          flow_id: flow.id
+        }
+      });
+    } else {
+      index.application.removeLastGroupMessagesById(fromNodeId);
+    }
     const {
       interpret: interpret2,
       abort
@@ -2898,20 +3032,22 @@ const JobApplicationContent = ({
       onInterpret: (node, prevNode) => {
         const currentState = index.application.current$.peek().application;
         index.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
+            }
+          });
+        }
         index.application.setCurrentNodeId(node.id);
       },
       onFlowEnd: async () => {