{"version":3,"file":"static/js/1559.bc62110a.chunk.js","mappings":"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","sources":["ao/components/Showroom/Showroom.tsx","ao/components/Showroom/frameworkComponents/GalleryStageComponents/StageStyles/StageCard.tsx","ao/components/Showroom/frameworkComponents/GeneralComponents/ShowroomContent.tsx","ao/components/Showroom/frameworkComponents/GeneralComponents/ShowroomContentHeader.tsx","ao/components/Showroom/frameworkComponents/GeneralComponents/ShowroomErrorAlert.tsx"],"sourcesContent":["/**\r\n * @copyright Copyright 2023-2023 Epic Systems Corporation\r\n * @file Showroom landing page component\r\n * @module Epic.AppOrchard.Showroom.Showroom\r\n */\r\n\r\nimport { AbsoluteCenter, Box, Center, Flex, Image, Link, Text, VStack } from \"@chakra-ui/react\";\r\nimport { useShowroomState } from \"ao/state/showroom\";\r\nimport { useSiteInfoState } from \"ao/state/siteInfo\";\r\nimport { ITopLevelComponentProps } from \"ao/types\";\r\nimport { getBaseUrl } from \"ao/utils/helpers\";\r\nimport React, { FunctionComponent, memo, useMemo } from \"react\";\r\nimport { StageCardGrid } from \"./frameworkComponents/GalleryStageComponents/StageStyles/StageCard\";\r\nimport { ShowroomContent } from \"./frameworkComponents/GeneralComponents/ShowroomContent\";\r\nimport { ShowroomContentHeader } from \"./frameworkComponents/GeneralComponents/ShowroomContentHeader\";\r\nimport { ShowroomErrorAlert } from \"./frameworkComponents/GeneralComponents/ShowroomErrorAlert\";\r\n\r\nconst Showroom: FunctionComponent<ITopLevelComponentProps> = memo(() => {\r\n\tconst { siteInfo } = useSiteInfoState((selectors) => selectors.getState(), []);\r\n\tconst { stageTree } = useShowroomState((selectors) => selectors.getState(), []);\r\n\tconst baseUrl = useMemo(getBaseUrl, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<ShowroomContentHeader\r\n\t\t\t\tisAdjustSwoop\r\n\t\t\t\tisHomePage\r\n\t\t\t\tbackgroundColor1=\"#D8D8FF\"\r\n\t\t\t\tbackgroundColor2=\"#F0F0FF\"\r\n\t\t\t\tstageTree={stageTree}\r\n\t\t\t\tcolSpan={[12, 10, 6]}\r\n\t\t\t>\r\n\t\t\t\t<Box pt=\"40px\" pb=\"30px\">\r\n\t\t\t\t\t<Center>\r\n\t\t\t\t\t\t{!!siteInfo.galleryTokens.galleryBlurb && (\r\n\t\t\t\t\t\t\t<Text\r\n\t\t\t\t\t\t\t\tfontSize=\"1.8rem\"\r\n\t\t\t\t\t\t\t\ttextAlign=\"center\"\r\n\t\t\t\t\t\t\t\tmaxW=\"700px\"\r\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\r\n\t\t\t\t\t\t\t\t\t__html: siteInfo.galleryTokens.galleryBlurb,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></Text>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</Center>\r\n\t\t\t\t</Box>\r\n\t\t\t</ShowroomContentHeader>\r\n\t\t\t<ShowroomContent\r\n\t\t\t\tbackground=\"transparent linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%)\"\r\n\t\t\t\tisAdjustSwoop\r\n\t\t\t>\r\n\t\t\t\t{stageTree && stageTree.length > 0 ? (\r\n\t\t\t\t\t<Box mt=\"-150px\">\r\n\t\t\t\t\t\t<StageCardGrid\r\n\t\t\t\t\t\t\tstages={stageTree}\r\n\t\t\t\t\t\t\tstageTree={stageTree}\r\n\t\t\t\t\t\t\tisUseNarrowCards\r\n\t\t\t\t\t\t\thideHeaderSubtext\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AbsoluteCenter>\r\n\t\t\t\t\t\t<ShowroomErrorAlert errorMessage=\"Showroom is currently offline for maintenance.\" />\r\n\t\t\t\t\t</AbsoluteCenter>\r\n\t\t\t\t)}\r\n\t\t\t\t<Box border=\"solid 1px #D8D8FF\" borderRadius=\"10px\" mt=\"30px\">\r\n\t\t\t\t\t<Flex justifyContent=\"center\" alignItems=\"center\">\r\n\t\t\t\t\t\t<Link href={siteInfo.openEpicUrl} target=\"_blank\" isExternal>\r\n\t\t\t\t\t\t\t<Image\r\n\t\t\t\t\t\t\t\tboxSize=\"58px\"\r\n\t\t\t\t\t\t\t\tminWidth=\"58px\"\r\n\t\t\t\t\t\t\t\tsrc={`${baseUrl}Content/images/Open.Epic_Access.png`}\r\n\t\t\t\t\t\t\t\talt=\"open.epic logo\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t<VStack>\r\n\t\t\t\t\t\t\t<Text fontSize=\"1.25rem\" alignSelf=\"center\" fontWeight=\"300\">\r\n\t\t\t\t\t\t\t\tFor vendors, find ways to connect your product with Epic on{\" \"}\r\n\t\t\t\t\t\t\t\t<Link\r\n\t\t\t\t\t\t\t\t\thref={siteInfo.openEpicUrl}\r\n\t\t\t\t\t\t\t\t\tcolor=\"#5C15CD\"\r\n\t\t\t\t\t\t\t\t\tfontWeight=\"500\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\tisExternal\r\n\t\t\t\t\t\t\t\t\t_hover={{\r\n\t\t\t\t\t\t\t\t\t\tcolor: \"#4908b3\",\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\topen.epic.com →\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t\t<Text fontSize=\"1.25rem\" alignSelf=\"center\" fontWeight=\"300\">\r\n\t\t\t\t\t\t\t\tJoin us at the{\" \"}\r\n\t\t\t\t\t\t\t\t<Link\r\n\t\t\t\t\t\t\t\t\thref={siteInfo.openEpicUrl + \"conference\"}\r\n\t\t\t\t\t\t\t\t\tcolor=\"#5C15CD\"\r\n\t\t\t\t\t\t\t\t\tfontWeight=\"500\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\tisExternal\r\n\t\t\t\t\t\t\t\t\t_hover={{\r\n\t\t\t\t\t\t\t\t\t\tcolor: \"#4908b3\",\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tOpen@Epic conference\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t.\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t</VStack>\r\n\t\t\t\t\t</Flex>\r\n\t\t\t\t</Box>\r\n\t\t\t</ShowroomContent>\r\n\t\t</>\r\n\t);\r\n});\r\n\r\nexport default Showroom;\r\n","/**\r\n * @copyright Copyright 2023-2024 Epic Systems Corporation\r\n * @file Generic component for an IGalleryStageWithChildren\r\n * @module Epic.AppOrchard.Showroom.StageCard\r\n */\r\n\r\nimport { Box, Center, Flex, Heading, Image, Text, Wrap, WrapItem } from \"@chakra-ui/react\";\r\nimport { showroomGray, showroomPrimary } from \"ao/chakraTheme\";\r\nimport { AOLink } from \"ao/components/Core\";\r\nimport { getTopLevelStage } from \"ao/components/Showroom/Helper\";\r\nimport { useSiteInfoState } from \"ao/state/siteInfo\";\r\nimport { GalleryCardStyle, IGalleryStageWithChildren, stageHasComingSoonCardStyle } from \"ao/types/showroom\";\r\nimport { getBaseUrl } from \"ao/utils/helpers\";\r\nimport React, { FunctionComponent, memo, useState } from \"react\";\r\n\r\nconst STAGE_CARD_PADDING_X = \"10px\";\r\nconst STAGE_CARD_PADDING_TOP0 = \"0px\";\r\nconst STAGE_CARD_PADDING_TOP10 = \"10px\";\r\nconst STAGE_CARD_PADDING_TOP20 = \"20px\";\r\nconst STAGE_CARD_PADDING_BOTTOM = \"10px\";\r\nconst STAGE_CARD_INTRA_SECTION_PADDING = \"15px\";\r\n\r\ninterface IProps {\r\n\tstage: IGalleryStageWithChildren;\r\n\tstageTree: IGalleryStageWithChildren[];\r\n\tisNarrowCard?: boolean;\r\n\thideHeaderSubtext?: boolean;\r\n}\r\n\r\nexport const StageCard: FunctionComponent<IProps> = memo((props) => {\r\n\tconst { stage, stageTree, isNarrowCard, hideHeaderSubtext } = props;\r\n\r\n\tconst [hover, setHover] = useState<boolean>();\r\n\tconst { siteInfo } = useSiteInfoState((selectors) => selectors.getState(), []);\r\n\r\n\tconst topLevelParent = getTopLevelStage(stage.id, stageTree);\r\n\r\n\tconst isDisplayIcon =\r\n\t\t!!stage.iconPath &&\r\n\t\t[\r\n\t\t\tGalleryCardStyle.IconCard,\r\n\t\t\tGalleryCardStyle.IconCardSummaryOnly,\r\n\t\t\tGalleryCardStyle.IconCardNoFields,\r\n\t\t\tGalleryCardStyle.ComingSoonCardIconOnly,\r\n\t\t].includes(stage.cardStyle);\r\n\tconst isDisplayTitle =\r\n\t\t!!stage.groupName &&\r\n\t\t[GalleryCardStyle.IconCard, GalleryCardStyle.ComingSoonCardTitleOnly].includes(stage.cardStyle);\r\n\tconst isDisplayDescription =\r\n\t\t!!stage.description &&\r\n\t\t[\r\n\t\t\tGalleryCardStyle.IconCard,\r\n\t\t\tGalleryCardStyle.IconCardSummaryOnly,\r\n\t\t\tGalleryCardStyle.ComingSoonCardIconOnly,\r\n\t\t\tGalleryCardStyle.ComingSoonCardTitleOnly,\r\n\t\t].includes(stage.cardStyle);\r\n\tconst isDisplayHeaderSubtext = !!stage.headerSubtext && (isDisplayIcon || isDisplayTitle);\r\n\tconst subheaderColorToUse = stage.textColor || showroomPrimary;\r\n\tconst isComingSoonCard = stageHasComingSoonCardStyle(stage);\r\n\r\n\tconst imageDivHeight =\r\n\t\tisComingSoonCard || (!isDisplayTitle && !isDisplayDescription)\r\n\t\t\t? \"65px\"\r\n\t\t\t: stage.isTopLevel\r\n\t\t\t? \"185px\"\r\n\t\t\t: \"120px\";\r\n\tconst imageMaxWidth =\r\n\t\tisComingSoonCard || (!isDisplayTitle && !isDisplayDescription)\r\n\t\t\t? \"220px\"\r\n\t\t\t: stage.isTopLevel\r\n\t\t\t? \"270px\"\r\n\t\t\t: \"\";\r\n\tconst backgroundColor1 = stage.backgroundColor || \"white\";\r\n\tconst backgroundColor2 = stage.backgroundColor2 || \"white\";\r\n\tconst textColor = stage.textColor || showroomPrimary;\r\n\r\n\tconst borderColor = isComingSoonCard\r\n\t\t? topLevelParent && topLevelParent.backgroundColor\r\n\t\t\t? topLevelParent.backgroundColor\r\n\t\t\t: stage.backgroundColor || showroomGray\r\n\t\t: stage.backgroundColor || { showroomGray };\r\n\tconst borderWidth = isComingSoonCard ? \"2px\" : \"1px\";\r\n\r\n\tconst isWithPatientAtHeart = stage.groupName === \"With the Patient at the Heart\";\r\n\r\n\t// Make the card a link ONLY if it's NOT a Coming Soon card\r\n\tconst conditionalBoxProps: any = !isComingSoonCard\r\n\t\t? {\r\n\t\t\t\tas: AOLink,\r\n\t\t\t\turl: `${siteInfo.showroomRelativeUrl}stage?id=${stage.id}`,\r\n\t\t\t\t_hover: {\r\n\t\t\t\t\ttextDecoration: \"none\",\r\n\t\t\t\t\tboxShadow: \"0px 2px 15px #00000029\",\r\n\t\t\t\t},\r\n\t\t\t\tonMouseOver: () => setHover(true),\r\n\t\t\t\tonMouseOut: () => setHover(false),\r\n\t\t  }\r\n\t\t: {};\r\n\tconst isDisplayArrow = !isComingSoonCard;\r\n\r\n\treturn (\r\n\t\t<Box\r\n\t\t\t{...conditionalBoxProps}\r\n\t\t\tpx={STAGE_CARD_PADDING_X}\r\n\t\t\tpt={\r\n\t\t\t\tstage.isTopLevel\r\n\t\t\t\t\t? STAGE_CARD_PADDING_TOP10\r\n\t\t\t\t\t: isComingSoonCard || (isDisplayIcon && stage.iconPath?.indexOf(\".svg\") > 0)\r\n\t\t\t\t\t? STAGE_CARD_PADDING_TOP20\r\n\t\t\t\t\t: STAGE_CARD_PADDING_TOP0\r\n\t\t\t}\r\n\t\t\tpb={STAGE_CARD_PADDING_BOTTOM}\r\n\t\t\tboxShadow=\"0px 2px 4px #00000029\"\r\n\t\t\tborder={`${borderWidth} solid ${borderColor}`}\r\n\t\t\tbackground={`transparent linear-gradient(153deg, ${backgroundColor1} 0%, ${backgroundColor2} 100%)`}\r\n\t\t\tbackgroundSize=\"cover\"\r\n\t\t\tborderRadius=\"10px\"\r\n\t\t\tw={\"100%\"}\r\n\t\t\tmaxWidth={\r\n\t\t\t\tisNarrowCard\r\n\t\t\t\t\t? \"270px\" /* We want 4 cards across when we have 1170px to work with (incl 30px padding between each) */\r\n\t\t\t\t\t: \"360px\" /* We want 3 cards across when we have 1170px to work with (incl 30px padding between each) */\r\n\t\t\t}\r\n\t\t\th=\"100%\" /* Required for Firefox */\r\n\t\t\tminHeight={stageHasComingSoonCardStyle(stage) ? undefined : isNarrowCard ? \"200px\" : \"170px\"}\r\n\t\t>\r\n\t\t\t<Flex flexDirection=\"column\" height=\"100%\" justifyContent=\"space-between\" px=\"14px\">\r\n\t\t\t\t<Box>\r\n\t\t\t\t\t{isDisplayIcon && (\r\n\t\t\t\t\t\t<Center\r\n\t\t\t\t\t\t\theight={imageDivHeight}\r\n\t\t\t\t\t\t\tmb={\r\n\t\t\t\t\t\t\t\t!stage.isTopLevel &&\r\n\t\t\t\t\t\t\t\t!isComingSoonCard &&\r\n\t\t\t\t\t\t\t\tisDisplayIcon &&\r\n\t\t\t\t\t\t\t\tstage.iconPath?.indexOf(\".png\") > 0\r\n\t\t\t\t\t\t\t\t\t? \"-20px\"\r\n\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Image\r\n\t\t\t\t\t\t\t\tsrc={`${getBaseUrl()}Content/images/${stage.iconPath}`}\r\n\t\t\t\t\t\t\t\tfallback={<></>}\r\n\t\t\t\t\t\t\t\tmaxW={imageMaxWidth}\r\n\t\t\t\t\t\t\t\theight=\"100%\"\r\n\t\t\t\t\t\t\t\tobjectFit=\"contain\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</Center>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{isDisplayTitle && (\r\n\t\t\t\t\t\t<Heading\r\n\t\t\t\t\t\t\tpt={\r\n\t\t\t\t\t\t\t\tisDisplayIcon\r\n\t\t\t\t\t\t\t\t\t? isNarrowCard\r\n\t\t\t\t\t\t\t\t\t\t? undefined\r\n\t\t\t\t\t\t\t\t\t\t: STAGE_CARD_INTRA_SECTION_PADDING\r\n\t\t\t\t\t\t\t\t\t: undefined\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tas=\"h3\"\r\n\t\t\t\t\t\t\tfontSize=\"1.6rem\"\r\n\t\t\t\t\t\t\tfontWeight=\"500\"\r\n\t\t\t\t\t\t\tfontFamily=\"Jost\"\r\n\t\t\t\t\t\t\tcolor={textColor}\r\n\t\t\t\t\t\t\ttransform={hover ? \"scale(1.025)\" : \"\"}\r\n\t\t\t\t\t\t\ttransitionDuration=\"200ms\"\r\n\t\t\t\t\t\t\ttextDecoration={hover ? \"underline\" : \"unset\"}\r\n\t\t\t\t\t\t\tw=\"100%\"\r\n\t\t\t\t\t\t\ttextAlign=\"center\"\r\n\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\toverflowWrap: \"anywhere\" /* Ensure long strings don't overflow card */,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{isWithPatientAtHeart ? (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\tWith the Patient\r\n\t\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\t\tat the Heart\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\tstage.groupName\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</Heading>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{isDisplayHeaderSubtext && !hideHeaderSubtext && (\r\n\t\t\t\t\t\t<Heading\r\n\t\t\t\t\t\t\tas=\"h3\"\r\n\t\t\t\t\t\t\tcolor={subheaderColorToUse}\r\n\t\t\t\t\t\t\tfontSize=\"1.4rem\" /* ~18px */\r\n\t\t\t\t\t\t\tfontStyle=\"italic\"\r\n\t\t\t\t\t\t\tfontFamily=\"Jost\"\r\n\t\t\t\t\t\t\tposition=\"relative\"\r\n\t\t\t\t\t\t\ttextAlign=\"center\"\r\n\t\t\t\t\t\t\tpb=\"10px\"\r\n\t\t\t\t\t\t\tmt={!isDisplayTitle ? \"-10px\" : \"\"}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{stage.headerSubtext}\r\n\t\t\t\t\t\t</Heading>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{isDisplayDescription && (\r\n\t\t\t\t\t\t<Text\r\n\t\t\t\t\t\t\ttextAlign=\"center\"\r\n\t\t\t\t\t\t\tfontSize=\"1.25rem\"\r\n\t\t\t\t\t\t\tfontWeight=\"300\"\r\n\t\t\t\t\t\t\tcolor=\"gray.900\"\r\n\t\t\t\t\t\t\tw=\"100%\"\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: stage.description }}\r\n\t\t\t\t\t\t\tnoOfLines={4} //isNarrowCard ? 4 : 3}\r\n\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\toverflowWrap: \"anywhere\" /* Ensure long strings don't overflow card */,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Box>\r\n\r\n\t\t\t\t{isDisplayArrow && (\r\n\t\t\t\t\t<Flex pt={stage.isTopLevel ? \"15px\" : \"10px\"} justify=\"right\" w=\"100%\">\r\n\t\t\t\t\t\t<StageCardArrow color={textColor} hover={hover} />\r\n\t\t\t\t\t</Flex>\r\n\t\t\t\t)}\r\n\t\t\t</Flex>\r\n\t\t</Box>\r\n\t);\r\n});\r\n\r\ninterface IStageCardGridProps {\r\n\tstages: IGalleryStageWithChildren[] | undefined;\r\n\tstageTree: IGalleryStageWithChildren[];\r\n\theaderColor?: string | undefined;\r\n\tisUseNarrowCards?: boolean;\r\n\thideHeaderSubtext?: boolean;\r\n}\r\n\r\nexport const StageCardGrid: FunctionComponent<IStageCardGridProps> = memo((props) => {\r\n\tconst { stages, stageTree, headerColor, isUseNarrowCards, hideHeaderSubtext } = props;\r\n\r\n\tif (!stages?.length) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\t// Split the stages out to \"Coming Soon\" and standard\r\n\tconst primaryStages: IGalleryStageWithChildren[] = [];\r\n\tconst comingSoonStages: IGalleryStageWithChildren[] = [];\r\n\tfor (const stage of stages) {\r\n\t\tif (stageHasComingSoonCardStyle(stage)) {\r\n\t\t\tcomingSoonStages.push(stage);\r\n\t\t} else {\r\n\t\t\tprimaryStages.push(stage);\r\n\t\t}\r\n\t}\r\n\r\n\tconst sharedWrapProps = {\r\n\t\tjustify: \"center\",\r\n\t\tspacing: { base: \"60px\", sm: \"30px\", md: \"30px\" },\r\n\t\tpaddingXL: { base: \"10px\", sm: \"10px\", md: 0 },\r\n\t};\r\n\r\n\tconst labelColor = headerColor || showroomPrimary;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{!!primaryStages.length && (\r\n\t\t\t\t<Wrap {...sharedWrapProps}>\r\n\t\t\t\t\t{primaryStages.map((stage) => (\r\n\t\t\t\t\t\t<WrapItem>\r\n\t\t\t\t\t\t\t<StageCard\r\n\t\t\t\t\t\t\t\tstage={stage}\r\n\t\t\t\t\t\t\t\tstageTree={stageTree}\r\n\t\t\t\t\t\t\t\tkey={stage.id}\r\n\t\t\t\t\t\t\t\tisNarrowCard={isUseNarrowCards}\r\n\t\t\t\t\t\t\t\thideHeaderSubtext={hideHeaderSubtext}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</WrapItem>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</Wrap>\r\n\t\t\t)}\r\n\t\t\t{!!comingSoonStages.length && (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<Heading\r\n\t\t\t\t\t\tmt={primaryStages.length ? \"60px\" : undefined}\r\n\t\t\t\t\t\tmb=\"20px\"\r\n\t\t\t\t\t\tas=\"h3\"\r\n\t\t\t\t\t\tfontSize=\"2rem\"\r\n\t\t\t\t\t\tfontWeight=\"500\"\r\n\t\t\t\t\t\tfontFamily=\"Jost\"\r\n\t\t\t\t\t\ttextAlign=\"center\"\r\n\t\t\t\t\t\tcolor={labelColor}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tComing Soon\r\n\t\t\t\t\t</Heading>\r\n\t\t\t\t\t<Wrap {...sharedWrapProps}>\r\n\t\t\t\t\t\t{comingSoonStages.map((stage) => (\r\n\t\t\t\t\t\t\t<WrapItem>\r\n\t\t\t\t\t\t\t\t<StageCard\r\n\t\t\t\t\t\t\t\t\tstage={stage}\r\n\t\t\t\t\t\t\t\t\tstageTree={stageTree}\r\n\t\t\t\t\t\t\t\t\tkey={stage.id}\r\n\t\t\t\t\t\t\t\t\tisNarrowCard={isUseNarrowCards}\r\n\t\t\t\t\t\t\t\t\thideHeaderSubtext={hideHeaderSubtext}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</WrapItem>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</Wrap>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n});\r\n\r\ninterface IStageCardArrowProps {\r\n\tcolor: string;\r\n\thover: boolean | undefined;\r\n}\r\n\r\nconst StageCardArrow: FunctionComponent<IStageCardArrowProps> = memo((props) => {\r\n\tconst { color, hover } = props;\r\n\r\n\tconst baseWidth = 33.303;\r\n\tconst baseHeight = 18.782;\r\n\tconst hoveredScalar = 1.05; // Subtle expansion when hovered\r\n\tconst scaledWidth = hoveredScalar * baseWidth;\r\n\tconst scaledHeight = hoveredScalar * baseHeight;\r\n\tconst width = hover ? scaledWidth : baseWidth;\r\n\tconst height = hover ? scaledHeight : baseHeight;\r\n\r\n\treturn (\r\n\t\t<Box w={scaledWidth} h={scaledHeight}>\r\n\t\t\t<Flex justifyContent=\"center\" alignItems=\"center\" height=\"100%\">\r\n\t\t\t\t<svg\r\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\twidth={width}\r\n\t\t\t\t\theight={height}\r\n\t\t\t\t\tviewBox={`0 0 ${baseWidth} ${baseHeight}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t<g transform=\"translate(3.061 0.535)\">\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tclassName=\"arrow\"\r\n\t\t\t\t\t\t\td=\"M31.52.75H0V-.75H31.52Z\"\r\n\t\t\t\t\t\t\ttransform=\"translate(-3.061 8.854)\"\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tfill: color,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tclassName=\"arrow\"\r\n\t\t\t\t\t\t\td=\"M-4040.581,10441.323l-1.051-1.07,8.466-8.321-8.466-8.32,1.051-1.07,9.555,9.391Z\"\r\n\t\t\t\t\t\t\ttransform=\"translate(4061.267 -10423.076)\"\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tfill: color,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</svg>\r\n\t\t\t</Flex>\r\n\t\t</Box>\r\n\t);\r\n});\r\n\r\nexport default StageCard;\r\n","/**\r\n * @copyright Copyright 2023 Epic Systems Corporation\r\n * @file Content section for Showroom pages. Adds the curve\r\n * @module Epic.AppOrchard.Showroom.ShowroomContent\r\n */\r\n\r\nimport { Box, BoxProps, Grid, GridItem, useBreakpointValue } from \"@chakra-ui/react\";\r\nimport { ContentWidth, GridGap } from \"ao/components/Showroom/Helper\";\r\nimport React, { FunctionComponent, memo, ReactNode, useMemo } from \"react\";\r\n\r\ninterface IProps {\r\n\tchildren: ReactNode;\r\n\tbackground?: string;\r\n\tcolSpan?: Record<string, number> | number[];\r\n\tmaxWidthOverride?: string;\r\n\tisAdjustSwoop?: boolean | undefined; // Whether to push the background swoop down like on the Home page\r\n}\r\n\r\ntype Props = IProps & BoxProps;\r\n\r\nconst curveProps: BoxProps = {\r\n\tborderTopLeftRadius: \"50% 150px\",\r\n\tborderTopRightRadius: \"50% 150px\",\r\n\r\n\tposition: \"relative\",\r\n\twidth: \"150%\",\r\n\theight: \"100%\",\r\n\tleft: \"-25%\",\r\n\tboxShadow: \"0px 0px 10px #00000029;\",\r\n\tpaddingTop: \"50px\",\r\n\tpaddingX: \"25%\",\r\n\tflexGrow: \"1\",\r\n};\r\n\r\nexport const ShowroomContent: FunctionComponent<Props> = memo((props) => {\r\n\tconst { children, background, colSpan, maxWidthOverride, isAdjustSwoop } = props;\r\n\tconst contentColSpan = useBreakpointValue(colSpan || [12]) || 12;\r\n\tconst contentColStart = useMemo(() => {\r\n\t\tconst spanRoundedDownToEven = Math.floor(contentColSpan / 2) * 2;\r\n\t\treturn (14 - spanRoundedDownToEven) / 2;\r\n\t}, [contentColSpan]);\r\n\r\n\treturn (\r\n\t\t<Box\r\n\t\t\t{...curveProps}\r\n\t\t\tdisplay=\"flex\"\r\n\t\t\tflexDirection=\"column\"\r\n\t\t\tbackground={\r\n\t\t\t\tbackground ??\r\n\t\t\t\t\"transparent linear-gradient(169deg, #FFFFFF 0%, #F3F3FF 100%) 0% 0% no-repeat padding-box\"\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t<Box minH=\"100px\" mt=\"-50px\" pb=\"48px\" pt=\"50px\" flexGrow=\"1\">\r\n\t\t\t\t<Box maxW={maxWidthOverride ?? ContentWidth} m=\"0 auto\">\r\n\t\t\t\t\t<Grid\r\n\t\t\t\t\t\ttemplateColumns=\"repeat(12, 1fr)\"\r\n\t\t\t\t\t\tgap={GridGap}\r\n\t\t\t\t\t\tpaddingX={{ base: \"15px\", md: \"0px\" }}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<GridItem colSpan={contentColSpan} colStart={contentColStart}>\r\n\t\t\t\t\t\t\t<Box mt={isAdjustSwoop ? \"-150px\" : undefined}>{children}</Box>\r\n\t\t\t\t\t\t</GridItem>\r\n\t\t\t\t\t</Grid>\r\n\t\t\t\t</Box>\r\n\t\t\t</Box>\r\n\t\t</Box>\r\n\t);\r\n});\r\n","/**\r\n * @copyright Copyright 2023 Epic Systems Corporation\r\n * @file Content header for most Showroom pages\r\n * @module Epic.AppOrchard.Showroom.ShowroomContentHeader\r\n */\r\n\r\nimport { Box, BoxProps, Grid, GridItem, useBreakpointValue } from \"@chakra-ui/react\";\r\nimport { ShowroomHomeHeader } from \"ao/components/Frame/ShowroomHeader\";\r\nimport { IGalleryStageWithChildren } from \"ao/types/showroom\";\r\nimport { getBaseUrl } from \"ao/utils/helpers\";\r\nimport React, { FunctionComponent, memo, ReactNode, useMemo } from \"react\";\r\nimport { ContentWidth, GridGap } from \"../../Helper\";\r\n\r\ninterface IProps {\r\n\tchildren: ReactNode;\r\n\tbackground?: string;\r\n\tbackgroundSize?: string;\r\n\tbackgroundColor1: string;\r\n\tbackgroundColor2: string;\r\n\tcolSpan?: Record<string, number> | number[];\r\n\tisAdjustSwoop?: boolean | undefined; // Whether to push the background swoop down like on the Home page\r\n\tisHomePage?: boolean;\r\n\tstageTree?: IGalleryStageWithChildren[];\r\n\ttitle?: string;\r\n}\r\n\r\ntype Props = IProps & BoxProps;\r\n\r\nexport const ShowroomContentHeader: FunctionComponent<Props> = memo((props) => {\r\n\tconst {\r\n\t\tchildren,\r\n\t\tbackground,\r\n\t\tbackgroundSize,\r\n\t\tbackgroundColor1,\r\n\t\tbackgroundColor2,\r\n\t\tcolSpan,\r\n\t\tisAdjustSwoop,\r\n\t\tisHomePage,\r\n\t\tstageTree,\r\n\t\ttitle,\r\n\t} = props;\r\n\r\n\tconst baseUrl = useMemo(() => getBaseUrl(), []);\r\n\tconst isMobile = useBreakpointValue({ base: true, lg: false }) || false;\r\n\tconst contentColSpan = useBreakpointValue(colSpan || [12]) || 12;\r\n\tconst contentColStart = useMemo(() => {\r\n\t\tconst spanRoundedDownToEven = Math.floor(contentColSpan / 2) * 2;\r\n\t\treturn (14 - spanRoundedDownToEven) / 2;\r\n\t}, [contentColSpan]);\r\n\r\n\tconst boxProps = isHomePage\r\n\t\t? {\r\n\t\t\t\tpaddingTop: isMobile ? \"0px\" : \"75px\",\r\n\t\t\t\tpaddingBottom: isAdjustSwoop ? \"150px\" : \"50px\",\r\n\t\t\t\tmarginTop: \"-95px\",\r\n\t\t  }\r\n\t\t: {\r\n\t\t\t\tpaddingTop: !isMobile ? \"30px\" : \"50px\",\r\n\t\t\t\tpaddingBottom: isAdjustSwoop ? \"150px\" : \"50px\",\r\n\t\t\t\tmarginTop: isMobile ? \"-40px\" : \"40px\",\r\n\t\t  };\r\n\r\n\treturn (\r\n\t\t<Box\r\n\t\t\tmb={\"-50px\"}\r\n\t\t\t{...boxProps}\r\n\t\t\tbackgroundSize={backgroundSize || \"cover\"}\r\n\t\t\tbackground={\r\n\t\t\t\tbackground ||\r\n\t\t\t\t`url('${baseUrl}Content/images/Showroom/Bubbles.png') -700px top, url('${baseUrl}Content/images/Showroom/Bubbles.png') right -700px bottom, transparent linear-gradient(90deg, ${backgroundColor1} 0%, ${backgroundColor2} 20%, ${backgroundColor2} 80%, ${backgroundColor1} 100%)`\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{isHomePage && stageTree && <ShowroomHomeHeader stageTree={stageTree} title={title} />}\r\n\t\t\t<Box maxW={ContentWidth} m=\"0 auto\">\r\n\t\t\t\t<Grid templateColumns=\"repeat(12, 1fr)\" gap={GridGap} paddingX={{ base: \"15px\", md: \"0px\" }}>\r\n\t\t\t\t\t<GridItem colSpan={contentColSpan} colStart={contentColStart}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</GridItem>\r\n\t\t\t\t</Grid>\r\n\t\t\t</Box>\r\n\t\t</Box>\r\n\t);\r\n});\r\n","/**\r\n * @copyright Copyright 2023-2023 Epic Systems Corporation\r\n * @file Error alert page for Showroom\r\n * @module Epic.AppOrchard.Showroom.ShowroomErrorAlert\r\n */\r\n\r\nimport { Alert, AlertDescription, AlertIcon, AlertTitle } from \"@chakra-ui/react\";\r\nimport React, { FunctionComponent, memo } from \"react\";\r\n\r\ninterface IProps {\r\n\terrorMessage: string;\r\n\ttitle?: string;\r\n}\r\n\r\nexport const ShowroomErrorAlert: FunctionComponent<IProps> = memo((props) => {\r\n\tconst { errorMessage, title } = props;\r\n\r\n\treturn (\r\n\t\t<Alert\r\n\t\t\tstatus=\"error\"\r\n\t\t\tvariant=\"subtle\"\r\n\t\t\tflexDirection=\"column\"\r\n\t\t\talignItems=\"center\"\r\n\t\t\tjustifyContent=\"center\"\r\n\t\t\ttextAlign=\"center\"\r\n\t\t\tbackground=\"none\"\r\n\t\t>\r\n\t\t\t<AlertIcon boxSize=\"50px\" mr={0} />\r\n\t\t\t<AlertTitle mt={4} mb={1} fontSize=\"2xl\">\r\n\t\t\t\t{title ?? \"Whoops\"}\r\n\t\t\t</AlertTitle>\r\n\t\t\t<AlertDescription maxWidth=\"none\" fontSize=\"xl\">\r\n\t\t\t\t{errorMessage}\r\n\t\t\t</AlertDescription>\r\n\t\t</Alert>\r\n\t);\r\n});\r\n"],"names":["memo","siteInfo","useSiteInfoState","selectors","getState","stageTree","useShowroomState","baseUrl","useMemo","getBaseUrl","_jsxs","_Fragment","children","_jsx","ShowroomContentHeader","isAdjustSwoop","isHomePage","backgroundColor1","backgroundColor2","colSpan","Box","pt","pb","Center","galleryTokens","galleryBlurb","Text","fontSize","textAlign","maxW","dangerouslySetInnerHTML","__html","ShowroomContent","background","length","mt","StageCardGrid","stages","isUseNarrowCards","hideHeaderSubtext","AbsoluteCenter","ShowroomErrorAlert","errorMessage","border","borderRadius","Flex","justifyContent","alignItems","Link","href","openEpicUrl","target","isExternal","Image","boxSize","minWidth","src","concat","alt","VStack","alignSelf","fontWeight","color","_hover","StageCard","props","_stage$iconPath","_stage$iconPath2","stage","isNarrowCard","hover","setHover","useState","topLevelParent","getTopLevelStage","id","isDisplayIcon","iconPath","GalleryCardStyle","IconCard","IconCardSummaryOnly","IconCardNoFields","ComingSoonCardIconOnly","includes","cardStyle","isDisplayTitle","groupName","ComingSoonCardTitleOnly","isDisplayDescription","description","isDisplayHeaderSubtext","headerSubtext","subheaderColorToUse","textColor","showroomPrimary","isComingSoonCard","stageHasComingSoonCardStyle","imageDivHeight","isTopLevel","imageMaxWidth","backgroundColor","borderColor","showroomGray","borderWidth","isWithPatientAtHeart","conditionalBoxProps","as","AOLink","url","showroomRelativeUrl","textDecoration","boxShadow","onMouseOver","onMouseOut","isDisplayArrow","px","indexOf","backgroundSize","w","maxWidth","h","minHeight","undefined","flexDirection","height","mb","fallback","objectFit","Heading","fontFamily","transform","transitionDuration","sx","overflowWrap","fontStyle","position","noOfLines","justify","StageCardArrow","headerColor","primaryStages","comingSoonStages","push","sharedWrapProps","spacing","base","sm","md","paddingXL","labelColor","Wrap","map","WrapItem","baseWidth","baseHeight","scaledWidth","hoveredScalar","scaledHeight","width","xmlns","viewBox","className","d","style","fill","curveProps","borderTopLeftRadius","borderTopRightRadius","left","paddingTop","paddingX","flexGrow","maxWidthOverride","contentColSpan","useBreakpointValue","contentColStart","Math","floor","display","minH","ContentWidth","m","Grid","templateColumns","gap","GridGap","GridItem","colStart","title","isMobile","lg","boxProps","paddingBottom","marginTop","ShowroomHomeHeader","Alert","status","variant","AlertIcon","mr","AlertTitle","AlertDescription"],"sourceRoot":""}