@morgan-and-morgan/intake-agent 1.6.0 → 1.8.0

package/README.md

@@ -34,3 +34,9 @@ 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 |
+
+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.

package/dist/mm-intake-widget.js

@@ -328,6 +328,10 @@
   const PROMPT_COOLDOWN_KEY = "mm-intake-widget-prompt-dismissed-at";
   const PROMPT_SESSION_KEY = "mm-intake-widget-prompt-dismissed";
   const CHAT_CHROME_COLOR = "#e8eef2";
+  const matchMediaQuery = (query) => {
+    var _a;
+    return (_a = globalThis.matchMedia) == null ? void 0 : _a.call(globalThis, query);
+  };
   const KEYBOARD_MIN_SHRINK_PX = 100;
   const CHAT_READY_FALLBACK_MS = 4e3;
   const cleanSigningReturnUrl = () => {
@@ -360,32 +364,13 @@
     } catch {
     }
   };
-  const playPromptSound = async () => {
-    try {
-      const context = new AudioContext();
-      const oscillator = context.createOscillator();
-      const gain = context.createGain();
-      oscillator.frequency.setValueAtTime(660, context.currentTime);
-      oscillator.frequency.exponentialRampToValueAtTime(880, context.currentTime + 0.16);
-      gain.gain.setValueAtTime(0.08, context.currentTime);
-      gain.gain.exponentialRampToValueAtTime(1e-3, context.currentTime + 0.2);
-      oscillator.connect(gain);
-      gain.connect(context.destination);
-      oscillator.start();
-      oscillator.stop(context.currentTime + 0.2);
-      oscillator.addEventListener("ended", () => void context.close());
-      await context.resume();
-    } catch {
-    }
-  };
   const mountIntakeWidget = (config, onDestroy) => {
-    var _a;
     const mount = document.createElement("div");
     mount.dataset.mmIntakeWidget = "";
     const shadow = mount.attachShadow({ mode: "open" });
     const assetUrl = (fileName) => {
-      var _a2;
-      return new URL(fileName, (_a2 = config.assetBaseUrl) != null ? _a2 : `${config.chatOrigin}/intake-widget/`).href;
+      var _a;
+      return new URL(fileName, (_a = config.assetBaseUrl) != null ? _a : `${config.chatOrigin}/intake-widget/`).href;
     };
     const elements = renderWidgetShell(shadow, assetUrl("button-text-us.png"), assetUrl("consultation-prompt.webp"));
     document.body.append(mount);
@@ -411,8 +396,8 @@
       elements.launcher.setAttribute("aria-label", isOpen ? "Close intake chat" : "Open intake chat");
     };
     const postToChat = (message) => {
-      var _a2;
-      (_a2 = elements.chatFrame.contentWindow) == null ? void 0 : _a2.postMessage(message, config.chatOrigin);
+      var _a;
+      (_a = elements.chatFrame.contentWindow) == null ? void 0 : _a.postMessage(message, config.chatOrigin);
     };
     const postHostReady = () => {
       const currentUrl = globalThis.location.href;
@@ -440,10 +425,10 @@
       postToChat(createEmbedProtocolMessage(EMBED_MESSAGE_TYPE.FOCUS_COMPOSER));
     };
     const answerAuthTokenRequest = async () => {
-      var _a2;
+      var _a;
       let token;
       try {
-        token = await ((_a2 = config.getAuthToken) == null ? void 0 : _a2.call(config));
+        token = await ((_a = config.getAuthToken) == null ? void 0 : _a.call(config));
       } catch {
         token = void 0;
       }
@@ -464,7 +449,7 @@
     const dismissPrompt = (returnFocus = false) => {
       globalThis.clearTimeout(promptTimer);
       promptTimer = void 0;
-      const wasVisible = !elements.promptBackdrop.hidden;
+      const wasVisible = elements.promptBackdrop.hidden === false;
       elements.promptBackdrop.hidden = true;
       elements.promptBackdrop.setAttribute("inert", "");
       rememberPromptDismissal();
@@ -475,16 +460,18 @@
       }
     };
     const showPrompt = () => {
+      var _a, _b, _c;
       globalThis.clearTimeout(promptTimer);
       promptTimer = void 0;
-      if (hasPromptCooldown() || elements.chatDialog.dataset.state === "open") {
+      const host = globalThis;
+      const mxPopup = (_c = (_a = host.drupalSettings) == null ? void 0 : _a.mxPopup) != null ? _c : (_b = host.mxChatbotSettings) == null ? void 0 : _b.mxPopup;
+      if (mxPopup === false || hasPromptCooldown() || elements.chatDialog.dataset.state === "open") {
         return;
       }
       promptReturnFocus = document.activeElement instanceof HTMLElement && document.activeElement !== mount ? document.activeElement : null;
       elements.promptBackdrop.hidden = false;
       elements.promptBackdrop.removeAttribute("inert");
       elements.promptClose.focus();
-      void playPromptSound();
     };
     const syncViewport = () => {
       const viewport = globalThis.visualViewport;
@@ -511,7 +498,7 @@
       hasReleasedKeyboardEarly = true;
       setKeyboardOpen(false);
     };
-    const fullPagePanelQuery = (_a = globalThis.matchMedia) == null ? void 0 : _a.call(globalThis, FULL_PAGE_PANEL_QUERY);
+    const fullPagePanelQuery = matchMediaQuery(FULL_PAGE_PANEL_QUERY);
     let themeColorBackup = null;
     let createdThemeColor = null;
     const hostRoots = [document.documentElement, document.body];
@@ -539,7 +526,7 @@
       }
     };
     const restoreHostChrome = () => {
-      var _a2, _b;
+      var _a, _b;
       if (themeColorBackup === null) {
         return;
       }
@@ -550,7 +537,7 @@
       createdThemeColor = null;
       themeColorBackup = null;
       for (const [index, root] of hostRoots.entries()) {
-        root.style.backgroundColor = (_a2 = hostBackgroundColorBackup == null ? void 0 : hostBackgroundColorBackup[index]) != null ? _a2 : "";
+        root.style.backgroundColor = (_a = hostBackgroundColorBackup == null ? void 0 : hostBackgroundColorBackup[index]) != null ? _a : "";
         root.style.overflow = (_b = hostOverflowBackup == null ? void 0 : hostOverflowBackup[index]) != null ? _b : "";
       }
       hostBackgroundColorBackup = null;
@@ -560,7 +547,7 @@
       if (elements.chatDialog.dataset.state !== "open") {
         return;
       }
-      if (fullPagePanelQuery == null ? void 0 : fullPagePanelQuery.matches) {
+      if ((fullPagePanelQuery == null ? void 0 : fullPagePanelQuery.matches) === true) {
         borrowHostChrome();
       } else {
         restoreHostChrome();
@@ -576,16 +563,16 @@
       syncHostChrome();
     }
     const startViewportTracking = () => {
-      var _a2, _b;
-      (_a2 = globalThis.visualViewport) == null ? void 0 : _a2.addEventListener("resize", syncViewport);
+      var _a, _b;
+      (_a = globalThis.visualViewport) == null ? void 0 : _a.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 _a2, _b;
-      (_a2 = globalThis.visualViewport) == null ? void 0 : _a2.removeEventListener("resize", syncViewport);
+      var _a, _b;
+      (_a = globalThis.visualViewport) == null ? void 0 : _a.removeEventListener("resize", syncViewport);
       (_b = globalThis.visualViewport) == null ? void 0 : _b.removeEventListener("scroll", syncViewport);
       fullPagePanelQuery == null ? void 0 : fullPagePanelQuery.removeEventListener("change", syncHostChrome);
       setKeyboardOpen(false);
@@ -622,7 +609,7 @@
       }
     };
     const closeChat = () => {
-      var _a2;
+      var _a;
       elements.launcher.focus();
       writeOpenState(false);
       const wasOpen = elements.chatDialog.dataset.state === "open";
@@ -635,7 +622,7 @@
       if (!wasOpen) {
         return;
       }
-      if ((_a2 = globalThis.matchMedia) == null ? void 0 : _a2.call(globalThis, "(prefers-reduced-motion: reduce)").matches) {
+      if (((_a = matchMediaQuery("(prefers-reduced-motion: reduce)")) == null ? void 0 : _a.matches) === true) {
         finishChatClose();
         return;
       }
@@ -688,7 +675,7 @@
       }
     };
     const handleKeydown = (event) => {
-      if (event.key === "Tab" && !elements.promptBackdrop.hidden) {
+      if (event.key === "Tab" && elements.promptBackdrop.hidden === false) {
         const { activeElement } = shadow;
         if (!event.shiftKey && activeElement === elements.promptClose) {
           event.preventDefault();
@@ -702,7 +689,7 @@
       if (event.key !== "Escape") {
         return;
       }
-      if (!elements.promptBackdrop.hidden) {
+      if (elements.promptBackdrop.hidden === false) {
         dismissPrompt(true);
         return;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morgan-and-morgan/intake-agent",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "Embeddable chat widget loader.",
   "license": "UNLICENSED",
   "files": [
@@ -24,15 +24,14 @@
     "build:bundle": "node scripts/generate-icons.mjs && vite build",
     "generate:icons": "node scripts/generate-icons.mjs",
     "test": "node --test 'src/*.test.mjs'",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint \"src/**/*.ts\" --quiet",
-    "lint:fix": "eslint \"src/**/*.ts\" --quiet --fix",
+    "typecheck": "tsgo --noEmit",
     "prepublishOnly": "pnpm run build:bundle"
   },
   "devDependencies": {
-    "@mmcp/eslint-config": "workspace:*",
     "@mmcp/tsconfig": "workspace:*",
-    "eslint": "^9.39.1",
+    "@types/jest": "catalog:",
+    "@types/node": "catalog:",
+    "@typescript/native-preview": "catalog:",
     "lucide-react-native": "^0.562.0",
     "typescript": "~5.9.3",
     "vite": "^7.3.6"