@inploi/plugin-chatbot 3.8.0 → 3.10.0

package/dist/chatbot.d.ts

@@ -6,7 +6,6 @@ export type ChatbotPlugin = typeof chatbotPlugin;
 export type ChatbotPluginParams = RemoveInternal<Parameters<ChatbotPlugin>[0]>;
 export type Chatbot = ReturnType<ReturnType<ChatbotPlugin>>;
 export declare const chatbotPlugin: ({ _internal_domManager: dom, theme, }: {
-    geolocationApiKey?: string | undefined;
     theme: {
         /** Rotation for the hue. Between 0 and 360. */
         hue: number;

package/dist/chatbot.utils.d.ts

@@ -1,6 +1,7 @@
 import { FlowNode } from '@inploi/core/flows';
 import { ApplicationSubmission, KeyToSubmissionMap } from './chatbot.state';
 export type DistributivePick<T, K extends keyof T> = T extends unknown ? Pick<T, K> : never;
+export declare const kbToReadableSize: (kb: number) => string;
 export declare const getHeadOrThrow: (nodes: FlowNode[]) => {
     id: string;
     data: {
@@ -20,8 +21,6 @@ export declare const getHeadOrThrow: (nodes: FlowNode[]) => {
 } | {
     id: string;
     data: {
-        type: "partial" | "full";
-        ats: "cornerstone";
         integrationId: string;
     };
     type: "integration-application-submit";

package/dist/{index-b616116f.js → index-122b2522.js}

@@ -1047,6 +1047,9 @@ function invariant$1(condition, message) {
   }
   throw new Error(message);
 }
+function hasProp(data, prop) {
+  return prop in data;
+}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i2 = 1; i2 < arguments.length; i2++) {
@@ -8281,7 +8284,7 @@ const StatusBar = ({
     })]
   });
 };
-const JobApplicationContent = M(() => import("./job-application-content-b9799966.js").then((module) => module.JobApplicationContent));
+const JobApplicationContent = M(() => import("./job-application-content-c89a480d.js").then((module) => module.JobApplicationContent));
 const MotionProvider = ({
   children
 }) => {
@@ -9326,6 +9329,7 @@ const chatbotPlugin = ({
 });
 export {
   AnimatePresence as A,
+  chatbotPlugin as B,
   Cn as C,
   ERROR_MESSAGES as E,
   F$1 as F,
@@ -9338,25 +9342,25 @@ export {
   clsx as c,
   picklist as d,
   application as e,
-  parseAsync as f,
-  object as g,
-  h$1 as h,
+  h$1 as f,
+  parseAsync as g,
+  hasProp as h,
   invariant$1 as i,
-  minLength as j,
+  object as j,
   k$3 as k,
-  boolean as l,
+  minLength as l,
   maxLength as m,
-  email as n,
+  boolean as n,
   o,
   p$3 as p,
-  regex as q,
+  email as q,
   record as r,
   string as s,
   transform as t,
   url as u,
-  inputHeight as v,
-  m$1 as w,
-  viewState as x,
+  regex as v,
+  inputHeight as w,
+  m$1 as x,
   y$2 as y,
-  chatbotPlugin as z
+  viewState as z
 };

package/dist/{index-efb34443.cjs → index-2d0cac15.cjs}

@@ -1048,6 +1048,9 @@ function invariant$1(condition, message) {
   }
   throw new Error(message);
 }
+function hasProp(data, prop) {
+  return prop in data;
+}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i2 = 1; i2 < arguments.length; i2++) {
@@ -8282,7 +8285,7 @@ const StatusBar = ({
     })]
   });
 };
