@inploi/plugin-chatbot 3.27.0 → 3.27.1

package/dist/{chatbot-body-56129012.js → chatbot-body-3fff1051.js}

@@ -1,4 +1,4 @@
-import { g as get$1, i as isString$2, 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 regex, M as email, O as url, P as LoadingIndicator, Q as ERROR_MESSAGES } from "./index-dd385762.js";
+import { g as get$1, i as isString$2, 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 regex, M as email, O as url, P as LoadingIndicator, Q as ERROR_MESSAGES } from "./index-bf3e6467.js";
 import "@inploi/sdk";
 const isIfBlockConditionMet = (ifBlock, {
   context,
@@ -452,9 +452,11 @@ async function interpretSubmitNode({
       });
     N(response).with({
       integration_response: _.select(_.union({
+        service: _.optional(_.string),
         status: _.number,
         data: _.any
       }, {
+        service: _.optional(_.string),
         status: _.number,
         error: {
           message: _.string,
@@ -469,6 +471,7 @@ async function interpretSubmitNode({
           flow_version: flow.version,
           flow_session_id: flow.data.flowSessionId,
           flow_build: flow.build,
+          service: integrationResponse.service ?? "INVALID_SERVICE",
           response: {
             status: integrationResponse.status,
             payload: "data" in integrationResponse ? integrationResponse.data : integrationResponse.error.data ?? null
@@ -1988,7 +1991,7 @@ const ChatInputBoolean = ({
 const InputError = ({
   error
 }) => {
-  if (!error)
+  if (!error || !error.message)
     return null;
   return o$1("div", {
     role: "alert",
@@ -3947,19 +3950,21 @@ const ChatInputNumber = ({
     })]
   });
 };
-const invalidPhoneErrorMessage = "That doesn’t look like a valid phone number";
 const UK_CODE = "44";
+const invalidPhoneErrorMessage = "That doesn’t look like a valid phone number";
+const errorMessages = (config) => ({
+  min: `The phone number needs to be at least ${config.minChars} digits long.`,
+  max: `The phone number can't be longer than ${config.maxChars} digits.`
+});
+const isTextSubmission$1 = isSubmissionOfType("string");
 const PhoneSchema = string(invalidPhoneErrorMessage, [regex(/^\+?[0-9 -]+$/, invalidPhoneErrorMessage)]);
-const getResolver$1 = (config) => {
-  const configErrors = {
-    maxLength: `Please enter no more than ${config.maxChars ?? 999} characters`,
-    minLength: `Please enter ${config.minChars ?? 1} or more characters`
-  };
+const CountryCodeSchema = string("Please select a country code", [regex(/^\+?[0-9 -]+$/, invalidPhoneErrorMessage)]);
+const getResolver$1 = () => {
   return i(object({
-    text: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [minLength(config.minChars ?? 1, configErrors.minLength), maxLength(config.maxChars ?? Infinity, configErrors.maxLength)])
+    text: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), []),
+    countryCode: CountryCodeSchema
   }));
 };
-const isTextSubmission$1 = isSubmissionOfType("string");
 const ChatInputPhoneNumber = ({
   input,
   onSubmitSuccess
@@ -3967,17 +3972,20 @@ const ChatInputPhoneNumber = ({
   var _a;
   const submission = input.key ? (_a = store.current$.value.flow) == null ? void 0 : _a.data.submissions[input.key] : void 0;
   const defaultValue = input.config.defaultValue;
+  const [error, setError] = h();
   const {
     register,
     handleSubmit,
     formState: {
       errors: errors2
-    }
+    },
+    watch
   } = useForm({
     defaultValues: {
-      text: defaultValue ? defaultValue : isTextSubmission$1(submission) ? submission.value : ""
+      text: defaultValue ? defaultValue : isTextSubmission$1(submission) ? submission.value : "",
+      countryCode: UK_CODE
     },
-    resolver: getResolver$1(input.config)
+    resolver: getResolver$1()
   });
   const {
     ref: setRef,
@@ -3985,10 +3993,8 @@ const ChatInputPhoneNumber = ({
   } = register("text", {
     required: !input.config.optional
   });
-  const defaultCode = UK_CODE;
-  const [countryCode, setCountryCode] = h(defaultCode);
   const inputRef = _$1();
-  const selectRef = _$1(null);
+  const countryCodeValue = watch("countryCode");
   y(() => {
     if (inputRef.current) {
       inputRef.current.focus();
@@ -3999,9 +4005,14 @@ const ChatInputPhoneNumber = ({
     noValidate: true,
     class: "flex flex-col gap-1 p-2.5",
     onSubmit: handleSubmit((submission2) => {
+      setError(void 0);
+      if (submission2.text.length + submission2.countryCode.length > (input.config.maxChars || Infinity))
+        return setError(errorMessages(input.config).max);
+      if (submission2.text.length + submission2.countryCode.length < (input.config.minChars || 0))
+        return setError(errorMessages(input.config).min);
       onSubmitSuccess({
         type: "string",
-        value: countryCode + submission2.text
+        value: countryCodeValue + submission2.text
       });
     }),
     children: [o$1("div", {
@@ -4012,22 +4023,15 @@ const ChatInputPhoneNumber = ({
           class: "text-neutral-12 hover:bg-neutral-4 placeholder:text-neutral-8 focus-within:bg-neutral-5 focus-within:outline-accent-7 relative flex h-full w-12 appearance-none items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap rounded-lg border-solid bg-transparent bg-none py-1.5 text-center text-base transition-colors focus-within:outline-none",
           htmlFor: `isdk_phone_${input.key}`,
           children: [o$1("span", {
-            children: ["+", countryCode]
+            children: ["+", countryCodeValue]
           }), o$1("select", {
-            ref: selectRef,
-            onChange: (e) => {
-              var _a2;
-              const selectedCode = (_a2 = e.currentTarget.selectedOptions[0]) == null ? void 0 : _a2.value;
-              setCountryCode(selectedCode);
-            },
-            required: true,
-            defaultValue: defaultCode,
+            ...register("countryCode", {}),
             id: `isdk_phone_${input.key}`,
             class: "absolute inset-0 opacity-0",
-            children: Object.entries(countries).map(([countryName, countryCode2]) => o$1("option", {
-              value: countryCode2,
-              children: [countryName, " (+", countryCode2, ")"]
-            }, countryName))
+            children: Object.entries(countries).map(([name, code]) => o$1("option", {
+              value: code,
+              children: [name, " (+", code, ")"]
+            }, name))
           })]
         }), o$1("input", {
           ...props,
@@ -4052,7 +4056,9 @@ const ChatInputPhoneNumber = ({
         })]
       }), o$1(SendButton, {})]
     }), o$1(InputError, {
-      error: errors2.text
+      error: errors2.text || errors2.countryCode || {
+        message: error
+      }
     })]
   });
 };

package/dist/{chatbot-body-ab0ea636.cjs → chatbot-body-835049a8.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-0dd235bd.cjs");
+const index = require("./index-9b3fc23b.cjs");
 require("@inploi/sdk");
 const isIfBlockConditionMet = (ifBlock, {
   context,
@@ -454,9 +454,11 @@ async function interpretSubmitNode({
       });
     index.N(response).with({
       integration_response: index._.select(index._.union({
+        service: index._.optional(index._.string),
         status: index._.number,
         data: index._.any
       }, {
+        service: index._.optional(index._.string),
         status: index._.number,
         error: {
           message: index._.string,
@@ -471,6 +473,7 @@ async function interpretSubmitNode({
           flow_version: flow.version,
           flow_session_id: flow.data.flowSessionId,
           flow_build: flow.build,
+          service: integrationResponse.service ?? "INVALID_SERVICE",
           response: {
             status: integrationResponse.status,
             payload: "data" in integrationResponse ? integrationResponse.data : integrationResponse.error.data ?? null
@@ -1990,7 +1993,7 @@ const ChatInputBoolean = ({
 const InputError = ({
   error
 }) => {
-  if (!error)
+  if (!error || !error.message)
     return null;
   return index.o("div", {
     role: "alert",
@@ -3949,19 +3952,21 @@ const ChatInputNumber = ({
     })]
   });
 };
-const invalidPhoneErrorMessage = "That doesn’t look like a valid phone number";
 const UK_CODE = "44";
+const invalidPhoneErrorMessage = "That doesn’t look like a valid phone number";
+const errorMessages = (config) => ({
+  min: `The phone number needs to be at least ${config.minChars} digits long.`,
+  max: `The phone number can't be longer than ${config.maxChars} digits.`
+});
+const isTextSubmission$1 = index.isSubmissionOfType("string");
 const PhoneSchema = index.string(invalidPhoneErrorMessage, [index.regex(/^\+?[0-9 -]+$/, invalidPhoneErrorMessage)]);
-const getResolver$1 = (config) => {
-  const configErrors = {
-    maxLength: `Please enter no more than ${config.maxChars ?? 999} characters`,
-    minLength: `Please enter ${config.minChars ?? 1} or more characters`
-  };
+const CountryCodeSchema = index.string("Please select a country code", [index.regex(/^\+?[0-9 -]+$/, invalidPhoneErrorMessage)]);
+const getResolver$1 = () => {
   return i(index.object({
-    text: 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.transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), []),
+    countryCode: CountryCodeSchema
   }));
 };
-const isTextSubmission$1 = index.isSubmissionOfType("string");
 const ChatInputPhoneNumber = ({
   input,
   onSubmitSuccess
@@ -3969,17 +3974,20 @@ const ChatInputPhoneNumber = ({
   var _a;
   const submission = input.key ? (_a = index.store.current$.value.flow) == null ? void 0 : _a.data.submissions[input.key] : void 0;
   const defaultValue = input.config.defaultValue;
+  const [error, setError] = index.h();
   const {
     register,
     handleSubmit,
     formState: {
       errors: errors2
-    }
+    },
+    watch
   } = useForm({
     defaultValues: {
-      text: defaultValue ? defaultValue : isTextSubmission$1(submission) ? submission.value : ""
+      text: defaultValue ? defaultValue : isTextSubmission$1(submission) ? submission.value : "",
+      countryCode: UK_CODE
     },
-    resolver: getResolver$1(input.config)
+    resolver: getResolver$1()
   });
   const {
     ref: setRef,
@@ -3987,10 +3995,8 @@ const ChatInputPhoneNumber = ({
   } = register("text", {
     required: !input.config.optional
   });
-  const defaultCode = UK_CODE;
-  const [countryCode, setCountryCode] = index.h(defaultCode);
   const inputRef = index._$1();
-  const selectRef = index._$1(null);
+  const countryCodeValue = watch("countryCode");
   index.y(() => {
     if (inputRef.current) {
       inputRef.current.focus();
@@ -4001,9 +4007,14 @@ const ChatInputPhoneNumber = ({
     noValidate: true,
     class: "flex flex-col gap-1 p-2.5",
     onSubmit: handleSubmit((submission2) => {
+      setError(void 0);
+      if (submission2.text.length + submission2.countryCode.length > (input.config.maxChars || Infinity))
+        return setError(errorMessages(input.config).max);
+      if (submission2.text.length + submission2.countryCode.length < (input.config.minChars || 0))
+        return setError(errorMessages(input.config).min);
       onSubmitSuccess({
         type: "string",
-        value: countryCode + submission2.text
+        value: countryCodeValue + submission2.text
       });
     }),
     children: [index.o("div", {
@@ -4014,22 +4025,15 @@ const ChatInputPhoneNumber = ({
           class: "text-neutral-12 hover:bg-neutral-4 placeholder:text-neutral-8 focus-within:bg-neutral-5 focus-within:outline-accent-7 relative flex h-full w-12 appearance-none items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap rounded-lg border-solid bg-transparent bg-none py-1.5 text-center text-base transition-colors focus-within:outline-none",
           htmlFor: `isdk_phone_${input.key}`,
           children: [index.o("span", {
-            children: ["+", countryCode]
+            children: ["+", countryCodeValue]
           }), index.o("select", {
-            ref: selectRef,
-            onChange: (e) => {
-              var _a2;
-              const selectedCode = (_a2 = e.currentTarget.selectedOptions[0]) == null ? void 0 : _a2.value;
-              setCountryCode(selectedCode);
-            },
-            required: true,
-            defaultValue: defaultCode,
+            ...register("countryCode", {}),
             id: `isdk_phone_${input.key}`,
             class: "absolute inset-0 opacity-0",
-            children: Object.entries(countries).map(([countryName, countryCode2]) => index.o("option", {
-              value: countryCode2,
-              children: [countryName, " (+", countryCode2, ")"]
-            }, countryName))
+            children: Object.entries(countries).map(([name, code]) => index.o("option", {
+              value: code,
+              children: [name, " (+", code, ")"]
+            }, name))
           })]
         }), index.o("input", {
           ...props,
@@ -4054,7 +4058,9 @@ const ChatInputPhoneNumber = ({
         })]
       }), index.o(SendButton, {})]
     }), index.o(InputError, {
-      error: errors2.text
+      error: errors2.text || errors2.countryCode || {
+        message: error
+      }
     })]
   });
 };

package/dist/chatbot.d.ts

@@ -40,7 +40,6 @@ export declare const chatbotPlugin: ({ _internal_domManager: dom, theme, }: {
     /** @deprecated For internal usage only */
     _internal_domManager?: ChatbotDomManager;
 }) => ({ apiClient, logger, analytics }: {
-    /** Optionally eagerly renders the interface ahead of needing the chatbot. */
     apiClient: import("@inploi/sdk").ApiClient;
     logger: Logger;
     analytics: import("@inploi/sdk").AnalyticsService;

package/dist/{index-0dd235bd.cjs → index-9b3fc23b.cjs}

@@ -5315,7 +5315,7 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => Promise.resolve().then(() => require("./chatbot-body-ab0ea636.cjs")).then((module2) => module2.ChatbotBody));
+const ChatbotBody = M(() => Promise.resolve().then(() => require("./chatbot-body-835049a8.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: {

package/dist/{index-dd385762.js → index-bf3e6467.js}

@@ -5314,7 +5314,7 @@ const StatusBar = ({
     })
   });
 };
-const ChatbotBody = M(() => import("./chatbot-body-56129012.js").then((module) => module.ChatbotBody));
+const ChatbotBody = M(() => import("./chatbot-body-3fff1051.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: {

package/dist/plugin-chatbot.cjs

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

package/dist/plugin-chatbot.js

@@ -1,4 +1,4 @@
-import { R } from "./index-dd385762.js";
+import { R } from "./index-bf3e6467.js";
 import "@inploi/sdk";
 export {
   R as chatbotPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.27.0",
+  "version": "3.27.1",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -69,8 +69,8 @@
     "vite-tsconfig-paths": "^4.2.1",
     "@inploi/core": "1.14.3",
     "@inploi/design-tokens": "0.2.1",
-    "@inploi/sdk": "1.14.4",
     "eslint-config-custom": "0.1.0",
+    "@inploi/sdk": "1.14.4",
     "tsconfig": "0.1.0"
   },
   "msw": {