synapse-react-client 4.0.34 → 4.0.35

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

@@ -10,6 +10,7 @@ type SynapseChatMessageProps = {
     scrollIntoView?: boolean;
     animateEntry?: boolean;
     isAwaitingResponse?: boolean;
+    showLoadingIcon?: boolean;
     /**
      * Attachments sent with this message. This information is not available in any API request/response
      * until the job has finished processing, so this prop is used to optimistically render the attachment

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseChatMessage.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAsC9C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,kGAAkG;IAClG,WAAW,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,cAAc,EAAE,CAAA;CACtC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA6DxE"}
+{"version":3,"file":"SynapseChatMessage.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAsC9C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,kGAAkG;IAClG,WAAW,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,cAAc,EAAE,CAAA;CACtC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA+DxE"}

package/dist/components/SynapseChat/SynapseChatMessage.js

@@ -20,27 +20,28 @@ function s(t, n) {
 	}, [c, u]), { traceEvents: o };
 }
 function c(e) {
-	let { userMessage: r, chatJobId: i, onSendChat: a, agentAvatar: c, userAvatar: l, scrollIntoView: u, animateEntry: d, isAwaitingResponse: f, pendingAttachments: p } = e, { data: m } = n(i), h = m?.requestBody, g = m?.responseBody, _ = m?.errorMessage, { traceEvents: v } = s(i, !!i && (!m?.jobState || m.jobState == "PROCESSING")), y = h?.attachments?.map((e) => {
-		let t = e.fileHandleId, n = g?.attachmentStatuses?.find((e) => e.fileHandleId === t), r = p?.find((e) => e.fileHandleId === t);
+	let { userMessage: r, chatJobId: i, onSendChat: a, agentAvatar: c, userAvatar: l, scrollIntoView: u, animateEntry: d, isAwaitingResponse: f, showLoadingIcon: p, pendingAttachments: m } = e, { data: h } = n(i), g = h?.requestBody, _ = h?.responseBody, v = h?.errorMessage, { traceEvents: y } = s(i, !!i && (!h?.jobState || h.jobState == "PROCESSING")), b = g?.attachments?.map((e) => {
+		let t = e.fileHandleId, n = _?.attachmentStatuses?.find((e) => e.fileHandleId === t), r = m?.find((e) => e.fileHandleId === t);
 		return {
 			fileHandleId: t,
 			fileName: n?.fileName ?? r?.fileName,
 			contentType: n?.contentType ?? r?.contentType
 		};
-	}) ?? p;
+	}) ?? m;
 	return /* @__PURE__ */ o(t, {
 		agentAvatar: c,
 		userAvatar: l,
 		userMessage: r,
-		chatResponseText: g?.responseText,
-		chatResponseTrace: v,
-		chatErrorReason: _,
+		chatResponseText: _?.responseText,
+		chatResponseTrace: y,
+		chatErrorReason: v,
 		onSendChat: a,
 		scrollIntoView: u,
 		animateEntry: d,
 		isAwaitingResponse: f,
-		attachments: y,
-		attachmentStatuses: g?.attachmentStatuses
+		showLoadingIcon: p,
+		attachments: b,
+		attachmentStatuses: _?.attachmentStatuses
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseChatMessage.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChatMessage.tsx"],"sourcesContent":["import SynapseChatInteraction from '@/components/SynapseChat/SynapseChatInteraction'\nimport usePollAsynchronousJob from '@/synapse-queries/asynchronous/usePollAsynchronousJob'\nimport { useGetChatAgentTraceEvents } from '@/synapse-queries/chat/useChat'\nimport {\n  AgentChatRequest,\n  AgentChatResponse,\n} from '@sage-bionetworks/synapse-client'\nimport { TraceEvent } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useEffect, useState } from 'react'\nimport { ChatAttachment } from './utils/types'\n\nfunction useTraceEvent(chatJobId: string | undefined, enabled: boolean) {\n  const [traceEvents, setTraceEvents] = useState<TraceEvent[]>([])\n\n  const appendTraceEvents = useCallback((newEvents: TraceEvent[]) => {\n    setTraceEvents(prev => {\n      return [...prev, ...newEvents]\n    })\n  }, [])\n\n  const latestTraceEvent = traceEvents.at(traceEvents.length - 1)\n  const { data: newTraceEvents } = useGetChatAgentTraceEvents(\n    {\n      jobId: chatJobId ?? '',\n      newerThanTimestamp: latestTraceEvent?.timestamp,\n    },\n    {\n      enabled: enabled,\n      refetchInterval: 1000, // Re-fetch every second if enabled\n      refetchIntervalInBackground: true, // Continue polling even when the tab is not active\n    },\n  )\n  useEffect(() => {\n    if (newTraceEvents && newTraceEvents.page.length > 0) {\n      appendTraceEvents(newTraceEvents.page)\n\n      // send trace events to the console to ease agent debugging\n      // if the trace events do not contain the latest event, add the events to the array\n      console.debug(newTraceEvents.page)\n    }\n  }, [appendTraceEvents, newTraceEvents])\n\n  return {\n    traceEvents,\n  }\n}\n\ntype SynapseChatMessageProps = {\n  agentAvatar: React.ReactNode\n  userAvatar: React.ReactNode\n  /** Known at send time; never re-derived from the polled job so the bubble never renders empty. */\n  userMessage: string\n  /** Undefined until the async job has been registered for this interaction. */\n  chatJobId?: string\n  onSendChat?: (message: string) => void\n  scrollIntoView?: boolean\n  animateEntry?: boolean\n  isAwaitingResponse?: boolean\n  /**\n   * Attachments sent with this message. This information is not available in any API request/response\n   * until the job has finished processing, so this prop is used to optimistically render the attachment\n   * chips in the message bubble until the response arrives.\n   */\n  pendingAttachments?: ChatAttachment[]\n}\n\nexport default function SynapseChatMessage(props: SynapseChatMessageProps) {\n  const {\n    userMessage,\n    chatJobId,\n    onSendChat,\n    agentAvatar,\n    userAvatar,\n    scrollIntoView,\n    animateEntry,\n    isAwaitingResponse,\n    pendingAttachments,\n  } = props\n  const { data: asyncJobStatus } = usePollAsynchronousJob(chatJobId)\n\n  const chatRequest = asyncJobStatus?.requestBody as AgentChatRequest\n  const chatResponse = asyncJobStatus?.responseBody as\n    | AgentChatResponse\n    | undefined\n  const chatError = asyncJobStatus?.errorMessage\n\n  // enabled if the job has been registered and has not finished processing\n  const enableTrace =\n    !!chatJobId &&\n    (!asyncJobStatus?.jobState || asyncJobStatus.jobState == 'PROCESSING')\n  const { traceEvents } = useTraceEvent(chatJobId, enableTrace)\n\n  const attachments =\n    chatRequest?.attachments?.map(attachment => {\n      const fileHandleId = attachment.fileHandleId!\n      const status = chatResponse?.attachmentStatuses?.find(\n        s => s.fileHandleId === fileHandleId,\n      )\n      const pending = pendingAttachments?.find(\n        a => a.fileHandleId === fileHandleId,\n      )\n      // Prefer the server-resolved metadata once the job's response arrives. Fall back to what\n      // was optimistically sent (`pending`) so the chip doesn't lose its filename between the\n      // job being registered and its response arriving.\n      return {\n        fileHandleId,\n        fileName: status?.fileName ?? pending?.fileName,\n        contentType: status?.contentType ?? pending?.contentType,\n      }\n    }) ?? pendingAttachments\n\n  return (\n    <SynapseChatInteraction\n      agentAvatar={agentAvatar}\n      userAvatar={userAvatar}\n      userMessage={userMessage}\n      chatResponseText={chatResponse?.responseText}\n      chatResponseTrace={traceEvents}\n      chatErrorReason={chatError}\n      onSendChat={onSendChat}\n      scrollIntoView={scrollIntoView}\n      animateEntry={animateEntry}\n      isAwaitingResponse={isAwaitingResponse}\n      attachments={attachments}\n      attachmentStatuses={chatResponse?.attachmentStatuses}\n    />\n  )\n}\n"],"mappings":";;;;;;AAWA,SAAS,EAAc,GAA+B,GAAkB;CACtE,IAAM,CAAC,GAAa,KAAkB,EAAuB,CAAC,CAAC,GAEzD,IAAoB,GAAa,MAA4B;EACjE,GAAe,MACN,CAAC,GAAG,GAAM,GAAG,CAAS,CAC9B;CACH,GAAG,CAAC,CAAC,GAEC,IAAmB,EAAY,GAAG,EAAY,SAAS,CAAC,GACxD,EAAE,MAAM,MAAmB,EAC/B;EACE,OAAO,KAAa;EACpB,oBAAoB,GAAkB;CACxC,GACA;EACW;EACT,iBAAiB;EACjB,6BAA6B;CAC/B,CACF;CAWA,OAVA,QAAgB;EACd,AAAI,KAAkB,EAAe,KAAK,SAAS,MACjD,EAAkB,EAAe,IAAI,GAIrC,QAAQ,MAAM,EAAe,IAAI;CAErC,GAAG,CAAC,GAAmB,CAAc,CAAC,GAE/B,EACL,eACF;AACF;AAqBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EACJ,gBACA,cACA,eACA,gBACA,eACA,mBACA,iBACA,uBACA,0BACE,GACE,EAAE,MAAM,MAAmB,EAAuB,CAAS,GAE3D,IAAc,GAAgB,aAC9B,IAAe,GAAgB,cAG/B,IAAY,GAAgB,cAM5B,EAAE,mBAAgB,EAAc,GAFpC,CAAC,CAAC,MACD,CAAC,GAAgB,YAAY,EAAe,YAAY,aACC,GAEtD,IACJ,GAAa,aAAa,KAAI,MAAc;EAC1C,IAAM,IAAe,EAAW,cAC1B,IAAS,GAAc,oBAAoB,MAC/C,MAAK,EAAE,iBAAiB,CAC1B,GACM,IAAU,GAAoB,MAClC,MAAK,EAAE,iBAAiB,CAC1B;EAIA,OAAO;GACL;GACA,UAAU,GAAQ,YAAY,GAAS;GACvC,aAAa,GAAQ,eAAe,GAAS;EAC/C;CACF,CAAC,KAAK;CAER,OACE,kBAAC,GAAD;EACe;EACD;EACC;EACb,kBAAkB,GAAc;EAChC,mBAAmB;EACnB,iBAAiB;EACL;EACI;EACF;EACM;EACP;EACb,oBAAoB,GAAc;CACnC,CAAA;AAEL"}
+{"version":3,"file":"SynapseChatMessage.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChatMessage.tsx"],"sourcesContent":["import SynapseChatInteraction from '@/components/SynapseChat/SynapseChatInteraction'\nimport usePollAsynchronousJob from '@/synapse-queries/asynchronous/usePollAsynchronousJob'\nimport { useGetChatAgentTraceEvents } from '@/synapse-queries/chat/useChat'\nimport {\n  AgentChatRequest,\n  AgentChatResponse,\n} from '@sage-bionetworks/synapse-client'\nimport { TraceEvent } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useEffect, useState } from 'react'\nimport { ChatAttachment } from './utils/types'\n\nfunction useTraceEvent(chatJobId: string | undefined, enabled: boolean) {\n  const [traceEvents, setTraceEvents] = useState<TraceEvent[]>([])\n\n  const appendTraceEvents = useCallback((newEvents: TraceEvent[]) => {\n    setTraceEvents(prev => {\n      return [...prev, ...newEvents]\n    })\n  }, [])\n\n  const latestTraceEvent = traceEvents.at(traceEvents.length - 1)\n  const { data: newTraceEvents } = useGetChatAgentTraceEvents(\n    {\n      jobId: chatJobId ?? '',\n      newerThanTimestamp: latestTraceEvent?.timestamp,\n    },\n    {\n      enabled: enabled,\n      refetchInterval: 1000, // Re-fetch every second if enabled\n      refetchIntervalInBackground: true, // Continue polling even when the tab is not active\n    },\n  )\n  useEffect(() => {\n    if (newTraceEvents && newTraceEvents.page.length > 0) {\n      appendTraceEvents(newTraceEvents.page)\n\n      // send trace events to the console to ease agent debugging\n      // if the trace events do not contain the latest event, add the events to the array\n      console.debug(newTraceEvents.page)\n    }\n  }, [appendTraceEvents, newTraceEvents])\n\n  return {\n    traceEvents,\n  }\n}\n\ntype SynapseChatMessageProps = {\n  agentAvatar: React.ReactNode\n  userAvatar: React.ReactNode\n  /** Known at send time; never re-derived from the polled job so the bubble never renders empty. */\n  userMessage: string\n  /** Undefined until the async job has been registered for this interaction. */\n  chatJobId?: string\n  onSendChat?: (message: string) => void\n  scrollIntoView?: boolean\n  animateEntry?: boolean\n  isAwaitingResponse?: boolean\n  showLoadingIcon?: boolean\n  /**\n   * Attachments sent with this message. This information is not available in any API request/response\n   * until the job has finished processing, so this prop is used to optimistically render the attachment\n   * chips in the message bubble until the response arrives.\n   */\n  pendingAttachments?: ChatAttachment[]\n}\n\nexport default function SynapseChatMessage(props: SynapseChatMessageProps) {\n  const {\n    userMessage,\n    chatJobId,\n    onSendChat,\n    agentAvatar,\n    userAvatar,\n    scrollIntoView,\n    animateEntry,\n    isAwaitingResponse,\n    showLoadingIcon,\n    pendingAttachments,\n  } = props\n  const { data: asyncJobStatus } = usePollAsynchronousJob(chatJobId)\n\n  const chatRequest = asyncJobStatus?.requestBody as AgentChatRequest\n  const chatResponse = asyncJobStatus?.responseBody as\n    | AgentChatResponse\n    | undefined\n  const chatError = asyncJobStatus?.errorMessage\n\n  // enabled if the job has been registered and has not finished processing\n  const enableTrace =\n    !!chatJobId &&\n    (!asyncJobStatus?.jobState || asyncJobStatus.jobState == 'PROCESSING')\n  const { traceEvents } = useTraceEvent(chatJobId, enableTrace)\n\n  const attachments =\n    chatRequest?.attachments?.map(attachment => {\n      const fileHandleId = attachment.fileHandleId!\n      const status = chatResponse?.attachmentStatuses?.find(\n        s => s.fileHandleId === fileHandleId,\n      )\n      const pending = pendingAttachments?.find(\n        a => a.fileHandleId === fileHandleId,\n      )\n      // Prefer the server-resolved metadata once the job's response arrives. Fall back to what\n      // was optimistically sent (`pending`) so the chip doesn't lose its filename between the\n      // job being registered and its response arriving.\n      return {\n        fileHandleId,\n        fileName: status?.fileName ?? pending?.fileName,\n        contentType: status?.contentType ?? pending?.contentType,\n      }\n    }) ?? pendingAttachments\n\n  return (\n    <SynapseChatInteraction\n      agentAvatar={agentAvatar}\n      userAvatar={userAvatar}\n      userMessage={userMessage}\n      chatResponseText={chatResponse?.responseText}\n      chatResponseTrace={traceEvents}\n      chatErrorReason={chatError}\n      onSendChat={onSendChat}\n      scrollIntoView={scrollIntoView}\n      animateEntry={animateEntry}\n      isAwaitingResponse={isAwaitingResponse}\n      showLoadingIcon={showLoadingIcon}\n      attachments={attachments}\n      attachmentStatuses={chatResponse?.attachmentStatuses}\n    />\n  )\n}\n"],"mappings":";;;;;;AAWA,SAAS,EAAc,GAA+B,GAAkB;CACtE,IAAM,CAAC,GAAa,KAAkB,EAAuB,CAAC,CAAC,GAEzD,IAAoB,GAAa,MAA4B;EACjE,GAAe,MACN,CAAC,GAAG,GAAM,GAAG,CAAS,CAC9B;CACH,GAAG,CAAC,CAAC,GAEC,IAAmB,EAAY,GAAG,EAAY,SAAS,CAAC,GACxD,EAAE,MAAM,MAAmB,EAC/B;EACE,OAAO,KAAa;EACpB,oBAAoB,GAAkB;CACxC,GACA;EACW;EACT,iBAAiB;EACjB,6BAA6B;CAC/B,CACF;CAWA,OAVA,QAAgB;EACd,AAAI,KAAkB,EAAe,KAAK,SAAS,MACjD,EAAkB,EAAe,IAAI,GAIrC,QAAQ,MAAM,EAAe,IAAI;CAErC,GAAG,CAAC,GAAmB,CAAc,CAAC,GAE/B,EACL,eACF;AACF;AAsBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EACJ,gBACA,cACA,eACA,gBACA,eACA,mBACA,iBACA,uBACA,oBACA,0BACE,GACE,EAAE,MAAM,MAAmB,EAAuB,CAAS,GAE3D,IAAc,GAAgB,aAC9B,IAAe,GAAgB,cAG/B,IAAY,GAAgB,cAM5B,EAAE,mBAAgB,EAAc,GAFpC,CAAC,CAAC,MACD,CAAC,GAAgB,YAAY,EAAe,YAAY,aACC,GAEtD,IACJ,GAAa,aAAa,KAAI,MAAc;EAC1C,IAAM,IAAe,EAAW,cAC1B,IAAS,GAAc,oBAAoB,MAC/C,MAAK,EAAE,iBAAiB,CAC1B,GACM,IAAU,GAAoB,MAClC,MAAK,EAAE,iBAAiB,CAC1B;EAIA,OAAO;GACL;GACA,UAAU,GAAQ,YAAY,GAAS;GACvC,aAAa,GAAQ,eAAe,GAAS;EAC/C;CACF,CAAC,KAAK;CAER,OACE,kBAAC,GAAD;EACe;EACD;EACC;EACb,kBAAkB,GAAc;EAChC,mBAAmB;EACnB,iBAAiB;EACL;EACI;EACF;EACM;EACH;EACJ;EACb,oBAAoB,GAAc;CACnC,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalChatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"names":[],"mappings":"AACA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG;IAC5D,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,4BAA4B,2CAc9B;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"SynapsePortalChatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"names":[],"mappings":"AACA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG;IAC5D,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,4BAA4B,2CAgB9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/SynapseChat/SynapsePortalChatDialog.js

@@ -7,12 +7,13 @@ function r({ open: r, onClose: i, ...a }) {
 		open: r,
 		onClose: i,
 		title: a.chatbotName || "SynapseChat",
+		variant: a.variant,
 		children: /* @__PURE__ */ n(e, {
 			hideTitle: !0,
 			textboxPositionOffset: "16px",
 			...a
 		})
-	});
+	}, a.variant);
 }
 //#endregion
 export { r as SynapsePortalChatDialog, r as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalChatDialog.js","names":[],"sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"sourcesContent":["import DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport SynapseChat, { SynapseChatProps } from './SynapseChat'\n\nexport type SynapsePortalChatDialogProps = SynapseChatProps & {\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * A dialog that wraps SynapseChat with externally-controlled open/close state.\n * Only shown when the user is logged in and the PORTAL_CHAT feature flag is enabled.\n */\nexport function SynapsePortalChatDialog({\n  open,\n  onClose,\n  ...chatDialogProps\n}: SynapsePortalChatDialogProps) {\n  return (\n    <DraggableDialog\n      open={open}\n      onClose={onClose}\n      title={chatDialogProps.chatbotName || 'SynapseChat'}\n    >\n      <SynapseChat\n        hideTitle={true}\n        textboxPositionOffset=\"16px\"\n        {...chatDialogProps}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default SynapsePortalChatDialog\n"],"mappings":";;;;AAYA,SAAgB,EAAwB,EACtC,SACA,YACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,GAAD;EACQ;EACG;EACT,OAAO,EAAgB,eAAe;YAEtC,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,GAAI;EACL,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"SynapsePortalChatDialog.js","names":[],"sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"sourcesContent":["import DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport SynapseChat, { SynapseChatProps } from './SynapseChat'\n\nexport type SynapsePortalChatDialogProps = SynapseChatProps & {\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * A dialog that wraps SynapseChat with externally-controlled open/close state.\n * Only shown when the user is logged in and the PORTAL_CHAT feature flag is enabled.\n */\nexport function SynapsePortalChatDialog({\n  open,\n  onClose,\n  ...chatDialogProps\n}: SynapsePortalChatDialogProps) {\n  return (\n    <DraggableDialog\n      key={chatDialogProps.variant}\n      open={open}\n      onClose={onClose}\n      title={chatDialogProps.chatbotName || 'SynapseChat'}\n      variant={chatDialogProps.variant}\n    >\n      <SynapseChat\n        hideTitle={true}\n        textboxPositionOffset=\"16px\"\n        {...chatDialogProps}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default SynapsePortalChatDialog\n"],"mappings":";;;;AAYA,SAAgB,EAAwB,EACtC,SACA,YACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,GAAD;EAEQ;EACG;EACT,OAAO,EAAgB,eAAe;EACtC,SAAS,EAAgB;YAEzB,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,GAAI;EACL,CAAA;CACc,GAXV,EAAgB,OAWN;AAErB"}

package/dist/components/TanStackTable/TanStackTableUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TanStackTableUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAID,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,aAAa,CAqBzE"}
+{"version":3,"file":"TanStackTableUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,UAExD;AAID,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,aAAa,CAsBzE"}

package/dist/components/TanStackTable/TanStackTableUtils.js

@@ -7,16 +7,16 @@ function t(e) {
 }
 function n(e) {
 	let t = e.getIsPinned(), n = t === "left" && e.getIsLastColumn("left"), r = t === "right" && e.getIsFirstColumn("right");
-	return {
-		background: t ? "inherit" : void 0,
+	return t ? {
+		background: "inherit",
 		boxShadow: n ? "-4px 0 4px -4px gray inset" : r ? "4px 0 4px -4px gray inset" : void 0,
 		left: t === "left" ? `${e.getStart("left")}px` : void 0,
 		right: t === "right" ? `${e.getAfter("right")}px` : void 0,
-		opacity: t ? .95 : 1,
-		position: t ? "sticky" : "relative",
+		opacity: .95,
+		position: "sticky",
 		width: e.getSize(),
-		zIndex: +!!t
-	};
+		zIndex: 1
+	} : {};
 }
 //#endregion
 export { e as getColumnSizeCssVariable, n as getCommonPinningStyles, t as getHeaderSizeCssVariable };

package/dist/components/TanStackTable/TanStackTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TanStackTableUtils.js","names":[],"sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { CSSProperties } from 'react'\n\nexport function getColumnSizeCssVariable(columnId: string) {\n  return `--col-${columnId}-size`\n}\n\nexport function getHeaderSizeCssVariable(headerId: string) {\n  return `--header-${headerId}-size`\n}\n\n// Styles for column pinning, retrieved from TanStack docs examples with very minor modifications\n// See https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  const isPinned = column.getIsPinned()\n  const isLastLeftPinnedColumn =\n    isPinned === 'left' && column.getIsLastColumn('left')\n  const isFirstRightPinnedColumn =\n    isPinned === 'right' && column.getIsFirstColumn('right')\n\n  return {\n    background: isPinned ? 'inherit' : undefined,\n    boxShadow: isLastLeftPinnedColumn\n      ? '-4px 0 4px -4px gray inset'\n      : isFirstRightPinnedColumn\n        ? '4px 0 4px -4px gray inset'\n        : undefined,\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    opacity: isPinned ? 0.95 : 1,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : 0,\n  }\n}\n"],"mappings":";AAGA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,SAAS,EAAS;AAC3B;AAEA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,YAAY,EAAS;AAC9B;AAIA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,IAAW,EAAO,YAAY,GAC9B,IACJ,MAAa,UAAU,EAAO,gBAAgB,MAAM,GAChD,IACJ,MAAa,WAAW,EAAO,iBAAiB,OAAO;CAEzD,OAAO;EACL,YAAY,IAAW,YAAY,KAAA;EACnC,WAAW,IACP,+BACA,IACE,8BACA,KAAA;EACN,MAAM,MAAa,SAAS,GAAG,EAAO,SAAS,MAAM,EAAE,MAAM,KAAA;EAC7D,OAAO,MAAa,UAAU,GAAG,EAAO,SAAS,OAAO,EAAE,MAAM,KAAA;EAChE,SAAS,IAAW,MAAO;EAC3B,UAAU,IAAW,WAAW;EAChC,OAAO,EAAO,QAAQ;EACtB,QAAQ;CACV;AACF"}
+{"version":3,"file":"TanStackTableUtils.js","names":[],"sources":["../../../src/components/TanStackTable/TanStackTableUtils.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { CSSProperties } from 'react'\n\nexport function getColumnSizeCssVariable(columnId: string) {\n  return `--col-${columnId}-size`\n}\n\nexport function getHeaderSizeCssVariable(headerId: string) {\n  return `--header-${headerId}-size`\n}\n\n// Styles for column pinning, retrieved from TanStack docs examples with very minor modifications\n// See https://tanstack.com/table/v8/docs/framework/react/examples/column-pinning-sticky\nexport function getCommonPinningStyles(column: Column<any>): CSSProperties {\n  const isPinned = column.getIsPinned()\n  const isLastLeftPinnedColumn =\n    isPinned === 'left' && column.getIsLastColumn('left')\n  const isFirstRightPinnedColumn =\n    isPinned === 'right' && column.getIsFirstColumn('right')\n\n  if (!isPinned) return {}\n  return {\n    background: 'inherit',\n    boxShadow: isLastLeftPinnedColumn\n      ? '-4px 0 4px -4px gray inset'\n      : isFirstRightPinnedColumn\n        ? '4px 0 4px -4px gray inset'\n        : undefined,\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    opacity: 0.95,\n    position: 'sticky',\n    width: column.getSize(),\n    zIndex: 1,\n  }\n}\n"],"mappings":";AAGA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,SAAS,EAAS;AAC3B;AAEA,SAAgB,EAAyB,GAAkB;CACzD,OAAO,YAAY,EAAS;AAC9B;AAIA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,IAAW,EAAO,YAAY,GAC9B,IACJ,MAAa,UAAU,EAAO,gBAAgB,MAAM,GAChD,IACJ,MAAa,WAAW,EAAO,iBAAiB,OAAO;CAGzD,OADK,IACE;EACL,YAAY;EACZ,WAAW,IACP,+BACA,IACE,8BACA,KAAA;EACN,MAAM,MAAa,SAAS,GAAG,EAAO,SAAS,MAAM,EAAE,MAAM,KAAA;EAC7D,OAAO,MAAa,UAAU,GAAG,EAAO,SAAS,OAAO,EAAE,MAAM,KAAA;EAChE,SAAS;EACT,UAAU;EACV,OAAO,EAAO,QAAQ;EACtB,QAAQ;CACV,IAdsB,CAAC;AAezB"}

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Lists the requester's active eDUC signatures (routed / signed but not yet submitted).
+ *
+ * The underlying query walks every page of `POST /dataAccessRequest/list` inside its `queryFn`
+ * because filtering is done client-side pending PLFM-9907 (which will add an `isEDuc` server-side
+ * filter). Once server-side filtering ships, callers can switch back to a per-page infinite query
+ * with a "Show More" button.
+ *
+ * Renders nothing when the fully-loaded, filtered list is empty.
+ */
+export declare function InFlightEDucSignaturesTable(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=InFlightEDucSignaturesTable.d.ts.map

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InFlightEDucSignaturesTable.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"names":[],"mappings":"AA2DA;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,mDAqD1C"}

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.js

@@ -0,0 +1,84 @@
+import { useListAllUserDataAccessRequests as e } from "../../../synapse-queries/dataaccess/useEDuc.js";
+import "../../../synapse-queries/index.js";
+import { SkeletonTable as t } from "../../Skeleton/SkeletonTable.js";
+import "../../Skeleton/index.js";
+import n from "../../TanStackTable/StyledTanStackTable.js";
+import r from "../../TanStackTable/ColumnHeader.js";
+import { useMemo as i } from "react";
+import { Alert as a, Box as o, Typography as s } from "@mui/material";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createColumnHelper as u, getCoreRowModel as d, useReactTable as f } from "@tanstack/react-table";
+//#region src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx
+var p = [
+	"sent",
+	"delivered",
+	"completed"
+], m = {
+	sent: "Signatures pending",
+	delivered: "Signatures pending",
+	completed: "Ready to submit"
+}, h = u(), g = [
+	h.accessor("accessRequirementName", {
+		header: (e) => /* @__PURE__ */ c(r, {
+			...e,
+			title: "Request type"
+		}),
+		enableSorting: !1,
+		enableColumnFilter: !1
+	}),
+	h.display({
+		id: "signatureProgress",
+		header: (e) => /* @__PURE__ */ c(r, {
+			...e,
+			title: "Signature progress"
+		}),
+		enableSorting: !1,
+		cell: (e) => `${e.row.original.signaturesAcquired ?? 0} of ${e.row.original.signaturesRequested ?? 0}`,
+		enableColumnFilter: !1,
+		size: 150
+	}),
+	h.accessor("status", {
+		header: (e) => /* @__PURE__ */ c(r, {
+			...e,
+			title: "Current status"
+		}),
+		enableSorting: !1,
+		cell: (e) => {
+			let t = e.getValue();
+			return t ? m[t] ?? t : "";
+		},
+		enableColumnFilter: !1,
+		size: 150
+	})
+];
+function _() {
+	let { data: r, isLoading: u, error: m } = e(), h = i(() => (r ?? []).filter((e) => e.isEDuc === !0 && e.status !== void 0 && p.includes(e.status)), [r]), _ = f({
+		data: h,
+		columns: g,
+		getCoreRowModel: d(),
+		columnResizeMode: "onChange"
+	});
+	return m ? /* @__PURE__ */ l(a, {
+		severity: "error",
+		children: [
+			/* @__PURE__ */ c("strong", { children: "Sorry, we couldn't load your in-flight eDUC signatures." }),
+			/* @__PURE__ */ c("br", {}),
+			m.reason
+		]
+	}) : u ? /* @__PURE__ */ c(t, {
+		numCols: g.length,
+		fullWidthCells: !0
+	}) : h.length === 0 ? null : /* @__PURE__ */ l(o, { children: [/* @__PURE__ */ c(s, {
+		variant: "headline2",
+		component: "h2",
+		gutterBottom: !0,
+		children: "In-flight eDUC signatures"
+	}), /* @__PURE__ */ c(n, {
+		table: _,
+		fullWidth: !0
+	})] });
+}
+//#endregion
+export { _ as InFlightEDucSignaturesTable };
+
+//# sourceMappingURL=InFlightEDucSignaturesTable.js.map

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InFlightEDucSignaturesTable.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"sourcesContent":["import { SkeletonTable } from '@/components/Skeleton'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useListAllUserDataAccessRequests } from '@/synapse-queries'\nimport { Alert, Box, Typography } from '@mui/material'\nimport {\n  AccessRequestSummary,\n  AccessRequestSummaryStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo } from 'react'\n\nconst IN_FLIGHT_STATUSES: readonly AccessRequestSummaryStatusEnum[] = [\n  'sent',\n  'delivered',\n  'completed',\n] as const\n\nconst STATUS_DISPLAY: Record<string, string> = {\n  sent: 'Signatures pending',\n  delivered: 'Signatures pending',\n  completed: 'Ready to submit',\n}\n\nconst columnHelper = createColumnHelper<AccessRequestSummary>()\nconst columns = [\n  columnHelper.accessor('accessRequirementName', {\n    header: props => <ColumnHeader {...props} title={'Request type'} />,\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.display({\n    id: 'signatureProgress',\n    header: props => <ColumnHeader {...props} title={'Signature progress'} />,\n    enableSorting: false,\n    cell: ctx => {\n      const acquired = ctx.row.original.signaturesAcquired ?? 0\n      const requested = ctx.row.original.signaturesRequested ?? 0\n      return `${acquired} of ${requested}`\n    },\n    enableColumnFilter: false,\n    size: 150,\n  }),\n  columnHelper.accessor('status', {\n    header: props => <ColumnHeader {...props} title={'Current status'} />,\n    enableSorting: false,\n    cell: ctx => {\n      const status = ctx.getValue()\n      return status ? (STATUS_DISPLAY[status] ?? status) : ''\n    },\n    enableColumnFilter: false,\n    size: 150,\n  }),\n]\n\n/**\n * Lists the requester's active eDUC signatures (routed / signed but not yet submitted).\n *\n * The underlying query walks every page of `POST /dataAccessRequest/list` inside its `queryFn`\n * because filtering is done client-side pending PLFM-9907 (which will add an `isEDuc` server-side\n * filter). Once server-side filtering ships, callers can switch back to a per-page infinite query\n * with a \"Show More\" button.\n *\n * Renders nothing when the fully-loaded, filtered list is empty.\n */\nexport function InFlightEDucSignaturesTable() {\n  const {\n    data: summaries,\n    isLoading,\n    error,\n  } = useListAllUserDataAccessRequests()\n\n  const rows = useMemo(\n    () =>\n      (summaries ?? []).filter(\n        summary =>\n          summary.isEDuc === true &&\n          summary.status !== undefined &&\n          (IN_FLIGHT_STATUSES as readonly string[]).includes(summary.status),\n      ),\n    [summaries],\n  )\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>\n          Sorry, we couldn&apos;t load your in-flight eDUC signatures.\n        </strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (isLoading) {\n    return <SkeletonTable numCols={columns.length} fullWidthCells />\n  }\n\n  if (rows.length === 0) {\n    return null\n  }\n\n  return (\n    <Box>\n      <Typography variant={'headline2'} component={'h2'} gutterBottom>\n        In-flight eDUC signatures\n      </Typography>\n      <StyledTanStackTable table={table} fullWidth={true} />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,IAAgE;CACpE;CACA;CACA;AACF,GAEM,IAAyC;CAC7C,MAAM;CACN,WAAW;CACX,WAAW;AACb,GAEM,IAAe,EAAyC,GACxD,IAAU;CACd,EAAa,SAAS,yBAAyB;EAC7C,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAiB,CAAA;EAClE,eAAe;EACf,oBAAoB;CACtB,CAAC;CACD,EAAa,QAAQ;EACnB,IAAI;EACJ,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAuB,CAAA;EACxE,eAAe;EACf,OAAM,MAGG,GAFU,EAAI,IAAI,SAAS,sBAAsB,EAErC,MADD,EAAI,IAAI,SAAS,uBAAuB;EAG5D,oBAAoB;EACpB,MAAM;CACR,CAAC;CACD,EAAa,SAAS,UAAU;EAC9B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAmB,CAAA;EACpE,eAAe;EACf,OAAM,MAAO;GACX,IAAM,IAAS,EAAI,SAAS;GAC5B,OAAO,IAAU,EAAe,MAAW,IAAU;EACvD;EACA,oBAAoB;EACpB,MAAM;CACR,CAAC;AACH;AAYA,SAAgB,IAA8B;CAC5C,IAAM,EACJ,MAAM,GACN,cACA,aACE,EAAiC,GAE/B,IAAO,SAER,KAAa,CAAC,GAAG,QAChB,MACE,EAAQ,WAAW,MACnB,EAAQ,WAAW,KAAA,KAClB,EAAyC,SAAS,EAAQ,MAAM,CACrE,GACF,CAAC,CAAS,CACZ,GAEM,IAAQ,EAAc;EAC1B,MAAM;EACN;EACA,iBAAiB,EAAgB;EACjC,kBAAkB;CACpB,CAAC;CAsBD,OApBI,IAEA,kBAAC,GAAD;EAAO,UAAU;YAAjB;GACE,kBAAC,UAAD,EAAA,UAAQ,0DAEA,CAAA;GACR,kBAAC,MAAD,CAAK,CAAA;GACJ,EAAM;EACF;MAIP,IACK,kBAAC,GAAD;EAAe,SAAS,EAAQ;EAAQ,gBAAA;CAAgB,CAAA,IAG7D,EAAK,WAAW,IACX,OAIP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAS;EAAa,WAAW;EAAM,cAAA;YAAa;CAEpD,CAAA,GACZ,kBAAC,GAAD;EAA4B;EAAO,WAAW;CAAO,CAAA,CAClD,EAAA,CAAA;AAET"}

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAccessRequestHistoryPage.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,4BAA4B,4CAuC3C"}
+{"version":3,"file":"UserAccessRequestHistoryPage.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,4BAA4B,4CAwC3C"}

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.js

