@inploi/plugin-chatbot 3.24.0 → 3.25.0

package/dist/{chatbot-body-66b0a30f.cjs → chatbot-body-af83f13f.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-6d177413.cjs");
+const index = require("./index-acee09dd.cjs");
 require("@inploi/sdk");
 const isIfBlockConditionMet = (ifBlock, {
   context,
@@ -430,9 +430,7 @@ async function interpretSubmitNode({
       });
     }
     await chat.sendMessage({
-      type: "system",
-      variant: "info",
-      text: "Submitting…"
+      type: "loading"
     });
     const {
       anonymous_id,
@@ -635,7 +633,8 @@ async function interpretQuestionTextNode({
       optional: node.data.optional,
       placeholder: node.data.placeholder,
       format: node.data.format,
-      maxChars: node.data.maxChars
+      maxChars: node.data.maxChars,
+      minChars: node.data.minChars
     }
   });
   if (reply === null) {
@@ -3690,7 +3689,7 @@ const ChatInputSubmit = ({
         class: "flex items-center gap-1.5",
         children: [index.o("span", {
           class: "inline-flex items-center text-sm font-medium",
-          children: input.config.label
+          children: input.config.label || "Submit"
         }), index.o("svg", {
           stroke: "currentColor",
           "stroke-width": "1.5",
@@ -3738,13 +3737,16 @@ const inputFormatToProps = {
 };
 const isTextSubmission = index.isSubmissionOfType("string");
 const getResolver = (config) => {
-  const maxLengthError = `Please enter no more than ${config.maxChars} characters`;
+  const configErrors = {
+    maxLength: `Please enter no more than ${config.maxChars ?? 999} characters`,
+    minLength: `Please enter ${config.minChars ?? 1} or more characters`
+  };
   return i(index.object({
     text: {
-      email: index.string(errors.email, [index.email(errors.email), index.maxLength(config.maxChars ?? Infinity, maxLengthError)]),
-      phone: index.transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [index.maxLength(config.maxChars ?? Infinity, maxLengthError)]),
-      text: index.string([index.minLength(1, errors.empty), index.maxLength(config.maxChars ?? Infinity, maxLengthError)]),
-      url: index.string([index.url(errors.url), index.maxLength(config.maxChars ?? Infinity, maxLengthError)])
+      email: index.string(errors.email, [index.email(errors.email), index.minLength(config.minChars ?? 1, configErrors.minLength), index.maxLength(config.maxChars ?? Infinity, configErrors.maxLength)]),
+      phone: index.transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [index.minLength(config.minChars ?? 1, configErrors.minLength), index.maxLength(config.maxChars ?? Infinity, configErrors.maxLength)]),
+      text: index.string([index.minLength(config.minChars ?? 1, configErrors.minLength), index.maxLength(config.maxChars ?? Infinity, configErrors.maxLength)]),
+      url: index.string([index.url(errors.url), index.minLength(config.minChars ?? 1, configErrors.minLength), index.maxLength(config.maxChars ?? Infinity, configErrors.maxLength)])
     }[config.format]
   }));
 };
@@ -4071,6 +4073,19 @@ const Conversation = ({
                 sizeKb: file.fileSizeKb
               }
             });
+          }).with({
+            type: "loading"
+          }, (message2) => {
+            const lastMessage = messages[messages.length - 1];
+            const isLastMessage = message2 === lastMessage;
+            if (!isLastMessage || chatStore.isBotTyping$.value)
+              return null;
+            return index.o("div", {
+              class: "flex flex-grow flex-col items-center justify-center",
+              children: index.o(index.LoadingIndicator, {
+                class: "text-neutral-6 h-8 w-8"
+              })
+            });
           }).exhaustive()
         })
       }, i2);

package/dist/{chatbot-body-fe759b08.js → chatbot-body-fb25c0fb.js}

