synapse-react-client 4.0.34 → 4.0.36

package/dist/components/ShareThisPage/ShareThisPage.js

@@ -1,19 +1,20 @@
-import { CopyToClipboardIcon as e } from "../CopyToClipboardIcon.js";
-import t from "./ShareThisPage.module.js";
-import { useCreateShortUrl as n } from "../../utils/hooks/useCreateShortUrl.js";
-import { useEffect as r, useState as i } from "react";
-import { Box as a, Button as o, Dialog as s, DialogContent as c, DialogTitle as l, IconButton as u, Input as d, Typography as f } from "@mui/material";
+import e from "../GenericCard/GenericCardActionButton.js";
+import { CopyToClipboardIcon as t } from "../CopyToClipboardIcon.js";
+import n from "./ShareThisPage.module.js";
+import { useCreateShortUrl as r } from "../../utils/hooks/useCreateShortUrl.js";
+import { useEffect as i, useState as a } from "react";
+import { Box as o, Dialog as s, DialogContent as c, DialogTitle as l, IconButton as u, Input as d, Typography as f } from "@mui/material";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ShareTwoTone as h } from "@mui/icons-material";
 import g from "@mui/icons-material/Close";
 import { BlueskyIcon as _, BlueskyShareButton as v, LinkedinIcon as y, LinkedinShareButton as b, TwitterShareButton as x, XIcon as S } from "react-share";
 //#region src/components/ShareThisPage/ShareThisPage.tsx
 var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button", open: E, onClose: D }) => {