-const JobApplicationContent = M(() => Promise.resolve().then(() => require("./job-application-content-8b7e62bb.cjs")).then((module2) => module2.JobApplicationContent));
+const JobApplicationContent = M(() => Promise.resolve().then(() => require("./job-application-content-191ecc14.cjs")).then((module2) => module2.JobApplicationContent));
 const MotionProvider = ({
   children
 }) => {
@@ -9340,6 +9343,7 @@ exports.chatbotPlugin = chatbotPlugin;
 exports.clsx = clsx;
 exports.email = email;
 exports.h = h$1;
+exports.hasProp = hasProp;
 exports.inputHeight = inputHeight;
 exports.invariant = invariant$1;
 exports.k = k$3;

package/dist/interpreter.d.ts

@@ -23,11 +23,11 @@ export type ChatService = {
         type: TType;
     }>>;
 };
-type ChatbotInterpreterParams = {
+type ChatbotInterpreterParams<TContext extends Record<string, unknown>> = {
     apiClient: ApiClient;
     analytics: AnalyticsService;
     logger: Logger;
-    context: Record<string, unknown>;
+    context: TContext;
     flow: FlowNode[];
     getSubmissions: () => KeyToSubmissionMap | undefined;
     chatService: ChatService;
@@ -38,8 +38,9 @@ type ChatbotInterpreterParams = {
     /** When node is interpreted */
     onInterpret?: (node: FlowNode, prevNode?: FlowNode) => void;
 };
-export declare const createFlowInterpreter: ({ flow, analytics, logger, context, apiClient, getSubmissions, chatService, onFlowEnd, onInterpret, }: ChatbotInterpreterParams) => {
+export declare const createFlowInterpreter: <TContext extends Record<string, unknown>>({ flow, analytics, logger, context, apiClient, getSubmissions, chatService, onFlowEnd, onInterpret, }: ChatbotInterpreterParams<TContext>) => {
     interpret: (startFromNodeId?: string) => Promise<void>;
     abort: () => void;
 };
+export declare const interpolateString: (str: string, context: KeyToSubmissionMap | undefined) => string;
 export {};

package/dist/{job-application-content-8b7e62bb.cjs → job-application-content-191ecc14.cjs}

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-efb34443.cjs");
+const index = require("./index-2d0cac15.cjs");
 require("@inploi/sdk");
+const kbToReadableSize = (kb) => index.N(kb).with(index._.number.lte(1e3), () => `${Math.round(kb)}KB`).with(index._.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)
@@ -231,14 +232,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);
@@ -252,10 +256,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({
@@ -287,12 +290,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);
 }
@@ -307,12 +311,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);
 }
@@ -333,12 +338,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,
@@ -367,12 +373,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,
@@ -401,12 +408,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,
@@ -431,12 +439,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,
@@ -468,27 +477,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 (!index.hasProp(window, "google") || !index.hasProp(window.google, "maps") || !index.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((p) => ({
+        label: p.description,
+        value: p.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,
@@ -577,6 +764,27 @@ const isIfBlockConditionMet = (ifBlock, submissions) => {
     }
   }, () => false).exhaustive();
 };
+const interpolateString = (str, context) => {
+  const regex = /{{\s*([^}]+?)\s*(?:\|\s*([^}]+?)\s*)?}}/g;
+  return str.replace(regex, (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
@@ -741,7 +949,6 @@ const toBase64 = (file) => new Promise((resolve, reject) => {
   };
   reader.onerror = reject;
 });
-const kbToReadableSize = (kb) => index.N(kb).with(index._.number.lte(1e3), () => `${Math.round(kb)}KB`).with(index._.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;
@@ -778,6 +985,19 @@ const FilenameBadge = ({
   class: index.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,
@@ -801,6 +1021,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",
@@ -2534,6 +2763,7 @@ const ChatInputText = ({
 }) => {
   var _a;
   const submission = input.key ? (_a = index.application.current$.value.application) == null ? void 0 : _a.data.submissions[input.key] : void 0;
+  const defaultValue = input.config.defaultValue;
   const {
     register,
     handleSubmit,
@@ -2542,7 +2772,7 @@ const ChatInputText = ({
     }
   } = useForm({
     defaultValues: {
-      text: isTextSubmission(submission) ? submission.value : ""
+      text: defaultValue ? defaultValue : isTextSubmission(submission) ? submission.value : ""
     },
     resolver: getResolver(input.config)
   });