@@ -1,47 +1,49 @@
-import { UserAccessRequestHistoryTable as e } from "./UserAccessRequestHistoryTable.js";
-import { Accordion as t, AccordionDetails as n, AccordionSummary as r, Stack as i, Typography as a } from "@mui/material";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "@mui/icons-material/ExpandMore";
+import { InFlightEDucSignaturesTable as e } from "./InFlightEDucSignaturesTable.js";
+import { UserAccessRequestHistoryTable as t } from "./UserAccessRequestHistoryTable.js";
+import { Accordion as n, AccordionDetails as r, AccordionSummary as i, Stack as a, Typography as o } from "@mui/material";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "@mui/icons-material/ExpandMore";
 //#region src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx
-var u = [];
-function d() {
-	return /* @__PURE__ */ c(i, {
+var d = [];
+function f() {
+	return /* @__PURE__ */ l(a, {
 		sx: { gap: 2 },
 		children: [
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ c(o, {
 				variant: "headline1",
 				gutterBottom: !0,
 				children: "History of your access requests"
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ c(o, {
 				variant: "body1",
 				gutterBottom: !0,
 				children: "This list represents every access request you have been named in. It includes requests you've submitted yourself, and requests submitted by others, which you were named as a requester on."
 			}),
-			/* @__PURE__ */ s(a, {
+			/* @__PURE__ */ c(o, {
 				variant: "body1",
 				gutterBottom: !0,
 				children: "Note: Requests where your access has been revoked will appear as \"Approved\"."
 			}),
-			u.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(a, {
+			d.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(o, {
 				variant: "headline2",
 				gutterBottom: !0,
 				children: "Frequently Asked Questions"
-			}), /* @__PURE__ */ s("div", { children: u.map((e) => /* @__PURE__ */ c(t, {
+			}), /* @__PURE__ */ c("div", { children: d.map((e) => /* @__PURE__ */ l(n, {
 				sx: { p: 1 },
-				children: [/* @__PURE__ */ s(r, {
-					expandIcon: /* @__PURE__ */ s(l, {}),
-					children: /* @__PURE__ */ s(a, {
+				children: [/* @__PURE__ */ c(i, {
+					expandIcon: /* @__PURE__ */ c(u, {}),
+					children: /* @__PURE__ */ c(o, {
 						variant: "headline3",
 						children: e.summary
 					})
-				}), /* @__PURE__ */ s(n, { children: e.details })]
+				}), /* @__PURE__ */ c(r, { children: e.details })]
 			}, e.summary)) })] }),
-			/* @__PURE__ */ s(e, {})
+			/* @__PURE__ */ c(e, {}),
+			/* @__PURE__ */ c(t, {})
 		]
 	});
 }
 //#endregion
-export { d as UserAccessRequestHistoryPage };
+export { f as UserAccessRequestHistoryPage };
 
 //# sourceMappingURL=UserAccessRequestHistoryPage.js.map

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAccessRequestHistoryPage.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"sourcesContent":["import ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { UserAccessRequestHistoryTable } from './UserAccessRequestHistoryTable'\n\ntype FaqItem = {\n  summary: string\n  details: string\n}\n\nconst faqContent: FaqItem[] = [\n  // {\n  //   summary:\n  //     'Why do I still have access to data when I have an expired, canceled, or rejected access request?',\n  //   details:\n  //     \"This table shows all the requests you've ever been part of, including requests that were canceled, rejected, or that have since expired. If an older request was canceled, rejected, or has expired, but a newer request was approved and is still active, you'll still have access to the data.\",\n  // },\n  // {\n  //   summary: 'Some other question?',\n  //   details: 'Here is another answer!',\n  // },\n]\n\nexport function UserAccessRequestHistoryPage() {\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant=\"headline1\" gutterBottom>\n        History of your access requests\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        This list represents every access request you have been named in. It\n        includes requests you&apos;ve submitted yourself, and requests submitted\n        by others, which you were named as a requester on.\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Note: Requests where your access has been revoked will appear as\n        &quot;Approved&quot;.\n      </Typography>\n      {faqContent.length > 0 && (\n        <>\n          <Typography variant=\"headline2\" gutterBottom>\n            Frequently Asked Questions\n          </Typography>\n          <div>\n            {faqContent.map(faq => (\n              <Accordion key={faq.summary} sx={{ p: 1 }}>\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography variant=\"headline3\">{faq.summary}</Typography>\n                </AccordionSummary>\n                <AccordionDetails>{faq.details}</AccordionDetails>\n              </Accordion>\n            ))}\n          </div>\n        </>\n      )}\n      <UserAccessRequestHistoryTable />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAeA,IAAM,IAAwB,CAW9B;AAEA,SAAgB,IAA+B;CAC7C,OACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAHF;GAKE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAI7B,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAG7B,CAAA;GACX,EAAW,SAAS,KACnB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA,GACZ,kBAAC,OAAD,EAAA,UACG,EAAW,KAAI,MACd,kBAAC,GAAD;IAA6B,IAAI,EAAE,GAAG,EAAE;cAAxC,CACE,kBAAC,GAAD;KAAkB,YAAY,kBAAC,GAAD,CAAiB,CAAA;eAC7C,kBAAC,GAAD;MAAY,SAAQ;gBAAa,EAAI;KAAoB,CAAA;IACzC,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAmB,EAAI,QAA0B,CAAA,CACxC;MALK,EAAI,OAKT,CACZ,EACE,CAAA,CACL,EAAA,CAAA;GAEJ,kBAAC,GAAD,CAAgC,CAAA;EAC3B;;AAEX"}
+{"version":3,"file":"UserAccessRequestHistoryPage.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"sourcesContent":["import ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { InFlightEDucSignaturesTable } from './InFlightEDucSignaturesTable'\nimport { UserAccessRequestHistoryTable } from './UserAccessRequestHistoryTable'\n\ntype FaqItem = {\n  summary: string\n  details: string\n}\n\nconst faqContent: FaqItem[] = [\n  // {\n  //   summary:\n  //     'Why do I still have access to data when I have an expired, canceled, or rejected access request?',\n  //   details:\n  //     \"This table shows all the requests you've ever been part of, including requests that were canceled, rejected, or that have since expired. If an older request was canceled, rejected, or has expired, but a newer request was approved and is still active, you'll still have access to the data.\",\n  // },\n  // {\n  //   summary: 'Some other question?',\n  //   details: 'Here is another answer!',\n  // },\n]\n\nexport function UserAccessRequestHistoryPage() {\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant=\"headline1\" gutterBottom>\n        History of your access requests\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        This list represents every access request you have been named in. It\n        includes requests you&apos;ve submitted yourself, and requests submitted\n        by others, which you were named as a requester on.\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Note: Requests where your access has been revoked will appear as\n        &quot;Approved&quot;.\n      </Typography>\n      {faqContent.length > 0 && (\n        <>\n          <Typography variant=\"headline2\" gutterBottom>\n            Frequently Asked Questions\n          </Typography>\n          <div>\n            {faqContent.map(faq => (\n              <Accordion key={faq.summary} sx={{ p: 1 }}>\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography variant=\"headline3\">{faq.summary}</Typography>\n                </AccordionSummary>\n                <AccordionDetails>{faq.details}</AccordionDetails>\n              </Accordion>\n            ))}\n          </div>\n        </>\n      )}\n      <InFlightEDucSignaturesTable />\n      <UserAccessRequestHistoryTable />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAgBA,IAAM,IAAwB,CAW9B;AAEA,SAAgB,IAA+B;CAC7C,OACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAHF;GAKE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAI7B,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAG7B,CAAA;GACX,EAAW,SAAS,KACnB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA,GACZ,kBAAC,OAAD,EAAA,UACG,EAAW,KAAI,MACd,kBAAC,GAAD;IAA6B,IAAI,EAAE,GAAG,EAAE;cAAxC,CACE,kBAAC,GAAD;KAAkB,YAAY,kBAAC,GAAD,CAAiB,CAAA;eAC7C,kBAAC,GAAD;MAAY,SAAQ;gBAAa,EAAI;KAAoB,CAAA;IACzC,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAmB,EAAI,QAA0B,CAAA,CACxC;MALK,EAAI,OAKT,CACZ,EACE,CAAA,CACL,EAAA,CAAA;GAEJ,kBAAC,GAAD,CAA8B,CAAA;GAC9B,kBAAC,GAAD,CAAgC,CAAA;EAC3B;;AAEX"}

package/dist/components/entity/page/CreatedByModifiedBy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedByModifiedBy.d.ts","sourceRoot":"","sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA+IlE;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CreatedByModifiedBy.d.ts","sourceRoot":"","sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"names":[],"mappings":"AAiCA,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA0GlE;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/entity/page/CreatedByModifiedBy.js

@@ -6,114 +6,96 @@ import "../../../synapse-queries/index.js";
 import { formatDate as o } from "../../../utils/functions/DateFormatter.js";
 import s from "../../utils/ConditionalWrapper.js";
 import { UserBadge as c } from "../../UserCard/UserBadge.js";
-import { Box as l, Breadcrumbs as u, Skeleton as d, Tooltip as f, Typography as p, useMediaQuery as m, useTheme as h } from "@mui/material";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { InfoTwoTone as y } from "@mui/icons-material";
-import b from "dayjs";
+import { INFO_ICON_SX as l, getTableLastRebuiltTooltip as u, getTableModifiedOnAccessibleLabel as d, getTableModifiedOnTooltip as f } from "./createdByModifiedByTooltips.js";
+import { Box as p, Breadcrumbs as m, Skeleton as h, Tooltip as g, Typography as _, useMediaQuery as v, useTheme as y } from "@mui/material";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { InfoTwoTone as S } from "@mui/icons-material";
+import C from "dayjs";
 //#region src/components/entity/page/CreatedByModifiedBy.tsx
-function x() {
-	return m(h().breakpoints.down("sm")) ? null : /* @__PURE__ */ _(p, {
+function w() {
+	return v(y().breakpoints.down("sm")) ? null : /* @__PURE__ */ b(_, {
 		variant: "breadcrumb1",
 		sx: { color: "grey.700" },
 		children: "/"
 	});
 }
-function S(m) {
-	let { entityId: h, versionNumber: S } = m, C = `${h}${S ? `.${S}` : ""}`, { data: w } = i(h, S), { data: T } = a({
-		entityId: h,
-		query: { sql: `SELECT * FROM ${C} LIMIT 0` },
+function T(v) {
+	let { entityId: y, versionNumber: T } = v, E = `${y}${T ? `.${T}` : ""}`, { data: D } = i(y, T), { data: O } = a({
+		entityId: y,
+		query: { sql: `SELECT * FROM ${E} LIMIT 0` },
 		partMask: 128,
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
-	}, { enabled: !!(w && r(w)) }), E = T?.responseBody?.lastUpdatedOn, D = w ? t(e(w.concreteType)) : "", O = /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ v("p", { children: [
-			"This is when the configuration of this ",
-			D,
-			" was last changed."
-		] }),
-		/* @__PURE__ */ _("p", { children: "Configuration changes may be triggered by (for example):" }),
-		/* @__PURE__ */ v("ul", { children: [/* @__PURE__ */ v("li", { children: ["Editing the name of the ", D] }), /* @__PURE__ */ v("li", { children: ["Updating the schema used by the ", D] })] }),
-		/* @__PURE__ */ v("p", { children: [
-			"This does NOT reflect changes to the data displayed in the the",
-			" ",
-			D,
-			"."
-		] })
-	] }), k = `This is when the configuration of this ${D} was last changed.`, A = `When data changes, the ${D} is rebuilt to reflect those changes. This is the last time changes were made to the data.`, j = `${C}-createdByTooltip`, M = `${C}-modifiedByTooltip`, N = `${C}-lastUpdatedTooltip`, P = {
-		width: "16px",
-		height: "16px",
-		ml: "4px",
-		verticalAlign: "text-bottom"
-	};
-	return /* @__PURE__ */ _(l, {
+	}, { enabled: !!(D && r(D)) }), k = O?.responseBody?.lastUpdatedOn, A = D ? t(e(D.concreteType)) : "", j = `${E}-createdByTooltip`, M = `${E}-modifiedByTooltip`, N = `${E}-lastUpdatedTooltip`;
+	return /* @__PURE__ */ b(p, {
 		sx: (e) => ({
 			bgcolor: "grey.100",
-			py: "10px",
+			p: "10px",
 			[e.breakpoints.down("sm")]: { p: "24px 40px" }
 		}),
-		children: /* @__PURE__ */ v(u, {
-			separator: /* @__PURE__ */ _(x, {}),
+		children: /* @__PURE__ */ x(m, {
+			separator: /* @__PURE__ */ b(w, {}),
 			sx: (e) => ({ "& .MuiBreadcrumbs-ol": {
 				justifyContent: "center",
 				[e.breakpoints.down("sm")]: { gap: "4px" }
 			} }),
 			children: [
-				/* @__PURE__ */ _(s, {
-					condition: !w,
-					wrapper: d,
-					children: /* @__PURE__ */ v(p, {
+				/* @__PURE__ */ b(s, {
+					condition: !D,
+					wrapper: h,
+					children: /* @__PURE__ */ x(_, {
 						sx: { color: "grey.700" },
 						variant: "breadcrumb1",
 						"aria-describedby": j,
 						children: [
-							D,
+							A,
 							" created by ",
-							/* @__PURE__ */ _(c, { userId: w?.createdBy }),
+							/* @__PURE__ */ b(c, { userId: D?.createdBy }),
 							" ",
 							"on ",
-							o(b(w?.createdOn)),
-							w && n(w) && /* @__PURE__ */ _(f, {
+							o(C(D?.createdOn)),
+							D && n(D) && /* @__PURE__ */ b(g, {
 								id: j,
 								title: "This is the user who created this Dataset. This may not be the same person who generated the files in this Dataset, or who originally uploaded these files to Synapse.",
-								children: /* @__PURE__ */ _(y, { sx: P })
+								children: /* @__PURE__ */ b(S, { sx: l })
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ _(s, {
-					condition: !w,
-					wrapper: d,
-					children: /* @__PURE__ */ v(p, {
+				/* @__PURE__ */ b(s, {
+					condition: !D,
+					wrapper: h,
+					children: /* @__PURE__ */ x(_, {
 						sx: { color: "grey.700" },
 						variant: "breadcrumb1",
 						"aria-describedby": M,
 						children: [
-							w && r(w) ? "Configuration" : D,
+							D && r(D) ? "Configuration" : A,
 							" last modified by ",
-							/* @__PURE__ */ _(c, { userId: w?.modifiedBy }),
+							/* @__PURE__ */ b(c, { userId: D?.modifiedBy }),
 							" on",
 							" ",
-							o(b(w?.modifiedOn)),
-							w && r(w) && /* @__PURE__ */ _(f, {
+							o(C(D?.modifiedOn)),
+							D && r(D) && /* @__PURE__ */ b(g, {
 								id: M,
-								title: O,
-								"aria-label": k,
-								children: /* @__PURE__ */ _(y, { sx: P })
+								title: f(A),
+								"aria-label": d(A),
+								children: /* @__PURE__ */ b(S, { sx: l })
 							})
 						]
 					})
 				}),
-				E && /* @__PURE__ */ v(p, {
+				k && /* @__PURE__ */ x(_, {
 					sx: { color: "grey.700" },
 					variant: "breadcrumb1",
 					"aria-describedby": N,
 					children: [
-						D,
+						A,
 						" last rebuilt on ",
-						o(b(E)),
-						/* @__PURE__ */ _(f, {
-							title: A,
+						o(C(k)),
+						/* @__PURE__ */ b(g, {
+							title: u(A),
 							id: N,
-							children: /* @__PURE__ */ _(y, { sx: P })
+							children: /* @__PURE__ */ b(S, { sx: l })
 						})
 					]
 				})
@@ -122,6 +104,6 @@ function S(m) {
 	});
 }
 //#endregion
-export { S as CreatedByModifiedBy, S as default };
+export { T as CreatedByModifiedBy, T as default };
 
 //# sourceMappingURL=CreatedByModifiedBy.js.map

package/dist/components/entity/page/CreatedByModifiedBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedByModifiedBy.js","names":[],"sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useGetEntity,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n} from '@/utils/functions/EntityTypeUtils'\nimport { BUNDLE_MASK_LAST_UPDATED_ON } from '@/utils/SynapseConstants'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Breadcrumbs,\n  Skeleton,\n  SxProps,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\n\nexport type CreatedByModifiedByProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nfunction Separator() {\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n  if (isSmallScreen) {\n    return null\n  }\n  return (\n    <Typography variant={'breadcrumb1'} sx={{ color: 'grey.700' }}>\n      /\n    </Typography>\n  )\n}\n\nexport function CreatedByModifiedBy(props: CreatedByModifiedByProps) {\n  const { entityId, versionNumber } = props\n  const entityIdWithVersion = `${entityId}${\n    versionNumber ? `.${versionNumber}` : ''\n  }`\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n\n  const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId,\n      query: {\n        sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`,\n      },\n      partMask: BUNDLE_MASK_LAST_UPDATED_ON,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { enabled: !!(entity && isTable(entity)) },\n  )\n\n  const tableLastRebuilt = tableQueryResult?.responseBody?.lastUpdatedOn\n  const friendlyName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : ''\n\n  const datasetCreatedByTooltipText =\n    'This is the user who created this Dataset. ' +\n    'This may not be the same person who generated the files in this Dataset, or who originally uploaded these files to Synapse.'\n\n  const tableModifiedOnTooltipText = (\n    <>\n      <p>\n        This is when the configuration of this {friendlyName} was last changed.\n      </p>\n      <p>Configuration changes may be triggered by (for example):</p>\n      <ul>\n        <li>Editing the name of the {friendlyName}</li>\n        <li>Updating the schema used by the {friendlyName}</li>\n      </ul>\n      <p>\n        This does NOT reflect changes to the data displayed in the the{' '}\n        {friendlyName}.\n      </p>\n    </>\n  )\n  /*\n   If the tooltip text is a string, MUI automatically applies it to aria-label which is more accessible and testable.\n    Since this tooltip text is a ReactNode, let's manually create a short string to use for the aria-label.\n   */\n  const tableModifiedOnAccessibleLabel = `This is when the configuration of this ${friendlyName} was last changed.`\n\n  const tableLastUpdatedTooltipText =\n    `When data changes, the ${friendlyName} is rebuilt to reflect those changes. ` +\n    `This is the last time changes were made to the data.`\n\n  const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`\n  const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`\n  const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`\n\n  const iconSx: SxProps = {\n    width: '16px',\n    height: '16px',\n    ml: '4px',\n    verticalAlign: 'text-bottom',\n  }\n\n  return (\n    <Box\n      sx={theme => ({\n        bgcolor: 'grey.100',\n        py: '10px',\n        [theme.breakpoints.down('sm')]: {\n          p: '24px 40px',\n        },\n      })}\n    >\n      <Breadcrumbs\n        separator={<Separator />}\n        sx={theme => ({\n          '& .MuiBreadcrumbs-ol': {\n            justifyContent: 'center',\n            [theme.breakpoints.down('sm')]: {\n              gap: '4px',\n            },\n          },\n        })}\n      >\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={createdByTooltipId}\n          >\n            {friendlyName} created by <UserBadge userId={entity?.createdBy} />{' '}\n            on {formatDate(dayjs(entity?.createdOn))}\n            {entity && isDataset(entity) && (\n              <Tooltip\n                id={createdByTooltipId}\n                title={datasetCreatedByTooltipText}\n              >\n                <InfoTwoTone sx={iconSx} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={modifiedByTooltipId}\n          >\n            {entity && isTable(entity) ? 'Configuration' : friendlyName} last\n            modified by <UserBadge userId={entity?.modifiedBy} /> on{' '}\n            {formatDate(dayjs(entity?.modifiedOn))}\n            {entity && isTable(entity) && (\n              <Tooltip\n                id={modifiedByTooltipId}\n                title={tableModifiedOnTooltipText}\n                aria-label={tableModifiedOnAccessibleLabel}\n              >\n                <InfoTwoTone sx={iconSx} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        {tableLastRebuilt && (\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={lastUpdatedTooltipId}\n          >\n            {friendlyName} last rebuilt on {formatDate(dayjs(tableLastRebuilt))}\n            <Tooltip\n              title={tableLastUpdatedTooltipText}\n              id={lastUpdatedTooltipId}\n            >\n              <InfoTwoTone sx={iconSx} />\n            </Tooltip>\n          </Typography>\n        )}\n      </Breadcrumbs>\n    </Box>\n  )\n}\n\nexport default CreatedByModifiedBy\n"],"mappings":";;;;;;;;;;;;;AAgCA,SAAS,IAAY;CAMnB,OAJsB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAC3D,IACK,OAGP,kBAAC,GAAD;EAAY,SAAS;EAAe,IAAI,EAAE,OAAO,WAAW;YAAG;CAEnD,CAAA;AAEhB;AAEA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,qBAAkB,GAC9B,IAAsB,GAAG,IAC7B,IAAgB,IAAI,MAAkB,MAGlC,EAAE,MAAM,MAAW,EAAa,GAAU,CAAa,GAEvD,EAAE,MAAM,MAAqB,EACjC;EACE;EACA,OAAO,EACL,KAAK,iBAAiB,EAAoB,UAC5C;EACA,UAAA;EACA,cAAc;CAChB,GACA,EAAE,SAAS,CAAC,EAAE,KAAU,EAAQ,CAAM,GAAG,CAC3C,GAEM,IAAmB,GAAkB,cAAc,eACnD,IAAe,IACjB,EAAyB,EAAoB,EAAO,YAAY,CAAC,IACjE,IAME,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,KAAD,EAAA,UAAA;GAAG;GACuC;GAAa;EACpD,EAAA,CAAA;EACH,kBAAC,KAAD,EAAA,UAAG,2DAA2D,CAAA;EAC9D,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAA,CAAI,4BAAyB,CAAiB,EAAA,CAAA,GAC9C,kBAAC,MAAD,EAAA,UAAA,CAAI,oCAAiC,CAAiB,EAAA,CAAA,CACpD,EAAA,CAAA;EACJ,kBAAC,KAAD,EAAA,UAAA;GAAG;GAC8D;GAC9D;GAAa;EACb,EAAA,CAAA;CACH,EAAA,CAAA,GAME,IAAiC,0CAA0C,EAAa,qBAExF,IACJ,0BAA0B,EAAa,6FAGnC,IAAqB,GAAG,EAAoB,oBAC5C,IAAsB,GAAG,EAAoB,qBAC7C,IAAuB,GAAG,EAAoB,sBAE9C,IAAkB;EACtB,OAAO;EACP,QAAQ;EACR,IAAI;EACJ,eAAe;CACjB;CAEA,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,IAAI;IACH,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,GAAG,YACL;EACF;YAEA,kBAAC,GAAD;GACE,WAAW,kBAAC,GAAD,CAAY,CAAA;GACvB,KAAI,OAAU,EACZ,wBAAwB;IACtB,gBAAgB;KACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,KAAK,MACP;GACF,EACF;aATF;IAWE,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG;OAAa;OAAY,kBAAC,GAAD,EAAW,QAAQ,GAAQ,UAAY,CAAA;OAAE;OAAI;OACnE,EAAW,EAAM,GAAQ,SAAS,CAAC;OACtC,KAAU,EAAU,CAAM,KACzB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAO;kBAEP,kBAAC,GAAD,EAAa,IAAI,EAAS,CAAA;OACnB,CAAA;MAED;;IACM,CAAA;IACpB,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG,KAAU,EAAQ,CAAM,IAAI,kBAAkB;OAAa;OAChD,kBAAC,GAAD,EAAW,QAAQ,GAAQ,WAAa,CAAA;OAAC;OAAI;OACxD,EAAW,EAAM,GAAQ,UAAU,CAAC;OACpC,KAAU,EAAQ,CAAM,KACvB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAO;QACP,cAAY;kBAEZ,kBAAC,GAAD,EAAa,IAAI,EAAS,CAAA;OACnB,CAAA;MAED;;IACM,CAAA;IACnB,KACC,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,WAAW;KACxB,SAAS;KACT,oBAAkB;eAHpB;MAKG;MAAa;MAAkB,EAAW,EAAM,CAAgB,CAAC;MAClE,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;iBAEJ,kBAAC,GAAD,EAAa,IAAI,EAAS,CAAA;MACnB,CAAA;KACC;;GAEH;;CACV,CAAA;AAET"}
+{"version":3,"file":"CreatedByModifiedBy.js","names":[],"sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useGetEntity,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n} from '@/utils/functions/EntityTypeUtils'\nimport { BUNDLE_MASK_LAST_UPDATED_ON } from '@/utils/SynapseConstants'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Breadcrumbs,\n  Skeleton,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport {\n  DATASET_CREATED_BY_TOOLTIP,\n  INFO_ICON_SX,\n  getTableLastRebuiltTooltip,\n  getTableModifiedOnAccessibleLabel,\n  getTableModifiedOnTooltip,\n} from './createdByModifiedByTooltips'\n\nexport type CreatedByModifiedByProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nfunction Separator() {\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n  if (isSmallScreen) {\n    return null\n  }\n  return (\n    <Typography variant={'breadcrumb1'} sx={{ color: 'grey.700' }}>\n      /\n    </Typography>\n  )\n}\n\nexport function CreatedByModifiedBy(props: CreatedByModifiedByProps) {\n  const { entityId, versionNumber } = props\n  const entityIdWithVersion = `${entityId}${\n    versionNumber ? `.${versionNumber}` : ''\n  }`\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n\n  const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId,\n      query: {\n        sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`,\n      },\n      partMask: BUNDLE_MASK_LAST_UPDATED_ON,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { enabled: !!(entity && isTable(entity)) },\n  )\n\n  const tableLastRebuilt = tableQueryResult?.responseBody?.lastUpdatedOn\n  const friendlyName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : ''\n\n  const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`\n  const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`\n  const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`\n\n  return (\n    <Box\n      sx={theme => ({\n        bgcolor: 'grey.100',\n        p: '10px',\n        [theme.breakpoints.down('sm')]: {\n          p: '24px 40px',\n        },\n      })}\n    >\n      <Breadcrumbs\n        separator={<Separator />}\n        sx={theme => ({\n          '& .MuiBreadcrumbs-ol': {\n            justifyContent: 'center',\n            [theme.breakpoints.down('sm')]: {\n              gap: '4px',\n            },\n          },\n        })}\n      >\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={createdByTooltipId}\n          >\n            {friendlyName} created by <UserBadge userId={entity?.createdBy} />{' '}\n            on {formatDate(dayjs(entity?.createdOn))}\n            {entity && isDataset(entity) && (\n              <Tooltip\n                id={createdByTooltipId}\n                title={DATASET_CREATED_BY_TOOLTIP}\n              >\n                <InfoTwoTone sx={INFO_ICON_SX} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={modifiedByTooltipId}\n          >\n            {entity && isTable(entity) ? 'Configuration' : friendlyName} last\n            modified by <UserBadge userId={entity?.modifiedBy} /> on{' '}\n            {formatDate(dayjs(entity?.modifiedOn))}\n            {entity && isTable(entity) && (\n              <Tooltip\n                id={modifiedByTooltipId}\n                title={getTableModifiedOnTooltip(friendlyName)}\n                aria-label={getTableModifiedOnAccessibleLabel(friendlyName)}\n              >\n                <InfoTwoTone sx={INFO_ICON_SX} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        {tableLastRebuilt && (\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={lastUpdatedTooltipId}\n          >\n            {friendlyName} last rebuilt on {formatDate(dayjs(tableLastRebuilt))}\n            <Tooltip\n              title={getTableLastRebuiltTooltip(friendlyName)}\n              id={lastUpdatedTooltipId}\n            >\n              <InfoTwoTone sx={INFO_ICON_SX} />\n            </Tooltip>\n          </Typography>\n        )}\n      </Breadcrumbs>\n    </Box>\n  )\n}\n\nexport default CreatedByModifiedBy\n"],"mappings":";;;;;;;;;;;;;;AAsCA,SAAS,IAAY;CAMnB,OAJsB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAC3D,IACK,OAGP,kBAAC,GAAD;EAAY,SAAS;EAAe,IAAI,EAAE,OAAO,WAAW;YAAG;CAEnD,CAAA;AAEhB;AAEA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,qBAAkB,GAC9B,IAAsB,GAAG,IAC7B,IAAgB,IAAI,MAAkB,MAGlC,EAAE,MAAM,MAAW,EAAa,GAAU,CAAa,GAEvD,EAAE,MAAM,MAAqB,EACjC;EACE;EACA,OAAO,EACL,KAAK,iBAAiB,EAAoB,UAC5C;EACA,UAAA;EACA,cAAc;CAChB,GACA,EAAE,SAAS,CAAC,EAAE,KAAU,EAAQ,CAAM,GAAG,CAC3C,GAEM,IAAmB,GAAkB,cAAc,eACnD,IAAe,IACjB,EAAyB,EAAoB,EAAO,YAAY,CAAC,IACjE,IAEE,IAAqB,GAAG,EAAoB,oBAC5C,IAAsB,GAAG,EAAoB,qBAC7C,IAAuB,GAAG,EAAoB;CAEpD,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,GAAG;IACF,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,GAAG,YACL;EACF;YAEA,kBAAC,GAAD;GACE,WAAW,kBAAC,GAAD,CAAY,CAAA;GACvB,KAAI,OAAU,EACZ,wBAAwB;IACtB,gBAAgB;KACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,KAAK,MACP;GACF,EACF;aATF;IAWE,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG;OAAa;OAAY,kBAAC,GAAD,EAAW,QAAQ,GAAQ,UAAY,CAAA;OAAE;OAAI;OACnE,EAAW,EAAM,GAAQ,SAAS,CAAC;OACtC,KAAU,EAAU,CAAM,KACzB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAA;kBAEA,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;OACzB,CAAA;MAED;;IACM,CAAA;IACpB,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG,KAAU,EAAQ,CAAM,IAAI,kBAAkB;OAAa;OAChD,kBAAC,GAAD,EAAW,QAAQ,GAAQ,WAAa,CAAA;OAAC;OAAI;OACxD,EAAW,EAAM,GAAQ,UAAU,CAAC;OACpC,KAAU,EAAQ,CAAM,KACvB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAO,EAA0B,CAAY;QAC7C,cAAY,EAAkC,CAAY;kBAE1D,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;OACzB,CAAA;MAED;;IACM,CAAA;IACnB,KACC,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,WAAW;KACxB,SAAS;KACT,oBAAkB;eAHpB;MAKG;MAAa;MAAkB,EAAW,EAAM,CAAgB,CAAC;MAClE,kBAAC,GAAD;OACE,OAAO,EAA2B,CAAY;OAC9C,IAAI;iBAEJ,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;MACzB,CAAA;KACC;;GAEH;;CACV,CAAA;AAET"}

package/dist/components/entity/page/createdByModifiedByTooltips.d.ts

@@ -0,0 +1,7 @@
+import { SxProps } from '@mui/material';
+export declare const DATASET_CREATED_BY_TOOLTIP: string;
+export declare function getTableModifiedOnTooltip(friendlyName: string): import("react/jsx-runtime").JSX.Element;
+export declare function getTableModifiedOnAccessibleLabel(friendlyName: string): string;
+export declare function getTableLastRebuiltTooltip(friendlyName: string): string;
+export declare const INFO_ICON_SX: SxProps;
+//# sourceMappingURL=createdByModifiedByTooltips.d.ts.map

package/dist/components/entity/page/createdByModifiedByTooltips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createdByModifiedByTooltips.d.ts","sourceRoot":"","sources":["../../../../src/components/entity/page/createdByModifiedByTooltips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,0BAA0B,QAEwF,CAAA;AAE/H,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,MAAM,2CAiB7D;AAID,wBAAgB,iCAAiC,CAAC,YAAY,EAAE,MAAM,UAErE;AAED,wBAAgB,0BAA0B,CAAC,YAAY,EAAE,MAAM,UAK9D;AAED,eAAO,MAAM,YAAY,EAAE,OAK1B,CAAA"}