@inploi/plugin-chatbot 3.7.0 → 3.8.0

package/dist/interpreter.d.ts

@@ -1,6 +1,6 @@
 import { FlowNode } from '@inploi/core/flows';
 import { AnalyticsService, ApiClient, Logger } from '@inploi/sdk';
-import { ChatInput } from './ui/chat-input/chat-input';
+import { ChatInput } from './components/chat-input/chat-input';
 import { ApplicationSubmission, ChatMessage, KeyToSubmissionMap } from './chatbot.state';
 export declare const followNodes: ({ node, nodes, stopWhen, }: {
     node: FlowNode;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-09e54786.cjs");
+const index = require("./index-efb34443.cjs");
 require("@inploi/sdk");
 const getHeadOrThrow = (nodes) => {
   const head = nodes.find((n2) => n2.isHead);
@@ -581,7 +581,8 @@ const SendButton = ({
   class: className,
   ...props
 }) => index.o("button", {
-  class: index.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: index.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: index.o("svg", {
     class: "block",
@@ -605,7 +606,8 @@ 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),
+  type: "button",
+  class: index.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: [index.o("svg", {
     class: "block",
@@ -668,7 +670,7 @@ const ChatInputBoolean = ({
           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",
+          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: index.o("p", {
             class: "truncate text-center text-base",
             children: input.config.labels[value]
@@ -700,7 +702,7 @@ const InputError = ({
     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",
+      class: "text-error-9 h-4 w-4",
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -751,7 +753,7 @@ const FileThumbnail = ({
   const extension = file.name.split(".").pop();
   const fileName = file.name.replace(new RegExp(`.${extension}$`), "");
   return index.o("div", {
-    class: index.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: index.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: [index.o("p", {
       "aria-label": "File name",
@@ -764,7 +766,7 @@ const FileThumbnail = ({
       })]
     }), index.o("p", {
       "aria-label": "File size",
-      class: "text-neutral-10",
+      class: "text-accent-11",
       children: kbToReadableSize(file.sizeKb)
     })]
   });
@@ -858,7 +860,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"
               })
             }), index.o("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 ? index.o("p", {
               class: "text-neutral-10 text-xs",
@@ -2424,7 +2426,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 index.o("form", {
     noValidate: true,
     class: "flex flex-col gap-1 pr-2.5",
@@ -2467,7 +2469,7 @@ const ChatInputMultipleChoice = ({
               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",
+              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
             })]
@@ -2582,7 +2584,7 @@ const ChatInputText = ({
               }
               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",
+            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 && index.o(SkipButton, {
             class: "absolute right-0 top-0",
@@ -2626,10 +2628,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: index.o("div", {
       ref: inputWrapperRef,
-      class: "border-neutral-12/5 border-t",
+      class: "border-divider border-t",
       children: index.N({
         application: index.application,
         input,
@@ -2641,7 +2643,7 @@ const ChatInput = ({
         children: [index.o("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
         }), index.o(SendButton, {
           disabled: true,
@@ -2724,11 +2726,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",
@@ -2791,7 +2793,7 @@ const TypingIndicator = ({
     children: Array.from({
       length: 3
     }, (_, i2) => index.o("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`
       }
@@ -2802,7 +2804,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",
@@ -2812,7 +2814,7 @@ const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px]
     }
   }
 });
-const JobApplicationMessages = ({
+const Conversation = ({
   messages,
   isBotTyping
 }) => {
@@ -2842,9 +2844,9 @@ const JobApplicationMessages = ({
           type: "link"
         }, (message2) => {
           return index.o("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: index.o("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, index.o("svg", {
@@ -3066,7 +3068,7 @@ const JobApplicationContent = ({
         paddingBottom: index.inputHeight.value
       },
       children: index.o(index.AnimatePresence, {
-        children: index.o(JobApplicationMessages, {
+        children: index.o(Conversation, {
           isBotTyping,
           messages: currentApplication.data.messages
         })

package/dist/{job-application-content-205c66b2.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, 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-1808db67.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);
@@ -579,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",
@@ -603,7 +604,8 @@ const SkipButton = ({
   class: className,
   ...props
 }) => o$1("button", {
-  class: 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),
+  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",
@@ -666,7 +668,7 @@ const ChatInputBoolean = ({
           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",
+          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]
@@ -698,7 +700,7 @@ const InputError = ({
     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 h-4 w-4",
+      class: "text-error-9 h-4 w-4",
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -749,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",
@@ -762,7 +764,7 @@ const FileThumbnail = ({
       })]
     }), o$1("p", {
       "aria-label": "File size",
-      class: "text-neutral-10",
+      class: "text-accent-11",
       children: kbToReadableSize(file.sizeKb)
     })]
   });
@@ -856,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",
@@ -2422,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",
@@ -2465,7 +2467,7 @@ 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
             })]
@@ -2580,7 +2582,7 @@ const ChatInputText = ({
               }
               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",
+            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",
@@ -2624,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,
@@ -2639,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,
@@ -2722,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",
@@ -2789,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`
       }
@@ -2800,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",
@@ -2810,7 +2812,7 @@ const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px]
     }
   }
 });
-const JobApplicationMessages = ({
+const Conversation = ({
   messages,
   isBotTyping
 }) => {
@@ -2840,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", {
@@ -3064,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-09e54786.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-1808db67.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.7.0",
+  "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",
@@ -65,6 +66,7 @@
     "vite-tsconfig-paths": "^4.2.1",
     "@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"
   },