@@ -1,4 +1,4 @@
-import { g as get$1, i as isString$1, k as kbToReadableSize, a as getHeadOrThrow, b as invariant, A as AbortedError, N, c as getFlowSubmissionsPayload, _, d as getDefaultExportFromCjs, h, e as _$1, p, F, o as o$1, f as clsx, y, s as store, j as a$2, l as k, m as k$1, n as getFormSubmitter, q as parse, r as picklist, t as isSubmissionOfType, C as Cn, u as parseAsync, V as ValiError, v as object, w as transform, x as cva, z as maxLength, B as minLength, D as record, E as boolean, G as number, H as minValue, I as maxValue, J as custom, K as string, L as email, M as url, O as regex, P as ERROR_MESSAGES } from "./index-8bfa662b.js";
+import { g as get$1, i as isString$1, k as kbToReadableSize, a as getHeadOrThrow, b as invariant, A as AbortedError, N, c as getFlowSubmissionsPayload, _, d as getDefaultExportFromCjs, h, e as _$1, p, F, o as o$1, f as clsx, y, s as store, j as a$2, l as k, m as k$1, n as getFormSubmitter, q as parse, r as picklist, t as isSubmissionOfType, C as Cn, u as parseAsync, V as ValiError, v as object, w as transform, x as cva, z as maxLength, B as minLength, D as record, E as boolean, G as number, H as minValue, I as maxValue, J as custom, K as string, L as email, M as url, O as regex, P as LoadingIndicator, Q as ERROR_MESSAGES } from "./index-91ddb671.js";
 import "@inploi/sdk";
 const isIfBlockConditionMet = (ifBlock, {
   context,
@@ -428,9 +428,7 @@ async function interpretSubmitNode({
       });
     }
     await chat.sendMessage({
-      type: "system",
-      variant: "info",
-      text: "Submitting…"
+      type: "loading"
     });
     const {
       anonymous_id,
@@ -633,7 +631,8 @@ async function interpretQuestionTextNode({
       optional: node.data.optional,
       placeholder: node.data.placeholder,
       format: node.data.format,
-      maxChars: node.data.maxChars
+      maxChars: node.data.maxChars,
+      minChars: node.data.minChars
     }
   });
   if (reply === null) {
@@ -3688,7 +3687,7 @@ const ChatInputSubmit = ({
         class: "flex items-center gap-1.5",
         children: [o$1("span", {
           class: "inline-flex items-center text-sm font-medium",
-          children: input.config.label
+          children: input.config.label || "Submit"
         }), o$1("svg", {
           stroke: "currentColor",
           "stroke-width": "1.5",
@@ -3736,13 +3735,16 @@ const inputFormatToProps = {
 };
 const isTextSubmission = isSubmissionOfType("string");
 const getResolver = (config) => {
-  const maxLengthError = `Please enter no more than ${config.maxChars} characters`;
+  const configErrors = {
+    maxLength: `Please enter no more than ${config.maxChars ?? 999} characters`,
+    minLength: `Please enter ${config.minChars ?? 1} or more characters`
+  };
   return i(object({
     text: {
-      email: string(errors.email, [email(errors.email), maxLength(config.maxChars ?? Infinity, maxLengthError)]),
-      phone: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [maxLength(config.maxChars ?? Infinity, maxLengthError)]),
-      text: string([minLength(1, errors.empty), maxLength(config.maxChars ?? Infinity, maxLengthError)]),
-      url: string([url(errors.url), maxLength(config.maxChars ?? Infinity, maxLengthError)])
+      email: string(errors.email, [email(errors.email), minLength(config.minChars ?? 1, configErrors.minLength), maxLength(config.maxChars ?? Infinity, configErrors.maxLength)]),
+      phone: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [minLength(config.minChars ?? 1, configErrors.minLength), maxLength(config.maxChars ?? Infinity, configErrors.maxLength)]),
+      text: string([minLength(config.minChars ?? 1, configErrors.minLength), maxLength(config.maxChars ?? Infinity, configErrors.maxLength)]),
+      url: string([url(errors.url), minLength(config.minChars ?? 1, configErrors.minLength), maxLength(config.maxChars ?? Infinity, configErrors.maxLength)])
     }[config.format]
   }));
 };
@@ -4069,6 +4071,19 @@ const Conversation = ({
                 sizeKb: file.fileSizeKb
               }
             });
+          }).with({
+            type: "loading"
+          }, (message2) => {
+            const lastMessage = messages[messages.length - 1];
+            const isLastMessage = message2 === lastMessage;
+            if (!isLastMessage || chatStore.isBotTyping$.value)
+              return null;
+            return o$1("div", {
+              class: "flex flex-grow flex-col items-center justify-center",
+              children: o$1(LoadingIndicator, {
+                class: "text-neutral-6 h-8 w-8"
+              })
+            });
           }).exhaustive()
         })
       }, i2);

package/dist/chatbot.api.d.ts

@@ -86,6 +86,7 @@ export declare const FlowSchema: import("valibot").ObjectSchema<{
             format: "text" | "url" | "email" | "phone";
             placeholder?: string | undefined;
             maxChars?: number | undefined;
+            minChars?: number | undefined;
         };
         type: "question-text";
         id: string;
