@inploi/plugin-chatbot 3.25.0 → 3.26.0

package/dist/{chatbot-body-fb25c0fb.js → chatbot-body-dd9bb20f.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 LoadingIndicator, Q as ERROR_MESSAGES } from "./index-91ddb671.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 regex, M as email, O as url, P as LoadingIndicator, Q as ERROR_MESSAGES } from "./index-0a6167b8.js";
 import "@inploi/sdk";
 const isIfBlockConditionMet = (ifBlock, {
   context,
@@ -478,17 +478,25 @@ async function interpretSubmitNode({
       });
     }).otherwise(() => {
     });
-    await N(response).with({
-      ats_data: {
+    await N(response).with(_.union({
+      ats_data: _.select("redirect", {
         redirect_url: _.string
+      })
+    }, {
+      integration_response: {
+        data: _.select("redirect", {
+          redirect_url: _.string
+        })
       }
-    }, async (response2) => {
+    }), async (response2) => {
+      if (response2.redirect === void 0)
+        return;
       await chat.sendMessage({
         type: "text",
         author: "bot",
         text: "Almost there! Please complete your submission here:"
       });
-      const href = new URL(response2.ats_data.redirect_url);
+      const href = new URL(response2.redirect.redirect_url);
       if (anonymous_id && !href.searchParams.has("anonymous_id")) {
         href.searchParams.set("anonymous_id", anonymous_id);
       }
@@ -497,8 +505,10 @@ async function interpretSubmitNode({
         href: href.toString(),
         text: "Complete submission",
         onClick: () => {
-          if (!session_id)
-            return logger.error("session_id not set, cannot log FLOW_REDIRECT event");
+          if (!session_id) {
+            logger.error("session_id not set, cannot log FLOW_REDIRECT event");
+            return;
+          }
           analytics.log({
             event: "FLOW_REDIRECT",
             properties: {
@@ -522,17 +532,24 @@ async function interpretSubmitNode({
         text: "Submission completed!"
       });
       next(node.nextId);
-    }).with({
-      sucess: false,
-      ats_data: {
+    }).with(_.union({
+      success: false,
+      ats_data: _.select("error", {
         message: _.string
+      })
+    }, {
+      integration_response: {
+        error: _.select("error", {
+          message: _.string
+        })
       }
-    }, async (response2) => {
-      logger.error(response2.ats_data);
+    }), async (response2) => {
+      var _a;
+      logger.error(response2.error);
       await chat.sendMessage({
         type: "system",
         variant: "error",
-        text: response2.ats_data.message
+        text: ((_a = response2.error) == null ? void 0 : _a.message) || "Failed to submit"
       });
       await submit(false);
     }).otherwise(async (response2) => {
@@ -624,7 +641,16 @@ async function interpretQuestionTextNode({
       context
     })
   });
-  const reply = await chat.userInput({
+  const reply = node.data.format === "phone" ? await chat.userInput({
+    key: node.data.key,
+    type: "phone",
+    config: {
+      optional: node.data.optional,
+      placeholder: node.data.placeholder,
+      maxChars: node.data.maxChars,
+      minChars: node.data.minChars
+    }
+  }) : await chat.userInput({
     key: node.data.key,
     type: "text",
     config: {
@@ -1229,7 +1255,256 @@ const SkipButton = ({
     })]
   }), "Skip"]
 });
-const countryNames = ["Afghanistan", "Albania", "Algeria", "American Samoa", "Andorra", "Angola", "Anguilla", "Antarctica", "Antigua and Barbuda", "Argentina", "Armenia", "Aruba", "Australia", "Austria", "Azerbaijan", "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia and Herzegovina", "Botswana", "Bouvet Island", "Brazil", "British Indian Ocean Territory", "British Virgin Islands", "Brunei", "Bulgaria", "Burkina Faso", "Burundi", "Cabo Verde", "Cambodia", "Cameroon", "Canada", "Caribbean Netherlands", "Cayman Islands", "Central African Republic", "Chad", "Chile", "China", "Christmas Island", "Cocos (Keeling) Islands", "Colombia", "Comoros", "Cook Islands", "Costa Rica", "Croatia", "Cuba", "Curaçao", "Cyprus", "Czechia", "Côte d'Ivoire", "Democratic Republic of the Congo", "Denmark", "Djibouti", "Dominican Republic", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea", "Eritrea", "Estonia", "Eswatini", "Ethiopia", "Falkland Islands (Islas Malvinas)", "Faroe Islands", "Fiji", "Finland", "France", "French Guiana", "French Polynesia", "French Southern and Antarctic Lands", "Gabon", "Georgia", "Germany", "Ghana", "Gibraltar", "Greece", "Greenland", "Grenada", "Guadeloupe", "Guam", "Guatemala", "Guernsey", "Guinea", "Guinea-Bissau", "Guyana", "Haiti", "Heard Island and McDonald Islands", "Honduras", "Hong Kong", "Hungary", "Iceland", "India", "Indonesia", "Iran", "Iraq", "Ireland", "Isle of Man", "Israel", "Italy", "Jamaica", "Japan", "Jersey", "Jordan", "Kazakhstan", "Kenya", "Kiribati", "Kosovo", "Kuwait", "Kyrgyzstan", "Laos", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libya", "Liechtenstein", "Lithuania", "Luxembourg", "Macao", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Marshall Islands", "Martinique", "Mauritania", "Mauritius", "Mayotte", "Mexico", "Micronesia", "Moldova", "Monaco", "Mongolia", "Montenegro", "Montserrat", "Morocco", "Mozambique", "Myanmar (Burma)", "Namibia", "Nauru", "Nepal", "Netherlands", "New Caledonia", "New Zealand", "Nicaragua", "Niger", "Nigeria", "Niue", "Norfolk Island", "North Korea", "North Macedonia", "Northern Mariana Islands", "Norway", "Oman", "Pakistan", "Palau", "Palestine", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Pitcairn Islands", "Poland", "Portugal", "Puerto Rico", "Qatar", "Romania", "Russia", "Rwanda", "Réunion", "Saint Barthélemy", "Saint Helena, Ascension and Tristan da Cunha", "Saint Kitts and Nevis", "Saint Lucia", "Saint Martin", "Saint Pierre and Miquelon", "Saint Vincent and the Grenadines", "Samoa", "San Marino", "Saudi Arabia", "Senegal", "Serbia", "Seychelles", "Sierra Leone", "Singapore", "Sint Maarten", "Slovakia", "Slovenia", "Solomon Islands", "Somalia", "South Africa", "South Georgia and the South Sandwich Islands", "South Korea", "South Sudan", "Spain", "Sri Lanka", "Sudan", "Suriname", "Svalbard and Jan Mayen", "Sweden", "Switzerland", "Syria", "São Tomé and Príncipe", "Taiwan", "Tajikistan", "Tanzania", "Thailand", "The Bahamas", "The Gambia", "Timor-Leste", "Togo", "Tokelau", "Tonga", "Trinidad and Tobago", "Tunisia", "Turkmenistan", "Turks and Caicos Islands", "Tuvalu", "Türkiye", "U.S. Virgin Islands", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "United States", "United States Minor Outlying Islands", "Uruguay", "Uzbekistan", "Vanuatu", "Vatican City", "Venezuela", "Vietnam", "Wallis and Futuna", "Western Sahara", "Yemen", "Zambia", "Zimbabwe", "Åland Islands"];
+const countries = {
+  Afghanistan: "93",
+  Albania: "355",
+  Algeria: "213",
+  "American Samoa": "1",
+  Andorra: "376",
+  Angola: "244",
+  Anguilla: "1",
+  Antarctica: "672",
+  "Antigua and Barbuda": "1",
+  Argentina: "54",
+  Armenia: "374",
+  Aruba: "297",
+  Australia: "61",
+  Austria: "43",
+  Azerbaijan: "994",
+  Bahrain: "973",
+  Bangladesh: "880",
+  Barbados: "1",
+  Belarus: "375",
+  Belgium: "32",
+  Belize: "501",
+  Benin: "229",
+  Bermuda: "1",
+  Bhutan: "975",
+  Bolivia: "591",
+  "Bosnia and Herzegovina": "387",
+  Botswana: "267",
+  "Bouvet Island": "47",
+  Brazil: "55",
+  "British Indian Ocean Territory": "246",
+  "British Virgin Islands": "1",
+  Brunei: "673",
+  Bulgaria: "359",
+  "Burkina Faso": "226",
+  Burundi: "257",
+  "Cabo Verde": "238",
+  Cambodia: "855",
+  Cameroon: "237",
+  Canada: "1",
+  "Caribbean Netherlands": "599",
+  "Cayman Islands": "1",
+  "Central African Republic": "236",
+  Chad: "235",
+  Chile: "56",
+  China: "86",
+  "Christmas Island": "61",
+  "Cocos (Keeling) Islands": "61",
+  Colombia: "57",
+  Comoros: "269",
+  "Cook Islands": "682",
+  "Costa Rica": "506",
+  Croatia: "385",
+  Cuba: "53",
+  Curaçao: "599",
+  Cyprus: "357",
+  Czechia: "420",
+  "Côte d'Ivoire": "225",
+  "Democratic Republic of the Congo": "243",
+  Denmark: "45",
+  Djibouti: "253",
+  "Dominican Republic": "1",
+  Ecuador: "593",
+  Egypt: "20",
+  "El Salvador": "503",
+  "Equatorial Guinea": "240",
+  Eritrea: "291",
+  Estonia: "372",
+  Eswatini: "268",
+  Ethiopia: "251",
+  "Falkland Islands (Islas Malvinas)": "500",
+  "Faroe Islands": "298",
+  Fiji: "679",
+  Finland: "358",
+  France: "33",
+  "French Guiana": "594",
+  "French Polynesia": "689",
+  "French Southern and Antarctic Lands": "260",
+  Gabon: "241",
+  Georgia: "995",
+  Germany: "49",
+  Ghana: "233",
+  Gibraltar: "350",
+  Greece: "30",
+  Greenland: "299",
+  Grenada: "1",
+  Guadeloupe: "590",
+  Guam: "1",
+  Guatemala: "502",
+  Guernsey: "44",
+  Guinea: "224",
+  "Guinea-Bissau": "245",
+  Guyana: "592",
+  Haiti: "509",
+  "Heard Island and McDonald Islands": "334",
+  Honduras: "504",
+  "Hong Kong": "852",
+  Hungary: "36",
+  Iceland: "354",
+  India: "91",
+  Indonesia: "62",
+  Iran: "98",
+  Iraq: "964",
+  Ireland: "352",
+  "Isle of Man": "44",
+  Israel: "972",
+  Italy: "39",
+  Jamaica: "1",
+  Japan: "81",
+  Jersey: "44",
+  Jordan: "962",
+  Kazakhstan: "7",
+  Kenya: "254",
+  Kiribati: "686",
+  Kosovo: "383",
+  Kuwait: "965",
+  Kyrgyzstan: "996",
+  Laos: "856",
+  Latvia: "371",
+  Lebanon: "961",
+  Lesotho: "266",
+  Liberia: "231",
+  Libya: "218",
+  Liechtenstein: "423",
+  Lithuania: "370",
+  Luxembourg: "352",
+  Macao: "853",
+  Madagascar: "261",
+  Malawi: "265",
+  Malaysia: "60",
+  Maldives: "960",
+  Mali: "223",
+  Malta: "356",
+  "Marshall Islands": "692",
+  Martinique: "596",
+  Mauritania: "222",
+  Mauritius: "230",
+  Mayotte: "262",
+  Mexico: "52",
+  Micronesia: "691",
+  Moldova: "373",
+  Monaco: "377",
+  Mongolia: "976",
+  Montenegro: "382",
+  Montserrat: "1",
+  Morocco: "212",
+  Mozambique: "258",
+  "Myanmar (Burma)": "95",
+  Namibia: "264",
+  Nauru: "674",
+  Nepal: "977",
+  Netherlands: "31",
+  "New Caledonia": "687",
+  "New Zealand": "64",
+  Nicaragua: "505",
+  Niger: "227",
+  Nigeria: "234",
+  Niue: "683",
+  "Norfolk Island": "672",
+  "North Korea": "852",
+  "North Macedonia": "389",
+  "Northern Mariana Islands": "1",
+  Norway: "47",
+  Oman: "968",
+  Pakistan: "92",
+  Palau: "680",
+  Palestine: "970",
+  Panama: "507",
+  "Papua New Guinea": "675",
+  Paraguay: "595",
+  Peru: "51",
+  Philippines: "63",
+  "Pitcairn Islands": "64",
+  Poland: "48",
+  Portugal: "351",
+  "Puerto Rico": "1",
+  Qatar: "974",
+  Romania: "40",
+  Russia: "7",
+  Rwanda: "250",
+  Réunion: "262",
+  "Saint Barthélemy": "590",
+  "Saint Helena, Ascension and Tristan da Cunha": "290",
+  "Saint Kitts and Nevis": "1",
+  "Saint Lucia": "1",
+  "Saint Martin": "590",
+  "Saint Pierre and Miquelon": "508",
+  "Saint Vincent and the Grenadines": "1",
+  Samoa: "685",
+  "San Marino": "378",
+  "Saudi Arabia": "966",
+  Senegal: "221",
+  Serbia: "381",
+  Seychelles: "248",
+  "Sierra Leone": "232",
+  Singapore: "65",
+  "Sint Maarten": "1",
+  Slovakia: "421",
+  Slovenia: "386",
+  "Solomon Islands": "677",
+  Somalia: "252",
+  "South Africa": "27",
+  "South Georgia and the South Sandwich Islands": "500",
+  "South Korea": "82",
+  "South Sudan": "211",
+  Spain: "34",
+  "Sri Lanka": "94",
+  Sudan: "249",
+  Suriname: "597",
+  "Svalbard and Jan Mayen": "47",
+  Sweden: "46",
+  Switzerland: "41",
+  Syria: "963",
+  "São Tomé and Príncipe": "293",
+  Taiwan: "886",
+  Tajikistan: "992",
+  Tanzania: "255",
+  Thailand: "66",
+  "The Bahamas": "1",
+  "The Gambia": "220",
+  "Timor-Leste": "670",
+  Togo: "228",
+  Tokelau: "690",
+  Tonga: "676",
+  "Trinidad and Tobago": "1",
+  Tunisia: "216",
+  Turkmenistan: "993",
+  "Turks and Caicos Islands": "1",
+  Tuvalu: "688",
+  Türkiye: "90",
+  "U.S. Virgin Islands": "1",
+  Uganda: "256",
+  Ukraine: "380",
+  "United Arab Emirates": "971",
+  "United Kingdom": "44",
+  "United States": "1",
+  "United States Minor Outlying Islands": "1",
+  Uruguay: "598",
+  Uzbekistan: "998",
+  Vanuatu: "678",
+  "Vatican City": "379",
+  Venezuela: "58",
+  Vietnam: "84",
+  "Wallis and Futuna": "681",
+  "Western Sahara": "212",
+  Yemen: "967",
+  Zambia: "260",
+  Zimbabwe: "263",
+  "Åland Islands": "358"
+};
 const keyToAddressComponents = {
   line1: ["street_number", "floor", "room", "premise"],
   line2: ["subpremise", "street_address", "route"],
@@ -1558,6 +1833,7 @@ const ChatInputAddressDetails = ({
       }
     }
   }, []);
+  const countryNames = Object.keys(countries);
   return o$1("form", {
     class: "bg-neutral-1/90 flex flex-col justify-end gap-2 p-2",
     onSubmit: (e) => {
@@ -1586,7 +1862,7 @@ const ChatInputAddressDetails = ({
             children: [key === "country" ? o$1("div", {
               class: "relative",
               children: [o$1("select", {
-                class: "text-neutral-12  hover:bg-neutral-4 placeholder:text-neutral-8 focus:bg-neutral-5 w-full  flex-1 appearance-none rounded-lg border-solid bg-transparent bg-none px-3 py-1.5 text-base transition-colors focus:outline-none",
+                class: "text-neutral-12 hover:bg-neutral-4 placeholder:text-neutral-8 focus:bg-neutral-5 w-full  flex-1 appearance-none rounded-lg border-solid bg-transparent bg-none px-3 py-1.5 text-base transition-colors focus:outline-none",
                 name,
                 id: labelId,
                 defaultValue: addressFields[key],
@@ -1597,10 +1873,10 @@ const ChatInputAddressDetails = ({
                 }) : o$1("option", {
                   value: "",
                   children: "Select a country"
-                }), countryNames.map((country) => o$1("option", {
-                  value: country,
-                  children: country
-                }, country))]
+                }), countryNames.map((countryName) => o$1("option", {
+                  value: countryName,
+                  children: countryName
+                }, countryName))]
               }), o$1("svg", {
                 class: "text-neutral-12  absolute bottom-2.5 right-2 flex items-center justify-center",
                 width: "16",
@@ -3431,7 +3707,7 @@ const LABEL_HEIGHT = 27;
 const GAP = 12;
 const PADDING = 10;
 const isMultipleChoiceSubmission = isSubmissionOfType("enum");
-const getResolver$2 = (config) => {
+const getResolver$3 = (config) => {
   const length = {
     min: config.minSelected ?? 0,
     max: config.maxSelected ?? config.options.length
@@ -3485,7 +3761,7 @@ const ChatInputMultipleChoice = ({
     defaultValues: {
       checked: isSingleChoice ? {} : isMultipleChoiceSubmission(submission) ? Object.fromEntries(submission.value.map((key) => [key, true])) : {}
     },
-    resolver: getResolver$2(input.config)
+    resolver: getResolver$3(input.config)
   });
   const focusRef = useFocusOnMount();
   if (isBooleanLike) {
@@ -3586,7 +3862,7 @@ const errors$1 = {
   max: (max) => `Please enter a number less than or equal to ${max}`,
   decimalCases: (decimalCases) => `Please enter a number with at most ${decimalCases} decimal cases`
 };
-const getResolver$1 = (config) => {
+const getResolver$2 = (config) => {
   const min = config.min ?? Number.MIN_SAFE_INTEGER;
   const max = config.max ?? Number.MAX_SAFE_INTEGER;
   const decimalCases = config.decimalCases ?? 0;
@@ -3613,7 +3889,7 @@ const ChatInputNumber = ({
     defaultValues: {
       number: defaultValue ? Number(defaultValue) : isNumberSubmission(submission) ? submission.value : void 0
     },
-    resolver: getResolver$1(input.config)
+    resolver: getResolver$2(input.config)
   });
   const {
     ref: setRef,
@@ -3671,6 +3947,115 @@ const ChatInputNumber = ({
     })]
   });
 };
+const invalidPhoneErrorMessage = "That doesn’t look like a valid phone number";
+const UK_CODE = "44";
+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`
+  };
+  return i(object({
+    text: transform(PhoneSchema, (value) => value.replace(/[^0-9]/g, ""), [minLength(config.minChars ?? 1, configErrors.minLength), maxLength(config.maxChars ?? Infinity, configErrors.maxLength)])
+  }));
+};
+const isTextSubmission$1 = isSubmissionOfType("string");
+const ChatInputPhoneNumber = ({
+  input,
+  onSubmitSuccess
+}) => {
+  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 {
+    register,
+    handleSubmit,
+    formState: {
+      errors: errors2
+    }
+  } = useForm({
+    defaultValues: {
+      text: defaultValue ? defaultValue : isTextSubmission$1(submission) ? submission.value : ""
+    },
+    resolver: getResolver$1(input.config)
+  });
+  const {
+    ref: setRef,
+    ...props
+  } = register("text", {
+    required: !input.config.optional
+  });
+  const defaultCode = UK_CODE;
+  const [countryCode, setCountryCode] = h(defaultCode);
+  const inputRef = _$1();
+  const selectRef = _$1(null);
+  y(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, []);
+  return o$1("form", {
+    noValidate: true,
+    class: "flex flex-col gap-1 p-2.5",
+    onSubmit: handleSubmit((submission2) => {
+      onSubmitSuccess({
+        type: "string",
+        value: countryCode + submission2.text
+      });
+    }),
+    children: [o$1("div", {
+      class: "flex items-center gap-2",
+      children: [o$1("div", {
+        class: "relative flex min-w-0 flex-1 flex-grow gap-2",
+        children: [o$1("label", {
+          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]
+          }), 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,
+            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))
+          })]
+        }), o$1("input", {
+          ...props,
+          id: "chat-input",
+          type: "tel",
+          inputMode: "tel",
+          autocomplete: "off",
+          autoCapitalize: "off",
+          autoCorrect: "off",
+          autoFocus: true,
+          ref: (element) => {
+            if (element) {
+              inputRef.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 flex-1 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, {
+      error: errors2.text
+    })]
+  });
+};
 const ChatInputSubmit = ({
   input,
   onSubmitSuccess
@@ -3712,17 +4097,12 @@ const errors = {
   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 inputFormatToProps = {
   email: {
     type: "email",
     inputMode: "email",
     formNoValidate: true
   },
-  phone: {
-    type: "tel",
-    inputMode: "tel"
-  },
   text: {
     type: "text",
     inputMode: "text"
@@ -3742,7 +4122,6 @@ const getResolver = (config) => {
   return i(object({
     text: {
       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]
@@ -3773,11 +4152,11 @@ const ChatInputText = ({
   } = register("text", {
     required: !input.config.optional
   });
-  const ref = _$1();
+  const inputRef = _$1();
   y(() => {
-    if (ref.current) {
-      ref.current.focus();
-      ref.current.select();
+    if (inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
     }
   }, []);
   return o$1("form", {
@@ -3792,7 +4171,7 @@ const ChatInputText = ({
     children: [o$1("div", {
       class: "flex items-center gap-2",
       children: [o$1("div", {
-        class: "relative min-w-0 flex-grow",
+        class: "relative min-w-0 flex-1",
         children: [o$1("input", {
           id: "chat-input",
           ...props,
@@ -3803,7 +4182,7 @@ const ChatInputText = ({
           autoFocus: true,
           ref: (element) => {
             if (element) {
-              ref.current = element;
+              inputRef.current = element;
             }
             setRef(element);
           },
@@ -3870,6 +4249,13 @@ const ChatInput = () => {
       }, (props) => o$1(ChatInputText, {
         onSubmitSuccess: chatStore.onSubmitSuccessFn$.value,
         ...props
+      })).with({
+        input: {
+          type: "phone"
+        }
+      }, (props) => o$1(ChatInputPhoneNumber, {
+        onSubmitSuccess: chatStore.onSubmitSuccessFn$.value,
+        ...props
       })).with({
         input: {
           type: "multiple-choice"