@mitodl/smoot-design 3.5.0 → 3.6.0

package/dist/cjs/bundles/RemoteAiChatDrawer/RemoteAiChatDrawer.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { AiChatMessage } from "../../components/AiChat/types";
 import type { AiChatProps } from "../../components/AiChat/AiChat";
 type ChatInitMessage = {
     type: "smoot-design::chat-open";
@@ -8,6 +9,7 @@ type ChatInitMessage = {
         conversationStarters?: AiChatProps["conversationStarters"];
         initialMessages: AiChatProps["initialMessages"];
         apiUrl: AiChatProps["requestOpts"]["apiUrl"];
+        requestBody?: Record<string, unknown>;
     };
 };
 type AiChatDrawerProps = {
@@ -19,9 +21,13 @@ type AiChatDrawerProps = {
     messageOrigin: string;
     /**
      * Transform the body of the request before sending it to the server.
+     * Its result will be merged with the per-message requestBody opt, with
+     * transformBody taking precedence.
+     *
      * *This cannot be supplied via message events since the function is not serializable.*
+     *
      */
-    transformBody?: AiChatProps["requestOpts"]["transformBody"];
+    transformBody?: (messages: AiChatMessage[]) => Iterable<unknown>;
 };
 declare const AiChatDrawer: React.FC<AiChatDrawerProps>;
 export { AiChatDrawer };

package/dist/cjs/bundles/RemoteAiChatDrawer/RemoteAiChatDrawer.js

@@ -4,7 +4,8 @@ exports.AiChatDrawer = void 0;
 const React = require("react");
 const AiChat_1 = require("../../components/AiChat/AiChat");
 const Drawer_1 = require("@mui/material/Drawer");
-const AiChatDrawer = ({ messageOrigin, transformBody, className, }) => {
+const identity = (x) => x;
+const AiChatDrawer = ({ messageOrigin, transformBody = identity, className, }) => {
     const [open, setOpen] = React.useState(false);
     const [chatSettings, setChatSettings] = React.useState(null);
     React.useEffect(() => {
@@ -20,7 +21,6 @@ const AiChatDrawer = ({ messageOrigin, transformBody, className, }) => {
                 setChatSettings(event.data.payload);
             }
         };
-        console.log("Attaching listener");
         window.addEventListener("message", cb);
         return () => {
             window.removeEventListener("message", cb);
@@ -37,7 +37,9 @@ const AiChatDrawer = ({ messageOrigin, transformBody, className, }) => {
                 },
             },
         }, anchor: "right", open: open, onClose: () => setOpen(false) }, chatSettings ? (React.createElement(AiChat_1.AiChat, Object.assign({}, chatSettings, { requestOpts: {
-            transformBody,
+            transformBody: (messages) => {
+                return Object.assign(Object.assign({}, chatSettings.requestBody), transformBody === null || transformBody === void 0 ? void 0 : transformBody(messages));
+            },
             apiUrl: chatSettings === null || chatSettings === void 0 ? void 0 : chatSettings.apiUrl,
         }, onClose: () => setOpen(false) }))) : null));
 };

package/dist/esm/bundles/RemoteAiChatDrawer/RemoteAiChatDrawer.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { AiChatMessage } from "../../components/AiChat/types";
 import type { AiChatProps } from "../../components/AiChat/AiChat";
 type ChatInitMessage = {
     type: "smoot-design::chat-open";
@@ -8,6 +9,7 @@ type ChatInitMessage = {
         conversationStarters?: AiChatProps["conversationStarters"];
         initialMessages: AiChatProps["initialMessages"];
         apiUrl: AiChatProps["requestOpts"]["apiUrl"];
+        requestBody?: Record<string, unknown>;
     };
 };
 type AiChatDrawerProps = {
@@ -19,9 +21,13 @@ type AiChatDrawerProps = {
     messageOrigin: string;
     /**
      * Transform the body of the request before sending it to the server.
+     * Its result will be merged with the per-message requestBody opt, with
+     * transformBody taking precedence.
+     *
      * *This cannot be supplied via message events since the function is not serializable.*
+     *
      */
-    transformBody?: AiChatProps["requestOpts"]["transformBody"];
+    transformBody?: (messages: AiChatMessage[]) => Iterable<unknown>;
 };
 declare const AiChatDrawer: React.FC<AiChatDrawerProps>;
 export { AiChatDrawer };

package/dist/esm/bundles/RemoteAiChatDrawer/RemoteAiChatDrawer.js

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { AiChat } from "../../components/AiChat/AiChat";
 import Drawer from "@mui/material/Drawer";
-const AiChatDrawer = ({ messageOrigin, transformBody, className, }) => {
+const identity = (x) => x;
+const AiChatDrawer = ({ messageOrigin, transformBody = identity, className, }) => {
     const [open, setOpen] = React.useState(false);
     const [chatSettings, setChatSettings] = React.useState(null);
     React.useEffect(() => {
@@ -17,7 +18,6 @@ const AiChatDrawer = ({ messageOrigin, transformBody, className, }) => {
                 setChatSettings(event.data.payload);
             }
         };
-        console.log("Attaching listener");
         window.addEventListener("message", cb);
         return () => {
             window.removeEventListener("message", cb);
@@ -34,7 +34,9 @@ const AiChatDrawer = ({ messageOrigin, transformBody, className, }) => {
                 },
             },
         }, anchor: "right", open: open, onClose: () => setOpen(false) }, chatSettings ? (React.createElement(AiChat, Object.assign({}, chatSettings, { requestOpts: {
-            transformBody,
+            transformBody: (messages) => {
+                return Object.assign(Object.assign({}, chatSettings.requestBody), transformBody === null || transformBody === void 0 ? void 0 : transformBody(messages));
+            },
             apiUrl: chatSettings === null || chatSettings === void 0 ? void 0 : chatSettings.apiUrl,
         }, onClose: () => setOpen(false) }))) : null));
 };