@@ -247,6 +248,7 @@ export declare const FlowSchema: import("valibot").ObjectSchema<{
             format: "text" | "url" | "email" | "phone";
             placeholder?: string | undefined;
             maxChars?: number | undefined;
+            minChars?: number | undefined;
         };
         type: "question-text";
         id: string;
@@ -435,6 +437,7 @@ export declare const FlowSchema: import("valibot").ObjectSchema<{
             format: "text" | "url" | "email" | "phone";
             placeholder?: string | undefined;
             maxChars?: number | undefined;
+            minChars?: number | undefined;
         };
         type: "question-text";
         id: string;
@@ -610,6 +613,7 @@ export declare const FlowByIdPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -771,6 +775,7 @@ export declare const FlowByIdPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -959,6 +964,7 @@ export declare const FlowByIdPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -1133,6 +1139,7 @@ export declare const FlowByIdPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -1313,6 +1320,7 @@ export declare const FlowByJobPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -1474,6 +1482,7 @@ export declare const FlowByJobPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -1662,6 +1671,7 @@ export declare const FlowByJobPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;
@@ -1843,6 +1853,7 @@ export declare const FlowByJobPayloadSchema: import("valibot").ObjectSchema<{
                 format: "text" | "url" | "email" | "phone";
                 placeholder?: string | undefined;
                 maxChars?: number | undefined;
+                minChars?: number | undefined;
             };
             type: "question-text";
             id: string;

package/dist/chatbot.state.d.ts

@@ -75,7 +75,10 @@ type FileMessage = {
     fileName: string;
     fileSizeKb: number;
 };
-export type ChatMessage = TextMessage | ImageMessage | SystemMessage | FileMessage | LinkMessage;
+export type LoadingMessage = {
+    type: 'loading';
+};
+export type ChatMessage = TextMessage | ImageMessage | SystemMessage | FileMessage | LinkMessage | LoadingMessage;
 export type FileToUpload = {
     name: string;
     data: string;

package/dist/chatbot.utils.d.ts

@@ -77,6 +77,7 @@ export declare const getHeadOrThrow: (nodes: FlowNode[]) => {
         format: "text" | "url" | "email" | "phone";
         placeholder?: string | undefined;
         maxChars?: number | undefined;
+        minChars?: number | undefined;
     };
     type: "question-text";
     id: string;

package/dist/{index-8bfa662b.js → index-91ddb671.js}

@@ -5314,7 +5314,7 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => import("./chatbot-body-fe759b08.js").then((module) => module.ChatbotBody));
+const ChatbotBody = M(() => import("./chatbot-body-fb25c0fb.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: {
@@ -5827,8 +5827,9 @@ export {
   url as M,
   N,
   regex as O,
-  ERROR_MESSAGES as P,
-  chatbotPlugin as Q,
+  LoadingIndicator as P,
+  ERROR_MESSAGES as Q,
+  chatbotPlugin as R,
   ValiError as V,
   _$3 as _,
   getHeadOrThrow as a,

package/dist/{index-6d177413.cjs → index-acee09dd.cjs}

@@ -5315,7 +5315,7 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => Promise.resolve().then(() => require("./chatbot-body-66b0a30f.cjs")).then((module2) => module2.ChatbotBody));
+const ChatbotBody = M(() => Promise.resolve().then(() => require("./chatbot-body-af83f13f.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: {
@@ -5816,6 +5816,7 @@ exports.AbortedError = AbortedError;
 exports.Cn = Cn;
 exports.ERROR_MESSAGES = ERROR_MESSAGES;
 exports.F = F$1;
+exports.LoadingIndicator = LoadingIndicator;
 exports.N = N;
 exports.ValiError = ValiError;
 exports._ = _$3;

package/dist/plugin-chatbot.cjs

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

package/dist/plugin-chatbot.js

@@ -1,5 +1,5 @@
-import { Q } from "./index-8bfa662b.js";
+import { R } from "./index-91ddb671.js";
 import "@inploi/sdk";
 export {
-  Q as chatbotPlugin
+  R as chatbotPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.24.0",
+  "version": "3.25.0",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -66,9 +66,9 @@
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.7.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@inploi/sdk": "1.14.4",
+    "@inploi/core": "1.14.3",
     "@inploi/design-tokens": "0.2.1",
-    "@inploi/core": "1.14.2",
+    "@inploi/sdk": "1.14.4",
     "eslint-config-custom": "0.1.0",
     "tsconfig": "0.1.0"
   },