\",\n '
\n Set ID: \n {setId}\n \n )}\n \n ),\n },\n {\n label: \"Created on\",\n value: createdOn,\n },\n {\n label: \"Version\",\n value: version || \"Unknown\",\n },\n {\n label: \"Confidentiality\",\n value: confidentialityCode,\n },\n {\n label: \"Code\",\n value: code,\n },\n {\n label: \"Language\",\n value: languageCode,\n },\n ];\n\n return
\n Type: \n {type.value}\n \n )}\n \n ) : null,\n },\n {\n label: \"Date/Time\",\n value: dateTime.value,\n },\n {\n label: \"Discharge Disposition\",\n value: dischargeDisposition,\n },\n {\n label: \"Encounter Location\",\n value: encounterLocation,\n },\n ];\n\n return
\n
\n);\n","import * as React from \"react\";\n\nfunction SearchIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 2,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(SearchIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction ThumbDownIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 2,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(ThumbDownIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction ThumbUpIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 2,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(ThumbUpIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction XIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 2,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M6 18L18 6M6 6l12 12\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(XIcon);\nexport default ForwardRef;","export const CTW_MODAL_ID = \"ctw-modal\";\nexport const DOCUMENT_HEADER_ID = \"document-header\";\nexport const TABLE_OF_CONTENT_ID = \"table-of-contents\";\n","export const navigateIntoView = (sectionId: string) => {\n // This is the element that gets scrolled.\n const modalElement = document.getElementById(\"ctw-modal\");\n // The top header of the modal, which may be down a bit due to padding or stickied at top.\n const headerOffset = document.getElementById(\"document-header\")?.getBoundingClientRect().y;\n // This is the target position we want to scroll the section to.\n const tocBottom = document.getElementById(\"table-of-contents\")?.getBoundingClientRect().bottom;\n const sectionElement = document.getElementById(sectionId);\n if (tocBottom === undefined || headerOffset === undefined || !modalElement || !sectionElement) {\n return;\n }\n\n // Scroll the modal such that the section's new top is equal to the toc's bottom.\n const sectionTop = sectionElement.getBoundingClientRect().top;\n modalElement.scrollTop += sectionTop - tocBottom + headerOffset;\n};\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyNF82NzYwKSI+CjxwYXRoIGQ9Ik0xNi45NzY3IDE3LjIyMkwxMS40MTQ5IDEzLjk1NDVMMTUuNDI0OCA2Ljg4NDc0QzE1LjQ1MSA2LjgzOTI1IDE1LjQ5NzIgNi43NTYxMSAxNS40MjQ4IDYuNjI3NDhDMTUuMzUyNCA2LjQ5ODg1IDE1LjI1NjggNi40OTg4NSAxNS4yMDYgNi40OTg4NUg3LjE4NDU3Vi0wLjAzOTE4NDZIMTUuMjA2QzE3LjYxOTMgLTAuMDM5MTg0NiAxOS43Nzk5IDEuMjI5ODQgMjAuOTg2NiAzLjM1Njg5QzIyLjE5MzMgNS40ODM5NSAyMi4xOTMzIDguMDIzNTYgMjAuOTg2NiAxMC4xNTA2TDE2Ljk3NjcgMTcuMjIwNFYxNy4yMjJaIiBmaWxsPSIjMDA4MDUxIi8+CjxwYXRoIGQ9Ik0xNC41OTQgMjRINi42NDY2QzQuMjMzMjQgMjQgMi4wNzI2MiAyMi43MzA5IDAuODY1OTQ2IDIwLjYwMzlDLTAuMzQwNzMyIDE4LjQ3NjggLTAuMzQwNzMyIDE1LjkzNzIgMC44NjU5NDYgMTMuODEwMkw0Ljg3NTg4IDYuNzQwMzZMMTAuNDM2MiAxMC4wMDc4TDYuNDI2MjIgMTcuMDc3NkM2LjQwMDAyIDE3LjEyMzEgNi4zNTM3OSAxNy4yMDYyIDYuNDI2MjIgMTcuMzM0OUM2LjQ5ODY1IDE3LjQ2MzUgNi41OTQyIDE3LjQ2MzUgNi42NDUwNiAxNy40NjM1SDE0LjU5MjVWMjRIMTQuNTk0WiIgZmlsbD0iIzcxQjJDOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIyNF82NzYwIj4KPHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=\"","// eslint-disable-next-line @typescript-eslint/no-restricted-imports\nimport { useEffect, useLayoutEffect } from \"react\";\n\n// Wraps use of useLayoutEffect in a guard to protect against SSR uses.\nexport const useIsomorphicLayoutEffect =\n typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n","// DO NOT IMPORT OUTSIDE THINGS WITHIN THIs FILE!\n// We compile this file and any imports will get compiled\n// to .js files which would then need to be cleaned up.\n\ntype Subset\n
\n \n );\n};\n\nexport const DocumentHeader = ({\n onClose,\n actions,\n overridePatient,\n}: {\n onClose?: () => void;\n actions?: ReactNode;\n overridePatient?: PatientModel | undefined;\n}) => {\n const zapContextPatient = usePatient();\n const containerRef = useRef\n
\n {children}
\n \n 
\n \n {patient?.firstName}\n {patient?.lastName}\n {`(${patient?.gender?.[0]}),`}\n {patient?.dob}\n {`(${patient?.age}yr)`}\n
\n \n \n {actions && \n Close\n \n
\n \n );\n};\n\nconst TableOfContents = ({\n sections,\n breakpoints,\n overridePatient,\n}: {\n sections: SectionType[];\n breakpoints: Breakpoints | undefined;\n overridePatient: PatientModel | undefined;\n}) => {\n const [isHidden, setIsHidden] = useState(false);\n const { trackInteraction } = useAnalytics();\n\n const handleClick = () => {\n setIsHidden(!isHidden);\n trackInteraction(\"toggle_document_section\", {\n action: isHidden ? \"collapse_document_section\" : \"expand_document_section\",\n });\n };\n\n return (\n {actions}
}\n \n
\n )}\n \n );\n};\n\nconst TableOfContentsItems = ({\n sections,\n breakpoints,\n}: {\n sections: SectionType[];\n breakpoints: Breakpoints | undefined;\n}) => {\n // We use the section length to determine whether we should override the default number of columns\n const betterWithTwoCols = sections.length > 7 && sections.length < 15;\n const betterWithOneCol = sections.length < 8;\n const divisor = () => {\n if (betterWithOneCol) return 1;\n if (breakpoints?.md || betterWithTwoCols) return 2;\n return 3;\n };\n\n const gridTemplateRows = Math.ceil(sections.length / divisor());\n const gridTemplateColumns = divisor();\n\n return (\n \n \n in this document\n
\n {!isHidden && (\n \n \n
\n \n
\n \n {sections.map(({ title, id, isEmpty }) => (\n navigateIntoView(id)}\n >\n \n {title} {isEmpty && \" (empty)\"}\n \n \n ))}\n \n
\n );\n};\n\nconst Details = ({\n breakpoints,\n overridePatient,\n}: {\n breakpoints: Breakpoints | undefined;\n overridePatient: PatientModel | undefined;\n}) => {\n const zapContextPatient = usePatient();\n const patient = overridePatient || zapContextPatient.data;\n\n return (\n \n Contents Menu\n
\n\n
\n );\n};\n\nconst CloseDocument = ({ onClose, children }: { onClose?: () => void; children?: ReactNode }) => {\n const { trackInteraction } = useAnalytics();\n\n return (\n \n Details\n
\n \n
\n \n
\n patient name:
\n \n {patient?.firstName}\n {patient?.lastName}\n {`(${patient?.gender?.[0]})`}\n
\n \n
\n dob:
\n {patient?.dob}
\n \n
\n phone:
\n {patient?.phoneNumber}
\n \n
\n email:
\n {patient?.email}
\n \n {title &&
\n );\n\n switch (type) {\n case \"success\":\n toast.success(content, {\n ...toastOptions,\n icon: {title}
}\n {body && {body}
}\n \n \n \n
\n\n {!isHidden && {title}
\n{children}
}\n \n );\n};\n","import xpath, { SelectedValue } from \"xpath\";\n\nexport const wrappedInDiv = (content: string): string =>\n `${content}
`;\n\nexport const parseNestedElement = (element: Document): string => {\n const childNodes = xpath.select(\"child::node()\", element);\n const names = childNodes\n .map((itemChildNode: SelectedValue) =>\n xpath.select1(\"string(name())\", itemChildNode as Node | undefined),\n )\n .filter(Boolean);\n\n const documents = childNodes as Document[];\n\n if (names.length !== 0) {\n return documents.map(parseElement).join(\"\");\n }\n return \"\";\n};\n\nexport const parseElement = (element: Document) => {\n const textElementToParseName = xpath.select1(\"string(name())\", element) as string;\n\n switch (textElementToParseName) {\n case \"br\":\n return \"\";\n case \"caption\":\n return parseCaptionElement(element);\n case \"content\":\n return parseContentElement(element);\n case \"list\":\n return parseListElement(element);\n case \"paragraph\":\n return parseParagraphElement(element);\n case \"table\":\n return parseTableElement(element);\n // Text nodes have no node name\n case \"\":\n return parseTextNode(element);\n default:\n return undefined;\n }\n};\n\nexport const parseTableElement = (tableElementXml: Document | undefined): string | undefined => {\n if (!tableElementXml) return \"\";\n\n const theadElementXml = xpath.select1(\"*[name()='thead']\", tableElementXml) as\n | Document\n | undefined;\n const tbodyElementXml = xpath.select1(\"*[name()='tbody']\", tableElementXml) as\n | Document\n | undefined;\n\n const tableContent = [];\n\n if (theadElementXml) {\n const parsedTheadElement = parseTheadElement(theadElementXml);\n if (parsedTheadElement) tableContent.push(parsedTheadElement);\n }\n\n if (tbodyElementXml) {\n const parsedTbodyElement = parseTbodyElement(tbodyElementXml);\n if (parsedTbodyElement) tableContent.push(parsedTbodyElement);\n }\n\n if (tableContent.length > 0) return `
${nestedData}
`;\n\n const paragraphText = parseTextNode(paragraphElementXml);\n\n if (paragraphText) return `${paragraphText}
`;\n\n return undefined;\n};\n\nexport const parseListElement = (listElelementXml: Document | undefined): string => {\n if (!listElelementXml) return \"\";\n\n const listType = xpath.select1(\"string(@listType)\", listElelementXml) as string;\n\n const listItems = xpath.select(\"*[name()='item']\", listElelementXml) as Document[];\n\n const parsedListItems = listItems\n .map((listItem: Document) => {\n const nestedData = parseNestedElement(listItem);\n if (nestedData) return `- ${parsedListItems}
- ${parsedListItems}
${captionText}
`;\n\n return undefined;\n};\n\nexport const parseTheadElement = (theadElementXml: Document | undefined): string | undefined => {\n if (!theadElementXml) return \"\";\n\n const trElementXml = xpath.select1(\"*[name()='tr']\", theadElementXml) as Document | undefined;\n\n if (trElementXml) {\n const parsedTrElement = parseTrElement(trElementXml);\n if (parsedTrElement) return `${parsedTrElement}`;\n }\n\n return undefined;\n};\n\nexport const parseTbodyElement = (theadElementXml: Document | undefined): string | undefined => {\n if (!theadElementXml) return \"\";\n\n const trElementsXml = xpath.select(\"*[name()='tr']\", theadElementXml) as Document[];\n if (trElementsXml.length > 0) {\n const parsedTrElements = trElementsXml.map((trElementXml: Document) =>\n parseTrElement(trElementXml),\n );\n if (parsedTrElements.length > 0) {\n return `${parsedTrElements.join(\"\")}`;\n }\n }\n\n return undefined;\n};\n\nexport const parseThElement = (thElementXml: Document | undefined): string | undefined => {\n if (!thElementXml) return \"\";\n\n const nestedData = parseNestedElement(thElementXml);\n if (nestedData) return `{children}
;\n}\n\nexport function StackedWrapper({ className, children, ...htmlProps }: ContainerProps) {\n const containerRef = useRef\n {children}\n
\n );\n}\n\nexport function Heading({ className, title, children }: HeadingContainerProps) {\n return (\n \n {title &&
\n );\n}\n\nexport function Title({ className, title, children }: TitleContainerProps) {\n return (\n {title}
}\n {children}\n \n {title &&
\n );\n}\n\nexport function Body({ className, title, titleChildren, children }: BodyContainerProps) {\n const showTitleContainer = !!(title || titleChildren);\n return (\n {title}
}\n {children}\n \n
\n );\n}\n","import {\n Component,\n ComponentType,\n createElement,\n ErrorInfo,\n ForwardedRef,\n forwardRef,\n ForwardRefExoticComponent,\n PropsWithoutRef,\n ReactNode,\n RefAttributes,\n} from \"react\";\nimport * as CTWBox from \"@/components/core/ctw-box\";\nimport { pickBy } from \"@/utils/nodash\";\nimport { Telemetry } from \"@/utils/telemetry\";\n\ninterface Props {\n children?: ReactNode;\n name?: string;\n trackView?: boolean;\n}\n\ninterface State {\n hasError: boolean;\n error?: Error;\n errorInfo?: ErrorInfo;\n}\n\n/**\n * Error Boundary for internal use.\n */\nexport class ErrorBoundary extends Component\n {showTitleContainer && {titleChildren} }\n {children}\n
\n \n \n Refresh component\n \n
\n \n {state.error?.message || \"Unknown\"}
\n\n \n
\n );\n};\n\nexport const CcdaViewer = withErrorBoundary(CcdaViewerComponent);\n","import { ModifiedAddress } from \"../types\";\nimport { capitalize, isArray, isEmpty } from \"@/utils/nodash\";\n\nconst addressParser = (addr: ModifiedAddress) => {\n if (addr.text) return addr.text;\n let result = \"\";\n\n result += addr.use ? `${capitalize(addr.use)}: ` : \"\";\n result += !isEmpty(addr.line) ? `${addr.line?.join(\"\\n\")}\\n` : \"\";\n result += addr.city ? `${addr.city}, ` : \"\";\n result += addr.state ? `${addr.state} ` : \"\";\n result += addr.postalCode || \"\";\n result += addr.country ? `\\n${addr.country}` : \"\";\n\n return result;\n};\n\nexport const displayForAddress = (address: ModifiedAddress | ModifiedAddress[]): string => {\n if (isEmpty(address)) return \"\";\n\n if (isArray(address)) return address.map(addressParser).join(\"\\n\");\n\n return addressParser(address);\n};\n","import { ModifiedHumanName } from \"../types\";\nimport { isArray, isEmpty } from \"@/utils/nodash\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction isHumanNameArray(data: any): data is ModifiedHumanName[] {\n return isArray(data) && data.every((name) => typeof name === \"object\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction isStringArray(data: any): data is string[] {\n return isArray(data) && data.every((name) => typeof name === \"string\");\n}\n\nconst nameParser = (name: ModifiedHumanName) => {\n if (name.text) return name.text;\n let displayName = \"\";\n if (name.given && name.given.length > 0) {\n displayName = name.given.join(\" \");\n if (name.family) displayName = `${displayName} ${name.family}`;\n }\n if (name.prefix && name.prefix.length > 0) {\n displayName = `${name.prefix.join(\" \")} ${displayName}`;\n }\n return displayName;\n};\n\nexport const displayForName = (\n humanName: ModifiedHumanName[] | ModifiedHumanName | string | string[]\n): string => {\n if (isEmpty(humanName)) return \"\";\n\n if (typeof humanName === \"string\") return humanName;\n\n if (isStringArray(humanName)) {\n return humanName.reduce((acc, val, index) => {\n const withNewLine = index === 0 ? \"\" : \"\\n\";\n return `${acc}${withNewLine}${val}`;\n }, \"\");\n }\n\n if (isHumanNameArray(humanName)) return humanName.map(nameParser).join(\", \");\n\n return nameParser(humanName);\n};\n","import { ModifiedContactPoint } from \"../types\";\nimport { capitalize, isArray, isEmpty } from \"@/utils/nodash\";\n\nconst telecomParser = ({ use, system, value }: ModifiedContactPoint) => {\n const withUse = use ? ` (${use})` : \"\";\n const withSystem = system ? `${capitalize(system)}${withUse}:` : \"\";\n return `${withSystem} ${value}`.trim();\n};\n\nexport const displayForTelecom = (\n telecom: ModifiedContactPoint | ModifiedContactPoint[]\n): string => {\n if (isEmpty(telecom)) return \"\";\n\n if (isArray(telecom)) return telecom.map(telecomParser).join(\"\\n\");\n\n return telecomParser(telecom);\n};\n","import xpath from \"xpath\";\nimport { displayForAddress } from \"./displayForAddress\";\nimport { ModifiedAddress } from \"../types\";\nimport { isArray, map } from \"@/utils/nodash\";\n\nexport const addressUseMap: Record\n {texts.map(({ title, humanReadable, id, isEmpty }) => (\n
\n \",\n '
\n Set ID: \n {setId}\n \n )}\n \n ),\n },\n {\n label: \"Created on\",\n value: createdOn,\n },\n {\n label: \"Version\",\n value: version || \"Unknown\",\n },\n {\n label: \"Confidentiality\",\n value: confidentialityCode,\n },\n {\n label: \"Code\",\n value: code,\n },\n {\n label: \"Language\",\n value: languageCode,\n },\n ];\n\n return
\n Type: \n {type.value}\n \n )}\n \n ) : null,\n },\n {\n label: \"Date/Time\",\n value: dateTime.value,\n },\n {\n label: \"Discharge Disposition\",\n value: dischargeDisposition,\n },\n {\n label: \"Encounter Location\",\n value: encounterLocation,\n },\n ];\n\n return
\n
\n);\n","import xpath from \"xpath\";\nimport { formatDate, parseToISOString } from \"../../../helpers\";\n\nexport const getTitle = (document: Document): string => {\n const title = String(\n xpath.select1(\"string(*[name()='ClinicalDocument']/*[name()='title']/text())\", document)\n );\n\n const effectiveTime = parseToISOString(\n String(\n xpath.select1(\n \"string(*[name()='ClinicalDocument']/*[name()='effectiveTime']/@value)\",\n document\n )\n )\n );\n\n const date = formatDate(effectiveTime);\n\n return `${title} (${date})`;\n};\n","import { getAuthor } from \"./getAuthor\";\nimport { getConsent } from \"./getConsent\";\nimport { getDocumentationOf } from \"./getDocumentationOf\";\nimport { getEncounter } from \"./getEncounter\";\nimport { getInFulfillmentOf } from \"./getInFulfillmentOf\";\nimport { getPatient } from \"./getPatient\";\nimport { getTitle } from \"./getTitle\";\nimport { LabelValueType } from \"../../../types\";\n\nexport const getHeaderData = (\n document: Document\n): { title: string; labelTypeData: Record\n
\n\n \n \n
\n {children}
\n {title}
\n| {startCase(key.replace(/\\d/g, \"\"))} | \n\n {filteredData.map((data: LabelValueType, index) => (\n \n {data.label && {data.label} }\n {data.value}\n \n ))}\n | \n
\n
\n );\n};\n","import { ReactNode } from \"react\";\nimport xpath from \"xpath\";\nimport { DocumentDetails } from \"./components/DocumentDetails\";\nimport { Header } from \"./components/Header/Header\";\nimport { Section } from \"./components/Section/Section\";\nimport { SectionType } from \"./types\";\nimport { withErrorBoundary } from \"@/components/core/error-boundary\";\n\ntype CccdaViewerComponentProps = {\n document: Document;\n children?: ReactNode;\n};\n\nexport const CcdaViewerComponent = ({\n document,\n children,\n}: CccdaViewerComponentProps): JSX.Element => {\n const sections = xpath.select(\n \"//*[name()='component']/*[name()='section']\",\n document,\n ) as Document[];\n\n const texts: SectionType[] = sections.map((section) => {\n const title = String(xpath.select1(\"string(*[name()='title'])\", section));\n const humanReadable = xpath.select1(\"*[name()='text']\", section) as Document;\n\n const code = String(xpath.select1(\"string(*[name()='code']/@code)\", section));\n\n return { title, humanReadable, code };\n });\n\n return (\n \n \n
\n {isOpen && (\n {title}
\n\n
\n )}\n \n {children} \n
\n );\n};\n\nexport const CcdaViewer = withErrorBoundary(CcdaViewerComponent);\n","import UTIF from \"utif\";\n\nexport function tiffToPNG(\n arrayBuffer: ArrayBuffer,\n page = 0,\n): {\n dataUrl: string;\n description: string;\n pageCount: number;\n} {\n const imageFileDirectory = UTIF.decode(arrayBuffer);\n if (imageFileDirectory.length <= page) {\n throw new Error(\"Tiff page number requested is out of bounds\");\n }\n const imageFileDirectoryPage = imageFileDirectory[page];\n // t270 is where an IFD indexes any description of the image\n if (!(\"t270\" in imageFileDirectoryPage && Array.isArray(imageFileDirectoryPage.t270))) {\n imageFileDirectoryPage.t270 = [\"\"]; // Set a default description\n }\n UTIF.decodeImage(arrayBuffer, imageFileDirectoryPage);\n const rgba = UTIF.toRGBA8(imageFileDirectory[0]); // Uint8Array with RGBA pixels\n\n const canvas = document.createElement(\"canvas\");\n canvas.width = imageFileDirectoryPage.width;\n canvas.height = imageFileDirectoryPage.height;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) {\n throw new Error(\"Could not get 2d context\");\n }\n\n const img = ctx.createImageData(canvas.width, canvas.height);\n img.data.set(rgba);\n ctx.putImageData(img, 0, 0);\n\n return {\n dataUrl: canvas.toDataURL(),\n description: `${imageFileDirectoryPage.t270[0]}`,\n pageCount: imageFileDirectory.length,\n };\n}\n","import * as React from \"react\";\n\nfunction ChevronLeftIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(ChevronLeftIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction ChevronRightIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(ChevronRightIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction ExclamationCircleIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(ExclamationCircleIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction ExclamationIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(ExclamationIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction FireIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(FireIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction LockClosedIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(LockClosedIcon);\nexport default ForwardRef;","import * as React from \"react\";\n\nfunction SearchIcon(props, svgRef) {\n return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n ref: svgRef\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\",\n clipRule: \"evenodd\"\n }));\n}\n\nconst ForwardRef = React.forwardRef(SearchIcon);\nexport default ForwardRef;","import { ExclamationCircleIcon, ExclamationIcon } from \"@heroicons/react/solid\";\nimport cx from \"classnames\";\nimport { ReactNode } from \"react\";\n\nexport type AlertType = \"caution\" | \"error\";\n\nexport type AlertProps = {\n header: string;\n children?: ReactNode;\n className?: string;\n};\n\nexport const ErrorAlert = ({ header, children, className }: AlertProps) => (\n \n
\n);\n\nexport const CautionAlert = ({ header, children, className }: AlertProps) => (\n \n
\n {header}
\n {children && {children}
}\n \n
\n);\n","export function FileIcon({ className }: { className?: string }) {\n return (\n \n
\n {header}
\n {children && {children}
}\n \n
\n);\n","import { FlagProvider, UnleashClient, useUnleashContext } from \"@unleash/proxy-client-react\";\nimport jwtDecode from \"jwt-decode\";\nimport { createContext, ReactNode, useEffect, useMemo, useState } from \"react\";\nimport { useGetAuthToken } from \"./authentication/use-get-auth-token\";\nimport { Env } from \"./types\";\n\n// Map our env to the unleash environment, defaulting to \"development\".\n// NOTE: these keys are hardcoded in https://github.com/zeus-health/aws-base/blame/8eb18e694f5c94b70f15559254ce10027e74f4b4/unleash/scripts/create_secrets.sh#L33-L39\n// so they could change without notice. INFRA-729 will create these in AWS secrets for all\n// accounts but for now it is safe to store these in GitHub\nexport const getUnleashProxyForEnv = (env: Env) => {\n switch (env) {\n case \"production\":\n return {\n url: \"https://unleash-proxy-prod.zusapi.com/proxy\",\n clientKey: \"MDE0NDU5NTQtNEIyNC00RUVGLUI4NDUtRTE3QjYyMUQ3NTAzCg==\",\n };\n case \"phi-test\":\n case \"sandbox\":\n return {\n url: \"https://unleash-proxy.zusapi.com/proxy\",\n clientKey: \"Q0QwNUIxODgtQkFEMC00MTA2LUIwRDEtRDgwQ0FFRDBBMzBCCg==\",\n };\n case \"dev\":\n default:\n return {\n url: \"https://unleash-proxy-dev.zusapi.com/proxy\",\n clientKey: \"NTk3QkM3RTItMTU4Qi00NDYwLTlFQjQtNjMyQ0ZFMENBNkY1Cg==\",\n };\n }\n};\n\nexport const getUnleashContext = (zusToken: string) => {\n const decoded = jwtDecode(zusToken) as { [key: string]: string };\n // For some reason unleash proxy does not like localhost appearing\n // in the query params and will return 403's.\n // As a work around, we replace localhost with local.\n const hostname = window.location.hostname.replace(\"localhost\", \"local\");\n\n return {\n userId: decoded[\"https://zusapi.com/user_id\"],\n properties: {\n builderId: decoded[\"https://zusapi.com/builder_id\"],\n builderName: decoded[\"https://zusapi.com/builder_name\"],\n userType: decoded[\"https://zusapi.com/user_type\"],\n email: decoded[\"https://zusapi.com/email\"],\n hostname,\n },\n };\n};\n\nexport const FeatureFlagContext = createContext({\n unleashClientFailed: false,\n});\n\nexport type FeatureFlagProviderProps = {\n env: Env;\n children: ReactNode;\n};\n\nexport function FeatureFlagProvider({ env, children }: FeatureFlagProviderProps) {\n const unleashClient = useMemo(\n () =>\n new UnleashClient({\n ...getUnleashProxyForEnv(env),\n refreshInterval: 15, // (in seconds)\n appName: \"ctw-component-library\",\n context: {},\n }),\n [env],\n );\n\n return (\n \n \n {ccdaDoc ?? data}\n
\n \n )}\n \n );\n};\n\ntype OriginalCCDAViewerProps = {\n ccdaDoc: Document | JSX.Element | undefined;\n contentType: string;\n downloadAndPrintButtons: JSX.Element;\n data: string;\n};\n\nconst OriginalCCDAViewer = ({\n ccdaDoc,\n contentType,\n downloadAndPrintButtons,\n data,\n}: OriginalCCDAViewerProps) => (\n \n {ccdaDoc && isSpecificContentType(xmlTypes, contentType) ? (\n \n {downloadAndPrintButtons}\n \n ) : (\n
\n);\n\nexport type DownloadButtonsProps = {\n fileName: string | undefined;\n contentType: string;\n blob: Blob;\n handlePrint: ReturnType\n {downloadAndPrintButtons}\n
\n )}\n {ccdaDoc ?? data}
\n \n \n \n \n\n {showPrintBtn && (\n window.print()}\n >\n
\n );\n}\n\nfunction PreviewTiffImg({ data }: { data?: ArrayBuffer }) {\n if (!data) {\n return {description}
\n \n );\n}\n\nfunction PreviewPdf({ data }: { data: Blob }) {\n try {\n const url = URL.createObjectURL(data);\n return (\n\n
\n );\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn(e);\n return (\n \n
\n);\n","export const base64toBlob = (data: string, type = \"application/pdf\") => {\n const bytes = atob(data);\n let { length } = data;\n const out = new Uint8Array(length);\n\n while (length) {\n length -= 1;\n out[length] = bytes.charCodeAt(length);\n }\n\n return new Blob([out], { type });\n};\n","import { Provenance } from \"fhir/r4\";\nimport { base64toBlob } from \"@/components/content/CCDA/base64toBlob\";\nimport { isRenderableBinary } from \"@/components/content/resource/helpers/filters\";\nimport { CTWRequestContext } from \"@/components/core/providers/ctw-context\";\nimport { find, some } from \"@/utils/nodash\";\nimport { QUERY_KEY_BINARY } from \"@/utils/query-keys\";\nimport { queryClient } from \"@/utils/request\";\nimport { withTimerMetric } from \"@/utils/telemetry\";\n\n// Get the binary ID from provenance, if document is renderable\nexport function getBinaryId(provenances: Provenance[], targetId: string): string | undefined {\n for (let i = 0; i < provenances.length; i += 1) {\n const provenance = provenances[i];\n\n const hasTarget = some(provenance.target, (t) => t.reference?.includes(targetId));\n\n if (hasTarget && isRenderableBinary(provenance)) {\n const source = find(provenance.entity, { role: \"source\" });\n if (source?.what.reference) {\n // Return the ID portion of the reference.\n return source.what.reference.split(\"/\")[1];\n }\n }\n }\n\n return undefined;\n}\n\nasync function blobToBase64(blob: Blob): Promise\n
\n );\n};\n\nfunction DownloadButtons({\n fileName,\n contentType,\n blob,\n handlePrint,\n contentToPrint,\n}: DownloadButtonsProps) {\n const downloadDocument = useCallback(\n (event: MouseEvent\n \n {\n handlePrint(null, () => contentToPrint.current);\n }}\n >\n
\n );\n}\n","import { dismissFilter } from \"../../resource/filters\";\nimport { FilterItem } from \"@/components/core/filter-bar/filter-bar-types\";\n\nexport function allergyFilter(): FilterItem[] {\n return [dismissFilter];\n}\n","import { AllergyIntolerance } from \"fhir/r4\";\nimport { gql } from \"graphql-request\";\nimport {\n fragmentBasic,\n fragmentCoding,\n fragmentEncounterReference,\n fragmentOrganization,\n fragmentPatient,\n fragmentPractitioner,\n} from \"./fragments\";\nimport { GraphqlConnectionNode, GraphqlPageInfo } from \"../client\";\n\nexport interface AllergyIntoleranceConnection {\n pageInfo: GraphqlPageInfo;\n edges: GraphqlConnectionNode\n
,\n ];\n }, [] as ReactElement[]);\n\n // add an extra div we need to separate data rows\n if (dataRows.length - 1 > rowIdx) {\n newDivs.push(\n {headerRow.props.children}
\n{dataCell.props.children}
\n{newRows}
;\n};\n\nexport const DetailsCard = ({ details, hideEmpty = true, documentButton }: DetailsProps) => {\n const [transposedValues, setTransposedValues] = useState(\n details.map(() => Loading Note...
) as ReactNode[]\n );\n\n // transposing the tables can take 1-2 seconds, so wrapping in an useEffect to\n // prevent the screen from freezing\n useEffect(() => {\n const newlyTransposedValues = details.map((detail) =>\n detail.transposeTables ? recursivelyTransposeTables(detail.value, 0) : detail.value\n );\n setTransposedValues(newlyTransposedValues);\n }, [details]);\n\n return (\n \n
\n );\n};\n","import { Dialog, Transition } from \"@headlessui/react\";\nimport cx from \"classnames\";\nimport { Fragment, ReactNode } from \"react\";\n\ntype BaseModalProps = {\n isOpen: boolean;\n onAfterClosed?: () => void;\n children: ReactNode;\n className?: string;\n id?: string;\n};\n\ntype ModalWithCloseOnEscapeOrBackdrop = BaseModalProps & {\n closeOnEscapeOrBackdrop: true;\n onClose: () => void;\n};\n\ntype ModalWithoutCloseOnEscapeOrBackdrop = BaseModalProps & {\n closeOnEscapeOrBackdrop?: false;\n onClose?: () => void;\n};\n\nexport type ModalProps = ModalWithCloseOnEscapeOrBackdrop | ModalWithoutCloseOnEscapeOrBackdrop;\n\nexport const Modal = ({\n isOpen,\n onAfterClosed,\n children,\n className,\n id,\n closeOnEscapeOrBackdrop = false,\n onClose,\n}: ModalProps) => (\n - \n
- {label} \n
- {valueWithTransposedTables} \n
\n
\n {transposedValues.length > 0 &&\n details.map(({ label, value }, idx) => {\n // if we want to hide empty rows and the value is falsy and the value\n // is not zero, then hide it\n if (hideEmpty && !value && value !== 0) {\n // eslint-disable-next-line react/no-array-index-key\n return ;\n }\n\n const valueWithTransposedTables = transposedValues[idx];\n if (!label) {\n return (\n // eslint-disable-next-line react/no-array-index-key\n Details
\n {documentButton}
\n \n
\n );\n }\n return (\n {valueWithTransposedTables}
\n \n
\n );\n })}\n \n \n
\n \n\n \n
\n \n \n \n \n
\n {children}
\n \n \n \n
\n \n {\n onClose();\n trackInteraction(\"close_document\");\n }}\n className=\"ctw-btn-clear\"\n >\n Close panel\n
\n \n
\n \n);\n","import { useCallback, useState } from \"react\";\nimport { base64toBlob } from \"@/components/content/CCDA/base64toBlob\";\nimport { useCTW } from \"@/components/core/providers/use-ctw\";\nimport { getBinaryDocument } from \"@/fhir/binaries\";\n\ntype UseDownloadBinary = {\n downloadBinaryById: (binaryId: string, filename: string) => void;\n isDownloading: boolean;\n error?: string;\n};\n\nexport function useDownloadBinary (): UseDownloadBinary {\n const [isDownloading, setIsDownloading] = useState(false);\n const [error, setError] = useState\n
\n );\n};\n\nconst DetailSummary = ({\n date,\n title,\n subtitle,\n isDetailShown,\n hasDocument = false,\n setIsDetailShown,\n}: {\n date?: string;\n title?: string;\n subtitle?: string;\n isDetailShown: boolean;\n hasDocument?: boolean;\n setIsDetailShown: React.Dispatch\n
\n \n );\n};\n","import { useState } from \"react\";\nimport { HistoryEntry, HistoryEntryProps } from \"./history-entry\";\nimport { Loading } from \"@/components/core/loading\";\nimport { FHIRModel } from \"@/fhir/models/fhir-model\";\nimport { orderBy } from \"@/utils/nodash\";\nimport { UseQueryResultBasic } from \"@/utils/request\";\n\nexport type HistoryEntries = HistoryEntryProps[];\n\nexport type HistoryProps\n
\n \n {date ?? Unknown}\n
\n {(title || subtitle) && (\n \n
\n )}\n {/* Show unknown in the title spot if we don't have one AND if we aren't already\n showing \"Unknown\" in the date spot. */}\n {!title && !subtitle && date && {title}
\n {subtitle}
\n Unknown
}\n \n {hasDocument && (\n
\n \n
\n \n
\n );\n}\n","import { Basic } from \"fhir/r4\";\nimport { FhirResource } from \"fhir-kit-client\";\nimport { createOrEditFhirResource } from \"./action-helper\";\nimport { FHIRModel } from \"./models/fhir-model\";\nimport { getUsersPractitionerReference } from \"./practitioner\";\nimport { SYSTEM_BASIC_RESOURCE_TYPE, SYSTEM_ZUS_PROFILE_ACTION } from \"./system-urls\";\nimport { CTWRequestContext } from \"@/components/core/providers/ctw-context\";\nimport { Telemetry } from \"@/utils/telemetry\";\n\nexport async function recordProfileActionHistory
\n {displayedEntries.map((entry, idx) => (\n // We can have multiple items with the same condition id\n // eslint-disable-next-line react/no-array-index-key\n \n
\n ))}\n {!showAll && (\n \n \n
\n )}\n