@inploi/plugin-chatbot 3.8.0 → 3.10.0

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

@@ -1,5 +1,6 @@
-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 { N, _, h as hasProp, i as invariant, o as o$1, c as clsx, a as _$1, p, b as parse, d as picklist, y, e as application, f as h, k, C as Cn, g as parseAsync, V as ValiError, j as object, t as transform, m as maxLength, l as minLength, r as record, n as boolean, s as string, q as email, u as url, v as regex, T, w as inputHeight, x as m, A as AnimatePresence, F, z as viewState, E as ERROR_MESSAGES } from "./index-122b2522.js";
 import "@inploi/sdk";
+const kbToReadableSize = (kb) => N(kb).with(_.number.lte(1e3), () => `${Math.round(kb)}KB`).with(_.number.lt(1e3 * 10), () => `${(kb / 1e3).toFixed(1)}MB`).otherwise(() => `${Math.round(kb / 1e3)}MB`);
 const getHeadOrThrow = (nodes) => {
   const head = nodes.find((n2) => n2.isHead);
   if (!head)
@@ -229,14 +230,17 @@ async function interpretSubmitNode({
     variant: "info",
     text: "Submitting your application…"
   });
+  const {
+    anonymous_id,
+    session_id
+  } = analytics.getSessionInfo();
   const response = await apiClient.fetch(`/flow/apply`, {
     method: "POST",
     body: JSON.stringify({
       ...context,
-      type: node.data.type,
-      ats: node.data.ats,
       integration_id: node.data.integrationId,
-      anonymous_id: analytics.getAnonymousId(),
+      anonymous_id,
+      session_id,
       submissions: getApplicationSubmissionsPayload(submissions || {})
     })
   }).catch((e) => e);
@@ -250,10 +254,9 @@ async function interpretSubmitNode({
       author: "bot",
       text: "Almost there! Please finalise your application on our partner’s website."
     });
-    const currentAnonymousId = analytics.getAnonymousId();
     const href = new URL(response2.ats_data.redirect_url);
-    if (currentAnonymousId && !href.searchParams.has("anonymous_id")) {
-      href.searchParams.set("anonymous_id", currentAnonymousId);
+    if (anonymous_id && !href.searchParams.has("anonymous_id")) {
+      href.searchParams.set("anonymous_id", anonymous_id);
     }
     logApplyComplete();
     await chat.sendMessage({
@@ -285,12 +288,13 @@ async function interpretSubmitNode({
 async function interpretLinkNode({
   chat,
   next,
-  node
+  node,
+  submissions
 }) {
   await chat.sendMessage({
     type: "link",
     href: node.data.href,
-    text: node.data.cta
+    text: interpolateString(node.data.cta, submissions)
   });
   next(node.nextId);
 }
@@ -305,12 +309,13 @@ async function interpretIfBlockNode({
 async function interpretTextNode({
   chat,
   next,
-  node
+  node,
+  submissions
 }) {
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: node.data.text
+    text: interpolateString(node.data.text, submissions)
   });
   next(node.nextId);
 }
@@ -331,12 +336,13 @@ async function interpretImageNode({
 async function interpretQuestionTextNode({
   chat,
   next,
-  node
+  node,
+  submissions
 }) {
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: node.data.question
+    text: interpolateString(node.data.question, submissions)
   });
   const reply = await chat.userInput({
     key: node.data.key,
@@ -365,12 +371,13 @@ async function interpretQuestionTextNode({
 async function interpretQuestionNumberNode({
   chat,
   next,
-  node
+  node,
+  submissions
 }) {
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: node.data.question
+    text: interpolateString(node.data.question, submissions)
   });
   const reply = await chat.userInput({
     key: node.data.key,
@@ -399,12 +406,13 @@ async function interpretQuestionNumberNode({
 async function interpretQuestionEnumNode({
   chat,
   next,
-  node
+  node,
+  submissions
 }) {
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: node.data.question
+    text: interpolateString(node.data.question, submissions)
   });
   const reply = await chat.userInput({
     key: node.data.key,
@@ -429,12 +437,13 @@ async function interpretQuestionEnumNode({
 async function interpretQuestionBooleanNode({
   chat,
   next,
-  node
+  node,
+  submissions
 }) {
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: node.data.question
+    text: interpolateString(node.data.question, submissions)
   });
   const input = await chat.userInput({
     key: node.data.key,
@@ -466,27 +475,205 @@ async function interpretQuestionBooleanNode({
   }
   next(node.nextId);
 }
+const dummyDivBecauseGoogleRequiresIt = document.createElement("div");
+const keyToAddressComponnents = {
+  line1: ["street_number", "floor", "room", "premise"],
+  line2: ["subpremise", "street_address", "route"],
+  line3: ["sublocality", "neighborhood"],
+  city: ["locality", "postal_town"],
+  state: ["administrative_area_level_1"],
+  postcode: ["postal_code"],
+  country: ["country"]
+};
+const fieldMapKeys = Object.keys(keyToAddressComponnents);
 async function interpretQuestionAddressNode({
   chat,
   next,
-  node
+  node,
+  logger
 }) {
+  const {
+    google
+  } = window;
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: "Address questions are not implemented yet"
+    text: node.data.question
   });
-  next(node.nextId);
+  const askForAddress = async (defaultValues) => {
+    const addressFields = [{
+      label: "Postcode",
+      key: node.data.keys.postcode,
+      optional: false,
+      defaultValue: defaultValues.postcode
+    }, {
+      label: "Line 1",
+      key: node.data.keys.line1,
+      optional: false,
+      defaultValue: defaultValues.line1
+    }, {
+      label: "Line 2",
+      key: node.data.keys.line2,
+      optional: true,
+      defaultValue: defaultValues.line2
+    }, {
+      label: "Line 3",
+      key: node.data.keys.line3,
+      optional: true,
+      defaultValue: defaultValues.line3
+    }, {
+      label: "City",
+      key: node.data.keys.city,
+      optional: false,
+      defaultValue: defaultValues.city
+    }, {
+      label: "State/County/Province",
+      key: node.data.keys.state,
+      optional: true,
+      defaultValue: defaultValues.state
+    }, {
+      label: "Country",
+      key: node.data.keys.country,
+      optional: false,
+      defaultValue: defaultValues.country
+    }];
+    for (const field of addressFields) {
+      await chat.sendMessage({
+        author: "bot",
+        type: "text",
+        text: field.label
+      });
+      const {
+        value
+      } = await chat.userInput({
+        type: "text",
+        key: field.key,
+        config: {
+          format: "text",
+          optional: field.optional,
+          defaultValue: field.defaultValue
+        }
+      });
+      if (value === null) {
+        await chat.sendMessage({
+          type: "system",
+          variant: "info",
+          text: "Skipped"
+        });
+      } else {
+        await chat.sendMessage({
+          author: "user",
+          type: "text",
+          text: value
+        });
+      }
+    }
+  };
+  if (!hasProp(window, "google") || !hasProp(window.google, "maps") || !hasProp(window.google.maps, "places")) {
+    logger.warn("Google maps not available, falling back to manual input.");
+    logger.info("If you’d like to use the address autocomplete, please insert the google maps API snippet in your website and make sure it has access to the *places* library.");
+    await askForAddress({});
+    return next(node.nextId);
+  }
+  const autocomplete = new google.maps.places.AutocompleteService();
+  const places = new google.maps.places.PlacesService(dummyDivBecauseGoogleRequiresIt);
+  const {
+    value: search
+  } = await chat.userInput({
+    type: "text",
+    key: "_internal-address-search",
+    config: {
+      format: "text",
+      optional: false,
+      placeholder: "Search for your address"
+    }
+  });
+  if (search === null)
+    return next(node.id);
+  await chat.sendMessage({
+    author: "user",
+    type: "text",
+    text: `Search for “${search}”`
+  });
+  const {
+    predictions
+  } = await autocomplete.getPlacePredictions({
+    input: search
+  });
+  const {
+    value: [selected]
+  } = await chat.userInput({
+    type: "multiple-choice",
+    key: void 0,
+    config: {
+      options: predictions.slice(0, 4).map((p2) => ({
+        label: p2.description,
+        value: p2.place_id
+      })).concat({
+        label: "None of these",
+        value: "none"
+      }),
+      maxSelected: 1,
+      minSelected: 1
+    }
+  });
+  if (!selected || selected === "none") {
+    return next(node.id);
+  }
+  const result = await new Promise((resolve, reject) => places.getDetails({
+    placeId: selected,
+    fields: ["address_components"]
+  }, (result2, status) => {
+    if (status !== google.maps.places.PlacesServiceStatus["OK"])
+      return reject(status);
+    if (result2 === null)
+      return reject("ZERO_RESULTS");
+    return resolve({
+      ok: true,
+      place: result2
+    });
+  })).catch(async (e) => {
+    logger.error("Failed to get address details", e);
+    return {
+      ok: false
+    };
+  });
+  if (result.ok === false) {
+    await chat.sendMessage({
+      type: "system",
+      variant: "error",
+      text: "Failed to get address details"
+    });
+    await askForAddress({});
+    return next(node.id);
+  }
+  const addressComponents = result.place.address_components;
+  const autoFilledInputs = addressComponents ? fieldMapKeys.reduce((acc, key) => {
+    const componentTypes = keyToAddressComponnents[key];
+    const value = addressComponents.filter((component) => component.types.some((type) => componentTypes.includes(type))).map((component) => component.long_name).join(", ");
+    if (value) {
+      acc[key] = value;
+    }
+    return acc;
+  }, {}) : {};
+  await chat.sendMessage({
+    author: "bot",
+    type: "text",
+    text: "Please confirm or adjust your address:"
+  });
+  await askForAddress(autoFilledInputs);
+  return next(node.nextId);
 }
 async function interpretQuestionFileNode({
   node,
   chat,
-  next
+  next,
+  submissions
 }) {
   await chat.sendMessage({
     author: "bot",
     type: "text",
-    text: node.data.question
+    text: interpolateString(node.data.question, submissions)
   });
   const files = await chat.userInput({
     key: node.data.key,
@@ -575,6 +762,27 @@ const isIfBlockConditionMet = (ifBlock, submissions) => {
     }
   }, () => false).exhaustive();
 };
+const interpolateString = (str, context) => {
+  const regex2 = /{{\s*([^}]+?)\s*(?:\|\s*([^}]+?)\s*)?}}/g;
+  return str.replace(regex2, (match2, key, defaultValue = "") => {
+    key = key.trim();
+    const submission = context == null ? void 0 : context[key];
+    if (!submission)
+      return defaultValue;
+    switch (submission.type) {
+      case "boolean":
+        return submission.value === "true" ? "true" : "false";
+      case "file":
+        if (!submission.value)
+          return "no files";
+        return submission.value.map((file) => `${file.name} (${kbToReadableSize(file.sizeKb)})`).join(", ");
+      case "multiple-choice":
+        return submission.value.join(", ");
+      default:
+        return submission.value || defaultValue;
+    }
+  });
+};
 const SendButton = ({
   class: className,
   ...props
@@ -739,7 +947,6 @@ const toBase64 = (file) => new Promise((resolve, reject) => {
   };
   reader.onerror = reject;
 });
-const kbToReadableSize = (kb) => N(kb).with(_.number.lte(1e3), () => `${Math.round(kb)}KB`).with(_.number.lt(1e3 * 10), () => `${(kb / 1e3).toFixed(1)}MB`).otherwise(() => `${Math.round(kb / 1e3)}MB`);
 const addFileSizesKb = (files) => files.reduce((acc, cur) => acc + cur.sizeKb, 0);
 const isFileSubmission = isSubmissionOfType("file");
 const FILENAMES_TO_SHOW_QTY = 3;
@@ -776,6 +983,19 @@ const FilenameBadge = ({
   class: clsx("outline-neutral-6 text-neutral-11 bg-neutral-1 block rounded-md px-1 py-0.5 text-xs outline outline-1", className),
   ...props
 });
+const getFileExtension = (fileName) => {
+  const extension = fileName.split(".").pop();
+  if (!extension)
+    throw new Error("No file extension found");
+  return extension ? "." + extension : "";
+};
+const validateExtensions = ({
+  allowedExtensions,
+  files
+}) => {
+  const normalisedExtensions = allowedExtensions.map((ext) => ext.toLowerCase());
+  return files.every((file) => normalisedExtensions.includes(getFileExtension(file.name).toLowerCase()));
+};
 const ChatInputFile = ({
   input,
   onSubmitSuccess,
@@ -799,6 +1019,15 @@ const ChatInputFile = ({
           message: "Please select a file"
         });
       }
+      if (input.config.extensions.length > 0 && !validateExtensions({
+        allowedExtensions: input.config.extensions,
+        files
+      })) {
+        return setError({
+          type: "validate",
+          message: `Please upload ${input.config.extensions.join(", ")} files only`
+        });
+      }
       if (input.config.fileSizeLimitKib && totalSize > input.config.fileSizeLimitKib) {
         return setError({
           type: "max",
@@ -2532,6 +2761,7 @@ const ChatInputText = ({
 }) => {
   var _a;
   const submission = input.key ? (_a = application.current$.value.application) == null ? void 0 : _a.data.submissions[input.key] : void 0;
+  const defaultValue = input.config.defaultValue;
   const {
     register,
     handleSubmit,
@@ -2540,7 +2770,7 @@ const ChatInputText = ({
     }
   } = useForm({
     defaultValues: {
-      text: isTextSubmission(submission) ? submission.value : ""
+      text: defaultValue ? defaultValue : isTextSubmission(submission) ? submission.value : ""
     },
     resolver: getResolver(input.config)
   });

package/dist/plugin-chatbot.cjs

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

package/dist/plugin-chatbot.js

@@ -1,5 +1,5 @@
-import { z } from "./index-b616116f.js";
+import { B } from "./index-122b2522.js";
 import "@inploi/sdk";
 export {
-  z as chatbotPlugin
+  B as chatbotPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.8.0",
+  "version": "3.10.0",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -33,17 +33,18 @@
     "@total-typescript/ts-reset": "^0.5.1",
     "@types/bun": "^1.0.8",
     "@types/culori": "^2.0.4",
+    "@types/google.maps": "^3.55.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",
     "eslint": "^7.32.0",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-tailwindcss": "^3.14.1",
     "happy-dom": "^12.6.0",
     "idb-keyval": "^6.2.1",
     "msw": "^2.0.10",
@@ -64,9 +65,9 @@
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.7.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@inploi/core": "1.11.4",
-    "@inploi/sdk": "1.11.4",
+    "@inploi/core": "1.11.5",
     "@inploi/design-tokens": "0.2.0",
+    "@inploi/sdk": "1.12.0",
     "eslint-config-custom": "0.1.0",
     "tsconfig": "0.1.0"
   },