npm - synapse-react-client - Versions diffs - 4.0.19 → 4.0.21 - Mend

synapse-react-client 4.0.19 → 4.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1619) hide show

package/dist/components/SynapseChat/SynapseChatInteraction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseChatInteraction.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChatInteraction.tsx"],"sourcesContent":["import { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport extractMessageFromTraceEvent, {\n TraceMessage,\n} from '@/components/SynapseChat/extractMessageFromTraceEvent'\nimport {\n KeyboardArrowDown,\n KeyboardArrowRight,\n SmartToyTwoTone,\n} from '@mui/icons-material'\nimport {\n Alert,\n Box,\n Button,\n Chip,\n Collapse,\n ListItem,\n ListItemText,\n Stack,\n Tooltip,\n useTheme,\n} from '@mui/material'\nimport { Color } from '@mui/material/styles'\nimport { TraceEvent } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type SynapseChatInteractionProps = {\n userMessage: string\n chatResponseText?: string\n chatResponseTrace?: TraceEvent[]\n scrollIntoView?: boolean\n chatErrorReason?: string\n onSendChat?: (message: string) => void\n}\n\n// Show tool calls in the trace. Useful for development. We may want to show them to users in the future.\nconst SHOW_TOOL_USE = false\n\nfunction getMarkdownForTraceMessage(traceMessage: TraceMessage): string {\n if ('reasoningText' in traceMessage) {\n return traceMessage.reasoningText\n }\n if (SHOW_TOOL_USE && 'toolName' in traceMessage) {\n return `Tool Used: \\`${\n traceMessage.toolName\n }\\`\\n\\nTool Input:\\n\\`\\`\\`json\\n${JSON.stringify(\n traceMessage.toolInput,\n null,\n 2,\n )}\\n\\`\\`\\`\\n`\n }\n return ''\n}\n\nexport function SynapseChatInteraction({\n userMessage,\n chatResponseText,\n chatErrorReason,\n chatResponseTrace,\n scrollIntoView = false,\n onSendChat,\n}: SynapseChatInteractionProps) {\n const theme = useTheme()\n const ref = useRef<HTMLLIElement \| null>(null)\n const [showTrace, setShowTrace] = useState(false)\n\n useEffect(() => {\n // on mount, scroll into view if instructed\n if (scrollIntoView) {\n if (ref.current) {\n ref.current.scrollIntoView({ behavior: 'smooth' })\n }\n }\n }, [ref, scrollIntoView])\n\n const isLoading = !chatResponseText && !chatErrorReason\n\n const traceMessages = useMemo(\n () =>\n (chatResponseTrace ?? [])\n .flatMap(traceEvent => extractMessageFromTraceEvent(traceEvent))\n ?.filter(trace => !!trace),\n [chatResponseTrace],\n )\n\n const hasTraceInfo = traceMessages.length > 0\n\n const lastReasoningMessage = useMemo(\n () => traceMessages.filter(trace => 'reasoningText' in trace).at(-1),\n [traceMessages],\n )\n\n const traceButtonLoadingText =\n lastReasoningMessage == null\n ? 'Thinking...'\n : lastReasoningMessage.reasoningText\n\n const traceButtonText = isLoading\n ? traceButtonLoadingText\n : `${showTrace ? 'Hide' : 'Show'} Trace`\n\n const { textContent, guidePrompts } = useMemo(() => {\n try {\n const parser = new DOMParser()\n const doc = parser.parseFromString(chatResponseText ?? '', 'text/html')\n\n // Remove tool_name and actions elements (AI XML tags not for display)\n doc\n .querySelectorAll('tool_name, actions')\n .forEach(element => element.remove())\n\n // Extract guideprompts before removing them\n const extractedGuidePrompts = Array.from(\n doc.querySelectorAll('guideprompt'),\n )\n .map(el => el.textContent?.trim())\n .filter((t): t is string => !!t)\n\n // Remove guideprompt elements\n doc.querySelectorAll('guideprompt').forEach(element => element.remove())\n\n // Extract text from <chat> element if present, otherwise use full body text\n const chatElement = doc.querySelector('chat')\n return {\n textContent: chatElement\n ? (chatElement.textContent ?? '')\n : (doc.body.textContent ?? ''),\n guidePrompts: extractedGuidePrompts,\n }\n } catch (e) {\n console.error(e)\n return { textContent: chatResponseText ?? '', guidePrompts: [] }\n }\n }, [chatResponseText])\n\n return (\n <>\n <ListItem\n ref={ref}\n sx={{\n alignSelf: 'flex-end',\n backgroundColor: (theme.palette.secondary as unknown as Color)[100],\n borderRadius: '24px',\n maxWidth: '70%',\n display: 'block',\n mb: '5px',\n p: '8px 12px',\n wordWrap: 'break-word',\n width: 'auto',\n }}\n >\n <ListItemText primary={userMessage} />\n </ListItem>\n <ListItem\n sx={{\n display: 'grid',\n gridTemplateColumns: '50px auto',\n columnGap: '0px',\n justifyItems: 'center',\n alignItems: 'start',\n p: '0px',\n }}\n >\n <Box\n sx={{\n p: '3px',\n mt: '10px',\n height: '31px',\n borderRadius: '50%',\n borderStyle: 'solid',\n borderWidth: '1px',\n borderColor: 'grey.300',\n }}\n >\n <SmartToyTwoTone sx={{ color: 'secondary.main' }} />\n </Box>\n <Box\n sx={{\n borderRadius: '10px',\n padding: '10px',\n maxWidth: '100%',\n overflow: 'auto',\n }}\n >\n <Box\n component={'aside'}\n sx={{\n '.markdown': {\n fontStyle: 'italic',\n borderLeft: `4px solid ${theme.palette.grey[300]}`,\n marginLeft: '4px',\n paddingLeft: '8px',\n mt: 1,\n mb: 2,\n },\n }}\n >\n <Button\n variant={'outlined'}\n size={'small'}\n startIcon={\n isLoading ? (\n <SynapseSpinner size={14} />\n ) : showTrace ? (\n <KeyboardArrowDown sx={{ width: '14px' }} />\n ) : (\n <KeyboardArrowRight sx={{ width: '14px' }} />\n )\n }\n disabled={!hasTraceInfo}\n onClick={() => {\n setShowTrace(v => !v)\n }}\n sx={{\n height: '20px',\n fontSize: '12px',\n fontWeight: 600,\n mb: 1,\n border: 'none !important',\n color: 'grey.700',\n justifyContent: 'flex-start',\n whiteSpace: 'nowrap',\n maxWidth: '325px',\n textTransform: 'none',\n pl: 0,\n '.MuiButton-startIcon': { mr: 0.5 },\n }}\n >\n <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n {traceButtonText}\n </Box>\n </Button>\n {chatResponseTrace && (\n <Collapse in={showTrace}>\n <MarkdownSynapse\n markdown={traceMessages\n .map(getMarkdownForTraceMessage)\n .filter(md => md.trim().length > 0)\n .join('<br/><br/>')}\n />\n </Collapse>\n )}\n </Box>\n {textContent && <MarkdownSynapse markdown={textContent} />}\n {onSendChat && guidePrompts.length > 0 && (\n <Stack direction=\"row\" flexWrap=\"wrap\" gap={1} mt={1}>\n {guidePrompts.map(prompt => (\n <Tooltip key={prompt} title={prompt}>\n <Chip\n label={prompt}\n variant=\"outlined\"\n color=\"primary\"\n clickable\n onClick={() => onSendChat(prompt)}\n sx={{ maxWidth: 200 }}\n />\n </Tooltip>\n ))}\n </Stack>\n )}\n </Box>\n </ListItem>\n {chatErrorReason && (\n <Alert severity={'error'} sx={{ my: 2 }}>\n {chatErrorReason}\n </Alert>\n )}\n </>\n )\n}\n\nexport default SynapseChatInteraction\n"],"mappings":"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"}
1	+ {"version":3,"file":"SynapseChatInteraction.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChatInteraction.tsx"],"sourcesContent":["import { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport extractMessageFromTraceEvent, {\n TraceMessage,\n} from '@/components/SynapseChat/extractMessageFromTraceEvent'\nimport {\n KeyboardArrowDown,\n KeyboardArrowRight,\n SmartToyTwoTone,\n} from '@mui/icons-material'\nimport {\n Alert,\n Box,\n Button,\n Chip,\n Collapse,\n ListItem,\n ListItemText,\n Stack,\n Tooltip,\n useTheme,\n} from '@mui/material'\nimport { Color } from '@mui/material/styles'\nimport { TraceEvent } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type SynapseChatInteractionProps = {\n userMessage: string\n chatResponseText?: string\n chatResponseTrace?: TraceEvent[]\n scrollIntoView?: boolean\n chatErrorReason?: string\n onSendChat?: (message: string) => void\n}\n\n// Show tool calls in the trace. Useful for development. We may want to show them to users in the future.\nconst SHOW_TOOL_USE = false\n\nfunction getMarkdownForTraceMessage(traceMessage: TraceMessage): string {\n if ('reasoningText' in traceMessage) {\n return traceMessage.reasoningText\n }\n if (SHOW_TOOL_USE && 'toolName' in traceMessage) {\n return `Tool Used: \\`${\n traceMessage.toolName\n }\\`\\n\\nTool Input:\\n\\`\\`\\`json\\n${JSON.stringify(\n traceMessage.toolInput,\n null,\n 2,\n )}\\n\\`\\`\\`\\n`\n }\n return ''\n}\n\nexport function SynapseChatInteraction({\n userMessage,\n chatResponseText,\n chatErrorReason,\n chatResponseTrace,\n scrollIntoView = false,\n onSendChat,\n}: SynapseChatInteractionProps) {\n const theme = useTheme()\n const ref = useRef<HTMLLIElement \| null>(null)\n const [showTrace, setShowTrace] = useState(false)\n\n useEffect(() => {\n // on mount, scroll into view if instructed\n if (scrollIntoView) {\n if (ref.current) {\n ref.current.scrollIntoView({ behavior: 'smooth' })\n }\n }\n }, [ref, scrollIntoView])\n\n const isLoading = !chatResponseText && !chatErrorReason\n\n const traceMessages = useMemo(\n () =>\n (chatResponseTrace ?? [])\n .flatMap(traceEvent => extractMessageFromTraceEvent(traceEvent))\n ?.filter(trace => !!trace),\n [chatResponseTrace],\n )\n\n const hasTraceInfo = traceMessages.length > 0\n\n const lastReasoningMessage = useMemo(\n () => traceMessages.filter(trace => 'reasoningText' in trace).at(-1),\n [traceMessages],\n )\n\n const traceButtonLoadingText =\n lastReasoningMessage == null\n ? 'Thinking...'\n : lastReasoningMessage.reasoningText\n\n const traceButtonText = isLoading\n ? traceButtonLoadingText\n : `${showTrace ? 'Hide' : 'Show'} Trace`\n\n const { textContent, guidePrompts } = useMemo(() => {\n try {\n const parser = new DOMParser()\n const doc = parser.parseFromString(chatResponseText ?? '', 'text/html')\n\n // Remove tool_name and actions elements (AI XML tags not for display)\n doc\n .querySelectorAll('tool_name, actions')\n .forEach(element => element.remove())\n\n // Extract guideprompts before removing them\n const extractedGuidePrompts = Array.from(\n doc.querySelectorAll('guideprompt'),\n )\n .map(el => el.textContent?.trim())\n .filter((t): t is string => !!t)\n\n // Remove guideprompt elements\n doc.querySelectorAll('guideprompt').forEach(element => element.remove())\n\n // Extract text from <chat> element if present, otherwise use full body text\n const chatElement = doc.querySelector('chat')\n return {\n textContent: chatElement\n ? (chatElement.textContent ?? '')\n : (doc.body.textContent ?? ''),\n guidePrompts: extractedGuidePrompts,\n }\n } catch (e) {\n console.error(e)\n return { textContent: chatResponseText ?? '', guidePrompts: [] }\n }\n }, [chatResponseText])\n\n return (\n <>\n <ListItem\n ref={ref}\n sx={{\n alignSelf: 'flex-end',\n backgroundColor: (theme.palette.secondary as unknown as Color)[100],\n borderRadius: '24px',\n maxWidth: '70%',\n display: 'block',\n mb: '5px',\n p: '8px 12px',\n wordWrap: 'break-word',\n width: 'auto',\n }}\n >\n <ListItemText primary={userMessage} />\n </ListItem>\n <ListItem\n sx={{\n display: 'grid',\n gridTemplateColumns: '50px auto',\n columnGap: '0px',\n justifyItems: 'center',\n alignItems: 'start',\n p: '0px',\n }}\n >\n <Box\n sx={{\n p: '3px',\n mt: '10px',\n height: '31px',\n borderRadius: '50%',\n borderStyle: 'solid',\n borderWidth: '1px',\n borderColor: 'grey.300',\n }}\n >\n <SmartToyTwoTone sx={{ color: 'secondary.main' }} />\n </Box>\n <Box\n sx={{\n borderRadius: '10px',\n padding: '10px',\n maxWidth: '100%',\n overflow: 'auto',\n }}\n >\n <Box\n component={'aside'}\n sx={{\n '.markdown': {\n fontStyle: 'italic',\n borderLeft: `4px solid ${theme.palette.grey[300]}`,\n marginLeft: '4px',\n paddingLeft: '8px',\n mt: 1,\n mb: 2,\n },\n }}\n >\n <Button\n variant={'outlined'}\n size={'small'}\n startIcon={\n isLoading ? (\n <SynapseSpinner size={14} />\n ) : showTrace ? (\n <KeyboardArrowDown sx={{ width: '14px' }} />\n ) : (\n <KeyboardArrowRight sx={{ width: '14px' }} />\n )\n }\n disabled={!hasTraceInfo}\n onClick={() => {\n setShowTrace(v => !v)\n }}\n sx={{\n height: '20px',\n fontSize: '12px',\n fontWeight: 600,\n mb: 1,\n border: 'none !important',\n color: 'grey.700',\n justifyContent: 'flex-start',\n whiteSpace: 'nowrap',\n maxWidth: '325px',\n textTransform: 'none',\n pl: 0,\n '.MuiButton-startIcon': { mr: 0.5 },\n }}\n >\n <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n {traceButtonText}\n </Box>\n </Button>\n {chatResponseTrace && (\n <Collapse in={showTrace}>\n <MarkdownSynapse\n markdown={traceMessages\n .map(getMarkdownForTraceMessage)\n .filter(md => md.trim().length > 0)\n .join('<br/><br/>')}\n />\n </Collapse>\n )}\n </Box>\n {textContent && <MarkdownSynapse markdown={textContent} />}\n {onSendChat && guidePrompts.length > 0 && (\n <Stack direction=\"row\" flexWrap=\"wrap\" gap={1} mt={1}>\n {guidePrompts.map(prompt => (\n <Tooltip key={prompt} title={prompt}>\n <Chip\n label={prompt}\n variant=\"outlined\"\n color=\"primary\"\n clickable\n onClick={() => onSendChat(prompt)}\n sx={{ maxWidth: 200 }}\n />\n </Tooltip>\n ))}\n </Stack>\n )}\n </Box>\n </ListItem>\n {chatErrorReason && (\n <Alert severity={'error'} sx={{ my: 2 }}>\n {chatErrorReason}\n </Alert>\n )}\n </>\n )\n}\n\nexport default SynapseChatInteraction\n"],"mappings":"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"}

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

	@@ -1 +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 TraceEvent,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useEffect, useState } from 'react'\n\nfunction useTraceEvent(chatJobId: string, 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 chatJobId: string\n onSendChat?: (message: string) => void\n}\n\nexport default function SynapseChatMessage(props: SynapseChatMessageProps) {\n const { chatJobId, onSendChat } = 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 not finished processing\n const enableTrace =\n !!chatJobId &&\n (!asyncJobStatus?.jobState \|\| asyncJobStatus.jobState == 'PROCESSING')\n const { traceEvents } = useTraceEvent(chatJobId, enableTrace)\n\n return (\n <SynapseChatInteraction\n userMessage={chatRequest?.chatText}\n chatResponseText={chatResponse?.responseText}\n chatResponseTrace={traceEvents}\n chatErrorReason={chatError}\n onSendChat={onSendChat}\n />\n )\n}\n"],"mappings":";;;;;;AAUA,SAAS,EAAc,GAAmB,GAAkB;CAC1D,IAAM,CAAC,GAAa,KAAkB,EAAuB,~~EAAE~~,CAAC,~~EAE1D~~,IAAoB,GAAa,MAA4B;~~AACjE~~,~~KAAe~~,MACN,CAAC,GAAG,GAAM,GAAG,~~EAAU~~,CAC9B;~~IACD~~,~~EAAE~~,CAAC,~~EAGA~~,EAAE,MAAM,MAAmB,EAC/B;EACE,OAAO;EACP,oBAJqB,EAAY,GAAG,EAAY,SAAS,~~EAIrC~~,~~EAAkB~~;~~EACvC~~,~~EACD~~;EACW;EACT,iBAAiB;EACjB,6BAA6B;~~EAC9B~~,CACF;~~AAWD~~,~~QAVA~~,QAAgB;~~AACd~~,~~EAAI~~,KAAkB,EAAe,KAAK,SAAS,MACjD,EAAkB,EAAe,~~KAAK~~,~~EAItC~~,QAAQ,MAAM,EAAe,~~KAAK~~;~~IAEnC~~,CAAC,GAAmB,~~EAAe~~,CAAC,~~EAEhC~~,EACL,~~gBACD;;AAQH~~,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,cAAW,kBAAe,GAC5B,EAAE,MAAM,MAAmB,EAAuB,~~EAAU~~,~~EAE5D~~,IAAc,GAAgB,aAC9B,IAAe,GAAgB,cAG/B,IAAY,GAAgB,cAM5B,EAAE,mBAAgB,EAAc,GAFpC,CAAC,CAAC,MACD,CAAC,GAAgB,YAAY,EAAe,YAAY,~~cACE~~;~~AAE7D~~,~~QACE~~,kBAAC,GAAD;EACE,aAAa,GAAa;EAC1B,kBAAkB,GAAc;EAChC,mBAAmB;EACnB,iBAAiB;EACL;~~EACZ~~,CAAA"}
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 TraceEvent,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useEffect, useState } from 'react'\n\nfunction useTraceEvent(chatJobId: string, 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 chatJobId: string\n onSendChat?: (message: string) => void\n}\n\nexport default function SynapseChatMessage(props: SynapseChatMessageProps) {\n const { chatJobId, onSendChat } = 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 not finished processing\n const enableTrace =\n !!chatJobId &&\n (!asyncJobStatus?.jobState \|\| asyncJobStatus.jobState == 'PROCESSING')\n const { traceEvents } = useTraceEvent(chatJobId, enableTrace)\n\n return (\n <SynapseChatInteraction\n userMessage={chatRequest?.chatText}\n chatResponseText={chatResponse?.responseText}\n chatResponseTrace={traceEvents}\n chatErrorReason={chatError}\n onSendChat={onSendChat}\n />\n )\n}\n"],"mappings":";;;;;;AAUA,SAAS,EAAc,GAAmB,GAAkB;CAC1D,IAAM,CAAC,GAAa,KAAkB,EAAuB,CAAC,CAAC,GAEzD,IAAoB,GAAa,MAA4B;EACjE,GAAe,MACN,CAAC,GAAG,GAAM,GAAG,CAAS,CAC9B;CACH,GAAG,CAAC,CAAC,GAGC,EAAE,MAAM,MAAmB,EAC/B;EACE,OAAO;EACP,oBAJqB,EAAY,GAAG,EAAY,SAAS,CAIrC,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;AAOA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,cAAW,kBAAe,GAC5B,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;CAE5D,OACE,kBAAC,GAAD;EACE,aAAa,GAAa;EAC1B,kBAAkB,GAAc;EAChC,mBAAmB;EACnB,iBAAiB;EACL;CACb,CAAA;AAEL"}

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

	@@ -1 +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;~~AAC~~/B,~~QACE~~,kBAAC,GAAD;EACQ;EACG;EACT,OAAO,EAAgB,eAAe;YAEtC,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,GAAI;~~GACJ~~,CAAA;~~EACc~~,CAAA"}
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"}

