@inploi/plugin-chatbot 3.6.5 → 3.8.0

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

@@ -1,4 +1,4 @@
-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 { _, N, i as invariant, o as o$1, c as clsx, a as _$1, p, b as parse, d as picklist, y, e as application, h, k, 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-b616116f.js";
 import "@inploi/sdk";
 const getHeadOrThrow = (nodes) => {
   const head = nodes.find((n2) => n2.isHead);
@@ -261,6 +261,7 @@ async function interpretSubmitNode({
       href: href.toString(),
       text: "Finalise application on partner"
     });
+    next(node.nextId);
   }).with({
     success: true
   }, async () => {
@@ -341,15 +342,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({
@@ -366,15 +376,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({
@@ -392,11 +411,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({
@@ -413,6 +440,7 @@ async function interpretQuestionBooleanNode({
     key: node.data.key,
     type: "boolean",
     config: {
+      optional: node.data.optional,
       labels: {
         true: node.data.trueLabel,
         false: node.data.falseLabel
@@ -420,15 +448,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({
@@ -457,19 +492,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);
 }
@@ -485,7 +529,7 @@ async function interpretEndFlowNode({
   });
   end();
 }
-const stringOrStringArray = _.union(_.string, _.array(_.string));
+const possibleContainsValue = _.union(_.string, _.array(_.string), null);
 const isIfBlockConditionMet = (ifBlock, submissions) => {
   const answer = submissions == null ? void 0 : submissions[ifBlock.data.compareKey];
   if (!answer)
@@ -512,20 +556,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,7 +579,8 @@ const SendButton = ({
   class: className,
   ...props
 }) => o$1("button", {
-  class: clsx("bg-accent-7 active:bg-accent-10 active:text-accent-2 text-lowest pointer-coarse:touch-hitbox focus-visible:ring-accent-7/50 flex-shrink-0 rounded-full p-2 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+  class: clsx("bg-accent-9 active:bg-accent-10 pointer-coarse:touch-hitbox fr flex-shrink-0 rounded-full p-2 text-white transition-all disabled:cursor-not-allowed disabled:opacity-50", className),
+  type: "submit",
   ...props,
   children: o$1("svg", {
     class: "block",
@@ -555,6 +600,31 @@ const SendButton = ({
     })]
   })
 });
+const SkipButton = ({
+  class: className,
+  ...props
+}) => o$1("button", {
+  type: "button",
+  class: clsx("fr 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", className),
+  ...props,
+  children: [o$1("svg", {
+    class: "block",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "transparent",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-width": "1.5",
+    children: [o$1("title", {
+      children: "Skip"
+    }), o$1("path", {
+      d: "M3.25 11.25A5 5 0 0 1 12 7"
+    }), o$1("path", {
+      d: "M13.25 4.5V8.25H9.5"
+    })]
+  }), "Skip"]
+});
 const useFocusOnMount = () => {
   const focusRef = _$1(null);
   p(() => {
@@ -575,7 +645,7 @@ const ChatInputBoolean = ({
   onHeightChange();
   return o$1("form", {
     noValidate: true,
-    class: "flex items-center gap-2 p-2.5",
+    class: "",
     onSubmit: (e) => {
       e.preventDefault();
       const value = N(e).with({
@@ -590,19 +660,29 @@ const ChatInputBoolean = ({
       const answer = parse(AnswerSchema, value);
       onSubmitSuccess(answer);
     },
-    children: options.map((value, i2) => {
-      return o$1("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: o$1("p", {
-          class: "truncate text-center text-base",
-          children: input.config.labels[value]
-        })
-      });
-    })
+    children: [o$1("div", {
+      class: "flex items-center gap-2 p-2.5",
+      children: options.map((value, i2) => {
+        return o$1("button", {
+          ref: i2 === 0 ? focusRef : null,
+          type: "submit",
+          name: FIELD_NAME,
+          value,
+          class: "bg-lowest ease-expo-out ring-divider text-neutral-12 active:ring-accent-7 active:bg-accent-2 active:text-accent-11 fr block flex-1 overflow-hidden rounded-2xl px-2.5 py-2.5 ring-2 transition-all selection:bg-transparent",
+          children: o$1("p", {
+            class: "truncate text-center text-base",
+            children: input.config.labels[value]
+          })
+        });
+      })
+    }), input.config.optional && o$1("div", {
+      class: "pb-2",
+      children: o$1(SkipButton, {
+        class: "w-full",
+        type: "button",
+        onClick: () => onSubmitSuccess(null)
+      })
+    })]
   });
 };
 const InputError = ({
@@ -614,13 +694,13 @@ const InputError = ({
       onAnimationComplete();
     }
   }, [error, onAnimationComplete]);
-  return error ? o$1("div", {
+  if (!error)
+    return null;
+  return 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",
+      class: "text-error-9 h-4 w-4",
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -647,7 +727,7 @@ const InputError = ({
       class: "truncate pr-1 text-sm",
       children: error.message
     })]
-  }) : o$1(k, {});
+  });
 };
 const toBase64 = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
@@ -671,7 +751,7 @@ const FileThumbnail = ({
   const extension = file.name.split(".").pop();
   const fileName = file.name.replace(new RegExp(`.${extension}$`), "");
   return o$1("div", {
-    class: clsx("bg-accent-1 outline-neutral-4 flex max-w-full gap-2 overflow-hidden rounded-lg px-3 py-2 text-sm outline", className),
+    class: clsx("bg-accent-1 outline-accent-4 flex max-w-full gap-2 overflow-hidden rounded-lg px-3 py-2 text-sm outline", className),
     ...props,
     children: [o$1("p", {
       "aria-label": "File name",
@@ -684,7 +764,7 @@ const FileThumbnail = ({
       })]
     }), o$1("p", {
       "aria-label": "File size",
-      class: "text-neutral-10",
+      class: "text-accent-11",
       children: kbToReadableSize(file.sizeKb)
     })]
   });
@@ -703,7 +783,7 @@ const ChatInputFile = ({
 }) => {
   var _a;
   const submission = (_a = application.current$.value.application) == null ? void 0 : _a.data.submissions[input.key];
-  const [files, setFiles] = h(isFileSubmission(submission) ? submission.value : []);
+  const [files, setFiles] = h(isFileSubmission(submission) && submission.value !== null ? submission.value : []);
   const [error, setError] = h();
   const hiddenFileCount = files.length - FILENAMES_TO_SHOW_QTY;
   const totalSize = addFileSizesKb(files);
@@ -778,7 +858,7 @@ const ChatInputFile = ({
                 d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
               })
             }), o$1("p", {
-              class: "text-neutral-12 tracking-[-0.01em] dark:text-gray-400",
+              class: "text-neutral-12 tracking-[-0.01em]",
               children: [input.config.allowMultiple ? "Select files" : "Select a file", " to upload"]
             }), input.config.fileSizeLimitKib ? o$1("p", {
               class: "text-neutral-10 text-xs",
@@ -827,8 +907,13 @@ const ChatInputFile = ({
           type: "file",
           class: "sr-only"
         })]
-      }), o$1(SendButton, {
-        disabled: files.length === 0
+      }), o$1("div", {
+        class: "flex h-full flex-col items-center gap-2",
+        children: [o$1(SendButton, {
+          disabled: files.length === 0
+        }), input.config.optional && o$1(SkipButton, {
+          onClick: () => onSubmitSuccess(null)
+        })]
       })]
     }), error && o$1(InputError, {
       onAnimationComplete: onHeightChange,
@@ -2339,7 +2424,7 @@ const ChatInputMultipleChoice = ({
     resolver: getResolver$1(input.config)
   });
   const focusRef = useFocusOnMount();
-  const isSingleChoice = input.config.minSelected === 1 && input.config.maxSelected === 1;
+  const isSingleChoice = (input.config.minSelected === 1 || input.config.minSelected === void 0) && input.config.maxSelected === 1;
   return o$1("form", {
     noValidate: true,
     class: "flex flex-col gap-1 pr-2.5",
@@ -2382,13 +2467,19 @@ const ChatInputMultipleChoice = ({
               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",
+              class: "bg-lowest peer-focus-visible:ring-accent-7 active:outline-neutral-10 ease-expo-out outline-divider text-neutral-11 peer-checked:outline-accent-7 peer-checked:bg-accent-2 peer-checked:text-accent-9 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",
               htmlFor: id,
               children: option.label
             })]
           }, option.value);
         })
-      }), !isSingleChoice && o$1(SendButton, {})]
+      }), o$1("div", {
+        class: "flex flex-col items-center gap-2",
+        children: [!isSingleChoice && o$1(SendButton, {}), input.config.minSelected === 0 && o$1(SkipButton, {
+          type: "button",
+          onClick: () => onSubmitSuccess([])
+        })]
+      })]
     }), o$1("div", {
       class: "px-1",
       children: o$1(InputError, {
@@ -2399,16 +2490,12 @@ const ChatInputMultipleChoice = ({
   });
 };
 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 = string(errors.phone, [regex(/^\+?[0-9 -]+$/, errors.phone)]);
-const inputFormatToSchema = {
-  email: string(errors.email, [email(errors.email)]),
-  phone: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, "")),
-  text: string([minLength(1, "Please enter some text")]),
-  url: string([url("That doesn’t look like a valid URL")])
-};
 const inputFormatToProps = {
   email: {
     type: "email",
@@ -2431,7 +2518,12 @@ const inputFormatToProps = {
 };
 const isTextSubmission = isSubmissionOfType("text");
 const getResolver = (config) => i(object({
-  text: inputFormatToSchema[config.format]
+  text: {
+    email: string(errors.email, [email(errors.email)]),
+    phone: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, "")),
+    text: string([minLength(1, errors.empty)]),
+    url: string([url(errors.url)])
+  }[config.format]
 }));
 const ChatInputText = ({
   input,
@@ -2456,7 +2548,7 @@ const ChatInputText = ({
     ref: setRef,
     ...props
   } = register("text", {
-    required: true
+    required: !input.config.optional
   });
   const ref = _$1();
   y(() => {
@@ -2465,35 +2557,43 @@ const ChatInputText = ({
       ref.current.select();
     }
   }, []);
-  return o$1("form", {
-    noValidate: true,
-    class: "flex flex-col gap-1 p-2.5",
-    onSubmit: handleSubmit((submission2) => {
-      onSubmitSuccess(submission2.text);
-    }),
-    children: [o$1("div", {
-      class: "flex items-center gap-2",
-      children: [o$1("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
-      }), o$1(SendButton, {})]
-    }), o$1(InputError, {
-      onAnimationComplete: onHeightChange,
-      error: errors2.text
-    })]
+  return o$1(k, {
+    children: o$1("form", {
+      noValidate: true,
+      class: "flex flex-col gap-1 p-2.5",
+      onSubmit: handleSubmit((submission2) => {
+        onSubmitSuccess(submission2.text);
+      }),
+      children: [o$1("div", {
+        class: "flex items-center gap-2",
+        children: [o$1("div", {
+          class: "relative min-w-0 flex-grow",
+          children: [o$1("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-divider ease-expo-out placeholder:text-neutral-10 text-neutral-12 focus-visible:outline-accent-7 caret-accent-9 bg-lowest w-full rounded-full px-3 py-1 text-base outline outline-2 transition-all",
+            placeholder: input.config.placeholder
+          }), input.config.optional && o$1(SkipButton, {
+            class: "absolute right-0 top-0",
+            onClick: () => onSubmitSuccess(null)
+          })]
+        }), o$1(SendButton, {})]
+      }), o$1(InputError, {
+        onAnimationComplete: onHeightChange,
+        error: errors2.text
+      })]
+    })
   });
 };
 const ChatInput = ({
@@ -2526,10 +2626,10 @@ const ChatInput = ({
       height: 0,
       opacity: 0
     },
-    class: "bg-neutral-2/80 absolute bottom-0 w-full overflow-hidden rounded-b-3xl backdrop-blur-md backdrop-saturate-150",
+    class: "bg-statusbar 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",
+      class: "border-divider border-t",
       children: N({
         application,
         input,
@@ -2541,7 +2641,7 @@ const ChatInput = ({
         children: [o$1("input", {
           "aria-hidden": "true",
           id: "chat-input",
-          class: "outline-neutral-12/5 placeholder:text-neutral-4 focus-visible:outline-accent-9 caret-accent-9 flex-grow rounded-full px-3 py-1 text-base outline outline-2",
+          class: "outline-divider flex-grow rounded-full bg-transparent px-3 py-1 text-base outline outline-2",
           disabled: true
         }), o$1(SendButton, {
           disabled: true,
@@ -2624,11 +2724,11 @@ const cva = (base, config) => {
     return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
   };
 };
-const chatBubbleVariants = cva("max-w-[min(100%,24rem)] [text-wrap:pretty] leading-snug flex-shrink-1 min-w-[2rem] text-md py-2 px-3 rounded-[18px] min-h-[36px] break-words", {
+const chatBubbleVariants = cva("max-w-[min(100%,24rem)] [text-wrap:pretty] leading-snug flex-shrink min-w-[2rem] py-2 px-3 rounded-[18px] min-h-[36px] break-words", {
   variants: {
     side: {
-      left: "bg-lowest text-neutral-12 shadow-surface-sm outline outline-1 outline-neutral-11/[.08] rounded-bl-md",
-      right: "ml-auto bg-accent-7 text-lowest rounded-br-md bubble-right"
+      left: "bg-bubble-weak-bg text-neutral-12 shadow-surface-sm outline outline-1 outline-bubble-weak rounded-bl-md",
+      right: "ml-auto bg-accent-9 text-white rounded-br-md shadow-surface-sm shadow-bubble-strong-shadow"
     },
     transitionState: {
       entering: "opacity-0 translate-y-8",
@@ -2691,7 +2791,7 @@ const TypingIndicator = ({
     children: Array.from({
       length: 3
     }, (_2, i2) => o$1("div", {
-      class: "bg-accent-7 h-1.5 w-1.5 animate-bounce rounded-full",
+      class: "bg-accent-9 h-1.5 w-1.5 animate-bounce rounded-full",
       style: {
         animationDelay: `${-i2 * 200}ms`
       }
@@ -2702,7 +2802,7 @@ const authorToSide = {
   bot: "left",
   user: "right"
 };
-const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px] uppercase tracking-widest drop-shadow-[0_1.5px_white]", {
+const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px] uppercase tracking-widest drop-shadow-[0_1.5px_var(--i-color-n-1)]", {
   variants: {
     variant: {
       info: "text-neutral-8",
@@ -2712,7 +2812,7 @@ const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px]
     }
   }
 });
-const JobApplicationMessages = ({
+const Conversation = ({
   messages,
   isBotTyping
 }) => {
@@ -2742,9 +2842,9 @@ const JobApplicationMessages = ({
           type: "link"
         }, (message2) => {
           return o$1("div", {
-            class: "bg-accent-8/5 flex w-full items-center justify-center overflow-hidden rounded-xl py-2",
+            class: "bg-accent-3 flex w-full items-center justify-center overflow-hidden rounded-xl py-2",
             children: o$1("a", {
-              class: "bg-lowest shadow-surface-sm ring-accent-8/20 hover:ring-accent-8 active:bg-accent-2 active:text-accent-10 text-accent-9 focus-visible:ring-accent-7/50 flex items-center gap-1.5 truncate rounded-full py-2 pl-4 pr-2.5 no-underline ring-1 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2",
+              class: "bg-lowest shadow-surface-sm ring-accent-6 hover:ring-accent-8 active:bg-accent-2 active:text-accent-10 text-accent-9 focus-visible:ring-accent-7/50 flex items-center gap-1.5 truncate rounded-full py-2 pl-4 pr-2.5 no-underline ring-1 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2",
               target: "_blank",
               href: message2.href,
               children: [message2.text, o$1("svg", {
@@ -2839,6 +2939,7 @@ const useChatService = () => {
             throw new AbortedError();
           application.setInput(void 0);
           if (input.key) {
+            application.setSubmission;
             application.setSubmission(input.key, submission);
           }
           resolve(submission);
@@ -2965,7 +3066,7 @@ const JobApplicationContent = ({
         paddingBottom: inputHeight.value
       },
       children: o$1(AnimatePresence, {
-        children: o$1(JobApplicationMessages, {
+        children: o$1(Conversation, {
           isBotTyping,
           messages: currentApplication.data.messages
         })

package/dist/plugin-chatbot.cjs

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

package/dist/plugin-chatbot.js

@@ -1,4 +1,4 @@
-import { z } from "./index-b130eeef.js";
+import { z } from "./index-b616116f.js";
 import "@inploi/sdk";
 export {
   z as chatbotPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.6.5",
+  "version": "3.8.0",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -22,9 +22,8 @@
     "@inploi/sdk": "*"
   },
   "devDependencies": {
-    "@happy-dom/global-registrator": "^12.6.0",
+    "@happy-dom/global-registrator": "^13.6.2",
     "@hookform/resolvers": "^3.3.2",
-    "@playwright/test": "^1.40.1",
     "@preact/preset-vite": "^2.5.0",
     "@preact/signals": "^1.2.2",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -32,12 +31,14 @@
     "@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/node": "^20.10.0",
     "@types/react-transition-group": "^4.4.9",
     "autoprefixer": "^10.4.16",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
+    "eslint-plugin-tailwindcss": "^3.14.1",
     "concurrently": "^8.2.2",
     "culori": "^3.3.0",
     "dotenv": "^16.3.1",
@@ -63,8 +64,9 @@
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.7.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@inploi/core": "1.11.3",
+    "@inploi/core": "1.11.4",
     "@inploi/sdk": "1.11.4",
+    "@inploi/design-tokens": "0.2.0",
     "eslint-config-custom": "0.1.0",
     "tsconfig": "0.1.0"
   },