@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js

@@ -1,272 +1,215 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, Box, GridBox, Text } from '@codecademy/gamut';
-import { LevelIcon } from '@codecademy/gamut-icons';
-import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { AppHeaderDietCard } from '../AppHeaderDietCard';
-import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';
-import { PanelLayout } from '../AppHeaderSection/PanelLayout';
-import { SkillTile } from '../AppHeaderSkillTile';
-import { CERTIFICATION_PROVIDERS, popularLanguages, popularSubjects } from './consts';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const CourseTopicsPanel = () => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    tabIndex
-  } = useAppHeaderSectionContext();
-  const description = /*#__PURE__*/_jsxs(_Fragment, {
-    children: ["Explore free or paid courses in a wide variety of topics. With something for every skill level, it's easy to find a course that fits your goals. Not sure where to start? \xA0", /*#__PURE__*/_jsx(Anchor, {
-      tabIndex: tabIndex,
-      href: "/welcome/find-a-course",
-      onClick: event => globalHeaderItemClick(event, {
-        type: 'link',
-        href: '/welcome/find-a-course',
-        text: 'Take the quiz',
-        id: 'take-the-quiz'
-      }),
-      children: "Take the quiz"
-    })]
-  });
-  return /*#__PURE__*/_jsxs(PanelLayout, {
-    heading: "Course topics",
-    description: description,
-    linkItem: {
-      type: 'link',
-      href: '/catalog',
-      text: 'Explore the full catalog',
-      trackingTarget: 'topnav_catalog',
-      id: 'explore-all-courses'
-    },
-    children: [/*#__PURE__*/_jsx(Text, {
-      variant: "p-large",
-      fontWeight: 700,
-      as: "h3",
-      children: "Popular languages"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: '1fr 1fr',
-        md: '1fr 1fr 1fr'
-      },
-      gap: 8,
-      pl: 0,
-      as: "ul",
-      listStyle: "none",
-      mb: 24,
-      children: popularLanguages.map(item => /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsx(SkillTile, {
-          item: item
-        })
-      }, item.id))
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "p-large",
-      fontWeight: 700,
-      as: "h3",
-      children: "Popular subjects"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: '1fr 1fr',
-        md: '1fr 1fr 1fr'
-      },
-      gap: 8,
-      pl: 0,
-      as: "ul",
-      listStyle: "none",
-      children: popularSubjects.map(item => /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsx(SkillTile, {
-          item: item
-        })
-      }, item.id))
-    })]
-  });
+import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from "../../../GlobalHeader/context.js";
+import { useAppHeaderDropdownContext } from "../AppHeaderDropdownProvider/index.js";
+import { useAppHeaderSectionContext } from "../AppHeaderSection/AppHeaderSectionContext.js";
+import { AppHeaderDietCard } from "../AppHeaderDietCard/index.js";
+import { PanelLayout } from "../AppHeaderSection/PanelLayout.js";
+import { SkillTile } from "../AppHeaderSkillTile/index.js";
+import { CERTIFICATION_PROVIDERS, popularLanguages, popularSubjects } from "./consts.js";
+import { Anchor, Box, GridBox, Text } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { LevelIcon } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.tsx
+const CourseTopicsPanel = () => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	const { tabIndex } = useAppHeaderSectionContext();
+	const description = /*#__PURE__*/ React.createElement(React.Fragment, null, "Explore free or paid courses in a wide variety of topics. With something for every skill level, it's easy to find a course that fits your goals. Not sure where to start? \xA0", /*#__PURE__*/ React.createElement(Anchor, {
+		tabIndex,
+		href: "/welcome/find-a-course",
+		onClick: (event) => globalHeaderItemClick(event, {
+			type: "link",
+			href: "/welcome/find-a-course",
+			text: "Take the quiz",
+			id: "take-the-quiz"
+		})
+	}, "Take the quiz"));
+	return /*#__PURE__*/ React.createElement(PanelLayout, {
+		heading: "Course topics",
+		description,
+		linkItem: {
+			type: "link",
+			href: "/catalog",
+			text: "Explore the full catalog",
+			trackingTarget: "topnav_catalog",
+			id: "explore-all-courses"
+		}
+	}, /*#__PURE__*/ React.createElement(Text, {
+		variant: "p-large",
+		fontWeight: 700,
+		as: "h3"
+	}, "Popular languages"), /*#__PURE__*/ React.createElement(GridBox, {
+		gridTemplateColumns: {
+			_: "1fr",
+			xs: "1fr 1fr",
+			md: "1fr 1fr 1fr"
+		},
+		gap: 8,
+		pl: 0,
+		as: "ul",
+		listStyle: "none",
+		mb: 24
+	}, popularLanguages.map((item) => /*#__PURE__*/ React.createElement("li", { key: item.id }, /*#__PURE__*/ React.createElement(SkillTile, { item })))), /*#__PURE__*/ React.createElement(Text, {
+		variant: "p-large",
+		fontWeight: 700,
+		as: "h3"
+	}, "Popular subjects"), /*#__PURE__*/ React.createElement(GridBox, {
+		gridTemplateColumns: {
+			_: "1fr",
+			xs: "1fr 1fr",
+			md: "1fr 1fr 1fr"
+		},
+		gap: 8,
+		pl: 0,
+		as: "ul",
+		listStyle: "none"
+	}, popularSubjects.map((item) => /*#__PURE__*/ React.createElement("li", { key: item.id }, /*#__PURE__*/ React.createElement(SkillTile, { item })))));
 };
-export const DietCardGrid = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(GridBox, {
-    as: "ul",
-    gridTemplateColumns: {
-      _: '1fr',
-      sm: 'repeat(2, minmax(0, 1fr))',
-      md: 'repeat(3, minmax(0, 1fr))'
-    },
-    gap: 16,
-    m: 0,
-    p: 0,
-    listStyleType: "none",
-    children: children
-  });
+const DietCardGrid = ({ children }) => {
+	return /*#__PURE__*/ React.createElement(GridBox, {
+		as: "ul",
+		gridTemplateColumns: {
+			_: "1fr",
+			sm: "repeat(2, minmax(0, 1fr))",
+			md: "repeat(3, minmax(0, 1fr))"
+		},
+		gap: 16,
+		m: 0,
+		p: 0,
+		listStyleType: "none"
+	}, children);
 };