package/dist/components/SynapseChat/extractMessageFromTraceEvent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"extractMessageFromTraceEvent.js","names":[],"sources":["../../../src/components/SynapseChat/extractMessageFromTraceEvent.ts"],"sourcesContent":["import { TraceEvent } from '@sage-bionetworks/synapse-types'\nimport { JSONPath } from 'jsonpath-plus'\n\nexport type TraceMessage =\n \| {\n reasoningText: string\n }\n \| {\n toolName: string\n toolInput: string\n }\n\nexport default function extractMessageFromTraceEvent(\n event: TraceEvent,\n): TraceMessage[] \| null {\n // WARNING: The message format may change when we change models.\n const messagesToAdd: TraceMessage[] = []\n let parsedMessage: object\n try {\n parsedMessage = JSON.parse(event.message) as object\n } catch (e) {\n console.error(e)\n return [{ reasoningText: event.message }]\n }\n\n const messages = JSONPath({\n path: '$.output.message.content[*]',\n json: parsedMessage,\n })\n\n messages.forEach((message: any) => {\n const reasoningMessage = JSONPath({\n path: '$.reasoningContent.reasoningText.text',\n json: message,\n })\n if (reasoningMessage[0]) {\n messagesToAdd.push({ reasoningText: reasoningMessage[0] })\n }\n const toolUseMessage = JSONPath({\n path: '$.toolUse[name,input]',\n json: message,\n })\n\n if (toolUseMessage.length > 0) {\n messagesToAdd.push({\n toolName: toolUseMessage[0],\n toolInput: toolUseMessage[1],\n })\n }\n })\n return messagesToAdd\n}\n"],"mappings":";;AAYA,SAAwB,EACtB,GACuB;CAEvB,IAAM,IAAgC,~~EAAE~~,~~EACpC~~;~~AACJ~~,~~KAAI~~;~~AACF~~,~~MAAgB~~,KAAK,MAAM,EAAM,~~QAAQ~~;~~UAClC~~,GAAG;~~AAEV~~,~~SADA~~,QAAQ,MAAM,~~EAAE~~,~~EACT~~,CAAC,EAAE,eAAe,EAAM,~~SAAS~~,CAAC~~;;AA4B3C~~,~~QAzBiB~~,~~EAAS~~;EACxB,MAAM;EACN,MAAM;~~EACP~~,~~CAED~~,~~CAAS~~,SAAS,MAAiB;EACjC,IAAM,IAAmB,EAAS;GAChC,MAAM;GACN,MAAM;~~GACP~~,CAAC;~~AACF~~,~~EAAI~~,EAAiB,MACnB,EAAc,KAAK,EAAE,eAAe,EAAiB,~~IAAI~~,CAAC;~~EAE5D~~,IAAM,IAAiB,EAAS;GAC9B,MAAM;GACN,MAAM;~~GACP~~,CAAC;~~AAEF~~,~~EAAI~~,EAAe,SAAS,KAC1B,EAAc,KAAK;GACjB,UAAU,EAAe;GACzB,WAAW,EAAe;~~GAC3B~~,CAAC;~~GAEJ~~,~~EACK~~"}
1	+ {"version":3,"file":"extractMessageFromTraceEvent.js","names":[],"sources":["../../../src/components/SynapseChat/extractMessageFromTraceEvent.ts"],"sourcesContent":["import { TraceEvent } from '@sage-bionetworks/synapse-types'\nimport { JSONPath } from 'jsonpath-plus'\n\nexport type TraceMessage =\n \| {\n reasoningText: string\n }\n \| {\n toolName: string\n toolInput: string\n }\n\nexport default function extractMessageFromTraceEvent(\n event: TraceEvent,\n): TraceMessage[] \| null {\n // WARNING: The message format may change when we change models.\n const messagesToAdd: TraceMessage[] = []\n let parsedMessage: object\n try {\n parsedMessage = JSON.parse(event.message) as object\n } catch (e) {\n console.error(e)\n return [{ reasoningText: event.message }]\n }\n\n const messages = JSONPath({\n path: '$.output.message.content[*]',\n json: parsedMessage,\n })\n\n messages.forEach((message: any) => {\n const reasoningMessage = JSONPath({\n path: '$.reasoningContent.reasoningText.text',\n json: message,\n })\n if (reasoningMessage[0]) {\n messagesToAdd.push({ reasoningText: reasoningMessage[0] })\n }\n const toolUseMessage = JSONPath({\n path: '$.toolUse[name,input]',\n json: message,\n })\n\n if (toolUseMessage.length > 0) {\n messagesToAdd.push({\n toolName: toolUseMessage[0],\n toolInput: toolUseMessage[1],\n })\n }\n })\n return messagesToAdd\n}\n"],"mappings":";;AAYA,SAAwB,EACtB,GACuB;CAEvB,IAAM,IAAgC,CAAC,GACnC;CACJ,IAAI;EACF,IAAgB,KAAK,MAAM,EAAM,OAAO;CAC1C,SAAS,GAAG;EAEV,OADA,QAAQ,MAAM,CAAC,GACR,CAAC,EAAE,eAAe,EAAM,QAAQ,CAAC;CAC1C;CA2BA,OApBA,EAL0B;EACxB,MAAM;EACN,MAAM;CACR,CAEA,EAAS,SAAS,MAAiB;EACjC,IAAM,IAAmB,EAAS;GAChC,MAAM;GACN,MAAM;EACR,CAAC;EACD,AAAI,EAAiB,MACnB,EAAc,KAAK,EAAE,eAAe,EAAiB,GAAG,CAAC;EAE3D,IAAM,IAAiB,EAAS;GAC9B,MAAM;GACN,MAAM;EACR,CAAC;EAED,AAAI,EAAe,SAAS,KAC1B,EAAc,KAAK;GACjB,UAAU,EAAe;GACzB,WAAW,EAAe;EAC5B,CAAC;CAEL,CAAC,GACM;AACT"}

