@morgan-and-morgan/intake-agent 1.0.0-alpha.16 → 1.0.0-alpha.17

package/README.md

@@ -6,6 +6,7 @@ Load the widget with a script tag, pinning an exact version:
 <script
   src="https://cdn.jsdelivr.net/npm/@morgan-and-morgan/intake-agent@<version>/dist/mm-intake-widget.js"
   data-chat-url="https://example.com/chat"
+  data-prompt-delay-seconds="30"
 ></script>
 ```
 
@@ -34,12 +35,22 @@ major. Every release is tagged `intake-agent-vx.y.z`.
 | --- | --- | --- |
 | `data-chat-url` | Release environment URL | Chat iframe target |
 | `data-auto-open` | `false` | Open the chat immediately after mount |
+| `data-prompt-delay-seconds` | `30` | Seconds after mount before showing the consultation modal |
+
+Set the delay on the script tag before it loads. Non-negative numbers are
+accepted, including fractions; `0` shows the modal immediately. Missing, empty,
+invalid, negative, or overflowing values (above 2147483.647 seconds) use 30 seconds.
+The value is read locally and adds no configuration request. Changing the
+attribute after the script loads does not reschedule the modal. Existing popup
+suppression and dismissal cooldowns still apply.
 
 The consultation modal reads `window.drupalSettings.mxPopup`, falling back to
 `window.mxChatbotSettings.mxPopup` when the Drupal field is absent. Only the
 boolean `false` suppresses the modal, including calls to `showPrompt()`.
 Missing settings preserve the usual display rules. Settings are read when the
-modal is about to appear; the launcher and chat remain available.
+modal is about to appear; the launcher and chat remain available. Set suppression
+before loading the embed when using a zero-second delay, so the first display
+check sees the intended setting.
 
 ## Consultation prompt design
 

package/dist/mm-intake-widget.js

@@ -1,5 +1,17 @@
 (function() {
   "use strict";
+  const DEFAULT_PROMPT_DELAY_MS = 3e4;
+  const MAX_PROMPT_DELAY_MS = 2147483647;
+  const readPromptDelayMs = (seconds) => {
+    if (seconds === void 0 || seconds.trim() === "") {
+      return DEFAULT_PROMPT_DELAY_MS;
+    }
+    const delayMs = Number(seconds) * 1e3;
+    if (!Number.isFinite(delayMs) || delayMs < 0 || delayMs > MAX_PROMPT_DELAY_MS) {
+      return DEFAULT_PROMPT_DELAY_MS;
+    }
+    return delayMs;
+  };
   const readLoaderConfig = (script, baseUri) => {
     var _a;
     const scriptUrl = new URL(script.src, baseUri);
@@ -9,7 +21,8 @@
       assetBaseUrl: new URL(".", scriptUrl).href,
       autoOpen: script.dataset.autoOpen === "true",
       chatOrigin: new URL(chatUrl).origin,
-      chatUrl
+      chatUrl,
+      promptDelayMs: readPromptDelayMs(script.dataset.promptDelaySeconds)
     };
   };
   const ATTRIBUTION_FIELD_MAX_LENGTH = {
@@ -438,7 +451,6 @@
     };
   };
   const PANEL_ANIMATION_MS = 180;
-  const PROMPT_DELAY_MS = 5e3;
   const PROMPT_COOLDOWN_MS = 24 * 60 * 60 * 1e3;
   const PROMPT_COOLDOWN_KEY = "mm-intake-widget-prompt-dismissed-at";
   const PROMPT_SESSION_KEY = "mm-intake-widget-prompt-dismissed";
@@ -480,12 +492,13 @@
     }
   };
   const mountIntakeWidget = (config, onDestroy) => {
+    var _a;
     const mount = document.createElement("div");
     mount.dataset.mmIntakeWidget = "";
     const shadow = mount.attachShadow({ mode: "open" });
     const assetUrl = (fileName) => {
-      var _a;
-      return new URL(fileName, (_a = config.assetBaseUrl) != null ? _a : `${config.chatOrigin}/intake-widget/`).href;
+      var _a2;
+      return new URL(fileName, (_a2 = config.assetBaseUrl) != null ? _a2 : `${config.chatOrigin}/intake-widget/`).href;
     };
     const elements = renderWidgetShell(shadow, assetUrl);
     document.body.append(mount);
@@ -511,8 +524,8 @@
       elements.launcher.setAttribute("aria-label", isOpen ? "Close intake chat" : "Open intake chat");
     };
     const postToChat = (message) => {
-      var _a;
-      (_a = elements.chatFrame.contentWindow) == null ? void 0 : _a.postMessage(message, config.chatOrigin);
+      var _a2;
+      (_a2 = elements.chatFrame.contentWindow) == null ? void 0 : _a2.postMessage(message, config.chatOrigin);
     };
     const postHostReady = () => {
       const currentUrl = globalThis.location.href;
@@ -540,10 +553,10 @@
       postToChat(createEmbedProtocolMessage(EMBED_MESSAGE_TYPE.FOCUS_COMPOSER));
     };
     const answerAuthTokenRequest = async () => {
-      var _a;
+      var _a2;
       let token;
       try {
-        token = await ((_a = config.getAuthToken) == null ? void 0 : _a.call(config));
+        token = await ((_a2 = config.getAuthToken) == null ? void 0 : _a2.call(config));
       } catch {
         token = void 0;
       }
@@ -575,11 +588,11 @@
       }
     };
     const showPrompt = () => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       globalThis.clearTimeout(promptTimer);
       promptTimer = void 0;
       const host = globalThis;
-      const mxPopup = (_c = (_a = host.drupalSettings) == null ? void 0 : _a.mxPopup) != null ? _c : (_b = host.mxChatbotSettings) == null ? void 0 : _b.mxPopup;
+      const mxPopup = (_c = (_a2 = host.drupalSettings) == null ? void 0 : _a2.mxPopup) != null ? _c : (_b = host.mxChatbotSettings) == null ? void 0 : _b.mxPopup;
       if (mxPopup === false || hasPromptCooldown() || elements.chatDialog.dataset.state === "open") {
         return;
       }
@@ -641,7 +654,7 @@
       }
     };
     const restoreHostChrome = () => {
-      var _a, _b;
+      var _a2, _b;
       if (themeColorBackup === null) {
         return;
       }
@@ -652,7 +665,7 @@
       createdThemeColor = null;
       themeColorBackup = null;
       for (const [index, root] of hostRoots.entries()) {
-        root.style.backgroundColor = (_a = hostBackgroundColorBackup == null ? void 0 : hostBackgroundColorBackup[index]) != null ? _a : "";
+        root.style.backgroundColor = (_a2 = hostBackgroundColorBackup == null ? void 0 : hostBackgroundColorBackup[index]) != null ? _a2 : "";
         root.style.overflow = (_b = hostOverflowBackup == null ? void 0 : hostOverflowBackup[index]) != null ? _b : "";
       }
       hostBackgroundColorBackup = null;
@@ -678,16 +691,16 @@
       syncHostChrome();
     }
     const startViewportTracking = () => {
-      var _a, _b;
-      (_a = globalThis.visualViewport) == null ? void 0 : _a.addEventListener("resize", syncViewport);
+      var _a2, _b;
+      (_a2 = globalThis.visualViewport) == null ? void 0 : _a2.addEventListener("resize", syncViewport);
       (_b = globalThis.visualViewport) == null ? void 0 : _b.addEventListener("scroll", syncViewport);
       fullPagePanelQuery == null ? void 0 : fullPagePanelQuery.addEventListener("change", syncHostChrome);
       syncViewport();
       syncHostChrome();
     };
     const stopViewportTracking = () => {
-      var _a, _b;
-      (_a = globalThis.visualViewport) == null ? void 0 : _a.removeEventListener("resize", syncViewport);
+      var _a2, _b;
+      (_a2 = globalThis.visualViewport) == null ? void 0 : _a2.removeEventListener("resize", syncViewport);
       (_b = globalThis.visualViewport) == null ? void 0 : _b.removeEventListener("scroll", syncViewport);
       fullPagePanelQuery == null ? void 0 : fullPagePanelQuery.removeEventListener("change", syncHostChrome);
       setKeyboardOpen(false);
@@ -724,7 +737,7 @@
       }
     };
     const closeChat = () => {
-      var _a;
+      var _a2;
       elements.launcher.focus();
       writeOpenState(false);
       const wasOpen = elements.chatDialog.dataset.state === "open";
@@ -737,7 +750,7 @@
       if (!wasOpen) {
         return;
       }
-      if (((_a = matchMediaQuery("(prefers-reduced-motion: reduce)")) == null ? void 0 : _a.matches) === true) {
+      if (((_a2 = matchMediaQuery("(prefers-reduced-motion: reduce)")) == null ? void 0 : _a2.matches) === true) {
         finishChatClose();
         return;
       }
@@ -854,7 +867,7 @@
     if (returnedFromSigning || readOpenState()) {
       openChat();
     } else if (!hasPromptCooldown()) {
-      promptTimer = globalThis.setTimeout(showPrompt, PROMPT_DELAY_MS);
+      promptTimer = globalThis.setTimeout(showPrompt, (_a = config.promptDelayMs) != null ? _a : DEFAULT_PROMPT_DELAY_MS);
     }
     return Object.freeze({
       close: closeChat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morgan-and-morgan/intake-agent",
-  "version": "1.0.0-alpha.16",
+  "version": "1.0.0-alpha.17",
   "description": "Embeddable chat widget loader.",
   "license": "UNLICENSED",
   "files": [