-	let [O, k] = i(""), [A, j] = i(!1), M = E === void 0, N = M ? A : E, P = () => {
+	let [O, k] = a(""), [A, j] = a(!1), M = E === void 0, N = M ? A : E, P = () => {
 		M && j(!0);
 	}, F = () => {
 		M && j(!1), D && D();
-	}, { mutate: I, isPending: L } = n({
+	}, { mutate: I, isPending: L } = r({
 		shortIoPublicApiKey: C,
 		domain: w,
 		onSuccess: (e) => {
@@ -23,43 +24,43 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 			console.error(e), k(window.location.href);
 		}
 	});
-	return r(() => {
+	return i(() => {
 		N && I();
-	}, [N, I]), /* @__PURE__ */ m("div", { children: [T === "button" && /* @__PURE__ */ p(o, {
+	}, [N, I]), /* @__PURE__ */ m("div", { children: [T === "button" && /* @__PURE__ */ p(e, {
 		variant: "outlined",
-		startIcon: /* @__PURE__ */ p(h, { className: t.shareIcon }),
+		startIcon: /* @__PURE__ */ p(h, { className: n.shareIcon }),
 		onClick: P,
 		children: "Share"
 	}), /* @__PURE__ */ m(s, {
 		open: N,
 		onClose: F,
 		maxWidth: "xs",
-		className: t.dialogPaper,
+		className: n.dialogPaper,
 		children: [/* @__PURE__ */ m(l, {
-			className: t.dialogTitle,
+			className: n.dialogTitle,
 			children: ["Share this page", /* @__PURE__ */ p(u, {
 				onClick: F,
 				size: "small",
-				children: /* @__PURE__ */ p(g, { className: t.closeIcon })
+				children: /* @__PURE__ */ p(g, { className: n.closeIcon })
 			})]
 		}), /* @__PURE__ */ p(c, {
-			className: t.dialogContent,
-			children: /* @__PURE__ */ m(a, {
-				className: t.contentStack,
+			className: n.dialogContent,
+			children: /* @__PURE__ */ m(o, {
+				className: n.contentStack,
 				children: [/* @__PURE__ */ m("div", {
-					className: t.shareButtonsContainer,
+					className: n.shareButtonsContainer,
 					children: [
 						/* @__PURE__ */ p(b, {
 							url: O,
 							"aria-label": "Share on LinkedIn",
 							children: /* @__PURE__ */ m("div", {
-								className: t.shareItem,
+								className: n.shareItem,
 								children: [/* @__PURE__ */ p(y, {
 									size: 48,
 									round: !0
 								}), /* @__PURE__ */ p(f, {
 									variant: "body1",
-									className: t.shareItemLabel,
+									className: n.shareItemLabel,
 									children: "LinkedIn"
 								})]
 							})
@@ -68,13 +69,13 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 							url: O,
 							"aria-label": "Share on X",
 							children: /* @__PURE__ */ m("div", {
-								className: t.shareItem,
+								className: n.shareItem,
 								children: [/* @__PURE__ */ p(S, {
 									size: 48,
 									round: !0
 								}), /* @__PURE__ */ p(f, {
 									variant: "body1",
-									className: t.shareItemLabel,
+									className: n.shareItemLabel,
 									children: "X"
 								})]
 							})
@@ -83,35 +84,35 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 							url: O,
 							"aria-label": "Share on Bluesky",
 							children: /* @__PURE__ */ m("div", {
-								className: t.shareItem,
+								className: n.shareItem,
 								children: [/* @__PURE__ */ p(_, {
 									size: 48,
 									round: !0
 								}), /* @__PURE__ */ p(f, {
 									variant: "body1",
-									className: t.shareItemLabel,
+									className: n.shareItemLabel,
 									children: "Bluesky"
 								})]
 							})
 						})
 					]
 				}), /* @__PURE__ */ m("div", {
-					className: t.copySection,
+					className: n.copySection,
 					children: [/* @__PURE__ */ p(f, {
-						className: t.copyLabel,
+						className: n.copyLabel,
 						children: "Page Link"
 					}), /* @__PURE__ */ m("div", {
-						className: t.copyRow,
+						className: n.copyRow,
 						children: [/* @__PURE__ */ p(d, {
-							className: t.urlInput,
+							className: n.urlInput,
 							value: O,
 							readOnly: !0,
 							"aria-label": "Page URL",
 							placeholder: L ? "Generating link..." : ""
-						}), /* @__PURE__ */ p(e, {
+						}), /* @__PURE__ */ p(t, {
 							value: O,
 							sizePx: 24,
-							className: t.copyButton
+							className: n.copyButton
 						})]
 					})]
 				})]

package/dist/components/ShareThisPage/ShareThisPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAIhD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;EACvB,AAAI,KACF,EAAgB,EAAI;CAExB,GAEM,UAAoB;EAIxB,AAHI,KACF,EAAgB,EAAK,GAEnB,KACF,EAAgB;CAEpB,GAEM,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;GACjB,EAAO,CAAI;EACb;EACA,UAAS,MAAS;GAEhB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAO,OAAO,SAAS,IAAI;EAC7B;CACF,CAAC;CAQD,OANA,QAAgB;EACd,AAAI,KACF,EAAe;CAEnB,GAAG,CAAC,GAAM,CAAc,CAAC,GAGvB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,UAAY,CAAA;EACvD,SAAS;YACV;CAEO,CAAA,GAGV,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GAC/B,CAAA,CACD;MAEb,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;QAAO,CAAA,GAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACc,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;QAAO,CAAA,GACxB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;MAEpB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;QAAO,CAAA,GAC9B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;KACjB;QAEL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;KAAqB,CAAA,GAC9D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;MACjD,CAAA,GACD,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;MACnB,CAAA,CACE;OACF;MACF;;EACQ,CAAA,CACT;GACL,EAAA,CAAA;AAET"}
+{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport GenericCardActionButton from '../GenericCard/GenericCardActionButton'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <GenericCardActionButton\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </GenericCardActionButton>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAIhD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;EACvB,AAAI,KACF,EAAgB,EAAI;CAExB,GAEM,UAAoB;EAIxB,AAHI,KACF,EAAgB,EAAK,GAEnB,KACF,EAAgB;CAEpB,GAEM,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;GACjB,EAAO,CAAI;EACb;EACA,UAAS,MAAS;GAEhB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAO,OAAO,SAAS,IAAI;EAC7B;CACF,CAAC;CAQD,OANA,QAAgB;EACd,AAAI,KACF,EAAe;CAEnB,GAAG,CAAC,GAAM,CAAc,CAAC,GAGvB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,UAAY,CAAA;EACvD,SAAS;YACV;CAEwB,CAAA,GAG3B,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GAC/B,CAAA,CACD;MAEb,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;QAAO,CAAA,GAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACc,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;QAAO,CAAA,GACxB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;MAEpB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;QAAO,CAAA,GAC9B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;KACjB;QAEL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;KAAqB,CAAA,GAC9D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;MACjD,CAAA,GACD,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;MACnB,CAAA,CACE;OACF;MACF;;EACQ,CAAA,CACT;GACL,EAAA,CAAA;AAET"}

package/dist/components/StorybookComponentWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.d.ts","sourceRoot":"","sources":["../../src/components/StorybookComponentWrapper.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAa,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIvE,OAAO,EACL,SAAS,EAOV,MAAM,OAAO,CAAA;AAoBd;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,QAAQ,EAAE,SAAS,CAAA;IAEnB,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,CAAC,EAAE,OAAO,CAAA;SAC1B,CAAA;QACD,OAAO,EAAE;YACP,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;SACjC,CAAA;QACD,UAAU,EAAE;YACV,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,UAAU,CAAC,EAAE,OAAO,CAAA;YACpB,YAAY,CAAC,EAAE,OAAO,CAAA;SACvB,CAAA;KACF,CAAA;CACF,2CA2KA;AAED,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"StorybookComponentWrapper.d.ts","sourceRoot":"","sources":["../../src/components/StorybookComponentWrapper.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAa,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIvE,OAAO,EACL,SAAS,EAOV,MAAM,OAAO,CAAA;AAqBd;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,QAAQ,EAAE,SAAS,CAAA;IAEnB,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,CAAC,EAAE,OAAO,CAAA;SAC1B,CAAA;QACD,OAAO,EAAE;YACP,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;SACjC,CAAA;QACD,UAAU,EAAE;YACV,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,UAAU,CAAC,EAAE,OAAO,CAAA;YACpB,YAAY,CAAC,EAAE,OAAO,CAAA;SACvB,CAAA;KACF,CAAA;CACF,2CAoLA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/components/StorybookComponentWrapper.js

@@ -10,6 +10,7 @@ import { SynapseSessionManager as s } from "../utils/AppUtils/session/SynapseSes
 import "../utils/index.js";
 import c from "./Authentication/StandaloneLoginForm.js";
 import "./Authentication/index.js";
+import "../mocks/user/mock_user_profile.js";
 import { Suspense as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useSyncExternalStore as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { QueryClient as _, QueryClientProvider as v } from "@tanstack/react-query";
@@ -57,11 +58,15 @@ function T(t) {
 		_.isAuthenticated,
 		s,
 		o.args.isAuthenticated
-	]), A = u(async () => {
+	]), A = f(() => s === "mock" ? o.args.isAuthenticated ? "999" : void 0 : _.userId, [
+		_.userId,
+		s,
+		o.args.isAuthenticated
+	]), j = u(async () => {
 		await C.refreshSession();
-	}, []), j = u(async () => {
+	}, []), M = u(async () => {
 		await C.clearSession();
-	}, []), M = /* @__PURE__ */ h(l, {
+	}, []), N = /* @__PURE__ */ h(l, {
 		fallback: "global suspense loading...",
 		children: /* @__PURE__ */ h(v, {
 			client: S,
@@ -69,11 +74,11 @@ function T(t) {
 				context: f(() => ({
 					token: O,
 					realmId: _.realmId,
-					userId: _.userId,
+					userId: A,
 					isAuthenticated: k,
 					hasInitializedSession: _.hasInitializedSession,
-					refreshSession: A,
-					clearSession: j,
+					refreshSession: j,
+					clearSession: M,
 					isLoadingSSO: D,
 					twoFactorAuthSSOErrorResponse: void 0,
 					termsOfServiceStatus: void 0,
@@ -82,10 +87,10 @@ function T(t) {
 					O,
 					k,
 					_.realmId,
-					_.userId,
-					_.hasInitializedSession,
 					A,
+					_.hasInitializedSession,
 					j,
+					M,
 					D
 				]),
 				children: /* @__PURE__ */ g(r, {
@@ -110,8 +115,8 @@ function T(t) {
 	});
 	return o.parameters.withRouter ? /* @__PURE__ */ h(b, { router: y([{
 		path: "/",
-		element: M
-	}]) }) : M;
+		element: N
+	}]) }) : N;
 }
 //#endregion
 export { T as StorybookComponentWrapper, T as default };

package/dist/components/StorybookComponentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  // Set endpoint synchronously so SynapseContextProvider picks up the correct basePath on first render.\n  overrideEndpoint(currentStack)\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}
+{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\nimport { MOCK_USER_ID } from '@/mocks/user/mock_user_profile'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  // Set endpoint synchronously so SynapseContextProvider picks up the correct basePath on first render.\n  overrideEndpoint(currentStack)\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const effectiveUserId: string | undefined = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated\n        ? String(MOCK_USER_ID)\n        : undefined\n    }\n    return sessionState.userId\n  }, [sessionState.userId, currentStack, storybookContext.args.isAuthenticated])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: effectiveUserId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      effectiveUserId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}

package/dist/components/SynapseChat/GridAgentChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridAgentChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,WAA8B,EAC9B,cAAc,EACd,IAAI,EACJ,OAAO,EACP,mBAAmB,GACpB,EAAE,kBAAkB,2CAsCpB;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"GridAgentChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,WAA8B,EAC9B,cAAc,EACd,IAAI,EACJ,OAAO,EACP,mBAAmB,GACpB,EAAE,kBAAkB,2CAmCpB;AAED,eAAe,aAAa,CAAA"}

package/dist/components/SynapseChat/GridAgentChat.js

@@ -1,52 +1,50 @@
-import { useGetFeatureFlag as e } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
-import { FeatureFlagEnum as t } from "../../utils/featureflag/FeatureFlags.js";
-import { useChatState as n } from "./useChatState.js";
-import { SynapseChat as r } from "./SynapseChat.js";
-import i from "../DraggableDialog/DraggableDialog.js";
+import { useChatState as e } from "./useChatState.js";
+import { ForwardRef as t } from "../../assets/illustrations/curie_avatar_head.js";
+import { SynapseChat as n } from "./SynapseChat.js";
+import r from "../DraggableDialog/DraggableDialog.js";
 import "./index.js";
-import { ForwardRef as a } from "../../assets/illustrations/curie_avatar_head.js";
-import { useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { AgentAccessLevel as c } from "@sage-bionetworks/synapse-types";
+import { useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { AgentAccessLevel as o } from "@sage-bionetworks/synapse-types";
 //#region src/components/SynapseChat/GridAgentChat.tsx
-var l = [
+var s = [
 	"Help me fill this out",
 	"Help me understand this",
 	"Find missing fields"
 ];
-function u({ gridSessionId: u, usersReplicaId: d, chatbotName: f = "Grid Assistant", initialMessage: p, open: m, onClose: h, agentRegistrationId: g }) {
-	let [_, v] = o(), y = n(_), b = e(t.GRID_AGENT_V2);
-	return /* @__PURE__ */ s(i, {
-		open: m,
-		onClose: h,
-		title: f,
-		children: /* @__PURE__ */ s(r, {
-			agentAvatar: /* @__PURE__ */ s(a, {
+function c({ gridSessionId: c, usersReplicaId: l, chatbotName: u = "Grid Assistant", initialMessage: d, open: f, onClose: p, agentRegistrationId: m }) {
+	let [h, g] = i(), _ = e(h);
+	return /* @__PURE__ */ a(r, {
+		open: f,
+		onClose: p,
+		title: u,
+		children: /* @__PURE__ */ a(n, {
+			agentAvatar: /* @__PURE__ */ a(t, {
 				width: 35,
 				height: "auto"
 			}),
-			agentRegistrationId: g,
-			chatbotName: f,
-			initialMessage: p,
+			agentRegistrationId: m,
+			chatbotName: u,
+			initialMessage: d,
 			sessionContext: {
 				concreteType: "org.sagebionetworks.repo.model.agent.GridAgentSessionContext",
-				gridSessionId: u,
-				usersReplicaId: d,
-				experimental: b
+				gridSessionId: c,
+				usersReplicaId: l,
+				experimental: !0
 			},
 			textboxPositionOffset: "16px",
 			hideTitle: !0,
 			showAccessLevelMenu: !1,
-			defaultAgentAccessLevel: c.WRITE_YOUR_PRIVATE_DATA,
-			externalSession: _,
-			setExternalSession: v,
-			externalChatState: y,
-			suggestedPrompts: l,
-			allowAttachments: b
+			defaultAgentAccessLevel: o.WRITE_YOUR_PRIVATE_DATA,
+			externalSession: h,
+			setExternalSession: g,
+			externalChatState: _,
+			suggestedPrompts: s,
+			allowAttachments: !0
 		})
 	});
 }
 //#endregion
-export { u as GridAgentChat, u as default };
+export { c as GridAgentChat, c as default };
 
 //# sourceMappingURL=GridAgentChat.js.map

package/dist/components/SynapseChat/GridAgentChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridAgentChat.js","names":[],"sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"sourcesContent":["import { useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  AgentSession,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { SynapseChat } from './index'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\nimport { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\n\nconst suggestedPrompts = [\n  'Help me fill this out',\n  'Help me understand this',\n  'Find missing fields',\n]\n\nexport type GridAgentChatProps = {\n  gridSessionId: string\n  usersReplicaId: number\n  chatbotName?: string\n  initialMessage?: string\n  open: boolean\n  onClose: () => void\n  /** Optional ID to use a different agent registered in Synapse */\n  agentRegistrationId?: string\n}\n\nexport function GridAgentChat({\n  gridSessionId,\n  usersReplicaId,\n  chatbotName = 'Grid Assistant',\n  initialMessage,\n  open,\n  onClose,\n  agentRegistrationId,\n}: GridAgentChatProps) {\n  // Storing state for the chat session here preserves chat history while the dialog is opened and closed.\n  const [agentSession, setAgentSession] = useState<AgentSession | undefined>()\n  const chatState = useChatState(agentSession)\n\n  // Feature flag to enable the new Grid Agent V2 functionality (multi-agent and attachment support).\n  const useGridAgentV2 = useGetFeatureFlag(FeatureFlagEnum.GRID_AGENT_V2)\n\n  // Create session context for grid sessions\n  const sessionContext: GridAgentSessionContext = {\n    concreteType:\n      'org.sagebionetworks.repo.model.agent.GridAgentSessionContext',\n    gridSessionId,\n    usersReplicaId,\n    experimental: useGridAgentV2,\n  }\n\n  return (\n    <DraggableDialog open={open} onClose={onClose} title={chatbotName}>\n      <SynapseChat\n        agentAvatar={<CurieAvatarHead width={35} height=\"auto\" />}\n        agentRegistrationId={agentRegistrationId}\n        chatbotName={chatbotName}\n        initialMessage={initialMessage}\n        sessionContext={sessionContext}\n        textboxPositionOffset=\"16px\"\n        hideTitle={true}\n        showAccessLevelMenu={false}\n        defaultAgentAccessLevel={AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA}\n        // lift state: allow GridAgentChat to control the agent session and interactions\n        externalSession={agentSession}\n        setExternalSession={setAgentSession}\n        externalChatState={chatState}\n        suggestedPrompts={suggestedPrompts}\n        allowAttachments={useGridAgentV2}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default GridAgentChat\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAmB;CACvB;CACA;CACA;AACF;AAaA,SAAgB,EAAc,EAC5B,kBACA,mBACA,iBAAc,kBACd,mBACA,SACA,YACA,0BACqB;CAErB,IAAM,CAAC,GAAc,KAAmB,EAAmC,GACrE,IAAY,EAAa,CAAY,GAGrC,IAAiB,EAAkB,EAAgB,aAAa;CAWtE,OACE,kBAAC,GAAD;EAAuB;EAAe;EAAS,OAAO;YACpD,kBAAC,GAAD;GACE,aAAa,kBAAC,GAAD;IAAiB,OAAO;IAAI,QAAO;GAAQ,CAAA;GACnC;GACR;GACG;GACA,gBAAA;IAdpB,cACE;IACF;IACA;IACA,cAAc;GAUM;GAChB,uBAAsB;GACtB,WAAW;GACX,qBAAqB;GACrB,yBAAyB,EAAiB;GAE1C,iBAAiB;GACjB,oBAAoB;GACpB,mBAAmB;GACD;GAClB,kBAAkB;EACnB,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"GridAgentChat.js","names":[],"sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"sourcesContent":["import { useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  AgentSession,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { SynapseChat } from './index'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\n\nconst suggestedPrompts = [\n  'Help me fill this out',\n  'Help me understand this',\n  'Find missing fields',\n]\n\nexport type GridAgentChatProps = {\n  gridSessionId: string\n  usersReplicaId: number\n  chatbotName?: string\n  initialMessage?: string\n  open: boolean\n  onClose: () => void\n  /** Optional ID to use a different agent registered in Synapse */\n  agentRegistrationId?: string\n}\n\nexport function GridAgentChat({\n  gridSessionId,\n  usersReplicaId,\n  chatbotName = 'Grid Assistant',\n  initialMessage,\n  open,\n  onClose,\n  agentRegistrationId,\n}: GridAgentChatProps) {\n  // Storing state for the chat session here preserves chat history while the dialog is opened and closed.\n  const [agentSession, setAgentSession] = useState<AgentSession | undefined>()\n  const chatState = useChatState(agentSession)\n\n  // Create session context for grid sessions\n  const sessionContext: GridAgentSessionContext = {\n    concreteType:\n      'org.sagebionetworks.repo.model.agent.GridAgentSessionContext',\n    gridSessionId,\n    usersReplicaId,\n    experimental: true,\n  }\n\n  return (\n    <DraggableDialog open={open} onClose={onClose} title={chatbotName}>\n      <SynapseChat\n        agentAvatar={<CurieAvatarHead width={35} height=\"auto\" />}\n        agentRegistrationId={agentRegistrationId}\n        chatbotName={chatbotName}\n        initialMessage={initialMessage}\n        sessionContext={sessionContext}\n        textboxPositionOffset=\"16px\"\n        hideTitle={true}\n        showAccessLevelMenu={false}\n        defaultAgentAccessLevel={AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA}\n        // lift state: allow GridAgentChat to control the agent session and interactions\n        externalSession={agentSession}\n        setExternalSession={setAgentSession}\n        externalChatState={chatState}\n        suggestedPrompts={suggestedPrompts}\n        allowAttachments={true}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default GridAgentChat\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAmB;CACvB;CACA;CACA;AACF;AAaA,SAAgB,EAAc,EAC5B,kBACA,mBACA,iBAAc,kBACd,mBACA,SACA,YACA,0BACqB;CAErB,IAAM,CAAC,GAAc,KAAmB,EAAmC,GACrE,IAAY,EAAa,CAAY;CAW3C,OACE,kBAAC,GAAD;EAAuB;EAAe;EAAS,OAAO;YACpD,kBAAC,GAAD;GACE,aAAa,kBAAC,GAAD;IAAiB,OAAO;IAAI,QAAO;GAAQ,CAAA;GACnC;GACR;GACG;GACA,gBAAA;IAdpB,cACE;IACF;IACA;IACA,cAAc;GAUM;GAChB,uBAAsB;GACtB,WAAW;GACX,qBAAqB;GACrB,yBAAyB,EAAiB;GAE1C,iBAAiB;GACjB,oBAAoB;GACpB,mBAAmB;GACD;GAClB,kBAAkB;EACnB,CAAA;CACc,CAAA;AAErB"}

package/dist/components/SynapseChat/SynapseChat.d.ts

@@ -5,6 +5,7 @@ export type SynapseChatProps = {
     initialMessage?: string;
     agentRegistrationId?: string;
     chatbotName?: string;
+    variant?: 'default' | 'curie';
     hideTitle?: boolean;
     textboxPositionOffset?: string;
     sessionContext?: GridAgentSessionContext;
@@ -29,6 +30,6 @@ export type SynapseChatProps = {
      */
     allowAttachments?: boolean;
 };
-export declare function SynapseChat({ initialMessage, agentRegistrationId, chatbotName, agentAvatar, hideTitle, textboxPositionOffset, sessionContext, externalSession, setExternalSession, externalChatState, showAccessLevelMenu, onChatResponse, suggestedPrompts, allowAttachments, }: SynapseChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function SynapseChat({ initialMessage, agentRegistrationId, chatbotName, variant, agentAvatar, hideTitle, textboxPositionOffset, sessionContext, externalSession, setExternalSession, externalChatState, showAccessLevelMenu, onChatResponse, suggestedPrompts, allowAttachments, }: SynapseChatProps): import("react/jsx-runtime").JSX.Element;
 export default SynapseChat;
 //# sourceMappingURL=SynapseChat.d.ts.map

package/dist/components/SynapseChat/SynapseChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAO/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AA4BlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,WAA4B,EAC5B,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,GACzB,EAAE,gBAAgB,2CAwQlB;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAe/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAsDlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,OAAmB,EACnB,WAAW,EACX,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,GACzB,EAAE,gBAAgB,2CAmTlB;AAED,eAAe,WAAW,CAAA"}