package/dist/components/SynapseChat/useChatState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChatState.js","names":[],"sources":["../../../src/components/SynapseChat/useChatState.ts"],"sourcesContent":["import { useSendChatMessageToAgent } from '@/synapse-queries/chat/useChat'\nimport {\n AgentChatRequest,\n AgentChatResponse,\n AgentSession,\n AsynchronousJobStatus,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo, useState } from 'react'\n\nexport type ChatState = {\n sendChat: (message: string) => void\n pendingMessage: string \| null\n chatJobIds: string[]\n}\n\nexport function useChatState(\n agentSession?: AgentSession,\n onChatResponse?: (responseText: string) => void,\n): ChatState {\n const [chatJobIds, setChatJobIds] = useState<string[]>([])\n // Optimistic update state for latest unprocessed message\n const [pendingMessage, setPendingMessage] = useState<string \| null>(null)\n\n const { mutate: sendChatMessageToAgent } = useSendChatMessageToAgent(\n {\n onMutate: (newChatMessage: AgentChatRequest) => {\n // set the pending message to the new chat message\n setPendingMessage(newChatMessage.chatText)\n },\n onSuccess: (response: AgentChatResponse) => {\n onChatResponse?.(response.responseText)\n },\n },\n (status: AsynchronousJobStatus<AgentChatRequest, AgentChatResponse>) => {\n if (!chatJobIds.includes(status.jobId)) {\n setPendingMessage(null)\n setChatJobIds(() => [...chatJobIds, status.jobId])\n }\n },\n )\n\n const sendChat = useCallback(\n (message: string) => {\n if (!agentSession?.sessionId) {\n throw new Error('No agent session available to send chat message.')\n }\n sendChatMessageToAgent({\n chatText: message,\n sessionId: agentSession.sessionId,\n enableTrace: true,\n })\n },\n [agentSession?.sessionId, sendChatMessageToAgent],\n )\n\n return useMemo(\n () => ({ sendChat, pendingMessage, chatJobIds }),\n [sendChat, pendingMessage, chatJobIds],\n )\n}\n"],"mappings":";;;AAeA,SAAgB,EACd,GACA,GACW;CACX,IAAM,CAAC,GAAY,KAAiB,EAAmB,~~EAAE~~,CAAC,~~EAEpD~~,CAAC,GAAgB,KAAqB,EAAwB,~~KAAK~~,~~EAEnE~~,EAAE,QAAQ,MAA2B,EACzC;EACE,WAAW,MAAqC;~~AAE9C~~,~~KAAkB~~,EAAe,~~SAAS;;EAE5C~~,YAAY,MAAgC;~~AAC1C~~,~~OAAiB~~,EAAS,~~aAAa;;EAE1C~~,~~GACA~~,MAAuE;~~AACtE~~,~~EAAK~~,EAAW,SAAS,EAAO,~~MAAM~~,~~KACpC~~,EAAkB,~~KAAK~~,~~EACvB~~,QAAoB,CAAC,GAAG,GAAY,EAAO,~~MAAM~~,CAAC;~~GAGvD~~,~~EAEK~~,IAAW,GACd,MAAoB;~~AACnB~~,~~MAAI~~,CAAC,GAAc,~~UACjB~~,~~OAAU~~,MAAM,~~mDAAmD~~;~~AAErE~~,~~IAAuB~~;GACrB,UAAU;GACV,WAAW,EAAa;GACxB,aAAa;~~GACd~~,CAAC;~~IAEJ~~,CAAC,GAAc,WAAW,~~EAAuB~~,CAClD;~~AAED~~,~~QAAO~~,SACE;EAAE;EAAU;EAAgB;~~EAAY~~,~~GAC/C~~;EAAC;EAAU;EAAgB;~~EAAW~~,CACvC"}
1	+ {"version":3,"file":"useChatState.js","names":[],"sources":["../../../src/components/SynapseChat/useChatState.ts"],"sourcesContent":["import { useSendChatMessageToAgent } from '@/synapse-queries/chat/useChat'\nimport {\n AgentChatRequest,\n AgentChatResponse,\n AgentSession,\n AsynchronousJobStatus,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo, useState } from 'react'\n\nexport type ChatState = {\n sendChat: (message: string) => void\n pendingMessage: string \| null\n chatJobIds: string[]\n}\n\nexport function useChatState(\n agentSession?: AgentSession,\n onChatResponse?: (responseText: string) => void,\n): ChatState {\n const [chatJobIds, setChatJobIds] = useState<string[]>([])\n // Optimistic update state for latest unprocessed message\n const [pendingMessage, setPendingMessage] = useState<string \| null>(null)\n\n const { mutate: sendChatMessageToAgent } = useSendChatMessageToAgent(\n {\n onMutate: (newChatMessage: AgentChatRequest) => {\n // set the pending message to the new chat message\n setPendingMessage(newChatMessage.chatText)\n },\n onSuccess: (response: AgentChatResponse) => {\n onChatResponse?.(response.responseText)\n },\n },\n (status: AsynchronousJobStatus<AgentChatRequest, AgentChatResponse>) => {\n if (!chatJobIds.includes(status.jobId)) {\n setPendingMessage(null)\n setChatJobIds(() => [...chatJobIds, status.jobId])\n }\n },\n )\n\n const sendChat = useCallback(\n (message: string) => {\n if (!agentSession?.sessionId) {\n throw new Error('No agent session available to send chat message.')\n }\n sendChatMessageToAgent({\n chatText: message,\n sessionId: agentSession.sessionId,\n enableTrace: true,\n })\n },\n [agentSession?.sessionId, sendChatMessageToAgent],\n )\n\n return useMemo(\n () => ({ sendChat, pendingMessage, chatJobIds }),\n [sendChat, pendingMessage, chatJobIds],\n )\n}\n"],"mappings":";;;AAeA,SAAgB,EACd,GACA,GACW;CACX,IAAM,CAAC,GAAY,KAAiB,EAAmB,CAAC,CAAC,GAEnD,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAElE,EAAE,QAAQ,MAA2B,EACzC;EACE,WAAW,MAAqC;GAE9C,EAAkB,EAAe,QAAQ;EAC3C;EACA,YAAY,MAAgC;GAC1C,IAAiB,EAAS,YAAY;EACxC;CACF,IACC,MAAuE;EACtE,AAAK,EAAW,SAAS,EAAO,KAAK,MACnC,EAAkB,IAAI,GACtB,QAAoB,CAAC,GAAG,GAAY,EAAO,KAAK,CAAC;CAErD,CACF,GAEM,IAAW,GACd,MAAoB;EACnB,IAAI,CAAC,GAAc,WACjB,MAAU,MAAM,kDAAkD;EAEpE,EAAuB;GACrB,UAAU;GACV,WAAW,EAAa;GACxB,aAAa;EACf,CAAC;CACH,GACA,CAAC,GAAc,WAAW,CAAsB,CAClD;CAEA,OAAO,SACE;EAAE;EAAU;EAAgB;CAAW,IAC9C;EAAC;EAAU;EAAgB;CAAU,CACvC;AACF"}

package/dist/components/SynapseFooter/SynapseFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseFooter.js","names":[],"sources":["../../../src/components/SynapseFooter/SynapseFooter.tsx"],"sourcesContent":["import { ReactComponent as Facebook } from '@/assets/homepage/facebook.svg'\nimport { ReactComponent as Github } from '@/assets/homepage/github.svg'\nimport { ReactComponent as Instagram } from '@/assets/homepage/instagram.svg'\nimport { ReactComponent as LinkedIn } from '@/assets/homepage/linkedin.svg'\nimport { ReactComponent as Twitter } from '@/assets/homepage/twitter.svg'\nimport { ReactComponent as Youtube } from '@/assets/homepage/youtube.svg'\nimport SageFullLogo from '@/assets/icons/SageFullLogo'\nimport SynapseFullLogo from '@/assets/icons/SynapseFullLogo'\nimport { useApplicationSessionContext } from '@/utils'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport {\n Box,\n Button,\n IconButton,\n Stack,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport ExperimentalMode from '../ExperimentalMode'\nimport { PLANS_LINK } from '../SynapseHomepageV2/SynapseHomepageNavBar'\nimport { SynapseLinksColumn } from './SynapseLinksColumn'\nimport { LogoutTwoTone } from '@mui/icons-material'\nimport { SYNAPSE_REALM } from '@/utils/SynapseConstants'\nimport { useGetCurrentRealm } from '@/synapse-queries/realm/useRealmPrincipals'\n\nexport type SynapseFooterProps = {\n portalVersion: string\n srcVersion: string\n repoVersion: string\n gotoPlace: (href: string) => void\n onExperimentalModeToggle: (newValue: boolean) => void\n}\n\nconst currentYear = new Date().getFullYear()\nexport function SynapseFooter({\n portalVersion,\n srcVersion,\n repoVersion,\n gotoPlace,\n onExperimentalModeToggle,\n}: SynapseFooterProps) {\n const { isAuthenticated, clearSession } = useApplicationSessionContext()\n const { data: realm } = useGetCurrentRealm()\n\n const registrationUrl = useOneSageURL('/register1')\n const sageResourcesUrl = useOneSageURL('/sageresources')\n\n return (\n <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n <Box\n sx={{\n backgroundColor: 'primary.800',\n p: '50px 50px 20px 50px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n rowGap: '50px',\n }}\n >\n <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n <SynapseFullLogo color=\"white\" />\n <Typography\n variant=\"body1Italic\"\n sx={{ color: 'primary.200', fontSize: '13px', mb: '25px' }}\n >\n Powered by Sage Bionetworks\n </Typography>\n {!isAuthenticated && (\n <Typography\n variant=\"h5\"\n sx={{\n color: 'white',\n fontSize: '32px',\n lineHeight: '46px',\n fontWeight: 400,\n mb: '30px',\n }}\n >\n Sign up for Synapse today\n </Typography>\n )}\n {!isAuthenticated && (\n <Box sx={{ display: 'flex', columnGap: '20px' }}>\n <Button\n variant=\"outlined\"\n color=\"lightPrimary\"\n onClick={() => {\n gotoPlace('/LoginPlace:0')\n }}\n >\n Login to Synapse\n </Button>\n <Button\n variant=\"contained\"\n color=\"lightPrimary\"\n href={registrationUrl.toString()}\n >\n Register Now\n </Button>\n </Box>\n )}\n </Box>\n <Box>\n <Box\n sx={{\n display: 'flex',\n columnGap: '60px',\n rowGap: '40px',\n flexWrap: 'wrap',\n }}\n >\n <SynapseLinksColumn\n category=\"Synapse\"\n synapseLinks={[\n {\n text: 'Contact Us',\n props: {\n href: 'https://sagebionetworks.jira.com/servicedesk/customer/portals',\n },\n },\n {\n text: 'Plans',\n props: {\n href: PLANS_LINK,\n target: '_self',\n },\n },\n {\n text: 'Data Portals',\n props: { href: sageResourcesUrl.toString() },\n },\n {\n text: 'Donate',\n props: { href: 'https://sagebionetworks.org/donate' },\n },\n ]}\n />\n <SynapseLinksColumn\n category=\"Resources\"\n synapseLinks={[\n {\n text: 'Blog',\n props: { href: 'https://blog.synapse.org/' },\n },\n {\n text: 'FAQs',\n props: {\n href: 'https://help.synapse.org/docs/FAQ.2047967233.html',\n },\n },\n {\n text: 'Documentation',\n props: { href: 'https://help.synapse.org/docs/' },\n },\n {\n text: 'Python Client',\n props: {\n href: 'https://python-docs.synapse.org/en/stable/',\n },\n },\n ]}\n />\n <SynapseLinksColumn\n category=\"Sage Bionetworks\"\n synapseLinks={[\n {\n text: 'Sage Home Page',\n props: { href: 'https://sagebionetworks.org/' },\n },\n {\n text: 'Report Violations',\n props: {\n href: 'https://sagebionetworks.jira.com/servicedesk/customer/portal/20',\n },\n },\n {\n text: 'Trust Center',\n props: { href: 'https://sagebionetworks.org/trust-center' },\n },\n ]}\n />\n </Box>\n </Box>\n </Box>\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: { xs: 'center', md: 'space-between' },\n alignItems: 'center',\n mt: '60px',\n rowGap: '40px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n columnGap: '20px',\n alignItems: 'center',\n flexWrap: 'wrap',\n justifyContent: { xs: 'center', md: undefined },\n }}\n >\n <SageFullLogo textColor=\"white\" width={285} />\n <Typography\n variant=\"body1\"\n sx={{\n color: 'primary.200',\n fontSize: '18px',\n }}\n >\n © Sage Bionetworks {currentYear}\n </Typography>\n </Box>\n <Box\n sx={{\n display: 'flex',\n columnGap: '15px',\n svg: {\n '&:hover': {\n stroke: 'rgba(255, 255, 255, .4)',\n // fill: 'rgba(245, 246, 241, .05)', //uncomment if extra emphasis is needed\n },\n },\n }}\n >\n <a\n href=\"https://github.com/Sage-Bionetworks\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Github />\n </a>\n <a\n href=\"https://twitter.com/sagebio\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Twitter />\n </a>\n <a\n href=\"https://www.linkedin.com/company/sage-bionetworks\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <LinkedIn />\n </a>\n <a\n href=\"https://www.facebook.com/sagebionetworks/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Facebook />\n </a>\n <a\n href=\"https://www.instagram.com/sagebionetworks/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Instagram />\n </a>\n <a\n href=\"https://www.youtube.com/channel/UCiWTMRdO82wNq6o8JOs3WzQ\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Youtube />\n </a>\n </Box>\n </Box>\n </Box>\n {/* Versions and experimental mode */}\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n backgroundColor: '#121B23',\n alignItems: 'center',\n p: '15px 50px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n columnGap: '40px',\n rowGap: '0px',\n color: 'primary.300',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n portal: {portalVersion}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n synapse-react-client: {srcVersion}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n repo: {repoVersion}\n </Typography>\n {realm && (\n <Stack direction=\"row\" alignItems=\"center\">\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n realm: {realm.name}\n </Typography>\n {realm.id !== SYNAPSE_REALM && (\n <Tooltip\n title={`Reset Realm${\n isAuthenticated ? ' (will log you out)' : ''\n }`}\n >\n <IconButton\n size=\"small\"\n sx={{ color: 'currentcolor' }}\n onClick={() => {\n void clearSession()\n }}\n >\n <LogoutTwoTone sx={{ fontSize: 'inherit' }} />\n </IconButton>\n </Tooltip>\n )}\n </Stack>\n )}\n </Box>\n <ExperimentalMode onExperimentalModeToggle={onExperimentalModeToggle} />\n </Box>\n </Box>\n )\n}\n\nexport default SynapseFooter\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCA,IAAM,qBAAc,IAAI,MAAM,EAAC,aAAa;AAC5C,SAAgB,EAAc,EAC5B,kBACA,eACA,gBACA,cACA,+BACqB;CACrB,IAAM,EAAE,oBAAiB,oBAAiB,GAA8B,EAClE,EAAE,MAAM,MAAU,GAAoB,EAEtC,IAAkB,EAAc,aAAa,EAC7C,IAAmB,EAAc,iBAAiB;AAExD,QACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU;YAArD,CACE,kBAAC,GAAD;GACE,IAAI;IACF,iBAAiB;IACjB,GAAG;IACJ;aAJH,CAME,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,UAAU;KACV,gBAAgB;KAChB,QAAQ;KACT;cANH,CAQE,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;MAAU;eAArD;MACE,kBAAC,GAAD,EAAiB,OAAM,SAAU,CAAA;MACjC,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI;QAAE,OAAO;QAAe,UAAU;QAAQ,IAAI;QAAQ;iBAC3D;OAEY,CAAA;MACZ,CAAC,KACA,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI;QACF,OAAO;QACP,UAAU;QACV,YAAY;QACZ,YAAY;QACZ,IAAI;QACL;iBACF;OAEY,CAAA;MAEd,CAAC,KACA,kBAAC,GAAD;OAAK,IAAI;QAAE,SAAS;QAAQ,WAAW;QAAQ;iBAA/C,CACE,kBAAC,GAAD;QACE,SAAQ;QACR,OAAM;QACN,eAAe;AACb,WAAU,gBAAgB;;kBAE7B;QAEQ,CAAA,EACT,kBAAC,GAAD;QACE,SAAQ;QACR,OAAM;QACN,MAAM,EAAgB,UAAU;kBACjC;QAEQ,CAAA,CACL;;MAEJ;QACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,WAAW;MACX,QAAQ;MACR,UAAU;MACX;eANH;MAQE,kBAAC,GAAD;OACE,UAAS;OACT,cAAc;QACZ;SACE,MAAM;SACN,OAAO,EACL,MAAM,iEACP;SACF;QACD;SACE,MAAM;SACN,OAAO;UACL,MAAM;UACN,QAAQ;UACT;SACF;QACD;SACE,MAAM;SACN,OAAO,EAAE,MAAM,EAAiB,UAAU,EAAE;SAC7C;QACD;SACE,MAAM;SACN,OAAO,EAAE,MAAM,sCAAsC;SACtD;QACF;OACD,CAAA;MACF,kBAAC,GAAD;OACE,UAAS;OACT,cAAc;QACZ;SACE,MAAM;SACN,OAAO,EAAE,MAAM,6BAA6B;SAC7C;QACD;SACE,MAAM;SACN,OAAO,EACL,MAAM,qDACP;SACF;QACD;SACE,MAAM;SACN,OAAO,EAAE,MAAM,kCAAkC;SAClD;QACD;SACE,MAAM;SACN,OAAO,EACL,MAAM,8CACP;SACF;QACF;OACD,CAAA;MACF,kBAAC,GAAD;OACE,UAAS;OACT,cAAc;QACZ;SACE,MAAM;SACN,OAAO,EAAE,MAAM,gCAAgC;SAChD;QACD;SACE,MAAM;SACN,OAAO,EACL,MAAM,mEACP;SACF;QACD;SACE,MAAM;SACN,OAAO,EAAE,MAAM,4CAA4C;SAC5D;QACF;OACD,CAAA;MACE;QACF,CAAA,CACF;OACN,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,UAAU;KACV,gBAAgB;MAAE,IAAI;MAAU,IAAI;MAAiB;KACrD,YAAY;KACZ,IAAI;KACJ,QAAQ;KACT;cARH,CAUE,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,WAAW;MACX,YAAY;MACZ,UAAU;MACV,gBAAgB;OAAE,IAAI;OAAU,IAAI,KAAA;OAAW;MAChD;eAPH,CASE,kBAAC,GAAD;MAAc,WAAU;MAAQ,OAAO;MAAO,CAAA,EAC9C,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI;OACF,OAAO;OACP,UAAU;OACX;gBALH,CAMC,uBACqB,EACT;QACT;QACN,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,WAAW;MACX,KAAK,EACH,WAAW,EACT,QAAQ,2BAET,EACF;MACF;eAVH;MAYE,kBAAC,KAAD;OACE,MAAK;OACL,QAAO;OACP,KAAI;iBAEJ,kBAAC,GAAD,EAAU,CAAA;OACR,CAAA;MACJ,kBAAC,KAAD;OACE,MAAK;OACL,QAAO;OACP,KAAI;iBAEJ,kBAAC,GAAD,EAAW,CAAA;OACT,CAAA;MACJ,kBAAC,KAAD;OACE,MAAK;OACL,QAAO;OACP,KAAI;iBAEJ,kBAAC,GAAD,EAAY,CAAA;OACV,CAAA;MACJ,kBAAC,KAAD;OACE,MAAK;OACL,QAAO;OACP,KAAI;iBAEJ,kBAAC,GAAD,EAAY,CAAA;OACV,CAAA;MACJ,kBAAC,KAAD;OACE,MAAK;OACL,QAAO;OACP,KAAI;iBAEJ,kBAAC,GAAD,EAAa,CAAA;OACX,CAAA;MACJ,kBAAC,KAAD;OACE,MAAK;OACL,QAAO;OACP,KAAI;iBAEJ,kBAAC,GAAD,EAAW,CAAA;OACT,CAAA;MACA;OACF;MACF;MAEN,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,iBAAiB;IACjB,YAAY;IACZ,GAAG;IACJ;aARH,CAUE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,UAAU;KACV,WAAW;KACX,QAAQ;KACR,OAAO;KACR;cAPH;KASE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,UAAU,QACX;gBAJH,CAKC,YACU,EACE;;KACb,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,UAAU,QACX;gBAJH,CAKC,0BACwB,EACZ;;KACb,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,UAAU,QACX;gBAJH,CAKC,UACQ,EACI;;KACZ,KACC,kBAAC,GAAD;MAAO,WAAU;MAAM,YAAW;gBAAlC,CACE,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI,EACF,UAAU,QACX;iBAJH,CAKC,WACS,EAAM,KACH;UACZ,EAAM,OAAA,OACL,kBAAC,GAAD;OACE,OAAO,cACL,IAAkB,wBAAwB;iBAG5C,kBAAC,GAAD;QACE,MAAK;QACL,IAAI,EAAE,OAAO,gBAAgB;QAC7B,eAAe;AACR,YAAc;;kBAGrB,kBAAC,GAAD,EAAe,IAAI,EAAE,UAAU,WAAW,EAAI,CAAA;QACnC,CAAA;OACL,CAAA,CAEN;;KAEN;OACN,kBAAC,GAAD,EAA4C,6BAA4B,CAAA,CACpE;KACF"}
1	+ {"version":3,"file":"SynapseFooter.js","names":[],"sources":["../../../src/components/SynapseFooter/SynapseFooter.tsx"],"sourcesContent":["import { ReactComponent as Facebook } from '@/assets/homepage/facebook.svg'\nimport { ReactComponent as Github } from '@/assets/homepage/github.svg'\nimport { ReactComponent as Instagram } from '@/assets/homepage/instagram.svg'\nimport { ReactComponent as LinkedIn } from '@/assets/homepage/linkedin.svg'\nimport { ReactComponent as Twitter } from '@/assets/homepage/twitter.svg'\nimport { ReactComponent as Youtube } from '@/assets/homepage/youtube.svg'\nimport SageFullLogo from '@/assets/icons/SageFullLogo'\nimport SynapseFullLogo from '@/assets/icons/SynapseFullLogo'\nimport { useApplicationSessionContext } from '@/utils'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport {\n Box,\n Button,\n IconButton,\n Stack,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport ExperimentalMode from '../ExperimentalMode'\nimport { PLANS_LINK } from '../SynapseHomepageV2/SynapseHomepageNavBar'\nimport { SynapseLinksColumn } from './SynapseLinksColumn'\nimport { LogoutTwoTone } from '@mui/icons-material'\nimport { SYNAPSE_REALM } from '@/utils/SynapseConstants'\nimport { useGetCurrentRealm } from '@/synapse-queries/realm/useRealmPrincipals'\n\nexport type SynapseFooterProps = {\n portalVersion: string\n srcVersion: string\n repoVersion: string\n gotoPlace: (href: string) => void\n onExperimentalModeToggle: (newValue: boolean) => void\n}\n\nconst currentYear = new Date().getFullYear()\nexport function SynapseFooter({\n portalVersion,\n srcVersion,\n repoVersion,\n gotoPlace,\n onExperimentalModeToggle,\n}: SynapseFooterProps) {\n const { isAuthenticated, clearSession } = useApplicationSessionContext()\n const { data: realm } = useGetCurrentRealm()\n\n const registrationUrl = useOneSageURL('/register1')\n const sageResourcesUrl = useOneSageURL('/sageresources')\n\n return (\n <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n <Box\n sx={{\n backgroundColor: 'primary.800',\n p: '50px 50px 20px 50px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n rowGap: '50px',\n }}\n >\n <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n <SynapseFullLogo color=\"white\" />\n <Typography\n variant=\"body1Italic\"\n sx={{ color: 'primary.200', fontSize: '13px', mb: '25px' }}\n >\n Powered by Sage Bionetworks\n </Typography>\n {!isAuthenticated && (\n <Typography\n variant=\"h5\"\n sx={{\n color: 'white',\n fontSize: '32px',\n lineHeight: '46px',\n fontWeight: 400,\n mb: '30px',\n }}\n >\n Sign up for Synapse today\n </Typography>\n )}\n {!isAuthenticated && (\n <Box sx={{ display: 'flex', columnGap: '20px' }}>\n <Button\n variant=\"outlined\"\n color=\"lightPrimary\"\n onClick={() => {\n gotoPlace('/LoginPlace:0')\n }}\n >\n Login to Synapse\n </Button>\n <Button\n variant=\"contained\"\n color=\"lightPrimary\"\n href={registrationUrl.toString()}\n >\n Register Now\n </Button>\n </Box>\n )}\n </Box>\n <Box>\n <Box\n sx={{\n display: 'flex',\n columnGap: '60px',\n rowGap: '40px',\n flexWrap: 'wrap',\n }}\n >\n <SynapseLinksColumn\n category=\"Synapse\"\n synapseLinks={[\n {\n text: 'Contact Us',\n props: {\n href: 'https://sagebionetworks.jira.com/servicedesk/customer/portals',\n },\n },\n {\n text: 'Plans',\n props: {\n href: PLANS_LINK,\n target: '_self',\n },\n },\n {\n text: 'Data Portals',\n props: { href: sageResourcesUrl.toString() },\n },\n {\n text: 'Donate',\n props: { href: 'https://sagebionetworks.org/donate' },\n },\n ]}\n />\n <SynapseLinksColumn\n category=\"Resources\"\n synapseLinks={[\n {\n text: 'Blog',\n props: { href: 'https://blog.synapse.org/' },\n },\n {\n text: 'FAQs',\n props: {\n href: 'https://help.synapse.org/docs/FAQ.2047967233.html',\n },\n },\n {\n text: 'Documentation',\n props: { href: 'https://help.synapse.org/docs/' },\n },\n {\n text: 'Python Client',\n props: {\n href: 'https://python-docs.synapse.org/en/stable/',\n },\n },\n ]}\n />\n <SynapseLinksColumn\n category=\"Sage Bionetworks\"\n synapseLinks={[\n {\n text: 'Sage Home Page',\n props: { href: 'https://sagebionetworks.org/' },\n },\n {\n text: 'Report Violations',\n props: {\n href: 'https://sagebionetworks.jira.com/servicedesk/customer/portal/20',\n },\n },\n {\n text: 'Trust Center',\n props: { href: 'https://sagebionetworks.org/trust-center' },\n },\n ]}\n />\n </Box>\n </Box>\n </Box>\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: { xs: 'center', md: 'space-between' },\n alignItems: 'center',\n mt: '60px',\n rowGap: '40px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n columnGap: '20px',\n alignItems: 'center',\n flexWrap: 'wrap',\n justifyContent: { xs: 'center', md: undefined },\n }}\n >\n <SageFullLogo textColor=\"white\" width={285} />\n <Typography\n variant=\"body1\"\n sx={{\n color: 'primary.200',\n fontSize: '18px',\n }}\n >\n © Sage Bionetworks {currentYear}\n </Typography>\n </Box>\n <Box\n sx={{\n display: 'flex',\n columnGap: '15px',\n svg: {\n '&:hover': {\n stroke: 'rgba(255, 255, 255, .4)',\n // fill: 'rgba(245, 246, 241, .05)', //uncomment if extra emphasis is needed\n },\n },\n }}\n >\n <a\n href=\"https://github.com/Sage-Bionetworks\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Github />\n </a>\n <a\n href=\"https://twitter.com/sagebio\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Twitter />\n </a>\n <a\n href=\"https://www.linkedin.com/company/sage-bionetworks\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <LinkedIn />\n </a>\n <a\n href=\"https://www.facebook.com/sagebionetworks/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Facebook />\n </a>\n <a\n href=\"https://www.instagram.com/sagebionetworks/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Instagram />\n </a>\n <a\n href=\"https://www.youtube.com/channel/UCiWTMRdO82wNq6o8JOs3WzQ\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Youtube />\n </a>\n </Box>\n </Box>\n </Box>\n {/* Versions and experimental mode */}\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n backgroundColor: '#121B23',\n alignItems: 'center',\n p: '15px 50px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: 'wrap',\n columnGap: '40px',\n rowGap: '0px',\n color: 'primary.300',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n portal: {portalVersion}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n synapse-react-client: {srcVersion}\n </Typography>\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n repo: {repoVersion}\n </Typography>\n {realm && (\n <Stack direction=\"row\" alignItems=\"center\">\n <Typography\n variant=\"body1\"\n sx={{\n fontSize: '14px',\n }}\n >\n realm: {realm.name}\n </Typography>\n {realm.id !== SYNAPSE_REALM && (\n <Tooltip\n title={`Reset Realm${\n isAuthenticated ? ' (will log you out)' : ''\n }`}\n >\n <IconButton\n size=\"small\"\n sx={{ color: 'currentcolor' }}\n onClick={() => {\n void clearSession()\n }}\n >\n <LogoutTwoTone sx={{ fontSize: 'inherit' }} />\n </IconButton>\n </Tooltip>\n )}\n </Stack>\n )}\n </Box>\n <ExperimentalMode onExperimentalModeToggle={onExperimentalModeToggle} />\n </Box>\n </Box>\n )\n}\n\nexport default SynapseFooter\n"],"mappings":"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"}

package/dist/components/SynapseFooter/SynapseLinksColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SynapseLinksColumn.js","names":[],"sources":["../../../src/components/SynapseFooter/SynapseLinksColumn.tsx"],"sourcesContent":["import { Box, Link, Typography } from '@mui/material'\nimport { LinkProps } from '@mui/material'\n\nexport type SynapseLinksColumnProps = {\n category: string\n synapseLinks: SynapseLink[]\n}\nexport type SynapseLink = {\n text: string\n props: LinkProps\n}\n\nexport function SynapseLinksColumn({\n category,\n synapseLinks,\n}: SynapseLinksColumnProps) {\n return (\n <Box sx={{ display: 'flex', flexDirection: 'column', rowGap: '10px' }}>\n <Typography\n variant=\"body1\"\n sx={{\n color: 'white',\n }}\n >\n {category}\n </Typography>\n {synapseLinks.map(synapseLink => (\n <Link\n key={synapseLink.text}\n target=\"_blank\"\n rel=\"noreferrer\"\n sx={{\n color: 'primary.200',\n fontSize: '18px',\n fontWeight: 400,\n lineHeight: '24px',\n textDecoration: 'none',\n '&:focus': {\n color: 'primary.200',\n textDecoration: 'none',\n },\n '&:visited': {\n color: 'primary.200',\n textDecoration: 'none',\n },\n '&:hover': {\n color: 'white',\n textDecoration: 'none',\n },\n }}\n {...synapseLink.props}\n >\n {synapseLink.text}\n </Link>\n ))}\n </Box>\n )\n}\n"],"mappings":";;;AAYA,SAAgB,EAAmB,EACjC,aACA,mBAC0B;~~AAC1B~~,~~QACE~~,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,QAAQ;~~GAAQ~~;~~YAArE~~,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,OAAO,~~SACR~~;~~aAEA~~;~~GACU~~,CAAA,~~EACZ~~,EAAa,KAAI,MAChB,kBAAC,GAAD;GAEE,QAAO;GACP,KAAI;GACJ,IAAI;IACF,OAAO;IACP,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,WAAW;KACT,OAAO;KACP,gBAAgB;~~KACjB~~;~~IACD~~,aAAa;KACX,OAAO;KACP,gBAAgB;~~KACjB~~;~~IACD~~,WAAW;KACT,OAAO;KACP,gBAAgB;~~KACjB~~;~~IACF~~;~~GACD~~,GAAI,EAAY;aAEf,EAAY;~~GACR~~,~~EAzBA~~,EAAY,~~KAyBZ~~,CACP,CACE"}
1	+ {"version":3,"file":"SynapseLinksColumn.js","names":[],"sources":["../../../src/components/SynapseFooter/SynapseLinksColumn.tsx"],"sourcesContent":["import { Box, Link, Typography } from '@mui/material'\nimport { LinkProps } from '@mui/material'\n\nexport type SynapseLinksColumnProps = {\n category: string\n synapseLinks: SynapseLink[]\n}\nexport type SynapseLink = {\n text: string\n props: LinkProps\n}\n\nexport function SynapseLinksColumn({\n category,\n synapseLinks,\n}: SynapseLinksColumnProps) {\n return (\n <Box sx={{ display: 'flex', flexDirection: 'column', rowGap: '10px' }}>\n <Typography\n variant=\"body1\"\n sx={{\n color: 'white',\n }}\n >\n {category}\n </Typography>\n {synapseLinks.map(synapseLink => (\n <Link\n key={synapseLink.text}\n target=\"_blank\"\n rel=\"noreferrer\"\n sx={{\n color: 'primary.200',\n fontSize: '18px',\n fontWeight: 400,\n lineHeight: '24px',\n textDecoration: 'none',\n '&:focus': {\n color: 'primary.200',\n textDecoration: 'none',\n },\n '&:visited': {\n color: 'primary.200',\n textDecoration: 'none',\n },\n '&:hover': {\n color: 'white',\n textDecoration: 'none',\n },\n }}\n {...synapseLink.props}\n >\n {synapseLink.text}\n </Link>\n ))}\n </Box>\n )\n}\n"],"mappings":";;;AAYA,SAAgB,EAAmB,EACjC,aACA,mBAC0B;CAC1B,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,QAAQ;EAAO;YAApE,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,OAAO,QACT;aAEC;EACS,CAAA,GACX,EAAa,KAAI,MAChB,kBAAC,GAAD;GAEE,QAAO;GACP,KAAI;GACJ,IAAI;IACF,OAAO;IACP,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,WAAW;KACT,OAAO;KACP,gBAAgB;IAClB;IACA,aAAa;KACX,OAAO;KACP,gBAAgB;IAClB;IACA,WAAW;KACT,OAAO;KACP,gBAAgB;IAClB;GACF;GACA,GAAI,EAAY;aAEf,EAAY;EACT,GAzBC,EAAY,IAyBb,CACP,CACE;;AAET"}

package/dist/components/SynapseForm/DataDebug.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataDebug.js","names":[],"sources":["../../../src/components/SynapseForm/DataDebug.tsx"],"sourcesContent":["interface DataDebugProps {\n formData: any\n hidden: boolean\n}\n\nexport default function DataDebug(props: DataDebugProps) {\n const myData = (\n <div>\n <h6>Data</h6>\n <pre>{JSON.stringify(props.formData, null, 2)}</pre>\n </div>\n )\n return <>{!props.hidden && myData}</>\n}\n"],"mappings":";;AAKA,SAAwB,EAAU,GAAuB;CACvD,IAAM,IACJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,~~QAAS~~,CAAA,~~EACb~~,kBAAC,OAAD,EAAA,UAAM,KAAK,UAAU,EAAM,UAAU,MAAM,~~EAAE~~,EAAO,CAAA,CAChD,EAAA,CAAA;~~AAER~~,~~QAAO~~,kBAAA,GAAA,EAAA,UAAG,CAAC,EAAM,UAAU,~~GAAU~~,CAAA"}
1	+ {"version":3,"file":"DataDebug.js","names":[],"sources":["../../../src/components/SynapseForm/DataDebug.tsx"],"sourcesContent":["interface DataDebugProps {\n formData: any\n hidden: boolean\n}\n\nexport default function DataDebug(props: DataDebugProps) {\n const myData = (\n <div>\n <h6>Data</h6>\n <pre>{JSON.stringify(props.formData, null, 2)}</pre>\n </div>\n )\n return <>{!props.hidden && myData}</>\n}\n"],"mappings":";;AAKA,SAAwB,EAAU,GAAuB;CACvD,IAAM,IACJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA,GACZ,kBAAC,OAAD,EAAA,UAAM,KAAK,UAAU,EAAM,UAAU,MAAM,CAAC,EAAO,CAAA,CAChD,EAAA,CAAA;CAEP,OAAO,kBAAA,GAAA,EAAA,UAAG,CAAC,EAAM,UAAU,EAAS,CAAA;AACtC"}

package/dist/components/SynapseForm/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/SynapseForm/Header.tsx"],"sourcesContent":["export type HeaderProps = {\n isSubmitted?: boolean\n bodyText?: string //should never take user input only use cardcoded text from a parent component. Uses dangerouslySetInnerHTML\n title: string\n}\n\nexport default function Header(props: HeaderProps) {\n let bodyText = <></>\n\n if (props.isSubmitted) {\n bodyText = <div>Your information has been submitted</div>\n } else {\n if (props.bodyText) {\n bodyText = (\n <div dangerouslySetInnerHTML={{ __html: props.bodyText }}></div>\n )\n }\n }\n\n return (\n <div\n className={`submission-header${props.isSubmitted ? ' submitted' : ''}`}\n >\n <h2>{props.title}</h2>\n {bodyText}\n <hr></hr>\n </div>\n )\n}\n"],"mappings":";;AAMA,SAAwB,EAAO,GAAoB;CACjD,IAAI,IAAW,kBAAA,GAAA,~~EAAK~~,CAAA;~~AAYpB~~,~~QAVI~~,EAAM,cACR,IAAW,kBAAC,OAAD,EAAA,UAAK,~~uCAAyC~~,CAAA,~~GAErD~~,EAAM,aACR,IACE,kBAAC,OAAD,EAAK,yBAAyB,EAAE,QAAQ,EAAM,~~UAAU~~,EAAQ,CAAA,~~GAMpE~~,kBAAC,OAAD;EACE,WAAW,oBAAoB,EAAM,cAAc,eAAe;YADpE;GAGE,kBAAC,MAAD,EAAA,UAAK,EAAM,~~OAAW~~,CAAA;~~GACrB~~;GACD,kBAAC,MAAD,~~EAAS~~,CAAA;~~GACL~~"}
1	+ {"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/SynapseForm/Header.tsx"],"sourcesContent":["export type HeaderProps = {\n isSubmitted?: boolean\n bodyText?: string //should never take user input only use cardcoded text from a parent component. Uses dangerouslySetInnerHTML\n title: string\n}\n\nexport default function Header(props: HeaderProps) {\n let bodyText = <></>\n\n if (props.isSubmitted) {\n bodyText = <div>Your information has been submitted</div>\n } else {\n if (props.bodyText) {\n bodyText = (\n <div dangerouslySetInnerHTML={{ __html: props.bodyText }}></div>\n )\n }\n }\n\n return (\n <div\n className={`submission-header${props.isSubmitted ? ' submitted' : ''}`}\n >\n <h2>{props.title}</h2>\n {bodyText}\n <hr></hr>\n </div>\n )\n}\n"],"mappings":";;AAMA,SAAwB,EAAO,GAAoB;CACjD,IAAI,IAAW,kBAAA,GAAA,CAAI,CAAA;CAYnB,OAVI,EAAM,cACR,IAAW,kBAAC,OAAD,EAAA,UAAK,sCAAwC,CAAA,IAEpD,EAAM,aACR,IACE,kBAAC,OAAD,EAAK,yBAAyB,EAAE,QAAQ,EAAM,SAAS,EAAQ,CAAA,IAMnE,kBAAC,OAAD;EACE,WAAW,oBAAoB,EAAM,cAAc,eAAe;YADpE;GAGE,kBAAC,MAAD,EAAA,UAAK,EAAM,MAAU,CAAA;GACpB;GACD,kBAAC,MAAD,CAAQ,CAAA;EACL;;AAET"}

package/dist/components/SynapseForm/NavButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavButtons.js","names":[],"sources":["../../../src/components/SynapseForm/NavButtons.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { Step, NavActionEnum } from './types'\nexport interface NavButtonsProps {\n isWizardMode?: boolean\n previousStepIds: string[]\n onNavAction: (action: NavActionEnum) => void\n steps: Step[]\n currentStep: Step\n isFormSubmitted?: boolean\n}\n\nexport interface NextStepLinkProps {\n onNavAction: (step: Step) => void\n steps: Step[]\n nextStepId: string \| undefined\n}\n\nexport function NavButtons(props: NavButtonsProps) {\n // in wizard mode we build an array of the previous steps. In regular mode back goes to\n // a previous order step\n const canGoBack = (props: NavButtonsProps): boolean => {\n if (props.isWizardMode) {\n return props.previousStepIds && props.previousStepIds.length > 0\n } else {\n return props.steps.findIndex(step => step.id === props.currentStep.id) > 0\n }\n }\n\n const previousButton = canGoBack(props) ? (\n <button\n type=\"button\"\n onClick={e => props.onNavAction(NavActionEnum.PREVIOUS)}\n className=\"btn btn-link nav-link prev\"\n >\n <IconSvg icon=\"chevronLeft\" />\n </button>\n ) : (\n <></>\n )\n\n const nextButton = !props.currentStep.final ? (\n <button\n type=\"button\"\n onClick={e => props.onNavAction(NavActionEnum.NEXT)}\n className=\"btn btn-link nav-link next\"\n >\n <IconSvg icon=\"chevronRight\" />\n </button>\n ) : (\n <></>\n )\n\n const saveButton = (\n <button\n type=\"button\"\n className=\"btn btn-action save\"\n disabled={props.isFormSubmitted}\n onClick={e => props.onNavAction(NavActionEnum.SAVE)}\n >\n SAVE\n </button>\n )\n\n return (\n <div>\n <hr></hr>\n <div className=\"buttonWrapper pull-right\">\n {previousButton} {nextButton} {saveButton}\n </div>\n </div>\n )\n}\n\nexport function NextStepLink(props: NextStepLinkProps) {\n const nextStep = props.steps.find(step => step.id === props.nextStepId)\n if (typeof nextStep === 'undefined') {\n return <></>\n }\n return (\n <span className=\"nav-link\">\n <a onClick={e => props.onNavAction(nextStep)}>{nextStep.title}</a>\n <IconSvg icon=\"chevronRight\" />\n </span>\n )\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAW,GAAwB;CAWjD,IAAM,MARa,MACb,EAAM,eACD,EAAM,mBAAmB,EAAM,gBAAgB,SAAS,IAExD,EAAM,MAAM,WAAU,MAAQ,EAAK,OAAO,EAAM,YAAY,~~GAAG~~,~~GAAG~~,GAI5C,~~EAAM~~,~~GACrC~~,kBAAC,UAAD;EACE,MAAK;EACL,UAAS,MAAK,EAAM,YAAY,EAAc,~~SAAS~~;~~EACvD~~,WAAU;YAEV,kBAAC,GAAD,EAAS,MAAK,~~eAAgB~~,CAAA;~~EACvB~~,CAAA,~~GAET~~,kBAAA,GAAA,~~EAAK~~,CAAA,~~EAGD~~,IAAc,EAAM,YAAY,QASpC,kBAAA,GAAA,~~EAAK~~,CAAA,~~GARL~~,kBAAC,UAAD;EACE,MAAK;EACL,UAAS,MAAK,EAAM,YAAY,EAAc,~~KAAK~~;~~EACnD~~,WAAU;YAEV,kBAAC,GAAD,EAAS,MAAK,~~gBAAiB~~,CAAA;~~EACxB~~,CAAA,~~EAKL~~,IACJ,kBAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,UAAU,EAAM;EAChB,UAAS,MAAK,EAAM,YAAY,EAAc,~~KAAK~~;~~YACpD~~;~~EAEQ~~,CAAA;~~AAGX~~,~~QACE~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD,~~EAAS~~,CAAA,~~EACT~~,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG;GAAe;GAAE;GAAW;GAAE;~~GAC3B~~;~~IACF~~,EAAA,CAAA~~;;AAIV~~,SAAgB,EAAa,GAA0B;CACrD,IAAM,IAAW,EAAM,MAAM,MAAK,MAAQ,EAAK,OAAO,EAAM,~~WAAW~~;~~AAIvE~~,~~QAHW~~,MAAa,SACf,kBAAA,GAAA,~~EAAK~~,CAAA,~~GAGZ~~,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,KAAD;GAAG,UAAS,MAAK,EAAM,YAAY,~~EAAS~~;~~aAAG~~,EAAS;~~GAAU~~,CAAA,~~EAClE~~,kBAAC,GAAD,EAAS,MAAK,~~gBAAiB~~,CAAA,CAC1B"}
1	+ {"version":3,"file":"NavButtons.js","names":[],"sources":["../../../src/components/SynapseForm/NavButtons.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { Step, NavActionEnum } from './types'\nexport interface NavButtonsProps {\n isWizardMode?: boolean\n previousStepIds: string[]\n onNavAction: (action: NavActionEnum) => void\n steps: Step[]\n currentStep: Step\n isFormSubmitted?: boolean\n}\n\nexport interface NextStepLinkProps {\n onNavAction: (step: Step) => void\n steps: Step[]\n nextStepId: string \| undefined\n}\n\nexport function NavButtons(props: NavButtonsProps) {\n // in wizard mode we build an array of the previous steps. In regular mode back goes to\n // a previous order step\n const canGoBack = (props: NavButtonsProps): boolean => {\n if (props.isWizardMode) {\n return props.previousStepIds && props.previousStepIds.length > 0\n } else {\n return props.steps.findIndex(step => step.id === props.currentStep.id) > 0\n }\n }\n\n const previousButton = canGoBack(props) ? (\n <button\n type=\"button\"\n onClick={e => props.onNavAction(NavActionEnum.PREVIOUS)}\n className=\"btn btn-link nav-link prev\"\n >\n <IconSvg icon=\"chevronLeft\" />\n </button>\n ) : (\n <></>\n )\n\n const nextButton = !props.currentStep.final ? (\n <button\n type=\"button\"\n onClick={e => props.onNavAction(NavActionEnum.NEXT)}\n className=\"btn btn-link nav-link next\"\n >\n <IconSvg icon=\"chevronRight\" />\n </button>\n ) : (\n <></>\n )\n\n const saveButton = (\n <button\n type=\"button\"\n className=\"btn btn-action save\"\n disabled={props.isFormSubmitted}\n onClick={e => props.onNavAction(NavActionEnum.SAVE)}\n >\n SAVE\n </button>\n )\n\n return (\n <div>\n <hr></hr>\n <div className=\"buttonWrapper pull-right\">\n {previousButton} {nextButton} {saveButton}\n </div>\n </div>\n )\n}\n\nexport function NextStepLink(props: NextStepLinkProps) {\n const nextStep = props.steps.find(step => step.id === props.nextStepId)\n if (typeof nextStep === 'undefined') {\n return <></>\n }\n return (\n <span className=\"nav-link\">\n <a onClick={e => props.onNavAction(nextStep)}>{nextStep.title}</a>\n <IconSvg icon=\"chevronRight\" />\n </span>\n )\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAW,GAAwB;CAWjD,IAAM,MARa,MACb,EAAM,eACD,EAAM,mBAAmB,EAAM,gBAAgB,SAAS,IAExD,EAAM,MAAM,WAAU,MAAQ,EAAK,OAAO,EAAM,YAAY,EAAE,IAAI,GAI5C,CAAK,IACpC,kBAAC,UAAD;EACE,MAAK;EACL,UAAS,MAAK,EAAM,YAAY,EAAc,QAAQ;EACtD,WAAU;YAEV,kBAAC,GAAD,EAAS,MAAK,cAAe,CAAA;CACvB,CAAA,IAER,kBAAA,GAAA,CAAI,CAAA,GAGA,IAAc,EAAM,YAAY,QASpC,kBAAA,GAAA,CAAI,CAAA,IARJ,kBAAC,UAAD;EACE,MAAK;EACL,UAAS,MAAK,EAAM,YAAY,EAAc,IAAI;EAClD,WAAU;YAEV,kBAAC,GAAD,EAAS,MAAK,eAAgB,CAAA;CACxB,CAAA,GAKJ,IACJ,kBAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,UAAU,EAAM;EAChB,UAAS,MAAK,EAAM,YAAY,EAAc,IAAI;YACnD;CAEO,CAAA;CAGV,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD,CAAQ,CAAA,GACR,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG;GAAe;GAAE;GAAW;GAAE;EAC5B;GACF,EAAA,CAAA;AAET;AAEA,SAAgB,EAAa,GAA0B;CACrD,IAAM,IAAW,EAAM,MAAM,MAAK,MAAQ,EAAK,OAAO,EAAM,UAAU;CAItE,OAHW,MAAa,SACf,kBAAA,GAAA,CAAI,CAAA,IAGX,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,KAAD;GAAG,UAAS,MAAK,EAAM,YAAY,CAAQ;aAAI,EAAS;EAAS,CAAA,GACjE,kBAAC,GAAD,EAAS,MAAK,eAAgB,CAAA,CAC1B;;AAEV"}

package/dist/components/SynapseForm/StepsSideNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsSideNav.js","names":[],"sources":["../../../src/components/SynapseForm/StepsSideNav.tsx"],"sourcesContent":["import IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { Step, StepStateEnum } from './types'\n\nexport type StepsSideNavProps = {\n stepList: Step[]\n onStepChange: (step: Step) => void\n isWizardMode?: boolean\n}\n\nexport default function StepsSideNav(props: StepsSideNavProps) {\n const nonChildSteps = props.stepList.filter(step => step.child !== true)\n\n const getIcon = (\n state: StepStateEnum,\n isExcluded: boolean \| undefined,\n isStatic: boolean \| undefined,\n isSubmit: boolean \| undefined,\n ): { iconDef: IconName } => {\n let iconDef: IconName = 'circle'\n if (isStatic \|\| isSubmit) {\n return {\n iconDef,\n }\n }\n\n if (isExcluded) {\n iconDef = 'block'\n } else if (state === StepStateEnum.COMPLETED) {\n iconDef = 'checkCircle'\n } else if (state === StepStateEnum.ERROR) {\n iconDef = 'errorOutlined'\n }\n return { iconDef }\n }\n\n const getItemClass = (\n isInProgress: boolean,\n isStatic: boolean = false,\n ): string => {\n let liClassName = 'item'\n if (isInProgress) {\n liClassName = `${liClassName} pointed `\n }\n if (isStatic) {\n liClassName = `${liClassName} static`\n }\n return liClassName\n }\n\n const getListItem = (\n step: Step,\n isWizard: boolean,\n isRenderChild = false,\n ) => {\n if (!step \|\| (step.child && !isRenderChild)) {\n return <></>\n }\n const renderStepName = (\n step: Step,\n isWizard: boolean,\n callback: (step: Step) => void,\n ) => {\n if (!step.inProgress && (!isWizard \|\| !!step.final)) {\n return (\n <button className=\"btn btn-link\" onClick={() => callback(step)}>\n {step.title}\n </button>\n )\n } else {\n return <span>{step.title}</span>\n }\n }\n const icon = getIcon(step.state, step.excluded, step.static, step.final)\n const itemClass = getItemClass(step.inProgress, step.static)\n\n return (\n <div className={itemClass}>\n <IconSvg icon={icon.iconDef} />\n {renderStepName(step, isWizard, props.onStepChange)}\n </div>\n )\n }\n\n return (\n <div className=\"SRC-menuLayout json-forms-menu\" style={{ flex: '1' }}>\n <ul>\n {nonChildSteps.map((step: Step, i: number) => {\n return (\n <li className=\"item-wrap\" key={`${i}-${step.id}`}>\n {getListItem(step, !!props.isWizardMode)}\n {step.children && step.children.length > 0 && (\n <div className=\"subMenu\">\n <ul>\n {step.children &&\n step.children.map((stepChildId: string, j: number) => {\n const childStep = props.stepList.find(\n step => step.id === stepChildId,\n )\n return typeof childStep === 'undefined' ? (\n <></>\n ) : (\n <li className=\"item-wrap\" key={`${j}-${stepChildId}`}>\n {getListItem(childStep, !!props.isWizardMode, true)}\n </li>\n )\n })}\n </ul>\n </div>\n )}\n </li>\n )\n })}\n </ul>\n </div>\n )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAa,GAA0B;CAC7D,IAAM,IAAgB,EAAM,SAAS,QAAO,MAAQ,EAAK,UAAU,~~GAAK~~,~~EAElE~~,KACJ,GACA,GACA,GACA,MAC0B;EAC1B,IAAI,IAAoB;~~AAcxB~~,~~SAbI~~,KAAY,MAMZ,IACF,IAAU,UACD,MAAU,EAAc,YACjC,IAAU,gBACD,MAAU,EAAc,UACjC,IAAU,mBAVH,EACL,~~YACD~~;~~IAaC~~,KACJ,GACA,IAAoB,OACT;EACX,IAAI,IAAc;~~AAOlB~~,~~SANI~~,MACF,IAAc,GAAG,EAAY,aAE3B,MACF,IAAc,GAAG,EAAY,WAExB;~~IAGH~~,KACJ,GACA,GACA,IAAgB,OACb;~~AACH~~,~~MAAI~~,CAAC,KAAS,EAAK,SAAS,CAAC,~~EAC3B~~,~~QAAO~~,kBAAA,GAAA,~~EAAK~~,CAAA;~~EAEd~~,IAAM,KACJ,GACA,GACA,MAEI,CAAC,EAAK,eAAe,CAAC,KAAc,EAAK,SAEzC,kBAAC,UAAD;GAAQ,WAAU;GAAe,eAAe,EAAS,~~EAAK~~;~~aAC3D~~,EAAK;~~GACC~~,CAAA,~~GAGJ~~,kBAAC,QAAD,EAAA,UAAO,EAAK,~~OAAa~~,CAAA,~~EAG9B~~,IAAO,EAAQ,EAAK,OAAO,EAAK,UAAU,EAAK,QAAQ,EAAK,~~MAAM~~;~~AAGxE~~,~~SACE~~,kBAAC,OAAD;GAAK,WAHW,EAAa,EAAK,YAAY,EAAK,~~OAGnC~~;aAAhB,CACE,kBAAC,GAAD,EAAS,MAAM,EAAK,~~SAAW~~,CAAA,~~EAC9B~~,EAAe,GAAM,GAAU,EAAM,~~aAAa~~,CAC/C~~;;;AAIV~~,~~QACE~~,kBAAC,OAAD;EAAK,WAAU;EAAiC,OAAO,EAAE,MAAM,~~KAAK~~;~~YAClE~~,kBAAC,MAAD,EAAA,UACG,EAAc,KAAK,GAAY,MAE5B,kBAAC,MAAD;GAAI,WAAU;aAAd,CACG,EAAY,GAAM,CAAC,CAAC,EAAM,~~aAAa~~,~~EACvC~~,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,MAAD,EAAA,UACG,EAAK,YACJ,EAAK,SAAS,KAAK,GAAqB,MAAc;KACpD,IAAM,IAAY,EAAM,SAAS,MAC/B,MAAQ,EAAK,OAAO,~~EACrB~~;~~AACD~~,~~YAAc~~,MAAc,SAC1B,kBAAA,GAAA,~~EAAK~~,CAAA,~~GAEL~~,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,GAAW,CAAC,CAAC,EAAM,cAAc,~~GAAK~~;~~MAChD~~,~~EAF0B~~,GAAG,EAAE,GAAG,~~IAElC~~;~~MAEP~~,EACD,CAAA;~~IACD~~,CAAA,CAEL;~~KArB0B~~,GAAG,EAAE,GAAG,EAAK,~~KAqBvC~~,CAEP,EACC,CAAA;~~EACD~~,CAAA"}
1	+ {"version":3,"file":"StepsSideNav.js","names":[],"sources":["../../../src/components/SynapseForm/StepsSideNav.tsx"],"sourcesContent":["import IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { Step, StepStateEnum } from './types'\n\nexport type StepsSideNavProps = {\n stepList: Step[]\n onStepChange: (step: Step) => void\n isWizardMode?: boolean\n}\n\nexport default function StepsSideNav(props: StepsSideNavProps) {\n const nonChildSteps = props.stepList.filter(step => step.child !== true)\n\n const getIcon = (\n state: StepStateEnum,\n isExcluded: boolean \| undefined,\n isStatic: boolean \| undefined,\n isSubmit: boolean \| undefined,\n ): { iconDef: IconName } => {\n let iconDef: IconName = 'circle'\n if (isStatic \|\| isSubmit) {\n return {\n iconDef,\n }\n }\n\n if (isExcluded) {\n iconDef = 'block'\n } else if (state === StepStateEnum.COMPLETED) {\n iconDef = 'checkCircle'\n } else if (state === StepStateEnum.ERROR) {\n iconDef = 'errorOutlined'\n }\n return { iconDef }\n }\n\n const getItemClass = (\n isInProgress: boolean,\n isStatic: boolean = false,\n ): string => {\n let liClassName = 'item'\n if (isInProgress) {\n liClassName = `${liClassName} pointed `\n }\n if (isStatic) {\n liClassName = `${liClassName} static`\n }\n return liClassName\n }\n\n const getListItem = (\n step: Step,\n isWizard: boolean,\n isRenderChild = false,\n ) => {\n if (!step \|\| (step.child && !isRenderChild)) {\n return <></>\n }\n const renderStepName = (\n step: Step,\n isWizard: boolean,\n callback: (step: Step) => void,\n ) => {\n if (!step.inProgress && (!isWizard \|\| !!step.final)) {\n return (\n <button className=\"btn btn-link\" onClick={() => callback(step)}>\n {step.title}\n </button>\n )\n } else {\n return <span>{step.title}</span>\n }\n }\n const icon = getIcon(step.state, step.excluded, step.static, step.final)\n const itemClass = getItemClass(step.inProgress, step.static)\n\n return (\n <div className={itemClass}>\n <IconSvg icon={icon.iconDef} />\n {renderStepName(step, isWizard, props.onStepChange)}\n </div>\n )\n }\n\n return (\n <div className=\"SRC-menuLayout json-forms-menu\" style={{ flex: '1' }}>\n <ul>\n {nonChildSteps.map((step: Step, i: number) => {\n return (\n <li className=\"item-wrap\" key={`${i}-${step.id}`}>\n {getListItem(step, !!props.isWizardMode)}\n {step.children && step.children.length > 0 && (\n <div className=\"subMenu\">\n <ul>\n {step.children &&\n step.children.map((stepChildId: string, j: number) => {\n const childStep = props.stepList.find(\n step => step.id === stepChildId,\n )\n return typeof childStep === 'undefined' ? (\n <></>\n ) : (\n <li className=\"item-wrap\" key={`${j}-${stepChildId}`}>\n {getListItem(childStep, !!props.isWizardMode, true)}\n </li>\n )\n })}\n </ul>\n </div>\n )}\n </li>\n )\n })}\n </ul>\n </div>\n )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAa,GAA0B;CAC7D,IAAM,IAAgB,EAAM,SAAS,QAAO,MAAQ,EAAK,UAAU,EAAI,GAEjE,KACJ,GACA,GACA,GACA,MAC0B;EAC1B,IAAI,IAAoB;EAcxB,OAbI,KAAY,MAMZ,IACF,IAAU,UACD,MAAU,EAAc,YACjC,IAAU,gBACD,MAAU,EAAc,UACjC,IAAU,mBAVH,EACL,WACF;CAWJ,GAEM,KACJ,GACA,IAAoB,OACT;EACX,IAAI,IAAc;EAOlB,OANI,MACF,IAAc,GAAG,EAAY,aAE3B,MACF,IAAc,GAAG,EAAY,WAExB;CACT,GAEM,KACJ,GACA,GACA,IAAgB,OACb;EACH,IAAI,CAAC,KAAS,EAAK,SAAS,CAAC,GAC3B,OAAO,kBAAA,GAAA,CAAI,CAAA;EAEb,IAAM,KACJ,GACA,GACA,MAEI,CAAC,EAAK,eAAe,CAAC,KAAc,EAAK,SAEzC,kBAAC,UAAD;GAAQ,WAAU;GAAe,eAAe,EAAS,CAAI;aAC1D,EAAK;EACA,CAAA,IAGH,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA,GAG7B,IAAO,EAAQ,EAAK,OAAO,EAAK,UAAU,EAAK,QAAQ,EAAK,KAAK;EAGvE,OACE,kBAAC,OAAD;GAAK,WAHW,EAAa,EAAK,YAAY,EAAK,MAGnC;aAAhB,CACE,kBAAC,GAAD,EAAS,MAAM,EAAK,QAAU,CAAA,GAC7B,EAAe,GAAM,GAAU,EAAM,YAAY,CAC/C;;CAET;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAiC,OAAO,EAAE,MAAM,IAAI;YACjE,kBAAC,MAAD,EAAA,UACG,EAAc,KAAK,GAAY,MAE5B,kBAAC,MAAD;GAAI,WAAU;aAAd,CACG,EAAY,GAAM,CAAC,CAAC,EAAM,YAAY,GACtC,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,MAAD,EAAA,UACG,EAAK,YACJ,EAAK,SAAS,KAAK,GAAqB,MAAc;KACpD,IAAM,IAAY,EAAM,SAAS,MAC/B,MAAQ,EAAK,OAAO,CACtB;KACA,OAAc,MAAc,SAC1B,kBAAA,GAAA,CAAI,CAAA,IAEJ,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,GAAW,CAAC,CAAC,EAAM,cAAc,EAAI;KAChD,GAF2B,GAAG,EAAE,GAAG,GAEnC;IAER,CAAC,EACD,CAAA;GACD,CAAA,CAEL;KArB2B,GAAG,EAAE,GAAG,EAAK,IAqBxC,CAEP,EACC,CAAA;CACD,CAAA;AAET"}

package/dist/components/SynapseForm/SummaryTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SummaryTable.js","names":[],"sources":["../../../src/components/SynapseForm/SummaryTable.tsx"],"sourcesContent":["import { UiSchema } from '@rjsf/utils'\nimport { FormSchema, Step, SummaryFormat } from './types'\nimport {\n cloneDeep,\n find,\n first,\n get,\n isArray,\n isDate,\n isObject,\n isString,\n keys,\n} from 'lodash-es'\n\nexport interface SummaryTableProps {\n isWizard?: boolean\n formData: any\n callbackFn?: (screenId: string) => void\n steps: Step[]\n schema: FormSchema\n uiSchema: UiSchema\n}\n\nfunction findLabel(key: string, schema: any, uiSchema: UiSchema): string {\n const regex1 = /\\[\\d+\\]\\./g\n const regex3 = /\\.(\\d)+/g\n\n key = key.replace(regex3, '[$1]')\n\n const propArr = key.split('.')\n // some things require labels in schema (e.g. checkboxes) so this is preferred\n const labelFromSchema = `${propArr.join('.properties.')}.title`\n //can be overriden by label in UI\n const labelFromUi = `${key}.ui:title`\n //for array fields we need to change the property e.g.\n // ld50.experiments[0].species_other should look like 'ld50.experiments.items.species_other'\n const arrayLabelFromSchema = labelFromSchema.replace(regex1, '.items.')\n const arrayLabelFromUiSchema = labelFromUi.replace(regex1, '.items.')\n const indexMatch = labelFromSchema.match(regex1)\n let index = first(indexMatch)\n\n if (index) {\n index = index.substring(1, index.length - 2)\n index = !isNaN(parseInt(index)) ? `${parseInt(index) + 1}` : ''\n }\n\n const label =\n get(uiSchema, labelFromUi) \|\|\n get(schema.properties, labelFromSchema) \|\|\n get(uiSchema, arrayLabelFromUiSchema) \|\|\n get(schema.properties, arrayLabelFromSchema) \|\|\n `${arrayLabelFromSchema}`\n return `${index ? '[' + index + '] ' : ''}${label}`\n}\n\nexport function getFlatData(\n formData: any,\n steps: Step[],\n schema: FormSchema,\n uiSchema: UiSchema,\n): SummaryFormat[] {\n //takes nested json and converts it into flattened item list\n\n function flatten(\n object: Record<string, any>,\n flattenedObject: Record<string, any>,\n prefix: string,\n ): Record<string, any> {\n const separator = '.'\n Object.keys(object).forEach(key => {\n if (object[key] === null) {\n flattenedObject[prefix + key] = ''\n } else if (\n //if the value is a proper array\n isArray(object[key]) &&\n !isString(object[key])\n ) {\n object[key].forEach((item: any, i: number) => {\n if (isArray(item) \|\| (isObject(object[key]) && !isString(item))) {\n flatten(item, flattenedObject, `${prefix}${key}[${i}]${separator}`)\n } else {\n let prevVal = flattenedObject[`${prefix}${key}`]\n prevVal = prevVal ? `${prevVal}, ` : ''\n flattenedObject[`${prefix}${key}`] = prevVal + item\n }\n })\n } else if (isObject(object[key]) && !isDate(object[key])) {\n flatten(object[key], flattenedObject, `${prefix}${key}${separator}`)\n } else {\n flattenedObject[prefix + key] = object[key]\n }\n })\n return flattenedObject\n }\n\n const flatData = flatten(cloneDeep(formData), {}, '')\n console.log(flatData)\n const flatFormData = keys(flatData)\n .map(key => {\n let val = flatData[key]\n if (flatData[key] === false) {\n val = 'false'\n }\n if (flatData[key] === true) {\n val = 'true'\n }\n const boundary = key.indexOf('.')\n return {\n screen: find(steps, { id: key.substring(0, boundary) }),\n label: findLabel(key, schema, uiSchema),\n value: val,\n }\n })\n .filter(item => item.label.indexOf('.properties.included.title') === -1) //included is the property we generate to help with validation of optional forms\n\n const result = flatFormData\n .filter(item => item.screen && typeof item.value !== 'undefined')\n .map(item => {\n return {\n label: item.label,\n value: item.value,\n screen: item.screen!,\n }\n })\n .sort((a, b) => a.screen.order - b.screen.order)\n\n return result\n}\n\nexport default function SummaryTable(props: SummaryTableProps) {\n let flatFormData: SummaryFormat[] = []\n\n flatFormData = getFlatData(\n cloneDeep(props.formData),\n props.steps,\n props.schema,\n props.uiSchema,\n )\n\n let prevScreenId = ''\n const table = (\n <>\n <table className=\"table summary-table-header\">\n <thead>\n <tr>\n <th>Step</th>\n <th>Label</th>\n <th>Value</th>\n </tr>\n </thead>\n </table>\n\n <div className=\"scroll-area table-body\">\n <table className=\"table summary-table\">\n <tbody>\n {flatFormData.map((line: SummaryFormat, i: number) => {\n return (\n <tr key={`${i}-${line.screen.id}-${line.label}`}>\n <td>\n {prevScreenId !== line.screen.id &&\n (prevScreenId = line.screen.id) && (\n <span>{line.screen.title}</span>\n )}\n </td>\n <td>{line.label}</td>\n\n <td>{line.value}</td>\n </tr>\n )\n })}\n </tbody>\n </table>\n </div>\n </>\n )\n\n return (\n <>\n <p className=\"step-exclude-directions\">\n Below is all of the data you have entered. Before submitting, click\n "Validate" to ensure that all of the required data has been\n entered.\n </p>\n <button className=\"nav-link pull-right\" onClick={() => window.print()}>\n Print this data\n </button>\n <div className=\"panel panel-default padding-full wrap\">\n <div className=\"summary scroll-area\">{table}</div>\n </div>\n </>\n )\n}\n"],"mappings":";;;AAuBA,SAAS,EAAU,GAAa,GAAa,GAA4B;CACvE,IAAM,IAAS;~~AAGf~~,~~KAAM~~,EAAI,QAAQ,YAAQ,~~OAAO~~;~~CAIjC~~,IAAM,IAAkB,GAFR,EAAI,MAAM,~~IAEC~~,~~CAAQ~~,KAAK,~~eAAe~~,~~CAAC~~,SAElD,IAAc,GAAG,EAAI,YAGrB,IAAuB,EAAgB,QAAQ,GAAQ,~~UAAU~~,~~EACjE~~,IAAyB,EAAY,QAAQ,GAAQ,~~UAAU~~,~~EAEjE~~,IAAQ,EADO,EAAgB,MAAM,~~EACvB~~,~~CAAW~~;~~AAE7B~~,~~CAEE~~,OADA,IAAQ,EAAM,UAAU,GAAG,EAAM,SAAS,~~EAAE~~,~~EACnC~~,MAAM,SAAS,~~EAAM~~,CAAC,~~GAA8B~~,KAA3B,GAAG,SAAS,~~EAAM~~,~~GAAG~~;CAGzD,IAAM,IACJ,EAAI,GAAU,~~EAAY~~,~~IAC1B~~,EAAI,EAAO,YAAY,~~EAAgB~~,~~IACvC~~,EAAI,GAAU,~~EAAuB~~,~~IACrC~~,EAAI,EAAO,YAAY,~~EAAqB~~,~~IAC5C~~,GAAG;~~AACL~~,~~QAAO~~,GAAG,IAAQ,MAAM,IAAQ,OAAO,KAAK~~;;AAG9C~~,SAAgB,EACd,GACA,GACA,GACA,GACiB;CAGjB,SAAS,EACP,GACA,GACA,GACqB;~~AAyBrB~~,~~SAvBA~~,OAAO,KAAK,~~EAAO~~,~~CAAC~~,SAAQ,MAAO;~~AACjC~~,~~GAAI~~,EAAO,OAAS,OAClB,EAAgB,IAAS,KAAO,KAGhC,EAAQ,EAAO,~~GAAK~~,~~IACpB~~,CAAC,EAAS,EAAO,~~GAAK~~,~~GAEtB~~,EAAO,GAAK,SAAS,GAAW,MAAc;~~AAC5C~~,~~QAAI~~,EAAQ,~~EAAK~~,~~IAAK~~,EAAS,EAAO,~~GAAK~~,~~IAAI~~,CAAC,EAAS,~~EAAK~~,~~CAC5D~~,~~GAAQ~~,GAAM,GAAiB,GAAG,IAAS,EAAI,GAAG,EAAE,~~IAAe~~;~~SAC9D~~;KACL,IAAI,IAAU,EAAgB,GAAG,IAAS;~~AAE1C~~,~~KADA~~,IAAU,IAAU,GAAG,EAAQ,MAAM,IACrC,EAAgB,GAAG,IAAS,OAAS,IAAU~~;;KAEjD~~,~~GACO~~,EAAS,EAAO,~~GAAK~~,~~IAAI~~,CAAC,EAAO,EAAO,~~GAAK~~,~~GACtD~~,EAAQ,EAAO,IAAM,GAAiB,GAAG,IAAS,~~KAAkB~~,~~GAEpE~~,EAAgB,IAAS,KAAO,EAAO;~~IAEzC~~,~~EACK;;CAGT~~,IAAM,IAAW,EAAQ,EAAU,~~EAAS~~,~~EAAE~~,~~EAAE~~,EAAE~~,GAAG~~;AA+~~BrD~~,~~QA9BA~~,QAAQ,IAAI,~~EAAS~~,~~EACA~~,EAAK,~~EAAS~~,~~CAChC~~,KAAI,MAAO;EACV,IAAI,IAAM,EAAS;~~AAInB~~,~~EAHI~~,EAAS,OAAS,OACpB,IAAM,UAEJ,EAAS,OAAS,OACpB,IAAM;EAER,IAAM,IAAW,EAAI,QAAQ,~~IAAI~~;~~AACjC~~,~~SAAO~~;GACL,QAAQ,EAAK,GAAO,EAAE,IAAI,EAAI,UAAU,GAAG,~~EAAS~~,EAAE,CAAC;~~GACvD~~,OAAO,EAAU,GAAK,GAAQ,~~EAAS~~;~~GACvC~~,OAAO;~~GACR~~;~~GACD~~,~~CACD~~,QAAO,MAAQ,EAAK,MAAM,QAAQ,~~6BAA6B~~,~~KAAK~~,~~GAExD~~,~~CACZ~~,QAAO,MAAQ,EAAK,UAAiB,EAAK,UAAU,~~OAAY~~,~~CAChE~~,KAAI,OACI;EACL,OAAO,EAAK;EACZ,OAAO,EAAK;EACZ,QAAQ,EAAK;~~EACd~~,EACD,~~CACD~~,MAAM,GAAG,MAAM,EAAE,OAAO,QAAQ,EAAE,OAAO,~~MAErC;;AAGT~~,SAAwB,EAAa,GAA0B;CAC7D,IAAI,IAAgC,~~EAAE~~;~~AAEtC~~,~~KAAe~~,EACb,EAAU,EAAM,~~SAAS~~,~~EACzB~~,EAAM,OACN,EAAM,QACN,EAAM,~~SACP~~;~~CAED~~,IAAI,IAAe,IACb,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;EAAO,WAAU;YACf,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA;GACE,kBAAC,MAAD,EAAA,UAAI,~~QAAS~~,CAAA;~~GACb~~,kBAAC,MAAD,EAAA,UAAI,~~SAAU~~,CAAA;~~GACd~~,kBAAC,MAAD,EAAA,UAAI,~~SAAU~~,CAAA;~~GACX~~,EAAA,CAAA,EACC,CAAA;~~EACF~~,CAAA,~~EAER~~,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,SAAD;GAAO,WAAU;aACf,kBAAC,SAAD,EAAA,UACG,EAAa,KAAK,GAAqB,MAEpC,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD,EAAA,UACG,MAAiB,EAAK,OAAO,OAC3B,IAAe,EAAK,OAAO,OAC1B,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAO,~~OAAa~~,CAAA,EAEjC,CAAA;~~IACL~~,kBAAC,MAAD,EAAA,UAAK,EAAK,~~OAAW~~,CAAA;~~IAErB~~,kBAAC,MAAD,EAAA,UAAK,EAAK,~~OAAW~~,CAAA;~~IAClB~~,EAAA,~~EAVI~~,GAAG,EAAE,GAAG,EAAK,OAAO,GAAG,GAAG,EAAK,~~QAUnC~~,CAEP,EACI,CAAA;~~GACF~~,CAAA;~~EACJ~~,CAAA,CACL,EAAA,CAAA;~~AAGL~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,KAAD;GAAG,WAAU;aAA0B;~~GAInC~~,CAAA;~~EACJ~~,kBAAC,UAAD;GAAQ,WAAU;GAAsB,eAAe,OAAO,~~OAAO~~;~~aAAE~~;~~GAE9D~~,CAAA;~~EACT~~,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAuB;~~IAAY~~,CAAA;~~GAC9C~~,CAAA;~~EACL~~,EAAA,CAAA"}
1	+ {"version":3,"file":"SummaryTable.js","names":[],"sources":["../../../src/components/SynapseForm/SummaryTable.tsx"],"sourcesContent":["import { UiSchema } from '@rjsf/utils'\nimport { FormSchema, Step, SummaryFormat } from './types'\nimport {\n cloneDeep,\n find,\n first,\n get,\n isArray,\n isDate,\n isObject,\n isString,\n keys,\n} from 'lodash-es'\n\nexport interface SummaryTableProps {\n isWizard?: boolean\n formData: any\n callbackFn?: (screenId: string) => void\n steps: Step[]\n schema: FormSchema\n uiSchema: UiSchema\n}\n\nfunction findLabel(key: string, schema: any, uiSchema: UiSchema): string {\n const regex1 = /\\[\\d+\\]\\./g\n const regex3 = /\\.(\\d)+/g\n\n key = key.replace(regex3, '[$1]')\n\n const propArr = key.split('.')\n // some things require labels in schema (e.g. checkboxes) so this is preferred\n const labelFromSchema = `${propArr.join('.properties.')}.title`\n //can be overriden by label in UI\n const labelFromUi = `${key}.ui:title`\n //for array fields we need to change the property e.g.\n // ld50.experiments[0].species_other should look like 'ld50.experiments.items.species_other'\n const arrayLabelFromSchema = labelFromSchema.replace(regex1, '.items.')\n const arrayLabelFromUiSchema = labelFromUi.replace(regex1, '.items.')\n const indexMatch = labelFromSchema.match(regex1)\n let index = first(indexMatch)\n\n if (index) {\n index = index.substring(1, index.length - 2)\n index = !isNaN(parseInt(index)) ? `${parseInt(index) + 1}` : ''\n }\n\n const label =\n get(uiSchema, labelFromUi) \|\|\n get(schema.properties, labelFromSchema) \|\|\n get(uiSchema, arrayLabelFromUiSchema) \|\|\n get(schema.properties, arrayLabelFromSchema) \|\|\n `${arrayLabelFromSchema}`\n return `${index ? '[' + index + '] ' : ''}${label}`\n}\n\nexport function getFlatData(\n formData: any,\n steps: Step[],\n schema: FormSchema,\n uiSchema: UiSchema,\n): SummaryFormat[] {\n //takes nested json and converts it into flattened item list\n\n function flatten(\n object: Record<string, any>,\n flattenedObject: Record<string, any>,\n prefix: string,\n ): Record<string, any> {\n const separator = '.'\n Object.keys(object).forEach(key => {\n if (object[key] === null) {\n flattenedObject[prefix + key] = ''\n } else if (\n //if the value is a proper array\n isArray(object[key]) &&\n !isString(object[key])\n ) {\n object[key].forEach((item: any, i: number) => {\n if (isArray(item) \|\| (isObject(object[key]) && !isString(item))) {\n flatten(item, flattenedObject, `${prefix}${key}[${i}]${separator}`)\n } else {\n let prevVal = flattenedObject[`${prefix}${key}`]\n prevVal = prevVal ? `${prevVal}, ` : ''\n flattenedObject[`${prefix}${key}`] = prevVal + item\n }\n })\n } else if (isObject(object[key]) && !isDate(object[key])) {\n flatten(object[key], flattenedObject, `${prefix}${key}${separator}`)\n } else {\n flattenedObject[prefix + key] = object[key]\n }\n })\n return flattenedObject\n }\n\n const flatData = flatten(cloneDeep(formData), {}, '')\n console.log(flatData)\n const flatFormData = keys(flatData)\n .map(key => {\n let val = flatData[key]\n if (flatData[key] === false) {\n val = 'false'\n }\n if (flatData[key] === true) {\n val = 'true'\n }\n const boundary = key.indexOf('.')\n return {\n screen: find(steps, { id: key.substring(0, boundary) }),\n label: findLabel(key, schema, uiSchema),\n value: val,\n }\n })\n .filter(item => item.label.indexOf('.properties.included.title') === -1) //included is the property we generate to help with validation of optional forms\n\n const result = flatFormData\n .filter(item => item.screen && typeof item.value !== 'undefined')\n .map(item => {\n return {\n label: item.label,\n value: item.value,\n screen: item.screen!,\n }\n })\n .sort((a, b) => a.screen.order - b.screen.order)\n\n return result\n}\n\nexport default function SummaryTable(props: SummaryTableProps) {\n let flatFormData: SummaryFormat[] = []\n\n flatFormData = getFlatData(\n cloneDeep(props.formData),\n props.steps,\n props.schema,\n props.uiSchema,\n )\n\n let prevScreenId = ''\n const table = (\n <>\n <table className=\"table summary-table-header\">\n <thead>\n <tr>\n <th>Step</th>\n <th>Label</th>\n <th>Value</th>\n </tr>\n </thead>\n </table>\n\n <div className=\"scroll-area table-body\">\n <table className=\"table summary-table\">\n <tbody>\n {flatFormData.map((line: SummaryFormat, i: number) => {\n return (\n <tr key={`${i}-${line.screen.id}-${line.label}`}>\n <td>\n {prevScreenId !== line.screen.id &&\n (prevScreenId = line.screen.id) && (\n <span>{line.screen.title}</span>\n )}\n </td>\n <td>{line.label}</td>\n\n <td>{line.value}</td>\n </tr>\n )\n })}\n </tbody>\n </table>\n </div>\n </>\n )\n\n return (\n <>\n <p className=\"step-exclude-directions\">\n Below is all of the data you have entered. Before submitting, click\n "Validate" to ensure that all of the required data has been\n entered.\n </p>\n <button className=\"nav-link pull-right\" onClick={() => window.print()}>\n Print this data\n </button>\n <div className=\"panel panel-default padding-full wrap\">\n <div className=\"summary scroll-area\">{table}</div>\n </div>\n </>\n )\n}\n"],"mappings":"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"}