-export const CareerPathsPanel = () => {
-  const {
-    globalHeaderDynamicData
-  } = useGlobalHeaderDynamicDataContext();
-  const totalCareerPathCount = globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;
-  const linkText = `Explore all${totalCareerPathCount ? ` ${totalCareerPathCount}` : ''} career paths`;
-  return /*#__PURE__*/_jsx(PanelLayout, {
-    heading: "Career paths",
-    description: "Choose your career and we'll teach you the skills to get job-ready. Each Career Path contains a curated list of lessons, quizzes, videos, and projects to help you learn and practice real-world skills.",
-    linkItem: {
-      type: 'link',
-      href: '/catalog?type=career-path',
-      text: linkText,
-      trackingTarget: 'topnav_catalog_header_explore_all_career_paths',
-      id: 'explore-all-career-paths'
-    },
-    children: /*#__PURE__*/_jsx(DietCardGrid, {
-      children: globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map(path => {
-        return /*#__PURE__*/_jsx(AppHeaderDietCard, {
-          title: path.title,
-          hours: path.durationHours,
-          icon: /*#__PURE__*/_jsx(LevelIcon, {}),
-          difficulty: path.difficulty,
-          href: path.urlPath,
-          trackingTarget: `careerpath_${path.title}`
-        }, `${path.title}-card`);
-      })
-    })
-  });
+const CareerPathsPanel = () => {
+	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
+	const totalCareerPathCount = globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;
+	const linkText = `Explore all${totalCareerPathCount ? ` ${totalCareerPathCount}` : ""} career paths`;
+	return /*#__PURE__*/ React.createElement(PanelLayout, {
+		heading: "Career paths",
+		description: "Choose your career and we'll teach you the skills to get job-ready. Each Career Path contains a curated list of lessons, quizzes, videos, and projects to help you learn and practice real-world skills.",
+		linkItem: {
+			type: "link",
+			href: "/catalog?type=career-path",
+			text: linkText,
+			trackingTarget: "topnav_catalog_header_explore_all_career_paths",
+			id: "explore-all-career-paths"
+		}
+	}, /*#__PURE__*/ React.createElement(DietCardGrid, null, globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map((path) => {
+		return /*#__PURE__*/ React.createElement(AppHeaderDietCard, {
+			key: `${path.title}-card`,
+			title: path.title,
+			hours: path.durationHours,
+			icon: /*#__PURE__*/ React.createElement(LevelIcon, null),
+			difficulty: path.difficulty,
+			href: path.urlPath,
+			trackingTarget: `careerpath_${path.title}`
+		});
+	})));
 };
-export const SkillPathsPanel = () => {
-  const {
-    globalHeaderDynamicData
-  } = useGlobalHeaderDynamicDataContext();
-  const totalSkillPathCount = globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;
-  const linkText = `Explore all${totalSkillPathCount ? ` ${totalSkillPathCount}` : ''} skill paths`;
-  return /*#__PURE__*/_jsx(PanelLayout, {
-    heading: "Skill paths",
-    description: "Build in demand skills fast with a short, curated path. Each one includes interactive content to help you learn and apply your new skill in just a few months.",
-    linkItem: {
-      type: 'link',
-      href: '/catalog?type=skill-path',
-      text: linkText,
-      trackingTarget: 'topnav_catalog_header_explore_all_skill_paths',
-      id: 'explore-all-skill-paths'
-    },
-    children: /*#__PURE__*/_jsx(DietCardGrid, {
-      children: globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map(path => {
-        return /*#__PURE__*/_jsx(AppHeaderDietCard, {
-          title: path.title,
-          hours: path.durationHours,
-          icon: /*#__PURE__*/_jsx(LevelIcon, {}),
-          difficulty: path.difficulty,
-          href: path.urlPath,
-          trackingTarget: `skill_${path.title}`
-        }, `${path.title}-card`);
-      })
-    })
-  });
+const SkillPathsPanel = () => {
+	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
+	const totalSkillPathCount = globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;
+	const linkText = `Explore all${totalSkillPathCount ? ` ${totalSkillPathCount}` : ""} skill paths`;
+	return /*#__PURE__*/ React.createElement(PanelLayout, {
+		heading: "Skill paths",
+		description: "Build in demand skills fast with a short, curated path. Each one includes interactive content to help you learn and apply your new skill in just a few months.",
+		linkItem: {
+			type: "link",
+			href: "/catalog?type=skill-path",
+			text: linkText,
+			trackingTarget: "topnav_catalog_header_explore_all_skill_paths",
+			id: "explore-all-skill-paths"
+		}
+	}, /*#__PURE__*/ React.createElement(DietCardGrid, null, globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map((path) => {
+		return /*#__PURE__*/ React.createElement(AppHeaderDietCard, {
+			key: `${path.title}-card`,
+			title: path.title,
+			hours: path.durationHours,
+			icon: /*#__PURE__*/ React.createElement(LevelIcon, null),
+			difficulty: path.difficulty,
+			href: path.urlPath,
+			trackingTarget: `skill_${path.title}`
+		});
+	})));
 };
-const Image = Box.withComponent('img', {
-  target: "eqfnvo1",
-  label: "Image"
-});
-const GrayscaleToColorHoverLink = /*#__PURE__*/_styled(Anchor, {
-  target: "eqfnvo0",
-  label: "GrayscaleToColorHoverLink"
-})("border:1px solid ", ({
-  theme
-}) => theme.colors['border-tertiary'], ";border-radius:8px;filter:grayscale(1);transition:filter 0.2s ease-out;img{filter:", ({
-  overrideImgFilters
-}) => overrideImgFilters ? 'contrast(5)' : 'brightness(0.25)', ";transition:filter 0.2s ease-out;}&:hover,&:focus{filter:grayscale(0);border-color:", ({
-  theme
-}) => theme.colors.hyper, ";background-color:", ({
-  theme
-}) => theme.colors['navy-100'], ";img{filter:brightness(1);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeU1FIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgR3JpZEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCxcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEaWV0Q2FyZCB9IGZyb20gJy4uL0FwcEhlYWRlckRpZXRDYXJkJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL0FwcEhlYWRlclNlY3Rpb25Db250ZXh0JztcbmltcG9ydCB7IFBhbmVsTGF5b3V0IH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbi9QYW5lbExheW91dCc7XG5pbXBvcnQgeyBTa2lsbFRpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTa2lsbFRpbGUnO1xuaW1wb3J0IHtcbiAgQ0VSVElGSUNBVElPTl9QUk9WSURFUlMsXG4gIHBvcHVsYXJMYW5ndWFnZXMsXG4gIHBvcHVsYXJTdWJqZWN0cyxcbn0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgY29uc3QgQ291cnNlVG9waWNzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBkZXNjcmlwdGlvbiA9IChcbiAgICA8PlxuICAgICAgRXhwbG9yZSBmcmVlIG9yIHBhaWQgY291cnNlcyBpbiBhIHdpZGUgdmFyaWV0eSBvZiB0b3BpY3MuIFdpdGggc29tZXRoaW5nXG4gICAgICBmb3IgZXZlcnkgc2tpbGwgbGV2ZWwsIGl0JmFwb3M7cyBlYXN5IHRvIGZpbmQgYSBjb3Vyc2UgdGhhdCBmaXRzIHlvdXJcbiAgICAgIGdvYWxzLiBOb3Qgc3VyZSB3aGVyZSB0byBzdGFydD8gJm5ic3A7XG4gICAgICA8QW5jaG9yXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgaHJlZj1cIi93ZWxjb21lL2ZpbmQtYS1jb3Vyc2VcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgICAgaHJlZjogJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnLFxuICAgICAgICAgICAgdGV4dDogJ1Rha2UgdGhlIHF1aXonLFxuICAgICAgICAgICAgaWQ6ICd0YWtlLXRoZS1xdWl6JyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIFRha2UgdGhlIHF1aXpcbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ291cnNlIHRvcGljc1wiXG4gICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZycsXG4gICAgICAgIHRleHQ6ICdFeHBsb3JlIHRoZSBmdWxsIGNhdGFsb2cnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBsYW5ndWFnZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIHhzOiAnMWZyIDFmcicsIG1kOiAnMWZyIDFmciAxZnInIH19XG4gICAgICAgIGdhcD17OH1cbiAgICAgICAgcGw9ezB9XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgbWI9ezI0fVxuICAgICAgPlxuICAgICAgICB7cG9wdWxhckxhbmd1YWdlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8bGkga2V5PXtpdGVtLmlkfT5cbiAgICAgICAgICAgIDxTa2lsbFRpbGUgaXRlbT17aXRlbX0gLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cblxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBzdWJqZWN0c1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgPlxuICAgICAgICB7cG9wdWxhclN1YmplY3RzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRGlldENhcmRHcmlkID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEJveFxuICAgICAgYXM9XCJ1bFwiXG4gICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7XG4gICAgICAgIF86ICcxZnInLFxuICAgICAgICBzbTogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgICBtZDogJ3JlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgfX1cbiAgICAgIGdhcD17MTZ9XG4gICAgICBtPXswfVxuICAgICAgcD17MH1cbiAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9HcmlkQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENhcmVlclBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy50b3RhbENhcmVlclBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2FyZWVyUGF0aENvdW50ID8gYCAke3RvdGFsQ2FyZWVyUGF0aENvdW50fWAgOiAnJ1xuICB9IGNhcmVlciBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDaG9vc2UgeW91ciBjYXJlZXIgYW5kIHdlJ2xsIHRlYWNoIHlvdSB0aGUgc2tpbGxzIHRvIGdldCBqb2ItcmVhZHkuIEVhY2ggQ2FyZWVyIFBhdGggY29udGFpbnMgYSBjdXJhdGVkIGxpc3Qgb2YgbGVzc29ucywgcXVpenplcywgdmlkZW9zLCBhbmQgcHJvamVjdHMgdG8gaGVscCB5b3UgbGVhcm4gYW5kIHByYWN0aWNlIHJlYWwtd29ybGQgc2tpbGxzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNhcmVlci1wYXRoJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NhcmVlcl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2FyZWVyLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2FyZWVyUGF0aHMucHJvbW90ZWRDYXJlZXJQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YGNhcmVlcnBhdGhfJHtwYXRoLnRpdGxlfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvRGlldENhcmRHcmlkPlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU2tpbGxQYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxTa2lsbFBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnRvdGFsU2tpbGxQYXRoQ291bnQ7XG4gIGNvbnN0IGxpbmtUZXh0ID0gYEV4cGxvcmUgYWxsJHtcbiAgICB0b3RhbFNraWxsUGF0aENvdW50ID8gYCAke3RvdGFsU2tpbGxQYXRoQ291bnR9YCA6ICcnXG4gIH0gc2tpbGwgcGF0aHNgO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiU2tpbGwgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJCdWlsZCBpbiBkZW1hbmQgc2tpbGxzIGZhc3Qgd2l0aCBhIHNob3J0LCBjdXJhdGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGludGVyYWN0aXZlIGNvbnRlbnQgdG8gaGVscCB5b3UgbGVhcm4gYW5kIGFwcGx5IHlvdXIgbmV3IHNraWxsIGluIGp1c3QgYSBmZXcgbW9udGhzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfc2tpbGxfcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uc2tpbGxQYXRocy5wcm9tb3RlZFNraWxsUGF0aHMubWFwKFxuICAgICAgICAgIChwYXRoKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8QXBwSGVhZGVyRGlldENhcmRcbiAgICAgICAgICAgICAgICBrZXk9e2Ake3BhdGgudGl0bGV9LWNhcmRgfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtwYXRoLnRpdGxlfVxuICAgICAgICAgICAgICAgIGhvdXJzPXtwYXRoLmR1cmF0aW9uSG91cnN9XG4gICAgICAgICAgICAgICAgaWNvbj17PExldmVsSWNvbiAvPn1cbiAgICAgICAgICAgICAgICBkaWZmaWN1bHR5PXtwYXRoLmRpZmZpY3VsdHkgYXMgQ291cnNlRGlmZmljdWx0eX1cbiAgICAgICAgICAgICAgICBocmVmPXtwYXRoLnVybFBhdGh9XG4gICAgICAgICAgICAgICAgdHJhY2tpbmdUYXJnZXQ9e2Bza2lsbF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rID0gc3R5bGVkKEFuY2hvcik8e1xuICBvdmVycmlkZUltZ0ZpbHRlcnM/OiBib29sZWFuO1xufT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZmlsdGVyOiBncmF5c2NhbGUoMSk7XG4gIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICBpbWcge1xuICAgIGZpbHRlcjogJHsoeyBvdmVycmlkZUltZ0ZpbHRlcnMgfSkgPT5cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycyA/ICdjb250cmFzdCg1KScgOiAnYnJpZ2h0bmVzcygwLjI1KSd9O1xuICAgIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGZpbHRlcjogZ3JheXNjYWxlKDApO1xuICAgIGltZyB7XG4gICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMSk7XG4gICAgfVxuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuaHlwZXJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvdmlkZXJUaWxlID0gKHtcbiAgbmFtZSxcbiAgaHJlZixcbiAgaW1nU3JjLFxuICB0YWJJbmRleCxcbn06IHtcbiAgbmFtZTogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGltZ1NyYzogc3RyaW5nO1xuICB0YWJJbmRleDogbnVtYmVyO1xufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIGNvbnN0IGxvd2VyY2FzZWRQcm92aWRlck5hbWUgPSBuYW1lLnRvTG93ZXJDYXNlKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JheXNjYWxlVG9Db2xvckhvdmVyTGlua1xuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAga2V5PXtuYW1lfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD17NDh9XG4gICAgICBwPXs4fVxuICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgIGlkOiBgdG9wbmF2X2NhdGFsb2dfY2VydF8ke2xvd2VyY2FzZWRQcm92aWRlck5hbWV9YCxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQ6IG5hbWUsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICB9KTtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH19XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnM9e25hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ2t1YmVybmV0ZXMnfVxuICAgID5cbiAgICAgIDxJbWFnZSBzcmM9e2ltZ1NyY30gYWx0PXtuYW1lfSBkaXNwbGF5PVwiYmxvY2tcIiBtPVwiYXV0b1wiIC8+XG4gICAgPC9HcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRpb25QYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNlcnRpZmljYXRpb25QYXRoc1xuICAgICAgLnRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudCA/IGAgJHt0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnR9YCA6ICcnXG4gIH0gY2VydGlmaWNhdGlvbiBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDZXJ0aWZpY2F0aW9uIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiUHJlcGFyZSBmb3IgdG9wIGluZHVzdHJ5IGNlcnRpZmljYXRpb25zIHdpdGggYSBndWlkZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgZXhwZXJ0LXJldmlld2VkIGxlc3NvbnMsIGhhbmRzLW9uIHByb2plY3RzLCBhbmQgcHJhY3RpY2UgdGVzdHMgdG8gaGVscCB5b3UgcGFzcyB0aGUgZXhhbS5cIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NlcnRpZmljYXRpb25fcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezE4fSBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICBQcm92aWRlcnNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgICBfOiAnMWZyJyxcbiAgICAgICAgICB4czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICAgICAgICBzbTogJ3JlcGVhdCgzLCAxZnIpJyxcbiAgICAgICAgICBtZDogJ3JlcGVhdCg0LCAxZnIpJyxcbiAgICAgICAgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgPlxuICAgICAgICB7Q0VSVElGSUNBVElPTl9QUk9WSURFUlMubWFwKCh7IG5hbWUsIGxvZ29VcmwsIGh1YlR5cGUgfSkgPT4gKFxuICAgICAgICAgIDxCb3ggYXM9XCJsaVwiIGtleT17bmFtZX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8UHJvdmlkZXJUaWxlXG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgIGhyZWY9e1xuICAgICAgICAgICAgICAgIGh1YlR5cGUgPT09ICdzdWJodWInXG4gICAgICAgICAgICAgICAgICA/IGAvc2VhcmNoP3F1ZXJ5PSR7bmFtZX0gY2VydGlmaWNhdGlvbnNgXG4gICAgICAgICAgICAgICAgICA6IGAvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXA/cHJvdmlkZXI9JHtuYW1lLnRvTG93ZXJDYXNlKCl9YFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGltZ1NyYz17bG9nb1VybH1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG4iXX0= */"));
-const ProviderTile = ({
-  name,
-  href,
-  imgSrc,
-  tabIndex
-}) => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    handleClose
-  } = useAppHeaderDropdownContext();
-  const lowercasedProviderName = name.toLowerCase();
-  return /*#__PURE__*/_jsx(GrayscaleToColorHoverLink, {
-    href: href,
-    variant: "interface",
-    tabIndex: tabIndex,
-    width: "100%",
-    height: 48,
-    p: 8,
-    display: "block",
-    onClick: event => {
-      globalHeaderItemClick(event, {
-        type: 'link',
-        id: `topnav_catalog_cert_${lowercasedProviderName}`,
-        href,
-        text: name,
-        trackingTarget: `topnav_catalog_cert_${lowercasedProviderName}`
-      });
-      handleClose();
-    },
-    overrideImgFilters: name.toLowerCase() === 'kubernetes',
-    children: /*#__PURE__*/_jsx(Image, {
-      src: imgSrc,
-      alt: name,
-      display: "block",
-      m: "auto"
-    })
-  }, name);
+const Image = Box.withComponent("img");
+const GrayscaleToColorHoverLink = /*#__PURE__*/ styled(Anchor, {
+	target: "e1z0zyt50",
+	label: "brand-GrayscaleToColorHoverLink"
+})("border:1px solid ", ({ theme }) => theme.colors["border-tertiary"], ";border-radius:8px;filter:grayscale(1);transition:filter 0.2s ease-out;img{filter:", ({ overrideImgFilters }) => overrideImgFilters ? "contrast(5)" : "brightness(0.25)", ";transition:filter 0.2s ease-out;}&:hover,&:focus{filter:grayscale(0);img{filter:brightness(1);}border-color:", ({ theme }) => theme.colors.hyper, ";background-color:", ({ theme }) => theme.colors["navy-100"], ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTmF2UGFuZWxzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTmF2UGFuZWxzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgR3JpZEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCxcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEaWV0Q2FyZCB9IGZyb20gJy4uL0FwcEhlYWRlckRpZXRDYXJkJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL0FwcEhlYWRlclNlY3Rpb25Db250ZXh0JztcbmltcG9ydCB7IFBhbmVsTGF5b3V0IH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbi9QYW5lbExheW91dCc7XG5pbXBvcnQgeyBTa2lsbFRpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTa2lsbFRpbGUnO1xuaW1wb3J0IHtcbiAgQ0VSVElGSUNBVElPTl9QUk9WSURFUlMsXG4gIHBvcHVsYXJMYW5ndWFnZXMsXG4gIHBvcHVsYXJTdWJqZWN0cyxcbn0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgY29uc3QgQ291cnNlVG9waWNzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBkZXNjcmlwdGlvbiA9IChcbiAgICA8PlxuICAgICAgRXhwbG9yZSBmcmVlIG9yIHBhaWQgY291cnNlcyBpbiBhIHdpZGUgdmFyaWV0eSBvZiB0b3BpY3MuIFdpdGggc29tZXRoaW5nXG4gICAgICBmb3IgZXZlcnkgc2tpbGwgbGV2ZWwsIGl0JmFwb3M7cyBlYXN5IHRvIGZpbmQgYSBjb3Vyc2UgdGhhdCBmaXRzIHlvdXJcbiAgICAgIGdvYWxzLiBOb3Qgc3VyZSB3aGVyZSB0byBzdGFydD8gJm5ic3A7XG4gICAgICA8QW5jaG9yXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgaHJlZj1cIi93ZWxjb21lL2ZpbmQtYS1jb3Vyc2VcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgICAgaHJlZjogJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnLFxuICAgICAgICAgICAgdGV4dDogJ1Rha2UgdGhlIHF1aXonLFxuICAgICAgICAgICAgaWQ6ICd0YWtlLXRoZS1xdWl6JyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIFRha2UgdGhlIHF1aXpcbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ291cnNlIHRvcGljc1wiXG4gICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZycsXG4gICAgICAgIHRleHQ6ICdFeHBsb3JlIHRoZSBmdWxsIGNhdGFsb2cnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBsYW5ndWFnZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIHhzOiAnMWZyIDFmcicsIG1kOiAnMWZyIDFmciAxZnInIH19XG4gICAgICAgIGdhcD17OH1cbiAgICAgICAgcGw9ezB9XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgbWI9ezI0fVxuICAgICAgPlxuICAgICAgICB7cG9wdWxhckxhbmd1YWdlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8bGkga2V5PXtpdGVtLmlkfT5cbiAgICAgICAgICAgIDxTa2lsbFRpbGUgaXRlbT17aXRlbX0gLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cblxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBzdWJqZWN0c1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgPlxuICAgICAgICB7cG9wdWxhclN1YmplY3RzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRGlldENhcmRHcmlkID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEJveFxuICAgICAgYXM9XCJ1bFwiXG4gICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7XG4gICAgICAgIF86ICcxZnInLFxuICAgICAgICBzbTogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgICBtZDogJ3JlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgfX1cbiAgICAgIGdhcD17MTZ9XG4gICAgICBtPXswfVxuICAgICAgcD17MH1cbiAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9HcmlkQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENhcmVlclBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy50b3RhbENhcmVlclBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2FyZWVyUGF0aENvdW50ID8gYCAke3RvdGFsQ2FyZWVyUGF0aENvdW50fWAgOiAnJ1xuICB9IGNhcmVlciBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDaG9vc2UgeW91ciBjYXJlZXIgYW5kIHdlJ2xsIHRlYWNoIHlvdSB0aGUgc2tpbGxzIHRvIGdldCBqb2ItcmVhZHkuIEVhY2ggQ2FyZWVyIFBhdGggY29udGFpbnMgYSBjdXJhdGVkIGxpc3Qgb2YgbGVzc29ucywgcXVpenplcywgdmlkZW9zLCBhbmQgcHJvamVjdHMgdG8gaGVscCB5b3UgbGVhcm4gYW5kIHByYWN0aWNlIHJlYWwtd29ybGQgc2tpbGxzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNhcmVlci1wYXRoJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NhcmVlcl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2FyZWVyLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2FyZWVyUGF0aHMucHJvbW90ZWRDYXJlZXJQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YGNhcmVlcnBhdGhfJHtwYXRoLnRpdGxlfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvRGlldENhcmRHcmlkPlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU2tpbGxQYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxTa2lsbFBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnRvdGFsU2tpbGxQYXRoQ291bnQ7XG4gIGNvbnN0IGxpbmtUZXh0ID0gYEV4cGxvcmUgYWxsJHtcbiAgICB0b3RhbFNraWxsUGF0aENvdW50ID8gYCAke3RvdGFsU2tpbGxQYXRoQ291bnR9YCA6ICcnXG4gIH0gc2tpbGwgcGF0aHNgO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiU2tpbGwgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJCdWlsZCBpbiBkZW1hbmQgc2tpbGxzIGZhc3Qgd2l0aCBhIHNob3J0LCBjdXJhdGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGludGVyYWN0aXZlIGNvbnRlbnQgdG8gaGVscCB5b3UgbGVhcm4gYW5kIGFwcGx5IHlvdXIgbmV3IHNraWxsIGluIGp1c3QgYSBmZXcgbW9udGhzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfc2tpbGxfcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uc2tpbGxQYXRocy5wcm9tb3RlZFNraWxsUGF0aHMubWFwKFxuICAgICAgICAgIChwYXRoKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8QXBwSGVhZGVyRGlldENhcmRcbiAgICAgICAgICAgICAgICBrZXk9e2Ake3BhdGgudGl0bGV9LWNhcmRgfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtwYXRoLnRpdGxlfVxuICAgICAgICAgICAgICAgIGhvdXJzPXtwYXRoLmR1cmF0aW9uSG91cnN9XG4gICAgICAgICAgICAgICAgaWNvbj17PExldmVsSWNvbiAvPn1cbiAgICAgICAgICAgICAgICBkaWZmaWN1bHR5PXtwYXRoLmRpZmZpY3VsdHkgYXMgQ291cnNlRGlmZmljdWx0eX1cbiAgICAgICAgICAgICAgICBocmVmPXtwYXRoLnVybFBhdGh9XG4gICAgICAgICAgICAgICAgdHJhY2tpbmdUYXJnZXQ9e2Bza2lsbF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rID0gc3R5bGVkKEFuY2hvcik8e1xuICBvdmVycmlkZUltZ0ZpbHRlcnM/OiBib29sZWFuO1xufT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZmlsdGVyOiBncmF5c2NhbGUoMSk7XG4gIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICBpbWcge1xuICAgIGZpbHRlcjogJHsoeyBvdmVycmlkZUltZ0ZpbHRlcnMgfSkgPT5cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycyA/ICdjb250cmFzdCg1KScgOiAnYnJpZ2h0bmVzcygwLjI1KSd9O1xuICAgIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGZpbHRlcjogZ3JheXNjYWxlKDApO1xuICAgIGltZyB7XG4gICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMSk7XG4gICAgfVxuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuaHlwZXJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvdmlkZXJUaWxlID0gKHtcbiAgbmFtZSxcbiAgaHJlZixcbiAgaW1nU3JjLFxuICB0YWJJbmRleCxcbn06IHtcbiAgbmFtZTogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGltZ1NyYzogc3RyaW5nO1xuICB0YWJJbmRleDogbnVtYmVyO1xufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIGNvbnN0IGxvd2VyY2FzZWRQcm92aWRlck5hbWUgPSBuYW1lLnRvTG93ZXJDYXNlKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JheXNjYWxlVG9Db2xvckhvdmVyTGlua1xuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAga2V5PXtuYW1lfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD17NDh9XG4gICAgICBwPXs4fVxuICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgIGlkOiBgdG9wbmF2X2NhdGFsb2dfY2VydF8ke2xvd2VyY2FzZWRQcm92aWRlck5hbWV9YCxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQ6IG5hbWUsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICB9KTtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH19XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnM9e25hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ2t1YmVybmV0ZXMnfVxuICAgID5cbiAgICAgIDxJbWFnZSBzcmM9e2ltZ1NyY30gYWx0PXtuYW1lfSBkaXNwbGF5PVwiYmxvY2tcIiBtPVwiYXV0b1wiIC8+XG4gICAgPC9HcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRpb25QYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNlcnRpZmljYXRpb25QYXRoc1xuICAgICAgLnRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudCA/IGAgJHt0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnR9YCA6ICcnXG4gIH0gY2VydGlmaWNhdGlvbiBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDZXJ0aWZpY2F0aW9uIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiUHJlcGFyZSBmb3IgdG9wIGluZHVzdHJ5IGNlcnRpZmljYXRpb25zIHdpdGggYSBndWlkZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgZXhwZXJ0LXJldmlld2VkIGxlc3NvbnMsIGhhbmRzLW9uIHByb2plY3RzLCBhbmQgcHJhY3RpY2UgdGVzdHMgdG8gaGVscCB5b3UgcGFzcyB0aGUgZXhhbS5cIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NlcnRpZmljYXRpb25fcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezE4fSBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICBQcm92aWRlcnNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgICBfOiAnMWZyJyxcbiAgICAgICAgICB4czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICAgICAgICBzbTogJ3JlcGVhdCgzLCAxZnIpJyxcbiAgICAgICAgICBtZDogJ3JlcGVhdCg0LCAxZnIpJyxcbiAgICAgICAgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgPlxuICAgICAgICB7Q0VSVElGSUNBVElPTl9QUk9WSURFUlMubWFwKCh7IG5hbWUsIGxvZ29VcmwsIGh1YlR5cGUgfSkgPT4gKFxuICAgICAgICAgIDxCb3ggYXM9XCJsaVwiIGtleT17bmFtZX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8UHJvdmlkZXJUaWxlXG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgIGhyZWY9e1xuICAgICAgICAgICAgICAgIGh1YlR5cGUgPT09ICdzdWJodWInXG4gICAgICAgICAgICAgICAgICA/IGAvc2VhcmNoP3F1ZXJ5PSR7bmFtZX0gY2VydGlmaWNhdGlvbnNgXG4gICAgICAgICAgICAgICAgICA6IGAvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXA/cHJvdmlkZXI9JHtuYW1lLnRvTG93ZXJDYXNlKCl9YFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGltZ1NyYz17bG9nb1VybH1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU1rQyJ9 */");
+const ProviderTile = ({ name, href, imgSrc, tabIndex }) => {
+	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
+	const { handleClose } = useAppHeaderDropdownContext();
+	const lowercasedProviderName = name.toLowerCase();
+	return /*#__PURE__*/ React.createElement(GrayscaleToColorHoverLink, {
+		href,
+		variant: "interface",
+		key: name,
+		tabIndex,
+		width: "100%",
+		height: 48,
+		p: 8,
+		display: "block",
+		onClick: (event) => {
+			globalHeaderItemClick(event, {
+				type: "link",
+				id: `topnav_catalog_cert_${lowercasedProviderName}`,
+				href,
+				text: name,
+				trackingTarget: `topnav_catalog_cert_${lowercasedProviderName}`
+			});
+			handleClose();
+		},
+		overrideImgFilters: name.toLowerCase() === "kubernetes"
+	}, /*#__PURE__*/ React.createElement(Image, {
+		src: imgSrc,
+		alt: name,
+		display: "block",
+		m: "auto"
+	}));
 };
-export const CertificationPathsPanel = () => {
-  const {
-    globalHeaderDynamicData
-  } = useGlobalHeaderDynamicDataContext();
-  const {
-    tabIndex
-  } = useAppHeaderSectionContext();
-  const totalCertificationPathCount = globalHeaderDynamicData?.catalogDropdown.certificationPaths.totalCertificationPathCount;
-  const linkText = `Explore all${totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ''} certification paths`;
-  return /*#__PURE__*/_jsxs(PanelLayout, {
-    heading: "Certification paths",
-    description: "Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.",
-    linkItem: {
-      type: 'link',
-      href: '/catalog/certification-prep',
-      text: linkText,
-      trackingTarget: 'topnav_catalog_header_explore_all_certification_paths',
-      id: 'explore-all-certification-paths'
-    },
-    children: [/*#__PURE__*/_jsx(Text, {
-      as: "h3",
-      fontSize: 18,
-      fontWeight: "bold",
-      children: "Providers"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: 'repeat(2, 1fr)',
-        sm: 'repeat(3, 1fr)',
-        md: 'repeat(4, 1fr)'
-      },
-      gap: 16,
-      width: "100%",
-      as: "ul",
-      listStyle: "none",
-      p: 0,
-      m: 0,
-      children: CERTIFICATION_PROVIDERS.map(({
-        name,
-        logoUrl,
-        hubType
-      }) => /*#__PURE__*/_jsx(Box, {
-        as: "li",
-        width: "100%",
-        children: /*#__PURE__*/_jsx(ProviderTile, {
-          name: name,
-          href: hubType === 'subhub' ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
-          imgSrc: logoUrl,
-          tabIndex: tabIndex
-        })
-      }, name))
-    })]
-  });
-};
+const CertificationPathsPanel = () => {
+	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
+	const { tabIndex } = useAppHeaderSectionContext();
+	const totalCertificationPathCount = globalHeaderDynamicData?.catalogDropdown.certificationPaths.totalCertificationPathCount;
+	const linkText = `Explore all${totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ""} certification paths`;
+	return /*#__PURE__*/ React.createElement(PanelLayout, {
+		heading: "Certification paths",
+		description: "Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.",
+		linkItem: {
+			type: "link",
+			href: "/catalog/certification-prep",
+			text: linkText,
+			trackingTarget: "topnav_catalog_header_explore_all_certification_paths",
+			id: "explore-all-certification-paths"
+		}
+	}, /*#__PURE__*/ React.createElement(Text, {
+		as: "h3",
+		fontSize: 18,
+		fontWeight: "bold"
+	}, "Providers"), /*#__PURE__*/ React.createElement(GridBox, {
+		gridTemplateColumns: {
+			_: "1fr",
+			xs: "repeat(2, 1fr)",
+			sm: "repeat(3, 1fr)",
+			md: "repeat(4, 1fr)"
+		},
+		gap: 16,
+		width: "100%",
+		as: "ul",
+		listStyle: "none",
+		p: 0,
+		m: 0
+	}, CERTIFICATION_PROVIDERS.map(({ name, logoUrl, hubType }) => /*#__PURE__*/ React.createElement(Box, {
+		as: "li",
+		key: name,
+		width: "100%"
+	}, /*#__PURE__*/ React.createElement(ProviderTile, {
+		name,
+		href: hubType === "subhub" ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
+		imgSrc: logoUrl,
+		tabIndex
+	})))));
+};
+
+//#endregion
+export { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, SkillPathsPanel };
+//# sourceMappingURL=NavPanels.js.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavPanels.js","names":["Anchor","Box","GridBox","Text","LevelIcon","styled","useGlobalHeaderDynamicDataContext","useGlobalHeaderItemClick","AppHeaderDietCard","useAppHeaderDropdownContext","useAppHeaderSectionContext","PanelLayout","SkillTile","CERTIFICATION_PROVIDERS","popularLanguages","popularSubjects","CourseTopicsPanel","globalHeaderItemClick","tabIndex","description","href","onClick","event","type","text","id","heading","linkItem","trackingTarget","variant","fontWeight","as","gridTemplateColumns","_","xs","md","gap","pl","listStyle","mb","map","item","li","key","DietCardGrid","children","sm","m","p","listStyleType","CareerPathsPanel","globalHeaderDynamicData","totalCareerPathCount","catalogDropdown","careerPaths","linkText","promotedCareerPaths","path","title","hours","durationHours","icon","difficulty","urlPath","SkillPathsPanel","totalSkillPathCount","skillPaths","promotedSkillPaths","Image","withComponent","GrayscaleToColorHoverLink","theme","colors","overrideImgFilters","hyper","ProviderTile","name","imgSrc","handleClose","lowercasedProviderName","toLowerCase","width","height","display","src","alt","CertificationPathsPanel","totalCertificationPathCount","certificationPaths","fontSize","logoUrl","hubType"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.tsx"],"sourcesContent":["import { Anchor, Box, GridBox, Text } from '@codecademy/gamut';\nimport { LevelIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\n\nimport { CourseDifficulty } from '../../../ContentGroupBaseCard/types';\nimport {\n  useGlobalHeaderDynamicDataContext,\n  useGlobalHeaderItemClick,\n} from '../../../GlobalHeader/context';\nimport { AppHeaderDietCard } from '../AppHeaderDietCard';\nimport { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';\nimport { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';\nimport { PanelLayout } from '../AppHeaderSection/PanelLayout';\nimport { SkillTile } from '../AppHeaderSkillTile';\nimport {\n  CERTIFICATION_PROVIDERS,\n  popularLanguages,\n  popularSubjects,\n} from './consts';\n\nexport const CourseTopicsPanel = () => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n  const { tabIndex } = useAppHeaderSectionContext();\n\n  const description = (\n    <>\n      Explore free or paid courses in a wide variety of topics. With something\n      for every skill level, it&apos;s easy to find a course that fits your\n      goals. Not sure where to start? &nbsp;\n      <Anchor\n        tabIndex={tabIndex}\n        href=\"/welcome/find-a-course\"\n        onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) =>\n          globalHeaderItemClick(event, {\n            type: 'link',\n            href: '/welcome/find-a-course',\n            text: 'Take the quiz',\n            id: 'take-the-quiz',\n          })\n        }\n      >\n        Take the quiz\n      </Anchor>\n    </>\n  );\n\n  return (\n    <PanelLayout\n      heading=\"Course topics\"\n      description={description}\n      linkItem={{\n        type: 'link',\n        href: '/catalog',\n        text: 'Explore the full catalog',\n        trackingTarget: 'topnav_catalog',\n        id: 'explore-all-courses',\n      }}\n    >\n      <Text variant=\"p-large\" fontWeight={700} as=\"h3\">\n        Popular languages\n      </Text>\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', xs: '1fr 1fr', md: '1fr 1fr 1fr' }}\n        gap={8}\n        pl={0}\n        as=\"ul\"\n        listStyle=\"none\"\n        mb={24}\n      >\n        {popularLanguages.map((item) => (\n          <li key={item.id}>\n            <SkillTile item={item} />\n          </li>\n        ))}\n      </GridBox>\n\n      <Text variant=\"p-large\" fontWeight={700} as=\"h3\">\n        Popular subjects\n      </Text>\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', xs: '1fr 1fr', md: '1fr 1fr 1fr' }}\n        gap={8}\n        pl={0}\n        as=\"ul\"\n        listStyle=\"none\"\n      >\n        {popularSubjects.map((item) => (\n          <li key={item.id}>\n            <SkillTile item={item} />\n          </li>\n        ))}\n      </GridBox>\n    </PanelLayout>\n  );\n};\n\nexport const DietCardGrid = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <GridBox\n      as=\"ul\"\n      gridTemplateColumns={{\n        _: '1fr',\n        sm: 'repeat(2, minmax(0, 1fr))',\n        md: 'repeat(3, minmax(0, 1fr))',\n      }}\n      gap={16}\n      m={0}\n      p={0}\n      listStyleType=\"none\"\n    >\n      {children}\n    </GridBox>\n  );\n};\n\nexport const CareerPathsPanel = () => {\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n  const totalCareerPathCount =\n    globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;\n  const linkText = `Explore all${\n    totalCareerPathCount ? ` ${totalCareerPathCount}` : ''\n  } career paths`;\n\n  return (\n    <PanelLayout\n      heading=\"Career paths\"\n      description=\"Choose your career and we'll teach you the skills to get job-ready. Each Career Path contains a curated list of lessons, quizzes, videos, and projects to help you learn and practice real-world skills.\"\n      linkItem={{\n        type: 'link',\n        href: '/catalog?type=career-path',\n        text: linkText,\n        trackingTarget: 'topnav_catalog_header_explore_all_career_paths',\n        id: 'explore-all-career-paths',\n      }}\n    >\n      <DietCardGrid>\n        {globalHeaderDynamicData?.catalogDropdown.careerPaths.promotedCareerPaths.map(\n          (path) => {\n            return (\n              <AppHeaderDietCard\n                key={`${path.title}-card`}\n                title={path.title}\n                hours={path.durationHours}\n                icon={<LevelIcon />}\n                difficulty={path.difficulty as CourseDifficulty}\n                href={path.urlPath}\n                trackingTarget={`careerpath_${path.title}`}\n              />\n            );\n          }\n        )}\n      </DietCardGrid>\n    </PanelLayout>\n  );\n};\n\nexport const SkillPathsPanel = () => {\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n  const totalSkillPathCount =\n    globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;\n  const linkText = `Explore all${\n    totalSkillPathCount ? ` ${totalSkillPathCount}` : ''\n  } skill paths`;\n\n  return (\n    <PanelLayout\n      heading=\"Skill paths\"\n      description=\"Build in demand skills fast with a short, curated path. Each one includes interactive content to help you learn and apply your new skill in just a few months.\"\n      linkItem={{\n        type: 'link',\n        href: '/catalog?type=skill-path',\n        text: linkText,\n        trackingTarget: 'topnav_catalog_header_explore_all_skill_paths',\n        id: 'explore-all-skill-paths',\n      }}\n    >\n      <DietCardGrid>\n        {globalHeaderDynamicData?.catalogDropdown.skillPaths.promotedSkillPaths.map(\n          (path) => {\n            return (\n              <AppHeaderDietCard\n                key={`${path.title}-card`}\n                title={path.title}\n                hours={path.durationHours}\n                icon={<LevelIcon />}\n                difficulty={path.difficulty as CourseDifficulty}\n                href={path.urlPath}\n                trackingTarget={`skill_${path.title}`}\n              />\n            );\n          }\n        )}\n      </DietCardGrid>\n    </PanelLayout>\n  );\n};\n\nconst Image = Box.withComponent('img');\n\nconst GrayscaleToColorHoverLink = styled(Anchor)<{\n  overrideImgFilters?: boolean;\n}>`\n  border: 1px solid ${({ theme }) => theme.colors['border-tertiary']};\n  border-radius: 8px;\n  filter: grayscale(1);\n  transition: filter 0.2s ease-out;\n  img {\n    filter: ${({ overrideImgFilters }) =>\n      overrideImgFilters ? 'contrast(5)' : 'brightness(0.25)'};\n    transition: filter 0.2s ease-out;\n  }\n  &:hover,\n  &:focus {\n    filter: grayscale(0);\n    img {\n      filter: brightness(1);\n    }\n    border-color: ${({ theme }) => theme.colors.hyper};\n    background-color: ${({ theme }) => theme.colors['navy-100']};\n  }\n`;\n\nconst ProviderTile = ({\n  name,\n  href,\n  imgSrc,\n  tabIndex,\n}: {\n  name: string;\n  href: string;\n  imgSrc: string;\n  tabIndex: number;\n}) => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n  const { handleClose } = useAppHeaderDropdownContext();\n\n  const lowercasedProviderName = name.toLowerCase();\n\n  return (\n    <GrayscaleToColorHoverLink\n      href={href}\n      variant=\"interface\"\n      key={name}\n      tabIndex={tabIndex}\n      width=\"100%\"\n      height={48}\n      p={8}\n      display=\"block\"\n      onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n        globalHeaderItemClick(event, {\n          type: 'link',\n          id: `topnav_catalog_cert_${lowercasedProviderName}`,\n          href,\n          text: name,\n          trackingTarget: `topnav_catalog_cert_${lowercasedProviderName}`,\n        });\n        handleClose();\n      }}\n      overrideImgFilters={name.toLowerCase() === 'kubernetes'}\n    >\n      <Image src={imgSrc} alt={name} display=\"block\" m=\"auto\" />\n    </GrayscaleToColorHoverLink>\n  );\n};\n\nexport const CertificationPathsPanel = () => {\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n  const { tabIndex } = useAppHeaderSectionContext();\n  const totalCertificationPathCount =\n    globalHeaderDynamicData?.catalogDropdown.certificationPaths\n      .totalCertificationPathCount;\n  const linkText = `Explore all${\n    totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ''\n  } certification paths`;\n\n  return (\n    <PanelLayout\n      heading=\"Certification paths\"\n      description=\"Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.\"\n      linkItem={{\n        type: 'link',\n        href: '/catalog/certification-prep',\n        text: linkText,\n        trackingTarget: 'topnav_catalog_header_explore_all_certification_paths',\n        id: 'explore-all-certification-paths',\n      }}\n    >\n      <Text as=\"h3\" fontSize={18} fontWeight=\"bold\">\n        Providers\n      </Text>\n      <GridBox\n        gridTemplateColumns={{\n          _: '1fr',\n          xs: 'repeat(2, 1fr)',\n          sm: 'repeat(3, 1fr)',\n          md: 'repeat(4, 1fr)',\n        }}\n        gap={16}\n        width=\"100%\"\n        as=\"ul\"\n        listStyle=\"none\"\n        p={0}\n        m={0}\n      >\n        {CERTIFICATION_PROVIDERS.map(({ name, logoUrl, hubType }) => (\n          <Box as=\"li\" key={name} width=\"100%\">\n            <ProviderTile\n              name={name}\n              href={\n                hubType === 'subhub'\n                  ? `/search?query=${name} certifications`\n                  : `/catalog/certification-prep?provider=${name.toLowerCase()}`\n              }\n              imgSrc={logoUrl}\n              tabIndex={tabIndex}\n            />\n          </Box>\n        ))}\n      </GridBox>\n    </PanelLayout>\n  );\n};\n"],"mappings":"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"}