@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

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

@@ -1,294 +1,340 @@
-import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from "../../../GlobalHeader/context.js";
-import { useAppHeaderDropdownContext } from "../AppHeaderDropdownProvider/index.js";
-import { useAppHeaderSectionContext } from "../AppHeaderSection/AppHeaderSectionContext.js";
-import { liveLearningNavPanelItems } from "../../../lib/catalogList/index.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, Card, FlexBox, GridBox, Text } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { LevelIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.tsx
-const CourseTopicsPanel = () => {
-	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
-	const { tabIndex } = useAppHeaderSectionContext();
-	return /* @__PURE__ */ jsxs(PanelLayout, {
-		heading: "Course topics",
-		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,
-			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"
-		})] }),
-		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.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.id))
-			})
-		]
-	});
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Anchor, Box, Card, FlexBox, GridBox, Text } from '@codecademy/gamut';
+import { LevelIcon } from '@codecademy/gamut-icons';
+import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
+import { liveLearningNavPanelItems } from '../../../lib/catalogList';
+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))
+    })]
+  });
 };
-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
-	});
+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 CareerPathsPanel = () => {
-	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
-	const totalCareerPathCount = globalHeaderDynamicData?.catalogDropdown.careerPaths.totalCareerPathCount;
-	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: `Explore all${totalCareerPathCount ? ` ${totalCareerPathCount}` : ""} career paths`,
-			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`);
-		}) })
-	});
+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 SkillPathsPanel = () => {
-	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
-	const totalSkillPathCount = globalHeaderDynamicData?.catalogDropdown.skillPaths.totalSkillPathCount;
-	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: `Explore all${totalSkillPathCount ? ` ${totalSkillPathCount}` : ""} skill paths`,
-			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`);
-		}) })
-	});
+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 Image = Box.withComponent("img");
-const GrayscaleToColorHoverLink = styled(Anchor)`
-  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"]};
-  }
-`;
-const ProviderTile = ({ name, href, imgSrc, tabIndex }) => {
-	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
-	const { handleClose } = useAppHeaderDropdownContext();
-	const lowercasedProviderName = name.toLowerCase();
-	return /* @__PURE__ */ jsx(GrayscaleToColorHoverLink, {
-		href,
-		variant: "interface",
-		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', {
+  target: "eqfnvo2",
+  label: "Image"
+});
+const GrayscaleToColorHoverLink = /*#__PURE__*/_styled(Anchor, {
+  target: "eqfnvo1",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBME1FIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgR3JpZEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7XG4gIHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCxcbiAgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrLFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBsaXZlTGVhcm5pbmdOYXZQYW5lbEl0ZW1zIH0gZnJvbSAnLi4vLi4vLi4vbGliL2NhdGFsb2dMaXN0JztcbmltcG9ydCB7IEFwcEhlYWRlckRpZXRDYXJkIH0gZnJvbSAnLi4vQXBwSGVhZGVyRGlldENhcmQnO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24vQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQnO1xuaW1wb3J0IHsgUGFuZWxMYXlvdXQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL1BhbmVsTGF5b3V0JztcbmltcG9ydCB7IFNraWxsVGlsZSB9IGZyb20gJy4uL0FwcEhlYWRlclNraWxsVGlsZSc7XG5pbXBvcnQge1xuICBDRVJUSUZJQ0FUSU9OX1BST1ZJREVSUyxcbiAgcG9wdWxhckxhbmd1YWdlcyxcbiAgcG9wdWxhclN1YmplY3RzLFxufSBmcm9tICcuL2NvbnN0cyc7XG5cbmV4cG9ydCBjb25zdCBDb3Vyc2VUb3BpY3NQYW5lbCA9ICgpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuXG4gIGNvbnN0IGRlc2NyaXB0aW9uID0gKFxuICAgIDw+XG4gICAgICBFeHBsb3JlIGZyZWUgb3IgcGFpZCBjb3Vyc2VzIGluIGEgd2lkZSB2YXJpZXR5IG9mIHRvcGljcy4gV2l0aCBzb21ldGhpbmdcbiAgICAgIGZvciBldmVyeSBza2lsbCBsZXZlbCwgaXQmYXBvcztzIGVhc3kgdG8gZmluZCBhIGNvdXJzZSB0aGF0IGZpdHMgeW91clxuICAgICAgZ29hbHMuIE5vdCBzdXJlIHdoZXJlIHRvIHN0YXJ0PyAmbmJzcDtcbiAgICAgIDxBbmNob3JcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICBocmVmPVwiL3dlbGNvbWUvZmluZC1hLWNvdXJzZVwiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgICBocmVmOiAnL3dlbGNvbWUvZmluZC1hLWNvdXJzZScsXG4gICAgICAgICAgICB0ZXh0OiAnVGFrZSB0aGUgcXVpeicsXG4gICAgICAgICAgICBpZDogJ3Rha2UtdGhlLXF1aXonLFxuICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgVGFrZSB0aGUgcXVpelxuICAgICAgPC9BbmNob3I+XG4gICAgPC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDb3Vyc2UgdG9waWNzXCJcbiAgICAgIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn1cbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nJyxcbiAgICAgICAgdGV4dDogJ0V4cGxvcmUgdGhlIGZ1bGwgY2F0YWxvZycsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2cnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNvdXJzZXMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICBQb3B1bGFyIGxhbmd1YWdlc1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBtYj17MjR9XG4gICAgICA+XG4gICAgICAgIHtwb3B1bGFyTGFuZ3VhZ2VzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuXG4gICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0gYXM9XCJoM1wiPlxuICAgICAgICBQb3B1bGFyIHN1YmplY3RzXG4gICAgICA8L1RleHQ+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7IF86ICcxZnInLCB4czogJzFmciAxZnInLCBtZDogJzFmciAxZnIgMWZyJyB9fVxuICAgICAgICBnYXA9ezh9XG4gICAgICAgIHBsPXswfVxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICA+XG4gICAgICAgIHtwb3B1bGFyU3ViamVjdHMubWFwKChpdGVtKSA9PiAoXG4gICAgICAgICAgPGxpIGtleT17aXRlbS5pZH0+XG4gICAgICAgICAgICA8U2tpbGxUaWxlIGl0ZW09e2l0ZW19IC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBEaWV0Q2FyZEdyaWQgPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkQm94XG4gICAgICBhcz1cInVsXCJcbiAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgXzogJzFmcicsXG4gICAgICAgIHNtOiAncmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKScsXG4gICAgICAgIG1kOiAncmVwZWF0KDMsIG1pbm1heCgwLCAxZnIpKScsXG4gICAgICB9fVxuICAgICAgZ2FwPXsxNn1cbiAgICAgIG09ezB9XG4gICAgICBwPXswfVxuICAgICAgbGlzdFN0eWxlVHlwZT1cIm5vbmVcIlxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2FyZWVyUGF0aHNQYW5lbCA9ICgpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YSB9ID0gdXNlR2xvYmFsSGVhZGVyRHluYW1pY0RhdGFDb250ZXh0KCk7XG4gIGNvbnN0IHRvdGFsQ2FyZWVyUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNhcmVlclBhdGhzLnRvdGFsQ2FyZWVyUGF0aENvdW50O1xuICBjb25zdCBsaW5rVGV4dCA9IGBFeHBsb3JlIGFsbCR7XG4gICAgdG90YWxDYXJlZXJQYXRoQ291bnQgPyBgICR7dG90YWxDYXJlZXJQYXRoQ291bnR9YCA6ICcnXG4gIH0gY2FyZWVyIHBhdGhzYDtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkNhcmVlciBwYXRoc1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIkNob29zZSB5b3VyIGNhcmVlciBhbmQgd2UnbGwgdGVhY2ggeW91IHRoZSBza2lsbHMgdG8gZ2V0IGpvYi1yZWFkeS4gRWFjaCBDYXJlZXIgUGF0aCBjb250YWlucyBhIGN1cmF0ZWQgbGlzdCBvZiBsZXNzb25zLCBxdWl6emVzLCB2aWRlb3MsIGFuZCBwcm9qZWN0cyB0byBoZWxwIHlvdSBsZWFybiBhbmQgcHJhY3RpY2UgcmVhbC13b3JsZCBza2lsbHMuXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nP3R5cGU9Y2FyZWVyLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfY2FyZWVyX3BhdGhzJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jYXJlZXItcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RGlldENhcmRHcmlkPlxuICAgICAgICB7Z2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy5wcm9tb3RlZENhcmVlclBhdGhzLm1hcChcbiAgICAgICAgICAocGF0aCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEFwcEhlYWRlckRpZXRDYXJkXG4gICAgICAgICAgICAgICAga2V5PXtgJHtwYXRoLnRpdGxlfS1jYXJkYH1cbiAgICAgICAgICAgICAgICB0aXRsZT17cGF0aC50aXRsZX1cbiAgICAgICAgICAgICAgICBob3Vycz17cGF0aC5kdXJhdGlvbkhvdXJzfVxuICAgICAgICAgICAgICAgIGljb249ezxMZXZlbEljb24gLz59XG4gICAgICAgICAgICAgICAgZGlmZmljdWx0eT17cGF0aC5kaWZmaWN1bHR5IGFzIENvdXJzZURpZmZpY3VsdHl9XG4gICAgICAgICAgICAgICAgaHJlZj17cGF0aC51cmxQYXRofVxuICAgICAgICAgICAgICAgIHRyYWNraW5nVGFyZ2V0PXtgY2FyZWVycGF0aF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTa2lsbFBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbFNraWxsUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLnNraWxsUGF0aHMudG90YWxTa2lsbFBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsU2tpbGxQYXRoQ291bnQgPyBgICR7dG90YWxTa2lsbFBhdGhDb3VudH1gIDogJydcbiAgfSBza2lsbCBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJTa2lsbCBwYXRoc1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIkJ1aWxkIGluIGRlbWFuZCBza2lsbHMgZmFzdCB3aXRoIGEgc2hvcnQsIGN1cmF0ZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgaW50ZXJhY3RpdmUgY29udGVudCB0byBoZWxwIHlvdSBsZWFybiBhbmQgYXBwbHkgeW91ciBuZXcgc2tpbGwgaW4ganVzdCBhIGZldyBtb250aHMuXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nP3R5cGU9c2tpbGwtcGF0aCcsXG4gICAgICAgIHRleHQ6IGxpbmtUZXh0LFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nX2hlYWRlcl9leHBsb3JlX2FsbF9za2lsbF9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtc2tpbGwtcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RGlldENhcmRHcmlkPlxuICAgICAgICB7Z2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnByb21vdGVkU2tpbGxQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YHNraWxsXyR7cGF0aC50aXRsZX1gfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG4gICAgICAgICl9XG4gICAgICA8L0RpZXRDYXJkR3JpZD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IEdyYXlzY2FsZVRvQ29sb3JIb3ZlckxpbmsgPSBzdHlsZWQoQW5jaG9yKTx7XG4gIG92ZXJyaWRlSW1nRmlsdGVycz86IGJvb2xlYW47XG59PmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBmaWx0ZXI6IGdyYXlzY2FsZSgxKTtcbiAgdHJhbnNpdGlvbjogZmlsdGVyIDAuMnMgZWFzZS1vdXQ7XG4gIGltZyB7XG4gICAgZmlsdGVyOiAkeyh7IG92ZXJyaWRlSW1nRmlsdGVycyB9KSA9PlxuICAgICAgb3ZlcnJpZGVJbWdGaWx0ZXJzID8gJ2NvbnRyYXN0KDUpJyA6ICdicmlnaHRuZXNzKDAuMjUpJ307XG4gICAgdHJhbnNpdGlvbjogZmlsdGVyIDAuMnMgZWFzZS1vdXQ7XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgZmlsdGVyOiBncmF5c2NhbGUoMCk7XG4gICAgaW1nIHtcbiAgICAgIGZpbHRlcjogYnJpZ2h0bmVzcygxKTtcbiAgICB9XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5oeXBlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBQcm92aWRlclRpbGUgPSAoe1xuICBuYW1lLFxuICBocmVmLFxuICBpbWdTcmMsXG4gIHRhYkluZGV4LFxufToge1xuICBuYW1lOiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgaW1nU3JjOiBzdHJpbmc7XG4gIHRhYkluZGV4OiBudW1iZXI7XG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyBoYW5kbGVDbG9zZSB9ID0gdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KCk7XG5cbiAgY29uc3QgbG93ZXJjYXNlZFByb3ZpZGVyTmFtZSA9IG5hbWUudG9Mb3dlckNhc2UoKTtcblxuICByZXR1cm4gKFxuICAgIDxHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rXG4gICAgICBocmVmPXtocmVmfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICBrZXk9e25hbWV9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgaGVpZ2h0PXs0OH1cbiAgICAgIHA9ezh9XG4gICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4ge1xuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICAgIGhyZWYsXG4gICAgICAgICAgdGV4dDogbmFtZSxcbiAgICAgICAgICB0cmFja2luZ1RhcmdldDogYHRvcG5hdl9jYXRhbG9nX2NlcnRfJHtsb3dlcmNhc2VkUHJvdmlkZXJOYW1lfWAsXG4gICAgICAgIH0pO1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfX1cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycz17bmFtZS50b0xvd2VyQ2FzZSgpID09PSAna3ViZXJuZXRlcyd9XG4gICAgPlxuICAgICAgPEltYWdlIHNyYz17aW1nU3JjfSBhbHQ9e25hbWV9IGRpc3BsYXk9XCJibG9ja1wiIG09XCJhdXRvXCIgLz5cbiAgICA8L0dyYXlzY2FsZVRvQ29sb3JIb3Zlckxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2VydGlmaWNhdGlvblBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnQgPVxuICAgIGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2VydGlmaWNhdGlvblBhdGhzXG4gICAgICAudG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50O1xuICBjb25zdCBsaW5rVGV4dCA9IGBFeHBsb3JlIGFsbCR7XG4gICAgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID8gYCAke3RvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudH1gIDogJydcbiAgfSBjZXJ0aWZpY2F0aW9uIHBhdGhzYDtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkNlcnRpZmljYXRpb24gcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJQcmVwYXJlIGZvciB0b3AgaW5kdXN0cnkgY2VydGlmaWNhdGlvbnMgd2l0aCBhIGd1aWRlZCBwYXRoLiBFYWNoIG9uZSBpbmNsdWRlcyBleHBlcnQtcmV2aWV3ZWQgbGVzc29ucywgaGFuZHMtb24gcHJvamVjdHMsIGFuZCBwcmFjdGljZSB0ZXN0cyB0byBoZWxwIHlvdSBwYXNzIHRoZSBleGFtLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXAnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfY2VydGlmaWNhdGlvbl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2VydGlmaWNhdGlvbi1wYXRocycsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwiaDNcIiBmb250U2l6ZT17MTh9IGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIFByb3ZpZGVyc1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17e1xuICAgICAgICAgIF86ICcxZnInLFxuICAgICAgICAgIHhzOiAncmVwZWF0KDIsIDFmciknLFxuICAgICAgICAgIHNtOiAncmVwZWF0KDMsIDFmciknLFxuICAgICAgICAgIG1kOiAncmVwZWF0KDQsIDFmciknLFxuICAgICAgICB9fVxuICAgICAgICBnYXA9ezE2fVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICA+XG4gICAgICAgIHtDRVJUSUZJQ0FUSU9OX1BST1ZJREVSUy5tYXAoKHsgbmFtZSwgbG9nb1VybCwgaHViVHlwZSB9KSA9PiAoXG4gICAgICAgICAgPEJveCBhcz1cImxpXCIga2V5PXtuYW1lfSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxQcm92aWRlclRpbGVcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgaHJlZj17XG4gICAgICAgICAgICAgICAgaHViVHlwZSA9PT0gJ3N1Ymh1YidcbiAgICAgICAgICAgICAgICAgID8gYC9zZWFyY2g/cXVlcnk9JHtuYW1lfSBjZXJ0aWZpY2F0aW9uc2BcbiAgICAgICAgICAgICAgICAgIDogYC9jYXRhbG9nL2NlcnRpZmljYXRpb24tcHJlcD9wcm92aWRlcj0ke25hbWUudG9Mb3dlckNhc2UoKX1gXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgaW1nU3JjPXtsb2dvVXJsfVxuICAgICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcblxuY29uc3QgTGl2ZUxlYXJuaW5nSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBnZXRJbWFnZVVybCA9IChpZDogc3RyaW5nKSA9PlxuICBgaHR0cHM6Ly9zdGF0aWMtYXNzZXRzLmNvZGVjYWRlbXkuY29tL2Fzc2V0cy9jb21wb25lbnRzL2NhcmRzL2dsb2JhbC1oZWFkZXIvbGl2ZS1sZWFybmluZy92MS8ke2lkfS53ZWJwYDtcblxuZXhwb3J0IGNvbnN0IExpdmVMZWFybmluZ1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgdGFiSW5kZXggfSA9IHVzZUFwcEhlYWRlclNlY3Rpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiTGl2ZSBsZWFybmluZ1wiXG4gICAgICBkZXNjcmlwdGlvbj17bGl2ZUxlYXJuaW5nTmF2UGFuZWxJdGVtcy5kZXNjcmlwdGlvbn1cbiAgICA+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7IF86ICcxZnInLCBtZDogJ3JlcGVhdCgyLCAxZnIpJyB9fVxuICAgICAgICBnYXA9ezE2fVxuICAgICAgPlxuICAgICAgICB7bGl2ZUxlYXJuaW5nTmF2UGFuZWxJdGVtcy5kYXRhLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgb25DbGljaz17KFxuICAgICAgICAgICAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD5cbiAgICAgICAgICAgICkgPT4ge1xuICAgICAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pO1xuICAgICAgICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2FyZFxuICAgICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgICAgYm9yZGVyPXsxfVxuICAgICAgICAgICAgICBib3JkZXJDb2xvcj1cImJvcmRlci10ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1cz1cImxnXCJcbiAgICAgICAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICAgICAgICBwPXswfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8TGl2ZUxlYXJuaW5nSW1hZ2VcbiAgICAgICAgICAgICAgICBzcmM9e2dldEltYWdlVXJsKGl0ZW0uaWQpfVxuICAgICAgICAgICAgICAgIGFsdD1cIlwiXG4gICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs4fSBwPXsxNn0+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCI+e2l0ZW0udGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgeydkZXNjcmlwdGlvbicgaW4gaXRlbSAmJiA8VGV4dD57aXRlbS5kZXNjcmlwdGlvbn08L1RleHQ+fVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0NhcmQ+XG4gICAgICAgICAgPC9BbmNob3I+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuIl19 */"));
+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 CertificationPathsPanel = () => {
-	const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();
-	const { tabIndex } = useAppHeaderSectionContext();
-	const totalCertificationPathCount = globalHeaderDynamicData?.catalogDropdown.certificationPaths.totalCertificationPathCount;
-	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: `Explore all${totalCertificationPathCount ? ` ${totalCertificationPathCount}` : ""} certification paths`,
-			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,
-					href: hubType === "subhub" ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
-					imgSrc: logoUrl,
-					tabIndex
-				})
-			}, name))
-		})]
-	});
+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 LiveLearningImage = styled.img`
-  object-fit: cover;
-  width: 100%;
-`;
-const LiveLearningPanel = () => {
-	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
-	const { isCoachingEnabled, tabIndex } = useAppHeaderSectionContext();
-	const getImageUrl = (id) => `https://static-assets.codecademy.com/assets/components/cards/global-header/live-learning/v1/${id}.webp`;
-	const { handleClose } = useAppHeaderDropdownContext();
-	const liveLearningItems = liveLearningNavPanelItems(isCoachingEnabled);
-	return /* @__PURE__ */ jsx(PanelLayout, {
-		heading: "Live learning",
-		description: liveLearningItems.description,
-		children: /* @__PURE__ */ jsx(GridBox, {
-			gridTemplateColumns: {
-				_: "1fr",
-				md: "repeat(2, 1fr)"
-			},
-			gap: 16,
-			children: liveLearningItems.data.map((item) => /* @__PURE__ */ jsx(Anchor, {
-				href: item.href,
-				variant: "interface",
-				onClick: (event) => {
-					globalHeaderItemClick(event, item);
-					handleClose();
-				},
-				tabIndex,
-				children: /* @__PURE__ */ jsxs(Card, {
-					overflow: "hidden",
-					border: 1,
-					borderColor: "border-tertiary",
-					borderRadius: "lg",
-					isInteractive: true,
-					p: 0,
-					children: [/* @__PURE__ */ jsx(LiveLearningImage, {
-						src: getImageUrl(item.id),
-						alt: "",
-						loading: "lazy"
-					}), /* @__PURE__ */ jsxs(FlexBox, {
-						flexDirection: "column",
-						gap: 8,
-						p: 16,
-						children: [/* @__PURE__ */ jsx(Text, {
-							variant: "title-xs",
-							children: item.text
-						}), "description" in item && /* @__PURE__ */ jsx(Text, { children: item.description })]
-					})]
-				}, item.id)
-			}, item.id))
-		})
-	});
-};
-
-//#endregion
-export { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel, SkillPathsPanel };
+const LiveLearningImage = /*#__PURE__*/_styled("img", {
+  target: "eqfnvo0",
+  label: "LiveLearningImage"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1okoyo9",
+  styles: "object-fit:cover;width:100%"
+} : {
+  name: "1okoyo9",
+  styles: "object-fit:cover;width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb1VvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9OYXZQYW5lbHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHkgfSBmcm9tICcuLi8uLi8uLi9Db250ZW50R3JvdXBCYXNlQ2FyZC90eXBlcyc7XG5pbXBvcnQge1xuICB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQsXG4gIHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayxcbn0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHsgbGl2ZUxlYXJuaW5nTmF2UGFuZWxJdGVtcyB9IGZyb20gJy4uLy4uLy4uL2xpYi9jYXRhbG9nTGlzdCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJEaWV0Q2FyZCB9IGZyb20gJy4uL0FwcEhlYWRlckRpZXRDYXJkJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL0FwcEhlYWRlclNlY3Rpb25Db250ZXh0JztcbmltcG9ydCB7IFBhbmVsTGF5b3V0IH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbi9QYW5lbExheW91dCc7XG5pbXBvcnQgeyBTa2lsbFRpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTa2lsbFRpbGUnO1xuaW1wb3J0IHtcbiAgQ0VSVElGSUNBVElPTl9QUk9WSURFUlMsXG4gIHBvcHVsYXJMYW5ndWFnZXMsXG4gIHBvcHVsYXJTdWJqZWN0cyxcbn0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgY29uc3QgQ291cnNlVG9waWNzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBkZXNjcmlwdGlvbiA9IChcbiAgICA8PlxuICAgICAgRXhwbG9yZSBmcmVlIG9yIHBhaWQgY291cnNlcyBpbiBhIHdpZGUgdmFyaWV0eSBvZiB0b3BpY3MuIFdpdGggc29tZXRoaW5nXG4gICAgICBmb3IgZXZlcnkgc2tpbGwgbGV2ZWwsIGl0JmFwb3M7cyBlYXN5IHRvIGZpbmQgYSBjb3Vyc2UgdGhhdCBmaXRzIHlvdXJcbiAgICAgIGdvYWxzLiBOb3Qgc3VyZSB3aGVyZSB0byBzdGFydD8gJm5ic3A7XG4gICAgICA8QW5jaG9yXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgaHJlZj1cIi93ZWxjb21lL2ZpbmQtYS1jb3Vyc2VcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgICAgaHJlZjogJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnLFxuICAgICAgICAgICAgdGV4dDogJ1Rha2UgdGhlIHF1aXonLFxuICAgICAgICAgICAgaWQ6ICd0YWtlLXRoZS1xdWl6JyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIFRha2UgdGhlIHF1aXpcbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ291cnNlIHRvcGljc1wiXG4gICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZycsXG4gICAgICAgIHRleHQ6ICdFeHBsb3JlIHRoZSBmdWxsIGNhdGFsb2cnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ3RvcG5hdl9jYXRhbG9nJyxcbiAgICAgICAgaWQ6ICdleHBsb3JlLWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBsYW5ndWFnZXNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIHhzOiAnMWZyIDFmcicsIG1kOiAnMWZyIDFmciAxZnInIH19XG4gICAgICAgIGdhcD17OH1cbiAgICAgICAgcGw9ezB9XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgbWI9ezI0fVxuICAgICAgPlxuICAgICAgICB7cG9wdWxhckxhbmd1YWdlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8bGkga2V5PXtpdGVtLmlkfT5cbiAgICAgICAgICAgIDxTa2lsbFRpbGUgaXRlbT17aXRlbX0gLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cblxuICAgICAgPFRleHQgdmFyaWFudD1cInAtbGFyZ2VcIiBmb250V2VpZ2h0PXs3MDB9IGFzPVwiaDNcIj5cbiAgICAgICAgUG9wdWxhciBzdWJqZWN0c1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgPlxuICAgICAgICB7cG9wdWxhclN1YmplY3RzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxsaSBrZXk9e2l0ZW0uaWR9PlxuICAgICAgICAgICAgPFNraWxsVGlsZSBpdGVtPXtpdGVtfSAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRGlldENhcmRHcmlkID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEJveFxuICAgICAgYXM9XCJ1bFwiXG4gICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7XG4gICAgICAgIF86ICcxZnInLFxuICAgICAgICBzbTogJ3JlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgICBtZDogJ3JlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSknLFxuICAgICAgfX1cbiAgICAgIGdhcD17MTZ9XG4gICAgICBtPXswfVxuICAgICAgcD17MH1cbiAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9HcmlkQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGEgfSA9IHVzZUdsb2JhbEhlYWRlckR5bmFtaWNEYXRhQ29udGV4dCgpO1xuICBjb25zdCB0b3RhbENhcmVlclBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5jYXJlZXJQYXRocy50b3RhbENhcmVlclBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2FyZWVyUGF0aENvdW50ID8gYCAke3RvdGFsQ2FyZWVyUGF0aENvdW50fWAgOiAnJ1xuICB9IGNhcmVlciBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDaG9vc2UgeW91ciBjYXJlZXIgYW5kIHdlJ2xsIHRlYWNoIHlvdSB0aGUgc2tpbGxzIHRvIGdldCBqb2ItcmVhZHkuIEVhY2ggQ2FyZWVyIFBhdGggY29udGFpbnMgYSBjdXJhdGVkIGxpc3Qgb2YgbGVzc29ucywgcXVpenplcywgdmlkZW9zLCBhbmQgcHJvamVjdHMgdG8gaGVscCB5b3UgbGVhcm4gYW5kIHByYWN0aWNlIHJlYWwtd29ybGQgc2tpbGxzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNhcmVlci1wYXRoJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NhcmVlcl9wYXRocycsXG4gICAgICAgIGlkOiAnZXhwbG9yZS1hbGwtY2FyZWVyLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uY2FyZWVyUGF0aHMucHJvbW90ZWRDYXJlZXJQYXRocy5tYXAoXG4gICAgICAgICAgKHBhdGgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgICAgICAgICAgIGtleT17YCR7cGF0aC50aXRsZX0tY2FyZGB9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3BhdGgudGl0bGV9XG4gICAgICAgICAgICAgICAgaG91cnM9e3BhdGguZHVyYXRpb25Ib3Vyc31cbiAgICAgICAgICAgICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgICAgICAgICAgIGRpZmZpY3VsdHk9e3BhdGguZGlmZmljdWx0eSBhcyBDb3Vyc2VEaWZmaWN1bHR5fVxuICAgICAgICAgICAgICAgIGhyZWY9e3BhdGgudXJsUGF0aH1cbiAgICAgICAgICAgICAgICB0cmFja2luZ1RhcmdldD17YGNhcmVlcnBhdGhfJHtwYXRoLnRpdGxlfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvRGlldENhcmRHcmlkPlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU2tpbGxQYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxTa2lsbFBhdGhDb3VudCA9XG4gICAgZ2xvYmFsSGVhZGVyRHluYW1pY0RhdGE/LmNhdGFsb2dEcm9wZG93bi5za2lsbFBhdGhzLnRvdGFsU2tpbGxQYXRoQ291bnQ7XG4gIGNvbnN0IGxpbmtUZXh0ID0gYEV4cGxvcmUgYWxsJHtcbiAgICB0b3RhbFNraWxsUGF0aENvdW50ID8gYCAke3RvdGFsU2tpbGxQYXRoQ291bnR9YCA6ICcnXG4gIH0gc2tpbGwgcGF0aHNgO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiU2tpbGwgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJCdWlsZCBpbiBkZW1hbmQgc2tpbGxzIGZhc3Qgd2l0aCBhIHNob3J0LCBjdXJhdGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGludGVyYWN0aXZlIGNvbnRlbnQgdG8gaGVscCB5b3UgbGVhcm4gYW5kIGFwcGx5IHlvdXIgbmV3IHNraWxsIGluIGp1c3QgYSBmZXcgbW9udGhzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiBsaW5rVGV4dCxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICd0b3BuYXZfY2F0YWxvZ19oZWFkZXJfZXhwbG9yZV9hbGxfc2tpbGxfcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPERpZXRDYXJkR3JpZD5cbiAgICAgICAge2dsb2JhbEhlYWRlckR5bmFtaWNEYXRhPy5jYXRhbG9nRHJvcGRvd24uc2tpbGxQYXRocy5wcm9tb3RlZFNraWxsUGF0aHMubWFwKFxuICAgICAgICAgIChwYXRoKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8QXBwSGVhZGVyRGlldENhcmRcbiAgICAgICAgICAgICAgICBrZXk9e2Ake3BhdGgudGl0bGV9LWNhcmRgfVxuICAgICAgICAgICAgICAgIHRpdGxlPXtwYXRoLnRpdGxlfVxuICAgICAgICAgICAgICAgIGhvdXJzPXtwYXRoLmR1cmF0aW9uSG91cnN9XG4gICAgICAgICAgICAgICAgaWNvbj17PExldmVsSWNvbiAvPn1cbiAgICAgICAgICAgICAgICBkaWZmaWN1bHR5PXtwYXRoLmRpZmZpY3VsdHkgYXMgQ291cnNlRGlmZmljdWx0eX1cbiAgICAgICAgICAgICAgICBocmVmPXtwYXRoLnVybFBhdGh9XG4gICAgICAgICAgICAgICAgdHJhY2tpbmdUYXJnZXQ9e2Bza2lsbF8ke3BhdGgudGl0bGV9YH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBHcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rID0gc3R5bGVkKEFuY2hvcik8e1xuICBvdmVycmlkZUltZ0ZpbHRlcnM/OiBib29sZWFuO1xufT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZmlsdGVyOiBncmF5c2NhbGUoMSk7XG4gIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICBpbWcge1xuICAgIGZpbHRlcjogJHsoeyBvdmVycmlkZUltZ0ZpbHRlcnMgfSkgPT5cbiAgICAgIG92ZXJyaWRlSW1nRmlsdGVycyA/ICdjb250cmFzdCg1KScgOiAnYnJpZ2h0bmVzcygwLjI1KSd9O1xuICAgIHRyYW5zaXRpb246IGZpbHRlciAwLjJzIGVhc2Utb3V0O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGZpbHRlcjogZ3JheXNjYWxlKDApO1xuICAgIGltZyB7XG4gICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMSk7XG4gICAgfVxuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuaHlwZXJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvdmlkZXJUaWxlID0gKHtcbiAgbmFtZSxcbiAgaHJlZixcbiAgaW1nU3JjLFxuICB0YWJJbmRleCxcbn06IHtcbiAgbmFtZTogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGltZ1NyYzogc3RyaW5nO1xuICB0YWJJbmRleDogbnVtYmVyO1xufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIGNvbnN0IGxvd2VyY2FzZWRQcm92aWRlck5hbWUgPSBuYW1lLnRvTG93ZXJDYXNlKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JheXNjYWxlVG9Db2xvckhvdmVyTGlua1xuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAga2V5PXtuYW1lfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD17NDh9XG4gICAgICBwPXs4fVxuICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgIGlkOiBgdG9wbmF2X2NhdGFsb2dfY2VydF8ke2xvd2VyY2FzZWRQcm92aWRlck5hbWV9YCxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQ6IG5hbWUsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfY2F0YWxvZ19jZXJ0XyR7bG93ZXJjYXNlZFByb3ZpZGVyTmFtZX1gLFxuICAgICAgICB9KTtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH19XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnM9e25hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ2t1YmVybmV0ZXMnfVxuICAgID5cbiAgICAgIDxJbWFnZSBzcmM9e2ltZ1NyY30gYWx0PXtuYW1lfSBkaXNwbGF5PVwiYmxvY2tcIiBtPVwiYXV0b1wiIC8+XG4gICAgPC9HcmF5c2NhbGVUb0NvbG9ySG92ZXJMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRpb25QYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckR5bmFtaWNEYXRhIH0gPSB1c2VHbG9iYWxIZWFkZXJEeW5hbWljRGF0YUNvbnRleHQoKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgdG90YWxDZXJ0aWZpY2F0aW9uUGF0aENvdW50ID1cbiAgICBnbG9iYWxIZWFkZXJEeW5hbWljRGF0YT8uY2F0YWxvZ0Ryb3Bkb3duLmNlcnRpZmljYXRpb25QYXRoc1xuICAgICAgLnRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudDtcbiAgY29uc3QgbGlua1RleHQgPSBgRXhwbG9yZSBhbGwke1xuICAgIHRvdGFsQ2VydGlmaWNhdGlvblBhdGhDb3VudCA/IGAgJHt0b3RhbENlcnRpZmljYXRpb25QYXRoQ291bnR9YCA6ICcnXG4gIH0gY2VydGlmaWNhdGlvbiBwYXRoc2A7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJDZXJ0aWZpY2F0aW9uIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiUHJlcGFyZSBmb3IgdG9wIGluZHVzdHJ5IGNlcnRpZmljYXRpb25zIHdpdGggYSBndWlkZWQgcGF0aC4gRWFjaCBvbmUgaW5jbHVkZXMgZXhwZXJ0LXJldmlld2VkIGxlc3NvbnMsIGhhbmRzLW9uIHByb2plY3RzLCBhbmQgcHJhY3RpY2UgdGVzdHMgdG8gaGVscCB5b3UgcGFzcyB0aGUgZXhhbS5cIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwJyxcbiAgICAgICAgdGV4dDogbGlua1RleHQsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfaGVhZGVyX2V4cGxvcmVfYWxsX2NlcnRpZmljYXRpb25fcGF0aHMnLFxuICAgICAgICBpZDogJ2V4cGxvcmUtYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezE4fSBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICBQcm92aWRlcnNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgICBfOiAnMWZyJyxcbiAgICAgICAgICB4czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICAgICAgICBzbTogJ3JlcGVhdCgzLCAxZnIpJyxcbiAgICAgICAgICBtZDogJ3JlcGVhdCg0LCAxZnIpJyxcbiAgICAgICAgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgPlxuICAgICAgICB7Q0VSVElGSUNBVElPTl9QUk9WSURFUlMubWFwKCh7IG5hbWUsIGxvZ29VcmwsIGh1YlR5cGUgfSkgPT4gKFxuICAgICAgICAgIDxCb3ggYXM9XCJsaVwiIGtleT17bmFtZX0gd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8UHJvdmlkZXJUaWxlXG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgIGhyZWY9e1xuICAgICAgICAgICAgICAgIGh1YlR5cGUgPT09ICdzdWJodWInXG4gICAgICAgICAgICAgICAgICA/IGAvc2VhcmNoP3F1ZXJ5PSR7bmFtZX0gY2VydGlmaWNhdGlvbnNgXG4gICAgICAgICAgICAgICAgICA6IGAvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXA/cHJvdmlkZXI9JHtuYW1lLnRvTG93ZXJDYXNlKCl9YFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGltZ1NyYz17bG9nb1VybH1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IExpdmVMZWFybmluZ0ltYWdlID0gc3R5bGVkLmltZ2BcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgZ2V0SW1hZ2VVcmwgPSAoaWQ6IHN0cmluZykgPT5cbiAgYGh0dHBzOi8vc3RhdGljLWFzc2V0cy5jb2RlY2FkZW15LmNvbS9hc3NldHMvY29tcG9uZW50cy9jYXJkcy9nbG9iYWwtaGVhZGVyL2xpdmUtbGVhcm5pbmcvdjEvJHtpZH0ud2VicGA7XG5cbmV4cG9ydCBjb25zdCBMaXZlTGVhcm5pbmdQYW5lbCA9ICgpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuICBjb25zdCB7IGhhbmRsZUNsb3NlIH0gPSB1c2VBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkxpdmUgbGVhcm5pbmdcIlxuICAgICAgZGVzY3JpcHRpb249e2xpdmVMZWFybmluZ05hdlBhbmVsSXRlbXMuZGVzY3JpcHRpb259XG4gICAgPlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgbWQ6ICdyZXBlYXQoMiwgMWZyKScgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgID5cbiAgICAgICAge2xpdmVMZWFybmluZ05hdlBhbmVsSXRlbXMuZGF0YS5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8QW5jaG9yXG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eyhcbiAgICAgICAgICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+XG4gICAgICAgICAgICApID0+IHtcbiAgICAgICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCBpdGVtKTtcbiAgICAgICAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENhcmRcbiAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICAgIGJvcmRlcj17MX1cbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICAgICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgICAgICAgcD17MH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPExpdmVMZWFybmluZ0ltYWdlXG4gICAgICAgICAgICAgICAgc3JjPXtnZXRJbWFnZVVybChpdGVtLmlkKX1cbiAgICAgICAgICAgICAgICBhbHQ9XCJcIlxuICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gcD17MTZ9PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiPntpdGVtLnRleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIHsnZGVzY3JpcHRpb24nIGluIGl0ZW0gJiYgPFRleHQ+e2l0ZW0uZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9DYXJkPlxuICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const getImageUrl = id => `https://static-assets.codecademy.com/assets/components/cards/global-header/live-learning/v1/${id}.webp`;
+export const LiveLearningPanel = () => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  const {
+    tabIndex
+  } = useAppHeaderSectionContext();
+  const {
+    handleClose
+  } = useAppHeaderDropdownContext();
+  return /*#__PURE__*/_jsx(PanelLayout, {
+    heading: "Live learning",
+    description: liveLearningNavPanelItems.description,
+    children: /*#__PURE__*/_jsx(GridBox, {
+      gridTemplateColumns: {
+        _: '1fr',
+        md: 'repeat(2, 1fr)'
+      },
+      gap: 16,
+      children: liveLearningNavPanelItems.data.map(item => /*#__PURE__*/_jsx(Anchor, {
+        href: item.href,
+        variant: "interface",
+        onClick: event => {
+          globalHeaderItemClick(event, item);
+          handleClose();
+        },
+        tabIndex: tabIndex,
+        children: /*#__PURE__*/_jsxs(Card, {
+          overflow: "hidden",
+          border: 1,
+          borderColor: "border-tertiary",
+          borderRadius: "lg",
+          isInteractive: true,
+          p: 0,
+          children: [/*#__PURE__*/_jsx(LiveLearningImage, {
+            src: getImageUrl(item.id),
+            alt: "",
+            loading: "lazy"
+          }), /*#__PURE__*/_jsxs(FlexBox, {
+            flexDirection: "column",
+            gap: 8,
+            p: 16,
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "title-xs",
+              children: item.text
+            }), 'description' in item && /*#__PURE__*/_jsx(Text, {
+              children: item.description
+            })]
+          })]
+        }, item.id)
+      }, item.id))
+    })
+  });
+};