@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

package/dist/FeatureList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/FeatureList/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nexport type FeatureListItem = {\n  title: string;\n  description: string | null;\n  icon: React.ComponentType<React.PropsWithChildren<GamutIconProps>> | null;\n  iconColor: string | null;\n};\n\nexport interface IFeatureListProps {\n  featureList: FeatureListItem[];\n}\n\nconst StyledIconContainer = styled(FlexBox)<{ iconColor: string }>`\n  color: ${({ iconColor }) => iconColor};\n`;\n\nexport const FeatureList = ({ featureList }: IFeatureListProps) => {\n  return (\n    <FlexBox flexDirection=\"column\" gap={16} mt={24}>\n      {featureList.map((feature) => (\n        <FlexBox\n          key={feature.title}\n          flexDirection=\"row\"\n          gap={12}\n          alignItems={feature.description ? 'flex-start' : 'center'}\n        >\n          {feature.icon && (\n            <StyledIconContainer\n              iconColor={feature.iconColor || theme.colors.text}\n            >\n              <feature.icon size={feature.description ? 24 : 20} />\n            </StyledIconContainer>\n          )}\n          <FlexBox flexDirection=\"column\" gap={feature.description ? 8 : 0}>\n            <Text\n              fontSize={16}\n              fontWeight={feature.description ? 'bold' : 'normal'}\n            >\n              {feature.title}\n            </Text>\n            {feature.description && (\n              <Text fontSize={14}>{feature.description}</Text>\n            )}\n          </FlexBox>\n        </FlexBox>\n      ))}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;AAgBA,MAAM,sBAAsB,OAAO,QAAQ,AAAuB;YACtD,EAAE,gBAAgB,UAAU;;AAGxC,MAAa,eAAe,EAAE,kBAAqC;AACjE,QACE,oBAAC;EAAQ,eAAc;EAAS,KAAK;EAAI,IAAI;YAC1C,YAAY,KAAK,YAChB,qBAAC;GAEC,eAAc;GACd,KAAK;GACL,YAAY,QAAQ,cAAc,eAAe;cAEhD,QAAQ,QACP,oBAAC;IACC,WAAW,QAAQ,aAAa,MAAM,OAAO;cAE7C,oBAAC,QAAQ,QAAK,MAAM,QAAQ,cAAc,KAAK,KAAM;KACjC,EAExB,qBAAC;IAAQ,eAAc;IAAS,KAAK,QAAQ,cAAc,IAAI;eAC7D,oBAAC;KACC,UAAU;KACV,YAAY,QAAQ,cAAc,SAAS;eAE1C,QAAQ;MACJ,EACN,QAAQ,eACP,oBAAC;KAAK,UAAU;eAAK,QAAQ;MAAmB;KAE1C;KAtBL,QAAQ,MAuBL,CACV;GACM"}

package/dist/GlobalFooter/FooterHeading.js

@@ -23,4 +23,5 @@ function FooterHeadingDefaults({ as = "h2", variant = "p-small", mb = 16, fontWe
 const FooterHeading = styled(FooterHeadingDefaults)``;
 
 //#endregion
-export { FooterHeading };
+export { FooterHeading };
+//# sourceMappingURL=FooterHeading.js.map

package/dist/GlobalFooter/FooterHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterHeading.js","names":[],"sources":["../../src/GlobalFooter/FooterHeading.tsx"],"sourcesContent":["import { Text } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\n\nconst defaultFontSize = { sm: 16 } as const;\nconst defaultMarginTop = [24, , 0] as const;\n\nfunction FooterHeadingDefaults({\n  as = 'h2',\n  variant = 'p-small',\n  mb = 16,\n  fontWeight = 'bold',\n  fontSize = defaultFontSize,\n  mt = defaultMarginTop,\n  ...props\n}: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      as={as}\n      variant={variant}\n      mb={mb}\n      fontWeight={fontWeight}\n      fontSize={fontSize}\n      mt={mt}\n      {...props}\n    />\n  );\n}\n\nexport const FooterHeading = styled(FooterHeadingDefaults)``;\n"],"mappings":";;;;;AAGA,MAAM,kBAAkB,EAAE,IAAI,IAAI;AAClC,MAAM,mBAAmB;CAAC;;CAAM;CAAE;AAElC,SAAS,sBAAsB,EAC7B,KAAK,MACL,UAAU,WACV,KAAK,IACL,aAAa,QACb,WAAW,iBACX,KAAK,kBACL,GAAG,SACiC;AACpC,QACE,oBAAC;EACK;EACK;EACL;EACQ;EACF;EACN;EACJ,GAAI;GACJ;;AAIN,MAAa,gBAAgB,OAAO,sBAAsB"}

package/dist/GlobalFooter/FooterLegal/LegalLinks.js

@@ -71,4 +71,5 @@ const LegalLinks = ({ onClick }) => {
 };
 
 //#endregion
-export { LegalLinks };
+export { LegalLinks };
+//# sourceMappingURL=LegalLinks.js.map

package/dist/GlobalFooter/FooterLegal/LegalLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalLinks.js","names":["LegalLinks: React.FC<LegalLinksProps>"],"sources":["../../../src/GlobalFooter/FooterLegal/LegalLinks.tsx"],"sourcesContent":["import { Anchor } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { GlobalFooterClickHandler } from '../types';\n\nconst urls = [\n  ['Privacy Policy', '/policy', 'policy'],\n  ['Cookie Policy', '/cookie-policy', 'cookie_policy'],\n  [\n    'Do Not Sell My Personal Information',\n    'https://privacy.codecademy.com',\n    'data_privacy',\n  ],\n  ['Terms', '/terms', 'terms'],\n];\n\nconst LinksList = styled.ul`\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style-type: none;\n  margin-bottom: 0.5rem;\n  padding-left: 0;\n\n  ${theme.breakpoints.md} {\n    justify-content: flex-start;\n    display: inline-flex;\n  }\n`;\n\nconst LinksItem = styled.li`\n  &::after {\n    content: '|';\n    margin: 0 0.375rem;\n    font-size: 1rem;\n  }\n\n  &:last-of-type::after {\n    opacity: 0;\n  }\n`;\n\nexport type LegalLinksProps = {\n  onClick: GlobalFooterClickHandler;\n};\n\nexport const LegalLinks: React.FC<LegalLinksProps> = ({ onClick }) => {\n  return (\n    <LinksList aria-label=\"Legal\" role=\"list\">\n      {urls.map(([children, href, target]) => {\n        return (\n          <LinksItem key={href}>\n            <Anchor\n              href={href}\n              onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n                onClick({ event, target })\n              }\n              variant=\"interface\"\n            >\n              {children}\n            </Anchor>\n          </LinksItem>\n        );\n      })}\n    </LinksList>\n  );\n};\n"],"mappings":";;;;;;;AAOA,MAAM,OAAO;CACX;EAAC;EAAkB;EAAW;EAAS;CACvC;EAAC;EAAiB;EAAkB;EAAgB;CACpD;EACE;EACA;EACA;EACD;CACD;EAAC;EAAS;EAAU;EAAQ;CAC7B;AAED,MAAM,YAAY,OAAO,EAAE;;;;;;;;;IASvB,MAAM,YAAY,GAAG;;;;;AAMzB,MAAM,YAAY,OAAO,EAAE;;;;;;;;;;;AAgB3B,MAAaA,cAAyC,EAAE,cAAc;AACpE,QACE,oBAAC;EAAU,cAAW;EAAQ,MAAK;YAChC,KAAK,KAAK,CAAC,UAAU,MAAM,YAAY;AACtC,UACE,oBAAC,uBACC,oBAAC;IACO;IACN,UAAU,UACR,QAAQ;KAAE;KAAO;KAAQ,CAAC;IAE5B,SAAQ;IAEP;KACM,IATK,KAUJ;IAEd;GACQ"}

package/dist/GlobalFooter/FooterLegal/MadeIn.js

@@ -73,4 +73,5 @@ const MadeIn = ({ onClick }) => {
 };
 
 //#endregion
-export { MadeIn };
+export { MadeIn };
+//# sourceMappingURL=MadeIn.js.map

package/dist/GlobalFooter/FooterLegal/MadeIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadeIn.js","names":["MadeIn: React.FC<MadeInProps>"],"sources":["../../../src/GlobalFooter/FooterLegal/MadeIn.tsx"],"sourcesContent":["import { Anchor, Box } from '@codecademy/gamut';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst heartStyles = css`\n  display: inline-block;\n  filter: saturate(0.7);\n  margin-right: 0.25rem;\n  min-width: 1.75em;\n  text-align: center;\n`;\n\nconst HeartAnchorContainer = styled(Anchor)`\n  ${heartStyles}\n  cursor: pointer;\n`;\n\nconst HeartContainer = styled.span`\n  ${heartStyles}\n`;\n\nexport type MadeInProps = {\n  onClick?: (text: string) => void;\n};\n\nexport const MadeIn: React.FC<MadeInProps> = ({ onClick }) => {\n  const onMadeClick = () => onClick?.('Made');\n  const onHeartClick = () => onClick?.('❤');\n  const onNYCClick = () => onClick?.('NYC');\n  const onCodecademyClick = () => onClick?.('Codecademy');\n\n  const year = new Date().getFullYear();\n\n  return (\n    <Box\n      display={{ md: 'inline-block' }}\n      textAlign={{ _: 'center', md: 'right' }}\n    >\n      {onClick ? (\n        <>\n          <Anchor variant=\"interface\" onClick={onMadeClick}>\n            Made\n          </Anchor>{' '}\n          with\n          <HeartAnchorContainer variant=\"interface\" onClick={onHeartClick}>\n            ️❤️\n          </HeartAnchorContainer>\n          in{' '}\n          <Anchor variant=\"interface\" onClick={onNYCClick}>\n            NYC\n          </Anchor>{' '}\n          ©{` ${year} `}\n          <Anchor variant=\"interface\" onClick={onCodecademyClick}>\n            Codecademy\n          </Anchor>\n        </>\n      ) : (\n        <>\n          Made with <HeartContainer aria-label=\"love\">❤️</HeartContainer>in NYC\n          © {year} Codecademy\n        </>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAKA,MAAM,cAAc,GAAG;;;;;;;AAQvB,MAAM,uBAAuB,OAAO,OAAO;IACvC,YAAY;;;AAIhB,MAAM,iBAAiB,OAAO,IAAI;IAC9B,YAAY;;AAOhB,MAAaA,UAAiC,EAAE,cAAc;CAC5D,MAAM,oBAAoB,UAAU,OAAO;CAC3C,MAAM,qBAAqB,UAAU,IAAI;CACzC,MAAM,mBAAmB,UAAU,MAAM;CACzC,MAAM,0BAA0B,UAAU,aAAa;CAEvD,MAAM,wBAAO,IAAI,MAAM,EAAC,aAAa;AAErC,QACE,oBAAC;EACC,SAAS,EAAE,IAAI,gBAAgB;EAC/B,WAAW;GAAE,GAAG;GAAU,IAAI;GAAS;YAEtC,UACC;GACE,oBAAC;IAAO,SAAQ;IAAY,SAAS;cAAa;KAEzC;GAAC;GAAI;GAEd,oBAAC;IAAqB,SAAQ;IAAY,SAAS;cAAc;KAE1C;;GACpB;GACH,oBAAC;IAAO,SAAQ;IAAY,SAAS;cAAY;KAExC;GAAC;GAAI;GACZ,IAAI,KAAK;GACX,oBAAC;IAAO,SAAQ;IAAY,SAAS;cAAmB;KAE/C;MACR,GAEH;GAAE;GACU,oBAAC;IAAe,cAAW;cAAO;KAAmB;;GAC5D;GAAK;MACP;GAED"}

package/dist/GlobalFooter/FooterLegal/index.js

@@ -23,4 +23,5 @@ const FooterLegal = ({ onClick, onMadeInClick }) => {
 };
 
 //#endregion
-export { FooterLegal };
+export { FooterLegal };
+//# sourceMappingURL=index.js.map

package/dist/GlobalFooter/FooterLegal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FooterLegal: React.FC<FooterLegalProps>"],"sources":["../../../src/GlobalFooter/FooterLegal/index.tsx"],"sourcesContent":["import { theme, themed } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { GlobalFooterClickHandler } from '../types';\nimport { LegalLinks } from './LegalLinks';\nimport { MadeIn } from './MadeIn';\n\nconst LegalLocalContainer = styled.div`\n  border-top: 1px solid ${themed('colors.navy')};\n  font-size: 0.875rem;\n  padding: 1rem 0 0.5rem;\n  margin: 0;\n\n  ${theme.breakpoints.md} {\n    align-items: baseline;\n    display: flex;\n    justify-content: space-between;\n  }\n`;\n\nexport type FooterLegalProps = {\n  onClick: GlobalFooterClickHandler;\n  onMadeInClick?: (text: string) => void;\n};\n\nexport const FooterLegal: React.FC<FooterLegalProps> = ({\n  onClick,\n  onMadeInClick,\n}) => {\n  return (\n    <LegalLocalContainer>\n      <LegalLinks onClick={onClick} />\n      <MadeIn onClick={onMadeInClick} />\n    </LegalLocalContainer>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,sBAAsB,OAAO,GAAG;0BACZ,OAAO,cAAc,CAAC;;;;;IAK5C,MAAM,YAAY,GAAG;;;;;;AAYzB,MAAaA,eAA2C,EACtD,SACA,oBACI;AACJ,QACE,qBAAC,kCACC,oBAAC,cAAoB,UAAW,EAChC,oBAAC,UAAO,SAAS,gBAAiB,IACd"}

package/dist/GlobalFooter/FooterLinks.js

@@ -43,4 +43,5 @@ const FooterLinkItemWithAnchor = ({ trackingTarget, footerOnClick, ...anchorProp
 };
 
 //#endregion
-export { FooterLinkItem, FooterLinkItemWithAnchor, FooterLinkItems };
+export { FooterLinkItem, FooterLinkItemWithAnchor, FooterLinkItems };
+//# sourceMappingURL=FooterLinks.js.map

package/dist/GlobalFooter/FooterLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLinks.js","names":["FooterLinkItemWithAnchor: React.FC<\n  ComponentProps<typeof Anchor> & {\n    trackingTarget: string;\n    footerOnClick: GlobalFooterClickHandler;\n  }\n>"],"sources":["../../src/GlobalFooter/FooterLinks.tsx"],"sourcesContent":["import { Anchor, Box } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ComponentProps, useCallback } from 'react';\nimport * as React from 'react';\n\nimport { GlobalFooterClickHandler } from './types';\n\nfunction FooterLinkItemsDefaults({\n  as = 'ul',\n  pl = 0,\n  mb = 0,\n  ...props\n}: React.ComponentProps<typeof Box>) {\n  return <Box as={as} pl={pl} mb={mb} {...props} />;\n}\n\nexport const FooterLinkItems = styled(FooterLinkItemsDefaults)`\n  list-style-type: none;\n`;\n\nexport const FooterLinkItem = styled.li`\n  font-size: 0.875rem;\n  margin: 0.5rem 0;\n\n  ${theme.breakpoints.sm} {\n    font-size: 1rem;\n    margin: 0.25rem 0;\n  }\n\n  ${theme.breakpoints.md} {\n    margin: 0.15rem 0;\n  }\n`;\n\nexport const FooterLinkItemWithAnchor: React.FC<\n  ComponentProps<typeof Anchor> & {\n    trackingTarget: string;\n    footerOnClick: GlobalFooterClickHandler;\n  }\n> = ({ trackingTarget, footerOnClick, ...anchorProps }) => {\n  const anchorOnClick = useCallback(\n    (event: React.MouseEvent<Element, MouseEvent>) => {\n      footerOnClick({ event, target: trackingTarget });\n    },\n    [footerOnClick, trackingTarget]\n  );\n\n  return (\n    <FooterLinkItem>\n      <Anchor {...anchorProps} onClick={anchorOnClick} />\n    </FooterLinkItem>\n  );\n};\n"],"mappings":";;;;;;;AAQA,SAAS,wBAAwB,EAC/B,KAAK,MACL,KAAK,GACL,KAAK,GACL,GAAG,SACgC;AACnC,QAAO,oBAAC;EAAQ;EAAQ;EAAQ;EAAI,GAAI;GAAS;;AAGnD,MAAa,kBAAkB,OAAO,wBAAwB;;;AAI9D,MAAa,iBAAiB,OAAO,EAAE;;;;IAInC,MAAM,YAAY,GAAG;;;;;IAKrB,MAAM,YAAY,GAAG;;;;AAKzB,MAAaA,4BAKR,EAAE,gBAAgB,eAAe,GAAG,kBAAkB;CACzD,MAAM,gBAAgB,aACnB,UAAiD;AAChD,gBAAc;GAAE;GAAO,QAAQ;GAAgB,CAAC;IAElD,CAAC,eAAe,eAAe,CAChC;AAED,QACE,oBAAC,4BACC,oBAAC;EAAO,GAAI;EAAa,SAAS;GAAiB,GACpC"}

package/dist/GlobalFooter/FooterNavLinks/CatalogLinks.js

@@ -291,4 +291,5 @@ const CatalogLinks = ({ onClick }) => {
 };
 
 //#endregion
-export { CatalogLinks };
+export { CatalogLinks };
+//# sourceMappingURL=CatalogLinks.js.map

package/dist/GlobalFooter/FooterNavLinks/CatalogLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogLinks.js","names":["variant","theme","CatalogLinks: React.FC<CatalogLinksProps>","downloadOnTheAppStore","getItOnGooglePlay"],"sources":["../../../src/GlobalFooter/FooterNavLinks/CatalogLinks.tsx"],"sourcesContent":["import { Anchor, Box, BoxProps, Column, LayoutGrid } from '@codecademy/gamut';\nimport { theme, themed, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { FooterHeading } from '../FooterHeading';\nimport { FooterLinkItem, FooterLinkItems } from '../FooterLinks';\nimport { GlobalFooterClickHandler } from '../types';\nimport downloadOnTheAppStore from './assets/download-on-the-app-store.svg';\nimport getItOnGooglePlay from './assets/get-it-on-google-play.png';\n\nconst defaultWidth = {\n  _: '50%',\n  md: '90%',\n};\n\nfunction MobileImageLinkDefaults({\n  display = 'inline-block',\n  variant = 'interface',\n  width = defaultWidth,\n  ...props\n}: React.ComponentProps<typeof Anchor>) {\n  return (\n    <Anchor width={width} display={display} variant={variant} {...props} />\n  );\n}\n\nfunction MobileImageItemDefaults({\n  as = 'li',\n  display = 'inline-block',\n  my = 8,\n  ...props\n}: React.ComponentProps<typeof Box>) {\n  return <Box as={as} display={display} my={my} {...props} />;\n}\n\nconst MobileImageItem = styled(MobileImageItemDefaults)();\n\nconst MobileImageLink = styled(MobileImageLinkDefaults)();\n\nconst CatalogLinksContainer = styled.div`\n  border-top: 1px solid ${themed('colors.navy')};\n  margin-top: 2rem;\n\n  ${theme.breakpoints.sm} {\n    padding-top: 2rem;\n  }\n\n  ${theme.breakpoints.md} {\n    border-left: 1px solid ${({ theme }) => theme.colors.navy};\n    border-top: none;\n    margin-left: 0;\n    margin-top: 0;\n    padding-left: 2rem;\n    padding-top: 0;\n  }\n\n  ${theme.breakpoints.lg} {\n    padding-left: 4rem;\n  }\n`;\n\nconst CatalogLinkArea = styled(FooterLinkItems)<{ variant?: 'fullHeight' }>`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  margin-bottom: 1rem;\n\n  ${variant({ variants: { fullHeight: { maxHeight: { md: 'none' } } } })}\n`;\n\nconst CatalogFooterLinkItem = styled(FooterLinkItem)`\n  margin: 0.25rem 0;\n`;\n\nconst languages = [\n  ['bash', 'Bash'],\n  ['c', 'C'],\n  ['c-plus-plus', 'C++'],\n  ['c-sharp', 'C#'],\n  ['go', 'Go'],\n  ['html-css', 'HTML & CSS'],\n  ['java', 'Java'],\n  ['javascript', 'JavaScript'],\n  ['kotlin', 'Kotlin'],\n  ['php', 'PHP'],\n  ['python', 'Python'],\n  ['r', 'R'],\n  ['ruby', 'Ruby'],\n  ['sql', 'SQL'],\n  ['swift', 'Swift'],\n];\n\nconst subjects = [\n  ['artificial-intelligence', 'AI'],\n  ['cloud-computing', 'Cloud computing'],\n  ['code-foundations', 'Code foundations'],\n  ['computer-science', 'Computer science'],\n  ['cybersecurity', 'Cybersecurity'],\n  ['data-analytics', 'Data analytics'],\n  ['data-science', 'Data science'],\n  ['data-visualization', 'Data visualization'],\n  ['developer-tools', 'Developer tools'],\n  ['devops', 'DevOps'],\n  ['game-development', 'Game development'],\n  ['information-technology', 'IT'],\n  ['machine-learning', 'Machine learning'],\n  ['math', 'Math'],\n  ['mobile-development', 'Mobile development'],\n  ['web-design', 'Web design'],\n  ['web-development', 'Web development'],\n];\n\nexport type CatalogLinksProps = {\n  onClick: GlobalFooterClickHandler;\n  userGeo?: string;\n};\n\nexport const CatalogLinks: React.FC<CatalogLinksProps> = ({ onClick }) => {\n  const languagesList = (\n    <Box>\n      <FooterHeading>Languages</FooterHeading>\n      <CatalogLinkArea variant=\"fullHeight\">\n        {languages.map(([slug, text]) => (\n          <CatalogFooterLinkItem key={slug}>\n            <Anchor\n              href={`/catalog/language/${slug}`}\n              onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n                onClick({ event, target: slug })\n              }\n              variant=\"interface\"\n              whiteSpace=\"nowrap\"\n            >\n              {text}\n            </Anchor>\n          </CatalogFooterLinkItem>\n        ))}\n      </CatalogLinkArea>\n    </Box>\n  );\n\n  const subjectsList = (\n    <Box>\n      <FooterHeading>Subjects</FooterHeading>\n      <CatalogLinkArea variant=\"fullHeight\">\n        {subjects.map(([slug, text]) => (\n          <CatalogFooterLinkItem key={slug}>\n            <Anchor\n              href={`/catalog/subject/${slug}`}\n              onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n                onClick({ event, target: slug })\n              }\n              variant=\"interface\"\n              whiteSpace=\"nowrap\"\n            >\n              {text}\n            </Anchor>\n          </CatalogFooterLinkItem>\n        ))}\n      </CatalogLinkArea>\n    </Box>\n  );\n\n  const careerBuildingList = (\n    <Box>\n      <FooterHeading>Career building</FooterHeading>\n      <CatalogLinkArea variant=\"fullHeight\">\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/catalog/all\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'catalog' })\n            }\n            variant=\"interface\"\n            whiteSpace=\"nowrap\"\n          >\n            Career paths\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/career-center\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'career_services' })\n            }\n            variant=\"interface\"\n            whiteSpace=\"nowrap\"\n          >\n            Career Center\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/pages/interview-prep\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'interview_prep' })\n            }\n            variant=\"interface\"\n            whiteSpace=\"nowrap\"\n          >\n            Interview prep\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/pages/pro-certifications\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'pro_certifications' })\n            }\n            variant=\"interface\"\n            whiteSpace=\"nowrap\"\n          >\n            Professional certification\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/bootcamps\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'bootcamps' })\n            }\n            variant=\"interface\"\n          >\n            Bootcamps\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem aria-hidden>—</CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/catalog/all\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'fullCatalog' })\n            }\n            variant=\"interface\"\n          >\n            Full catalog\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"/catalog/subject/beta\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'betaContent' })\n            }\n            variant=\"interface\"\n          >\n            Beta content\n          </Anchor>\n        </CatalogFooterLinkItem>\n        <CatalogFooterLinkItem>\n          <Anchor\n            href=\"https://trello.com/b/vAgDXtT6/codecademy-releases-roadmap\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'roadmap' })\n            }\n            variant=\"interface\"\n          >\n            Roadmap\n          </Anchor>\n        </CatalogFooterLinkItem>\n      </CatalogLinkArea>\n    </Box>\n  );\n\n  const appStoreLinks = (display: BoxProps['display']) => (\n    <Box display={display}>\n      <FooterHeading>Mobile</FooterHeading>\n      <FooterLinkItems display=\"flex\" flexDirection=\"column\">\n        <MobileImageItem>\n          <MobileImageLink\n            href=\"https://itunes.apple.com/us/app/codecademy-go/id1376029326\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'apple_store' })\n            }\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <img\n              alt=\"Download on the App Store\"\n              height=\"calc(40px + 1rem)\"\n              src={downloadOnTheAppStore}\n              width=\"calc(120px + 1.5rem)\"\n            />\n          </MobileImageLink>\n        </MobileImageItem>\n        <MobileImageItem>\n          <MobileImageLink\n            href=\"https://play.google.com/store/apps/details?id=com.ryzac.codecademygo\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'google_play' })\n            }\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <img\n              alt=\"Get it on Google Play\"\n              height=\"calc(40px + 1rem)\"\n              src={getItOnGooglePlay}\n              width=\"calc(133px + 1.5rem)\"\n            />\n          </MobileImageLink>\n        </MobileImageItem>\n      </FooterLinkItems>\n    </Box>\n  );\n\n  // Footer items change placement depending on screen size\n  return (\n    <CatalogLinksContainer>\n      <LayoutGrid columnGap={24}>\n        <Column size={{ _: 6, sm: 4 }}>{subjectsList}</Column>\n        <Column size={{ _: 6, sm: 4 }}>{languagesList}</Column>\n        <Column size={{ _: 6, sm: 4 }} gridTemplateRows=\"min-content\">\n          {careerBuildingList}\n          {/* desktop/tablet */}\n          {appStoreLinks({ _: 'none', sm: 'unset' })}\n        </Column>\n        <Column size={6} display={{ _: 'block', sm: 'none' }}>\n          {/* mobile */}\n          {appStoreLinks({ _: 'unset', sm: 'none' })}\n        </Column>\n      </LayoutGrid>\n    </CatalogLinksContainer>\n  );\n};\n"],"mappings":"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"}

package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.js

@@ -249,4 +249,5 @@ const CompanyLinks = ({ hidePricing, onClick, userGeo, referralRockUrls, isBusin
 };
 
 //#endregion
-export { CompanyLinks };
+export { CompanyLinks };
+//# sourceMappingURL=CompanyLinks.js.map

package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyLinks.js","names":["CompanyLinks: React.FC<CompanyLinksProps>"],"sources":["../../../src/GlobalFooter/FooterNavLinks/CompanyLinks.tsx"],"sourcesContent":["import { Anchor, Box, BoxProps, Column, LayoutGrid } from '@codecademy/gamut';\nimport * as React from 'react';\n\nimport { LogoFromSkillsoft } from '../..';\nimport { footerResourcesList } from '../../lib/resourcesList';\nimport { FooterHeading } from '../FooterHeading';\nimport {\n  FooterLinkItem,\n  FooterLinkItems,\n  FooterLinkItemWithAnchor,\n} from '../FooterLinks';\nimport { GlobalFooterClickHandler } from '../types';\nimport { ReferAFriendLinkWithModal } from './ReferralRock/ReferAFriendLinkWithModal';\nimport type { ReferralRockUrls } from './ReferralRock/types';\nimport { SocialMediaLinks } from './SocialMediaLinks';\n\nexport type CompanyLinksProps = {\n  hidePricing?: boolean;\n  onClick: GlobalFooterClickHandler;\n  userGeo?: string;\n  referralRockUrls?: ReferralRockUrls;\n  isBusinessUser?: boolean;\n};\n\nexport const CompanyLinks: React.FC<CompanyLinksProps> = ({\n  hidePricing,\n  onClick,\n  userGeo,\n  referralRockUrls,\n  isBusinessUser,\n}) => {\n  const community = (\n    <Box>\n      <FooterHeading>Community</FooterHeading>\n      <FooterLinkItems>\n        <FooterLinkItem>\n          <Anchor\n            href=\"https://community.codecademy.com/c/start-here/\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'visit-community' })\n            }\n            target=\"_blank\"\n            variant=\"interface\"\n          >\n            Visit community\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"https://try.codecademy.com/code-crew/\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'code-crew' })\n            }\n            target=\"_blank\"\n            variant=\"interface\"\n          >\n            Code Crew\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/events\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'events' })\n            }\n            variant=\"interface\"\n          >\n            Events\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"https://www.codecademy.com/resources/blog/category/learner-stories\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'learner-stories' })\n            }\n            target=\"_blank\"\n            variant=\"interface\"\n          >\n            Learner Stories\n          </Anchor>\n        </FooterLinkItem>\n        {referralRockUrls && userGeo !== 'IN' ? (\n          <ReferAFriendLinkWithModal\n            referralRockUrls={referralRockUrls}\n            onClick={onClick}\n          />\n        ) : null}\n      </FooterLinkItems>\n    </Box>\n  );\n\n  const company = (\n    <>\n      <FooterHeading>Company</FooterHeading>\n      <FooterLinkItems>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/about\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'about' })\n            }\n            variant=\"interface\"\n          >\n            About\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/about/careers\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'jobs' })\n            }\n            variant=\"interface\"\n          >\n            Careers\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/pages/codecademy-affiliate-program\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'affiliate_program' })\n            }\n            variant=\"interface\"\n          >\n            Affiliates\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/pages/partnerships\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'partnerships' })\n            }\n            variant=\"interface\"\n          >\n            Partnerships\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <SocialMediaLinks />\n        </FooterLinkItem>\n      </FooterLinkItems>\n    </>\n  );\n\n  const plans = (\n    <Box mb={{ _: 0, sm: 24 }}>\n      <FooterHeading>Plans</FooterHeading>\n      <FooterLinkItems>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/pages/paid-plans\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'pro_membership' })\n            }\n            variant=\"interface\"\n          >\n            For individuals\n          </Anchor>\n        </FooterLinkItem>\n        <FooterLinkItem>\n          <Anchor\n            href=\"/student-center\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'students' })\n            }\n            variant=\"interface\"\n          >\n            For students\n          </Anchor>\n        </FooterLinkItem>\n        {!isBusinessUser && (\n          <FooterLinkItem>\n            <Anchor\n              href=\"/business\"\n              onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n                onClick({ event, target: 'business_landing' })\n              }\n              variant=\"interface\"\n            >\n              For business\n            </Anchor>\n          </FooterLinkItem>\n        )}\n        <FooterLinkItem>\n          <Anchor\n            href=\"/pages/codecademy-discount-codes\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'codecademy-discounts' })\n            }\n            variant=\"interface\"\n          >\n            Discounts\n          </Anchor>\n        </FooterLinkItem>\n      </FooterLinkItems>\n    </Box>\n  );\n\n  const resources = (display: BoxProps['display']) => (\n    <Box display={display}>\n      <FooterHeading>Resources</FooterHeading>\n      <FooterLinkItems>\n        {footerResourcesList.map(\n          ({ id, trackingTarget, href, text, newTab }) => (\n            <FooterLinkItemWithAnchor\n              key={id}\n              footerOnClick={onClick}\n              trackingTarget={trackingTarget}\n              href={href}\n              variant=\"interface\"\n              target={newTab ? '_blank' : ''}\n            >\n              {text}\n            </FooterLinkItemWithAnchor>\n          )\n        )}\n      </FooterLinkItems>\n    </Box>\n  );\n\n  const support = (display: BoxProps['display']) => (\n    <Box display={display} mt={{ _: 0, sm: 24 }}>\n      <FooterHeading>Support</FooterHeading>\n      <FooterLinkItems>\n        <FooterLinkItem>\n          <Anchor\n            href=\"https://help.codecademy.com\"\n            onClick={(event: React.MouseEvent<HTMLAnchorElement>) =>\n              onClick({ event, target: 'help' })\n            }\n            target=\"_blank\"\n            variant=\"interface\"\n          >\n            Help Center\n          </Anchor>\n        </FooterLinkItem>\n      </FooterLinkItems>\n    </Box>\n  );\n\n  const logo = (display: BoxProps['display']) => (\n    <Box display={display} mt=\"auto\">\n      <FooterHeading as=\"span\">\n        <LogoFromSkillsoft height={40} />\n      </FooterHeading>\n    </Box>\n  );\n\n  // Footer items change placement depending on screen size\n  return (\n    <LayoutGrid>\n      <Column size={{ _: 6, sm: 4 }} order={1} gridTemplateRows=\"min-content\">\n        {company}\n        {/* mobile */}\n        {resources({ _: 'unset', sm: 'none' })}\n        {support({ _: 'unset', sm: 'none' })}\n      </Column>\n      <Column\n        size={{ _: 6, sm: 4 }}\n        order={{ _: 3, sm: 2 }}\n        gridTemplateRows=\"min-content\"\n      >\n        {/* desktop/tablet */}\n        {resources({ _: 'none', sm: 'unset' })}\n        {support({ _: 'none', sm: 'unset' })}\n      </Column>\n      <Column\n        size={{ _: 6, sm: 4 }}\n        order={{ _: 2, sm: 3 }}\n        gridTemplateRows=\"min-content\"\n      >\n        {hidePricing ? null : plans}\n        {community}\n        {/* mobile */}\n        {logo({ _: 'unset', sm: 'none' })}\n      </Column>\n      <Column\n        size={4}\n        order={4}\n        gridTemplateRows=\"min-content\"\n        mt=\"auto\"\n        display={{ _: 'none', sm: 'block' }}\n      >\n        {/* desktop/tablet */}\n        {logo({ _: 'none', sm: 'unset' })}\n      </Column>\n    </LayoutGrid>\n  );\n};\n"],"mappings":"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"}

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.js

@@ -240,4 +240,5 @@ const ReferAFriendLinkWithModal = ({ referralRockUrls, onClick }) => {
 };
 
 //#endregion
-export { ReferAFriendLinkWithModal };
+export { ReferAFriendLinkWithModal };
+//# sourceMappingURL=ReferAFriendLinkWithModal.js.map

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferAFriendLinkWithModal.js","names":["ReferAFriendLinkWithModal: React.FC<{\n  referralRockUrls: ReferralRockUrls;\n  onClick: GlobalFooterClickHandler;\n}>","referralUrl","closeButtonSharedProps: IconButtonProps"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  Column,\n  FillButton,\n  FlexBox,\n  FormRequiredText,\n  GridBox,\n  IconButton,\n  IconButtonProps,\n  Input,\n  Modal,\n  Text,\n} from '@codecademy/gamut';\nimport {\n  CheckFilledIcon,\n  MiniCopyIcon,\n  MiniDeleteIcon,\n} from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useSearchParam } from 'react-use';\n\nimport { BASE_STATIC_ASSET_PATH } from '../../../remoteAssets/components';\nimport { FooterLinkItem } from '../../FooterLinks';\nimport type { GlobalFooterClickHandler } from '../../types';\nimport { ReferralForm } from './ReferralForm';\nimport { ReferralLinkSocialMediaSharing } from './ReferralLinkSocialMediaSharing';\nimport type { ReferralRockUrls } from './types';\n\nconst StyledModal = styled(Modal)(\n  css({\n    minHeight: { _: '100%', md: 478 },\n    maxWidth: { _: '100%', xs: 400, md: 900 },\n    p: 0,\n  })\n);\n\nconst Image = Box.withComponent('img');\n\nconst ReferralRockLink = styled.li`\n  &:not(:last-of-type)::after {\n    content: '|';\n    margin: 0 0.375rem;\n    font-size: 1rem;\n  }\n`;\n\nexport const ReferAFriendLinkWithModal: React.FC<{\n  referralRockUrls: ReferralRockUrls;\n  onClick: GlobalFooterClickHandler;\n}> = ({ referralRockUrls, onClick }) => {\n  const actionParam = useSearchParam('action');\n  const urlParams =\n    typeof window !== 'undefined'\n      ? new URLSearchParams(window.location.search)\n      : new URLSearchParams();\n\n  const [isOpen, setIsOpen] = useState(\n    urlParams.get('action') === 'referAFriend'\n  );\n  const [referralUrl, setReferralUrl] = useState('');\n  const [showLinkCopiedMessage, setShowLinkCopiedMessage] = useState(false);\n  const [firstRender, setFirstRender] = useState(true);\n  const referralRockLinkRef = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    if (actionParam === 'referAFriend') {\n      setIsOpen(() => true);\n    }\n  }, [actionParam]);\n\n  // linter disabled to prevent refer a friend link from being focused on initial render\n  useEffect(() => {\n    if (firstRender) {\n      setFirstRender(false);\n    } else if (!isOpen) {\n      referralRockLinkRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const handleCloseModal = async () => {\n    if (window && actionParam) {\n      window.history.pushState({}, '', window.location.pathname);\n    }\n\n    setIsOpen(false);\n  };\n\n  const copyUrlToClipboardWithTimeout = async (referralUrl: string) => {\n    await navigator.clipboard.writeText(referralUrl);\n    setShowLinkCopiedMessage(true);\n\n    const delay = setTimeout(() => setShowLinkCopiedMessage(false), 2000);\n    return () => clearTimeout(delay);\n  };\n\n  const referralRockLinks = [\n    {\n      href: referralRockUrls.tos,\n      text: 'Terms and conditions',\n    },\n    {\n      href: referralRockUrls.stats,\n      text: 'My referral stats',\n    },\n  ];\n\n  const modalImageAltText =\n    'Two individuals sitting on the grass while working on a shared laptop';\n\n  const closeButtonSharedProps: IconButtonProps = {\n    'aria-label': 'Close',\n    icon: MiniDeleteIcon,\n    onClick: handleCloseModal,\n    size: 'small',\n    variant: 'secondary',\n    tip: 'Close referral modal',\n    tipProps: {\n      alignment: 'bottom-center',\n      placement: 'floating',\n      narrow: true,\n    },\n  };\n\n  return (\n    <>\n      <FooterLinkItem>\n        <Anchor\n          variant=\"interface\"\n          onClick={(event: React.MouseEvent<HTMLAnchorElement>) => {\n            onClick({ event, target: 'refer-a-friend' });\n            setIsOpen(true);\n          }}\n        >\n          Refer a friend\n        </Anchor>\n      </FooterLinkItem>\n      <StyledModal\n        onRequestClose={handleCloseModal}\n        isOpen={isOpen}\n        closeButtonProps={{ hidden: true }}\n        size=\"fluid\"\n        p={0}\n      >\n        <GridBox\n          gridAutoFlow={{ _: 'row', md: 'column' }}\n          gridAutoColumns=\"1fr\"\n          height=\"100%\"\n        >\n          <Column display={{ _: 'none', xs: 'grid', md: 'none' }} height={48}>\n            <FlexBox\n              justifyContent=\"right\"\n              alignItems=\"center\"\n              mr={8}\n              position=\"relative\"\n            >\n              <IconButton {...closeButtonSharedProps} />\n            </FlexBox>\n          </Column>\n          <Column overflow={{ md: 'hidden' }}>\n            <Image\n              src={`${BASE_STATIC_ASSET_PATH}/referral-rock/modal-desktop.webp`}\n              alt={modalImageAltText}\n              display={{ _: 'none', md: 'block' }}\n              width=\"100%\"\n              height=\"100%\"\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{ objectFit: 'cover', objectPosition: 'center' }}\n            />\n            <Image\n              src={`${BASE_STATIC_ASSET_PATH}/referral-rock/modal-mobile.webp`}\n              alt={modalImageAltText}\n              display={{ _: 'none', xs: 'block', md: 'none' }}\n              width=\"100%\"\n            />\n          </Column>\n          <Column p={24} overflowY=\"auto\" overflowX=\"hidden\">\n            <Box mb={32}>\n              <FlexBox justifyContent=\"space-between\" mb={12}>\n                <Text\n                  as=\"h2\"\n                  fontSize={34}\n                  pr={{ _: 0, md: 16 }}\n                  maxWidth={{ _: 230, xs: 352 }}\n                >\n                  Refer your friends to Codecademy\n                </Text>\n                <Box position=\"relative\">\n                  <IconButton\n                    {...closeButtonSharedProps}\n                    display={{\n                      _: 'inline-flex',\n                      xs: 'none',\n                      md: 'inline-flex',\n                    }}\n                    mr={-10 as 0}\n                  />\n                </Box>\n              </FlexBox>\n              <Text>\n                Get a referral link you can share with friends. When they use\n                your link to buy a Pro, Plus, or Pro Student annual plan, they\n                save 50% — & you get a gift card equal to $20 USD.\n              </Text>\n              <FormRequiredText pt={4} variant=\"p-small\" />\n            </Box>\n            {referralUrl ? (\n              <Box>\n                <Input\n                  name=\"referral url\"\n                  aria-label=\"Referral link\"\n                  type=\"text\"\n                  defaultValue={referralUrl}\n                  width=\"fit-content\"\n                />\n                <Box mt={12}>\n                  {showLinkCopiedMessage ? (\n                    <FlexBox mb={40} alignItems=\"center\">\n                      <CheckFilledIcon\n                        mr={8}\n                        mb={2 as 0}\n                        color=\"feedback-success\"\n                        alignSelf=\"center\"\n                      />\n                      <Text color=\"feedback-success\">Link copied!</Text>\n                    </FlexBox>\n                  ) : (\n                    <FillButton\n                      onClick={() => copyUrlToClipboardWithTimeout(referralUrl)}\n                      width=\"100%\"\n                      mb={24}\n                    >\n                      <MiniCopyIcon color=\"white\" pr={8} />\n                      Copy link\n                    </FillButton>\n                  )}\n                </Box>\n                <ReferralLinkSocialMediaSharing referralUrl={referralUrl} />\n              </Box>\n            ) : (\n              <ReferralForm setReferralUrl={setReferralUrl} />\n            )}\n            <FlexBox\n              as=\"ul\"\n              listStyle=\"none\"\n              m={0}\n              p={0}\n              mt={24}\n              justifyContent=\"center\"\n            >\n              {referralRockLinks.map(({ href, text }) => (\n                <ReferralRockLink key={href}>\n                  <Anchor href={href} fontSize={14} variant=\"interface\">\n                    {text}\n                  </Anchor>\n                </ReferralRockLink>\n              ))}\n            </FlexBox>\n          </Column>\n        </GridBox>\n      </StyledModal>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.js

@@ -22,4 +22,5 @@ const ReferralFields = () => {
 };
 
 //#endregion
-export { ReferralFields };
+export { ReferralFields };
+//# sourceMappingURL=ReferralFields.js.map

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralFields.js","names":["ReferralFields: React.FC<{}>"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralFields.tsx"],"sourcesContent":["import {\n  ConnectedFormGroup,\n  ConnectedInput,\n  useFormState,\n} from '@codecademy/gamut';\nimport React, { useEffect } from 'react';\n\nexport const ReferralFields: React.FC<{}> = () => {\n  const { setFocus } = useFormState();\n\n  useEffect(() => {\n    setFocus('firstName');\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      <ConnectedFormGroup\n        name=\"firstName\"\n        label=\"Your first name\"\n        field={{ component: ConnectedInput }}\n        required\n      />\n      <ConnectedFormGroup\n        name=\"email\"\n        label=\"Your email address\"\n        field={{ component: ConnectedInput }}\n        required\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAaA,uBAAqC;CAChD,MAAM,EAAE,aAAa,cAAc;AAEnC,iBAAgB;AACd,WAAS,YAAY;IAEpB,EAAE,CAAC;AAEN,QACE,4CACE,oBAAC;EACC,MAAK;EACL,OAAM;EACN,OAAO,EAAE,WAAW,gBAAgB;EACpC;GACA,EACF,oBAAC;EACC,MAAK;EACL,OAAM;EACN,OAAO,EAAE,WAAW,gBAAgB;EACpC;GACA,IACD"}

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.js

@@ -66,4 +66,5 @@ const ReferralForm = ({ setReferralUrl }) => {
 };
 
 //#endregion
-export { ReferralForm };
+export { ReferralForm };
+//# sourceMappingURL=ReferralForm.js.map

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralForm.js","names":["ReferralForm: React.FC<{\n  setReferralUrl: React.Dispatch<React.SetStateAction<string>>;\n}>"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralForm.tsx"],"sourcesContent":["import { SubmitButton, useConnectedForm } from '@codecademy/gamut';\nimport React, { useState } from 'react';\nimport Cookies from 'universal-cookie';\n\nimport { ReferralFields } from './ReferralFields';\n\nconst createMember = (firstName: string, email: string) => {\n  const cookies = new Cookies();\n\n  return fetch(\n    `${process.env.NEXT_PUBLIC_MONOLITH ?? ''}/referralrock/members`,\n    {\n      method: 'POST',\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n        'CF-Access-Client-Id':\n          process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_ID ?? '',\n        'CF-Access-Client-Secret':\n          process.env.NEXT_PUBLIC_CF_ACCESS_CLIENT_SECRET ?? '',\n        'X-CSRF-Token': cookies.get('CSRF-TOKEN'),\n      },\n      body: JSON.stringify({ firstName, email }),\n    }\n  );\n};\n\nexport const ReferralForm: React.FC<{\n  setReferralUrl: React.Dispatch<React.SetStateAction<string>>;\n}> = ({ setReferralUrl }) => {\n  const [disableSubmit, setDisableSubmit] = useState(true);\n\n  const handleWatch = (values: string[]) => {\n    const [firstName, email] = values;\n    return firstName && email\n      ? setDisableSubmit(false)\n      : setDisableSubmit(true);\n  };\n\n  const { ConnectedForm, connectedFormProps } = useConnectedForm({\n    defaultValues: {\n      email: '',\n      firstName: '',\n    },\n    validationRules: {\n      firstName: { required: 'Please enter your first name.' },\n      email: {\n        required: 'Please enter your email address.',\n        pattern: {\n          value: /^[^@\\s]+@[^@\\s\\.]+\\.[^@\\s]{2,}$/, // eslint-disable-line no-useless-escape\n          message: 'Please enter a valid email address.',\n        },\n      },\n    },\n    watchedFields: {\n      fields: ['firstName', 'email'],\n      watchHandler: handleWatch,\n    },\n  });\n\n  return (\n    <ConnectedForm\n      onSubmit={async ({ firstName, email }) => {\n        const res = await createMember(firstName, email);\n        const json = await res.json();\n        setReferralUrl(json?.member?.referralUrl);\n      }}\n      validation=\"onBlur\"\n      {...connectedFormProps}\n    >\n      <ReferralFields />\n      <SubmitButton\n        type=\"submit\"\n        variant=\"primary\"\n        id=\"get-referral-link\"\n        width=\"100%\"\n        disabled={disableSubmit}\n      >\n        Get your referral link\n      </SubmitButton>\n    </ConnectedForm>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,WAAmB,UAAkB;CACzD,MAAM,UAAU,IAAI,SAAS;AAE7B,QAAO,MACL,GAAG,QAAQ,IAAI,wBAAwB,GAAG,wBAC1C;EACE,QAAQ;EACR,aAAa;EACb,SAAS;GACP,gBAAgB;GAChB,uBACE,QAAQ,IAAI,mCAAmC;GACjD,2BACE,QAAQ,IAAI,uCAAuC;GACrD,gBAAgB,QAAQ,IAAI,aAAa;GAC1C;EACD,MAAM,KAAK,UAAU;GAAE;GAAW;GAAO,CAAC;EAC3C,CACF;;AAGH,MAAaA,gBAEP,EAAE,qBAAqB;CAC3B,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CAExD,MAAM,eAAe,WAAqB;EACxC,MAAM,CAAC,WAAW,SAAS;AAC3B,SAAO,aAAa,QAChB,iBAAiB,MAAM,GACvB,iBAAiB,KAAK;;CAG5B,MAAM,EAAE,eAAe,uBAAuB,iBAAiB;EAC7D,eAAe;GACb,OAAO;GACP,WAAW;GACZ;EACD,iBAAiB;GACf,WAAW,EAAE,UAAU,iCAAiC;GACxD,OAAO;IACL,UAAU;IACV,SAAS;KACP,OAAO;KACP,SAAS;KACV;IACF;GACF;EACD,eAAe;GACb,QAAQ,CAAC,aAAa,QAAQ;GAC9B,cAAc;GACf;EACF,CAAC;AAEF,QACE,qBAAC;EACC,UAAU,OAAO,EAAE,WAAW,YAAY;AAGxC,mBADa,OADD,MAAM,aAAa,WAAW,MAAM,EACzB,MAAM,GACR,QAAQ,YAAY;;EAE3C,YAAW;EACX,GAAI;aAEJ,oBAAC,mBAAiB,EAClB,oBAAC;GACC,MAAK;GACL,SAAQ;GACR,IAAG;GACH,OAAM;GACN,UAAU;aACX;IAEc;GACD"}

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.js

@@ -66,4 +66,5 @@ const ReferralLinkSocialMediaSharing = ({ referralUrl }) => /* @__PURE__ */ jsx(
 });
 
 //#endregion
-export { ReferralLinkSocialMediaSharing };
+export { ReferralLinkSocialMediaSharing };
+//# sourceMappingURL=ReferralLinkSocialMediaSharing.js.map

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralLinkSocialMediaSharing.js","names":["ReferralLinkSocialMediaSharing: React.FC<{\n  referralUrl: string;\n}>"],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/ReferralLinkSocialMediaSharing.tsx"],"sourcesContent":["import { Box, GridBox, StrokeButton } from '@codecademy/gamut';\nimport {\n  EmailFilledIcon,\n  FacebookIcon,\n  WhatsAppFilledIcon,\n  XIcon,\n} from '@codecademy/gamut-icons';\n\nimport { createShareLink, SocialMediaShare } from '../../../SocialMediaSharing';\nimport { onClickWrapper } from '../../../SocialMediaSharingDropdown';\n\nconst referralMessage =\n  'Use my referral link to get 50% off a Pro, Plus, or Pro Student annual plan';\n\nconst socialLinks = [\n  {\n    id: 'x',\n    label: 'X',\n    icon: XIcon,\n    formatShare: (referralUrl: string) =>\n      createShareLink(\n        ({ url }: SocialMediaShare) => ({\n          ...(url && { url }),\n          text: referralMessage,\n          hashtags: 'codecademy',\n          via: 'codecademy',\n        }),\n        'https://twitter.com/intent/tweet?',\n        { url: referralUrl }\n      ),\n  },\n  {\n    id: 'facebook',\n    label: 'Facebook',\n    icon: FacebookIcon,\n    formatShare: (referralUrl: string) =>\n      createShareLink(\n        ({ url }: SocialMediaShare) => ({\n          ...(url && { href: url }),\n          quote: referralMessage,\n          hashtag: '#codecademy',\n        }),\n        'https://www.facebook.com/dialog/share?app_id=212500508799908',\n        { url: referralUrl }\n      ),\n  },\n  {\n    id: 'whatsApp',\n    label: 'WhatsApp',\n    icon: WhatsAppFilledIcon,\n    formatShare: (referralUrl: string) =>\n      createShareLink(\n        ({ url }: SocialMediaShare) => ({\n          text: `${referralMessage}: ${url}`,\n        }),\n        'https://wa.me/?',\n        { url: referralUrl }\n      ),\n  },\n  {\n    id: 'email',\n    label: 'Email',\n    icon: EmailFilledIcon,\n    formatShare: (url: string) => {\n      const subject = encodeURIComponent(\n        'Join me on Codecademy and get 50% off'\n      );\n      const body = encodeURIComponent(\n        `Hey! I thought you would be interested in learning to code and building skills to grow your career. If you sign up using my referral link, you'll get 50% off a Codecademy Pro, Plus, or Pro Student plan for a year: ${url}`\n      );\n      return `mailto:?subject=${subject}&body=${body}`;\n    },\n  },\n];\n\nexport const ReferralLinkSocialMediaSharing: React.FC<{\n  referralUrl: string;\n}> = ({ referralUrl }) => (\n  <GridBox\n    gridTemplateColumns=\"1fr 1fr\"\n    columnGap={12}\n    rowGap={12}\n    as=\"ul\"\n    listStyle=\"none\"\n    m={0}\n    p={0}\n  >\n    {socialLinks.map(({ id, label, icon: IconComponent, formatShare }) => (\n      <Box as=\"li\" key={id}>\n        <StrokeButton\n          aria-label={`Share referral link via ${label}`}\n          width=\"100%\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) =>\n            onClickWrapper(e, id, formatShare(referralUrl))\n          }\n        >\n          <IconComponent size={12} mr={8} />\n          {label}\n        </StrokeButton>\n      </Box>\n    ))}\n  </GridBox>\n);\n"],"mappings":";;;;;;;AAWA,MAAM,kBACJ;AAEF,MAAM,cAAc;CAClB;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,cAAc,gBACZ,iBACG,EAAE,WAA6B;GAC9B,GAAI,OAAO,EAAE,KAAK;GAClB,MAAM;GACN,UAAU;GACV,KAAK;GACN,GACD,qCACA,EAAE,KAAK,aAAa,CACrB;EACJ;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,cAAc,gBACZ,iBACG,EAAE,WAA6B;GAC9B,GAAI,OAAO,EAAE,MAAM,KAAK;GACxB,OAAO;GACP,SAAS;GACV,GACD,gEACA,EAAE,KAAK,aAAa,CACrB;EACJ;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,cAAc,gBACZ,iBACG,EAAE,WAA6B,EAC9B,MAAM,GAAG,gBAAgB,IAAI,OAC9B,GACD,mBACA,EAAE,KAAK,aAAa,CACrB;EACJ;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,cAAc,QAAgB;AAO5B,UAAO,mBANS,mBACd,wCACD,CAIiC,QAHrB,mBACX,yNAAyN,MAC1N;;EAGJ;CACF;AAED,MAAaA,kCAEP,EAAE,kBACN,oBAAC;CACC,qBAAoB;CACpB,WAAW;CACX,QAAQ;CACR,IAAG;CACH,WAAU;CACV,GAAG;CACH,GAAG;WAEF,YAAY,KAAK,EAAE,IAAI,OAAO,MAAM,eAAe,kBAClD,oBAAC;EAAI,IAAG;YACN,qBAAC;GACC,cAAY,2BAA2B;GACvC,OAAM;GACN,UAAU,MACR,eAAe,GAAG,IAAI,YAAY,YAAY,CAAC;cAGjD,oBAAC;IAAc,MAAM;IAAI,IAAI;KAAK,EACjC;IACY;IAVC,GAWZ,CACN;EACM"}

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/types.d.ts

@@ -4,4 +4,5 @@ interface ReferralRockUrls {
   tos: string;
 }
 //#endregion
-export { ReferralRockUrls };
+export { ReferralRockUrls };
+//# sourceMappingURL=types.d.ts.map

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/GlobalFooter/FooterNavLinks/ReferralRock/types.ts"],"sourcesContent":[],"mappings":";UAAiB,gBAAA;EAAA,KAAA,EAAA,MAAA"}

package/dist/GlobalFooter/FooterNavLinks/SocialMediaLinks.js

@@ -54,4 +54,5 @@ const SocialMediaLinks = () => {
 };
 
 //#endregion
-export { SocialMediaLinks };
+export { SocialMediaLinks };
+//# sourceMappingURL=SocialMediaLinks.js.map

package/dist/GlobalFooter/FooterNavLinks/SocialMediaLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialMediaLinks.js","names":["SocialMediaLinks: React.FC"],"sources":["../../../src/GlobalFooter/FooterNavLinks/SocialMediaLinks.tsx"],"sourcesContent":["import { Anchor, Box } from '@codecademy/gamut';\nimport {\n  FacebookIcon,\n  InstagramIcon,\n  TikTokIcon,\n  XIcon,\n  YoutubeIcon,\n} from '@codecademy/gamut-icons';\nimport * as React from 'react';\n\nimport { FooterLinkItems } from '../FooterLinks';\n\nconst media = [\n  {\n    label: 'Follow us on Twitter',\n    url: 'https://twitter.com/Codecademy',\n    icon: XIcon,\n  },\n  {\n    label: 'Like us on Facebook',\n    url: 'https://codecademy.com/users/redirect?redirect_url=https://www.facebook.com/groups/codecademy.community',\n    icon: FacebookIcon,\n  },\n  {\n    label: 'Follow us on Instagram',\n    url: 'https://instagram.com/codecademy',\n    icon: InstagramIcon,\n  },\n  {\n    label: 'Subscribe to Codecademy on YouTube',\n    url: 'https://www.youtube.com/channel/UC5CMtpogD_P3mOoeiDHD5eQ',\n    icon: YoutubeIcon,\n  },\n  {\n    label: 'Follow us on TikTok',\n    url: 'https://www.tiktok.com/@codecademy',\n    icon: TikTokIcon,\n  },\n];\n\nexport const SocialMediaLinks: React.FC = () => {\n  return (\n    <FooterLinkItems aria-label=\"Social Media\" pt={16}>\n      {media.map(({ label, url, icon: IconComponent }) => (\n        <Box as=\"li\" display=\"inline-block\" key={label}>\n          <Anchor\n            aria-label={label}\n            fontSize={20}\n            href={url}\n            mr={8}\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            variant=\"interface\"\n          >\n            <IconComponent />\n          </Anchor>\n        </Box>\n      ))}\n    </FooterLinkItems>\n  );\n};\n"],"mappings":";;;;;;;AAYA,MAAM,QAAQ;CACZ;EACE,OAAO;EACP,KAAK;EACL,MAAM;EACP;CACD;EACE,OAAO;EACP,KAAK;EACL,MAAM;EACP;CACD;EACE,OAAO;EACP,KAAK;EACL,MAAM;EACP;CACD;EACE,OAAO;EACP,KAAK;EACL,MAAM;EACP;CACD;EACE,OAAO;EACP,KAAK;EACL,MAAM;EACP;CACF;AAED,MAAaA,yBAAmC;AAC9C,QACE,oBAAC;EAAgB,cAAW;EAAe,IAAI;YAC5C,MAAM,KAAK,EAAE,OAAO,KAAK,MAAM,oBAC9B,oBAAC;GAAI,IAAG;GAAK,SAAQ;aACnB,oBAAC;IACC,cAAY;IACZ,UAAU;IACV,MAAM;IACN,IAAI;IACJ,KAAI;IACJ,QAAO;IACP,SAAQ;cAER,oBAAC,kBAAgB;KACV;KAX8B,MAYnC,CACN;GACc"}

package/dist/GlobalFooter/FooterNavLinks/assets/download-on-the-app-store.js

@@ -2,4 +2,5 @@
 var download_on_the_app_store_default = "assets/download-on-the-app-store-BbQ68gT5.svg";
 
 //#endregion
-export { download_on_the_app_store_default as default };
+export { download_on_the_app_store_default as default };
+//# sourceMappingURL=download-on-the-app-store.js.map

package/dist/GlobalFooter/FooterNavLinks/assets/download-on-the-app-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-on-the-app-store.js","names":[],"sources":["../../../../src/GlobalFooter/FooterNavLinks/assets/download-on-the-app-store.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";wCAAA,+CAAA"}

package/dist/GlobalFooter/FooterNavLinks/assets/get-it-on-google-play.js

@@ -2,4 +2,5 @@
 var get_it_on_google_play_default = "assets/get-it-on-google-play-CnA-UUOj.png";
 
 //#endregion
-export { get_it_on_google_play_default as default };
+export { get_it_on_google_play_default as default };
+//# sourceMappingURL=get-it-on-google-play.js.map

package/dist/GlobalFooter/FooterNavLinks/assets/get-it-on-google-play.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-it-on-google-play.js","names":[],"sources":["../../../../src/GlobalFooter/FooterNavLinks/assets/get-it-on-google-play.png"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";oCAAA,2CAAA"}

package/dist/GlobalFooter/FooterNavLinks/index.js

@@ -38,4 +38,5 @@ const FooterNavLinks = ({ hidePricing, onClick, userGeo, referralRockUrls, isBus
 };
 
 //#endregion
-export { FooterNavLinks };
+export { FooterNavLinks };
+//# sourceMappingURL=index.js.map

package/dist/GlobalFooter/FooterNavLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FooterNavLinks: React.FC<FooterNavLinksProps>"],"sources":["../../../src/GlobalFooter/FooterNavLinks/index.tsx"],"sourcesContent":["import { Column, LayoutGrid } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { CatalogLinks } from './CatalogLinks';\nimport { CompanyLinks, CompanyLinksProps } from './CompanyLinks';\n\nexport type FooterNavLinksProps = CompanyLinksProps;\n\nconst FooterNavLinksGrid = styled(LayoutGrid)`\n  ${theme.breakpoints.sm} {\n    padding: 2rem 0;\n  }\n`;\n\nexport const FooterNavLinks: React.FC<FooterNavLinksProps> = ({\n  hidePricing,\n  onClick,\n  userGeo,\n  referralRockUrls,\n  isBusinessUser,\n}) => {\n  return (\n    <FooterNavLinksGrid>\n      <Column size={{ _: 12, md: 6 }}>\n        <CompanyLinks\n          hidePricing={hidePricing}\n          onClick={onClick}\n          userGeo={userGeo}\n          referralRockUrls={referralRockUrls}\n          isBusinessUser={isBusinessUser}\n        />\n      </Column>\n      <Column size={{ _: 12, md: 6 }}>\n        <CatalogLinks onClick={onClick} userGeo={userGeo} />\n      </Column>\n    </FooterNavLinksGrid>\n  );\n};\n"],"mappings":";;;;;;;;;AAUA,MAAM,qBAAqB,OAAO,WAAW;IACzC,MAAM,YAAY,GAAG;;;;AAKzB,MAAaA,kBAAiD,EAC5D,aACA,SACA,SACA,kBACA,qBACI;AACJ,QACE,qBAAC,iCACC,oBAAC;EAAO,MAAM;GAAE,GAAG;GAAI,IAAI;GAAG;YAC5B,oBAAC;GACc;GACJ;GACA;GACS;GACF;IAChB;GACK,EACT,oBAAC;EAAO,MAAM;GAAE,GAAG;GAAI,IAAI;GAAG;YAC5B,oBAAC;GAAsB;GAAkB;IAAW;GAC7C,IACU"}

package/dist/GlobalFooter/index.d.ts

@@ -23,4 +23,5 @@ type GlobalFooterProps = {
 };
 declare const GlobalFooter: React$1.FC<GlobalFooterProps>;
 //#endregion
-export { GlobalFooter, GlobalFooterProps };
+export { GlobalFooter, GlobalFooterProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/GlobalFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/GlobalFooter/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,iBAAA;;EAAA;AA8BZ;;;;;;WAnBW;;;;;;qBAOU;;;cAYR,cAAc,OAAA,CAAM,GAAG"}

package/dist/GlobalFooter/index.js

@@ -32,4 +32,5 @@ const GlobalFooter = ({ className, hidePricing, onClick, onMadeInClick, userGeo,
 };
 
 //#endregion
-export { GlobalFooter };
+export { GlobalFooter };
+//# sourceMappingURL=index.js.map

package/dist/GlobalFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GlobalFooter: React.FC<GlobalFooterProps>"],"sources":["../../src/GlobalFooter/index.tsx"],"sourcesContent":["import { ContentContainer } from '@codecademy/gamut';\nimport { themed } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { FooterLegal } from './FooterLegal';\nimport { FooterNavLinks } from './FooterNavLinks';\nimport type { ReferralRockUrls } from './FooterNavLinks/ReferralRock/types';\nimport { GlobalFooterClickHandler } from './types';\n\nexport type GlobalFooterProps = {\n  className?: string;\n\n  /**\n   * Hide pricing details, such as for rendering in an app store app.\n   */\n  hidePricing?: boolean;\n\n  /**\n   * Called whenever a link is clicked.\n   */\n  onClick: GlobalFooterClickHandler;\n\n  /**\n   * Called when the text in the MadeIn component is clicked\n   */\n  onMadeInClick?: (text: string) => void;\n  userGeo?: string;\n  referralRockUrls?: ReferralRockUrls;\n  isBusinessUser?: boolean;\n};\n\nconst FooterContainer = styled.footer`\n  border-top: 1px solid ${themed('colors.secondary')};\n\n  @media print {\n    display: none;\n  }\n`;\n\nexport const GlobalFooter: React.FC<GlobalFooterProps> = ({\n  className,\n  hidePricing,\n  onClick,\n  onMadeInClick,\n  userGeo,\n  referralRockUrls,\n  isBusinessUser,\n}) => {\n  return (\n    <FooterContainer className={className} role=\"contentinfo\">\n      <ContentContainer>\n        <FooterNavLinks\n          hidePricing={hidePricing}\n          onClick={onClick}\n          userGeo={userGeo}\n          referralRockUrls={referralRockUrls}\n          isBusinessUser={isBusinessUser}\n        />\n        <FooterLegal onClick={onClick} onMadeInClick={onMadeInClick} />\n      </ContentContainer>\n    </FooterContainer>\n  );\n};\n"],"mappings":";;;;;;;;;AAgCA,MAAM,kBAAkB,OAAO,MAAM;0BACX,OAAO,mBAAmB,CAAC;;;;;;AAOrD,MAAaA,gBAA6C,EACxD,WACA,aACA,SACA,eACA,SACA,kBACA,qBACI;AACJ,QACE,oBAAC;EAA2B;EAAW,MAAK;YAC1C,qBAAC,+BACC,oBAAC;GACc;GACJ;GACA;GACS;GACF;IAChB,EACF,oBAAC;GAAqB;GAAwB;IAAiB,IAC9C;GACH"}

package/dist/GlobalFooter/types.d.ts

@@ -13,4 +13,5 @@ type GlobalFooterClickData = {
 };
 type GlobalFooterClickHandler = (data: GlobalFooterClickData) => void;
 //#endregion
-export { GlobalFooterClickHandler };
+export { GlobalFooterClickHandler };
+//# sourceMappingURL=types.d.ts.map

package/dist/GlobalFooter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/GlobalFooter/types.ts"],"sourcesContent":[],"mappings":";;;KAEK,qBAAA;;AAF0B;AAc/B;SARS,OAAA,CAAM;;;;;;KAQH,wBAAA,UAAkC"}

package/dist/GlobalHeader/GlobalHeaderItems.js

@@ -415,4 +415,5 @@ const requestTeamsDemo = {
 };
 
 //#endregion
-export { addPayment, bootcampCta, bootcampsHub, businessSolutions, catalogDropdown, coaching, communityDropdown, enterpriseLogo, freeProfile, loading, login, logo, myHome, myPercipioHome, pricingDropdown, proProfile, requestTeamsDemo, resourcesDropdown, signUp, signUpTextButton, simpleResourcesDropdown, tryProForFree, unpausePro, upgradePlan, upgradeToPro };
+export { addPayment, bootcampCta, bootcampsHub, businessSolutions, catalogDropdown, coaching, communityDropdown, enterpriseLogo, freeProfile, loading, login, logo, myHome, myPercipioHome, pricingDropdown, proProfile, requestTeamsDemo, resourcesDropdown, signUp, signUpTextButton, simpleResourcesDropdown, tryProForFree, unpausePro, upgradePlan, upgradeToPro };
+//# sourceMappingURL=GlobalHeaderItems.js.map

package/dist/GlobalHeader/GlobalHeaderItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeaderItems.js","names":["loading: AppHeaderRenderElementItem","logo: AppHeaderLogoItem","myHome: AppHeaderLinkItem","bootcampsHub: AppHeaderLinkItem","coaching: AppHeaderLinkItem","simpleResourcesDropdown: AppHeaderResourcesSimpleDropdownItem","upgradePlan: AppHeaderLinkItem","profileMyProfile: AppHeaderLinkItem","profileAccount: AppHeaderLinkItem","profileMyHome: AppHeaderLinkItem","profileBusinessAccount: AppHeaderLinkItem","profileHelpCenter: AppHeaderLinkItem","profileAdmin: AppHeaderLinkItem","profileCustomerSupport: AppHeaderLinkItem","profileReportBug: AppHeaderLinkItem","profileLogOut: AppHeaderLinkItem","teamsAdminSection: AppHeaderLinkItem[]","middleSection: AppHeaderLinkItem[]","addPayment: AppHeaderFillButtonItem","unpausePro: AppHeaderFillButtonItem","login: AppHeaderTextButtonItem","signUp: AppHeaderFillButtonItem","signUpTextButton: AppHeaderTextButtonItem","requestTeamsDemo: AppHeaderFillButtonItem"],"sources":["../../src/GlobalHeader/GlobalHeaderItems.tsx"],"sourcesContent":["import { Shimmer, Text } from '@codecademy/gamut';\nimport {\n  AccountingCoinsIcon,\n  ArrowThickCircleUpIcon,\n  ArticleIcon,\n  BookFlipPageIcon,\n  BriefcaseIcon,\n  CalendarIcon,\n  CoachingIcon,\n  CommunityIcon,\n  EarthIcon,\n  GearIcon,\n  HouseEntranceIcon,\n  MiniArrowRightIcon,\n  NotebookIcon,\n  OfficeBuildingDoubleIcon,\n  OnlineClassStudentIcon,\n  PersonIcon,\n  PersonPonytailIcon,\n  PieLineGraphIcon,\n  SupportIcon,\n} from '@codecademy/gamut-icons';\n\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderFillButtonItem,\n  AppHeaderLinkItem,\n  AppHeaderLogoItem,\n  AppHeaderProfileDropdownItem,\n  AppHeaderRenderElementItem,\n  AppHeaderResourcesDropdownItem,\n  AppHeaderResourcesSimpleDropdownItem,\n  AppHeaderSimpleDropdownItem,\n  AppHeaderTextButtonItem,\n} from '../AppHeader/shared';\nimport { User } from './types';\nimport { formatEnterpriseUrl } from './urlHelpers';\n\nconst shouldShowBusinessDashboardLink = (user: User) => {\n  return (\n    !!(user?.isAccountManager || user?.isBusinessAdmin) &&\n    !user?.isSkillsoftUser\n  );\n};\n\nexport const loading: AppHeaderRenderElementItem = {\n  id: 'header-loading',\n  type: 'render-element',\n  renderElement: () => (\n    <>\n      <Shimmer aria-hidden height={36} width={128} />\n      <Text screenreader>Loading menu bar</Text>\n    </>\n  ),\n};\n\nexport const logo: AppHeaderLogoItem = {\n  dataTestId: 'header-logo',\n  id: 'logo',\n  href: '/',\n  enterprise: false,\n  pro: false,\n  trackingTarget: 'topnav_logo',\n  type: 'logo',\n};\n\nexport const enterpriseLogo = (\n  user: User,\n  removeAnchorLink?: boolean\n): AppHeaderLogoItem => {\n  return {\n    dataTestId: 'header-logo',\n    id: 'logo',\n    href:\n      formatEnterpriseUrl(user?.enterpriseUrl) ??\n      'https://www.skillsoft.com/login-skillsoft',\n    enterprise: true,\n    pro: false,\n    trackingTarget: 'topnav_enterprise_logo',\n    type: 'logo',\n    removeAnchorLink,\n  };\n};\n\nexport const myHome: AppHeaderLinkItem = {\n  dataTestId: 'header-home',\n  icon: HouseEntranceIcon,\n  id: 'my-home',\n  text: 'My Home',\n  href: '/learn',\n  trackingTarget: 'topnav_home',\n  type: 'link',\n};\n\nexport const bootcampsHub: AppHeaderLinkItem = {\n  dataTestId: 'header-bootcamps-hub',\n  icon: OnlineClassStudentIcon,\n  id: 'bootcamps-hub',\n  text: 'Bootcamps',\n  href: '/bootcamps',\n  trackingTarget: 'topnav_bootcamps_hub',\n  type: 'link',\n};\n\nexport const coaching: AppHeaderLinkItem = {\n  dataTestId: 'header-coaching',\n  icon: CoachingIcon,\n  id: 'coaching',\n  text: 'Coaching',\n  href: '/coaching',\n  trackingTarget: 'topnav_coaching',\n  type: 'link',\n};\n\nexport const myPercipioHome = (\n  user: User,\n  customTitle?: string\n): AppHeaderLinkItem => {\n  return {\n    dataTestId: 'header-percihome',\n    icon: HouseEntranceIcon,\n    id: 'my-home',\n    text: customTitle || 'Home',\n    ariaLabel: 'Home, opens in a new tab',\n    href:\n      formatEnterpriseUrl(user?.enterpriseUrl) ??\n      'https://www.skillsoft.com/login-skillsoft',\n    newTab: true,\n    trackingTarget: 'topnav_enterprise_home',\n    type: 'link',\n  };\n};\n\nexport const catalogDropdown = (\n  hideCareerPaths?: boolean,\n  isCoachingEnabled?: boolean\n): AppHeaderCatalogDropdownItem => ({\n  dataTestId: 'header-catalog',\n  icon: BookFlipPageIcon,\n  id: 'catalog-dropdown',\n  text: 'Catalog',\n  trackingTarget: 'topnav_catalog',\n  type: 'catalog-dropdown',\n  hideCareerPaths,\n  isCoachingEnabled,\n});\n\nexport const resourcesDropdown = (): AppHeaderResourcesDropdownItem => ({\n  dataTestId: 'header-resources',\n  icon: NotebookIcon,\n  id: 'resources-dropdown',\n  text: 'Resources',\n  trackingTarget: 'topnav_resources',\n  type: 'resources-dropdown',\n});\n\nexport const simpleResourcesDropdown: AppHeaderResourcesSimpleDropdownItem = {\n  dataTestId: 'header-resources',\n  icon: NotebookIcon,\n  id: 'resources-simple-dropdown',\n  text: 'Resources',\n  popover: [\n    {\n      id: 'articles',\n      href: '/articles',\n      trackingTarget: 'topnav_enterprise_articles',\n      text: 'Articles',\n      type: 'link',\n    },\n    {\n      id: 'docs',\n      href: '/resources/docs',\n      trackingTarget: 'topnav_enterprise_docs',\n      text: 'Docs',\n      type: 'link',\n    },\n    {\n      id: 'workspaces',\n      href: '/users/me/workspaces',\n      trackingTarget: 'topnav_enterprise_workspaces',\n      text: 'Workspaces',\n      type: 'link',\n    },\n  ],\n  trackingTarget: 'topnav_resources',\n  type: 'resources-simple-dropdown',\n};\n\nexport const communityDropdown = (): AppHeaderSimpleDropdownItem => ({\n  icon: CommunityIcon,\n  id: 'community',\n  text: 'Community',\n  popover: [\n    {\n      id: 'visit-community',\n      href: 'https://community.codecademy.com/c/start-here/',\n      newTab: true,\n      trackingTarget: 'topnav_visit_community',\n      text: 'Visit Community',\n      type: 'link',\n      icon: EarthIcon,\n    },\n    {\n      id: 'events',\n      href: '/events',\n      trackingTarget: 'topnav_community_events',\n      text: 'Events',\n      type: 'link',\n      icon: CalendarIcon,\n    },\n    {\n      id: 'learner-stories',\n      href: '/resources/blog/category/learner-stories/',\n      trackingTarget: 'topnav_learner_stories_hub',\n      text: 'Learner Stories',\n      type: 'link',\n      icon: ArticleIcon,\n    },\n    {\n      id: 'code-crew',\n      href: 'https://try.codecademy.com/code-crew/',\n      newTab: true,\n      trackingTarget: 'topnav_code_crew',\n      text: 'Code Crew',\n      type: 'link',\n      icon: PersonPonytailIcon,\n    },\n  ],\n  trackingTarget: 'topnav_community',\n  type: 'dropdown',\n});\n\nexport const pricingDropdown = (\n  isInRevampedBlpExperimentVariant?: boolean\n): AppHeaderSimpleDropdownItem => {\n  return {\n    icon: AccountingCoinsIcon,\n    id: 'pricing',\n    text: 'Pricing',\n    popover: [\n      {\n        id: 'pro-membership',\n        href: '/pricing',\n        trackingTarget: 'topnav_pro_membership',\n        text: 'For Individuals',\n        type: 'link',\n      },\n      {\n        id: 'for-students',\n        href: '/student-center',\n        trackingTarget: 'topnav_pricing_students',\n        text: 'For Students',\n        type: 'link',\n      },\n      {\n        id: 'for-teams',\n        href: isInRevampedBlpExperimentVariant\n          ? '/business/pricing'\n          : '/business#section-pricing-table',\n        trackingTarget: 'topnav_pricing_business',\n        text: 'For Business',\n        type: 'link',\n      },\n    ],\n    trackingTarget: 'topnav_pricing',\n    type: 'dropdown',\n  };\n};\n\nexport const upgradePlan: AppHeaderLinkItem = {\n  icon: ArrowThickCircleUpIcon,\n  id: 'upgrade-plan',\n  trackingTarget: 'topnav_upgrade_plan',\n  text: 'Upgrade',\n  href: '/pricing',\n  type: 'link',\n};\n\nexport const businessSolutions = (\n  isCoachingEnabled?: boolean\n): AppHeaderLinkItem => ({\n  icon: OfficeBuildingDoubleIcon,\n  id: 'business-solutions',\n  trackingTarget: 'topnav_business',\n  text: isCoachingEnabled ? 'Teams' : 'For Business',\n  href: '/business',\n  type: 'link',\n});\n\nexport const careerCenter: AppHeaderLinkItem = {\n  icon: BriefcaseIcon,\n  id: 'career-center',\n  trackingTarget: 'topnav_career_center',\n  text: 'Career Center',\n  href: '/career-center',\n  type: 'link',\n};\n\nconst profileMyProfile: AppHeaderLinkItem = {\n  id: 'my-profile',\n  icon: PersonIcon,\n  href: '/profiles/me',\n  trackingTarget: 'avatar_my_profile',\n  text: 'Profile',\n  type: 'link',\n};\n\nconst profileAccount: AppHeaderLinkItem = {\n  id: 'account',\n  icon: GearIcon,\n  href: '/account',\n  trackingTarget: 'avatar_settings',\n  text: 'Account + Billing',\n  type: 'link',\n};\n\nconst profileMyHome: AppHeaderLinkItem = {\n  id: 'my-home',\n  icon: HouseEntranceIcon,\n  href: '/learn',\n  trackingTarget: 'avatar_dashboard',\n  text: 'My Home',\n  type: 'link',\n};\n\nconst profileBusinessAccount: AppHeaderLinkItem = {\n  id: 'business',\n  icon: PieLineGraphIcon,\n  href: '/business/plans',\n  trackingTarget: 'avatar_business',\n  text: 'Admin Dashboard',\n  type: 'link',\n};\n\nconst profileHelpCenter: AppHeaderLinkItem = {\n  id: 'help-center',\n  icon: SupportIcon,\n  href: '/help',\n  newTab: true,\n  trackingTarget: 'avatar_help',\n  text: 'Help Center',\n  type: 'link',\n};\n\nconst profileAdmin: AppHeaderLinkItem = {\n  id: 'admin',\n  dataTestId: 'admin-link',\n  href: '/admin',\n  trackingTarget: 'avatar_admin',\n  text: 'Admin',\n  type: 'link',\n};\n\nconst profileCustomerSupport: AppHeaderLinkItem = {\n  id: 'customer-support',\n  href: '/admin/concessions',\n  trackingTarget: 'avatar_customer_support',\n  text: 'Customer Support',\n  type: 'link',\n};\n\nconst profileReportBug: AppHeaderLinkItem = {\n  id: 'report-bug',\n  href: 'https://codecademy.atlassian.net/servicedesk/customer/portal/9',\n  newTab: true,\n  trackingTarget: 'avatar_report_bug',\n  text: 'Report a Bug [ADMIN]',\n  type: 'link',\n};\n\nconst profileLogOut: AppHeaderLinkItem = {\n  id: 'log-out',\n  href: '/sign_out',\n  trackingTarget: 'avatar_log_out',\n  text: 'Log Out',\n  type: 'link',\n};\n\nexport const freeProfile = (user: User): AppHeaderProfileDropdownItem => {\n  const topSection = [profileMyProfile];\n\n  if (user?.isBusinessAdmin || !user?.isBusinessSsoUser) {\n    topSection.push(profileAccount);\n  }\n\n  topSection.push(profileMyHome);\n\n  if (shouldShowBusinessDashboardLink(user)) {\n    topSection.push(profileBusinessAccount);\n  }\n\n  topSection.push(profileHelpCenter);\n\n  const bottomSection = [profileLogOut];\n\n  const popover = [topSection, bottomSection];\n\n  return {\n    avatar: user.avatar,\n    userDisplayName: user.displayName,\n    id: 'profile',\n    text: 'Profile',\n    popover,\n    trackingTarget: 'topnav_profile',\n    type: 'profile-dropdown',\n  };\n};\n\nexport const proProfile = (user: User): AppHeaderProfileDropdownItem => {\n  const topSection = [profileMyProfile];\n\n  if (user.isBusinessAdmin || !user.isBusinessSsoUser) {\n    topSection.push(profileAccount);\n  }\n\n  topSection.push(profileMyHome);\n  topSection.push(profileHelpCenter);\n\n  const teamsAdminSection: AppHeaderLinkItem[] = [];\n\n  if (shouldShowBusinessDashboardLink(user)) {\n    teamsAdminSection.push(profileBusinessAccount);\n  }\n\n  const middleSection: AppHeaderLinkItem[] = [];\n\n  if (user.isAdmin) {\n    middleSection.push(profileAdmin);\n  }\n  if (user.isCustomerSupport) {\n    middleSection.push(profileCustomerSupport);\n  }\n  if (user.isAdmin) {\n    middleSection.push(profileReportBug);\n  }\n\n  const bottomSection = [profileLogOut];\n\n  const popover = [topSection, teamsAdminSection, middleSection, bottomSection];\n\n  return {\n    avatar: user.avatar,\n    userDisplayName: user.displayName,\n    id: 'profile',\n    text: 'Profile',\n    popover,\n    trackingTarget: 'topnav_profile',\n    type: 'profile-dropdown',\n  };\n};\n\nexport const addPayment: AppHeaderFillButtonItem = {\n  dataTestId: 'add-payment-link',\n  id: 'add-payment',\n  text: 'Add payment',\n  href: '/business/checkout?plan_type=upgrade',\n  trackingTarget: 'topnav_add_payment',\n  type: 'fill-button',\n};\n\nexport const tryProForFree = (\n  checkoutUrl?: string\n): AppHeaderFillButtonItem => ({\n  dataTestId: 'upgrade-link',\n  id: 'try-pro',\n  text: 'Start free trial',\n  href: checkoutUrl || '/pages/pro',\n  trackingTarget: 'topnav_pro_trial',\n  type: 'fill-button',\n});\n\nexport const upgradeToPro = (\n  checkoutUrl?: string\n): AppHeaderFillButtonItem => ({\n  dataTestId: 'upgrade-link',\n  id: 'upgrade-to-pro',\n  text: 'Upgrade plan',\n  href: checkoutUrl || '/pages/pro',\n  trackingTarget: 'topnav_pro_upgrade',\n  type: 'fill-button',\n});\n\nexport const unpausePro: AppHeaderFillButtonItem = {\n  dataTestId: 'unpause-link',\n  id: 'unpause-pro',\n  text: 'Unpause Now',\n  href: '/account/billing',\n  trackingTarget: 'topnav_pro_unpause',\n  type: 'fill-button',\n};\n\nexport const login: AppHeaderTextButtonItem = {\n  dataTestId: 'header-sign-in',\n  id: 'login',\n  text: 'Log In',\n  href: '/login',\n  trackingTarget: 'topnav_login',\n  type: 'text-button',\n  redirect: true,\n};\n\nexport const signUp: AppHeaderFillButtonItem = {\n  dataTestId: 'header-sign-up',\n  id: 'signup',\n  text: 'Sign Up',\n  href: '/register',\n  trackingTarget: 'topnav_signup',\n  type: 'fill-button',\n  redirect: true,\n};\n\nexport const signUpTextButton: AppHeaderTextButtonItem = {\n  dataTestId: 'header-sign-up-variant',\n  id: 'signup',\n  text: 'Sign Up',\n  href: '/register',\n  trackingTarget: 'topnav_signup',\n  type: 'text-button',\n  redirect: true,\n};\n\nexport const bootcampCta = (bootcampSlug: string): AppHeaderFillButtonItem => ({\n  dataTestId: 'bootcamp-header-cta',\n  id: 'bootcamp-header-cta',\n  text: 'Register Now',\n  href: `/pay/bootcamp/${bootcampSlug}`,\n  trackingTarget: 'topnav_bootcamp_cta',\n  type: 'fill-button',\n  variant: 'secondary',\n  icon: MiniArrowRightIcon,\n  iconPosition: 'right',\n});\n\nexport const requestTeamsDemo: AppHeaderFillButtonItem = {\n  dataTestId: 'request-teams-demo',\n  id: 'request-teams-demo',\n  text: 'Request a demo',\n  href: '/business/teams-quote',\n  trackingTarget: 'business_enterprise',\n  type: 'fill-button',\n};\n"],"mappings":"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"}

package/dist/GlobalHeader/GlobalHeaderVariants.js

@@ -327,4 +327,5 @@ const simpleBootcampMobileHeaderItems = ({ bootcampSlug }) => {
 };
 
 //#endregion
-export { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems };
+export { anonDefaultHeaderItems, anonDefaultMobileHeaderItems, anonLandingHeaderItems, anonLandingMobileHeaderItems, anonLoginHeaderItems, anonLoginMobileHeaderItems, anonSignupHeaderItems, anonSignupMobileHeaderItems, enterpriseHeaderItems, enterpriseMobileHeaderItems, freeHeaderItems, freeMobileHeaderItems, loadingHeaderItems, loadingMobileHeaderItems, proHeaderItems, proMobileHeaderItems, simpleBootcampHeaderItems, simpleBootcampMobileHeaderItems, simpleHeaderItems, simpleMobileHeaderItems, teamsHeaderItems, teamsMobileHeaderItems };
+//# sourceMappingURL=GlobalHeaderVariants.js.map

package/dist/GlobalHeader/GlobalHeaderVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeaderVariants.js","names":["leftItems: AppHeaderItem[]","rightItems: AppHeaderItem[]","mainMenuItems: AppHeaderItem[]","loadingHeaderItems: FormattedAppHeaderItems","loadingMobileHeaderItems: FormattedMobileAppHeaderItems","simpleHeaderItems: FormattedAppHeaderItems","simpleMobileHeaderItems: FormattedMobileAppHeaderItems"],"sources":["../../src/GlobalHeader/GlobalHeaderVariants.tsx"],"sourcesContent":["import {\n  AppHeaderItem,\n  AppHeaderLinkItem,\n  AppHeaderResourcesSimpleDropdownItem,\n  FormattedAppHeaderItems,\n  FormattedMobileAppHeaderItems,\n} from '../AppHeader/shared';\nimport { GlobalHeaderProps } from '.';\nimport {\n  addPayment,\n  bootcampCta,\n  bootcampsHub,\n  businessSolutions,\n  catalogDropdown,\n  coaching,\n  communityDropdown,\n  enterpriseLogo,\n  freeProfile,\n  loading,\n  login,\n  logo,\n  myHome,\n  myPercipioHome,\n  pricingDropdown,\n  proProfile,\n  requestTeamsDemo,\n  resourcesDropdown,\n  signUp,\n  signUpTextButton,\n  simpleResourcesDropdown,\n  tryProForFree,\n  unpausePro,\n  upgradePlan,\n  upgradeToPro,\n} from './GlobalHeaderItems';\nimport { ResourceDropdownFormattedLabel, User } from './types';\n\nconst isBusinessPage = () => {\n  if (typeof window === 'undefined') return false;\n  return (\n    window.location.pathname === '/business' ||\n    window.location.pathname === '/business/pricing'\n  );\n};\n\nconst transformSimpleResourcesDropdownlabels = (\n  resourcesLabel: ResourceDropdownFormattedLabel | undefined\n): AppHeaderResourcesSimpleDropdownItem => ({\n  ...simpleResourcesDropdown,\n  text: resourcesLabel?.title || simpleResourcesDropdown.text,\n  popover: simpleResourcesDropdown.popover.map((item: AppHeaderLinkItem) => ({\n    ...item,\n    text:\n      resourcesLabel?.[item.id as keyof ResourceDropdownFormattedLabel] ||\n      item.text,\n  })),\n});\n\nconst anonHeaderItems = ({\n  renderLogin,\n  renderSignUp,\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  renderLogin: boolean;\n  renderSignUp: boolean;\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  const specialLogo = { ...logo, checkMini: true };\n  const leftItems: AppHeaderItem[] = [\n    specialLogo,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]),\n    bootcampsHub,\n    ...(isCoachingEnabled ? [coaching] : []),\n    businessSolutions(isCoachingEnabled),\n  ];\n\n  const rightItems: AppHeaderItem[] = [];\n\n  if (isBusinessPage()) {\n    if (renderSignUp) {\n      rightItems.push(signUpTextButton);\n    }\n    if (renderLogin) {\n      rightItems.push(requestTeamsDemo);\n    }\n  } else {\n    if (renderLogin) {\n      rightItems.push(login);\n    }\n    if (renderSignUp) {\n      rightItems.push(signUp);\n    }\n  }\n\n  return {\n    left: leftItems,\n    right: rightItems,\n  };\n};\n\nconst anonMobileHeaderItems = ({\n  renderLogin,\n  renderSignUp,\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  renderLogin: boolean;\n  renderSignUp: boolean;\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  const specialLogo = { ...logo, checkMini: true };\n  const leftItems: AppHeaderItem[] = [specialLogo];\n\n  const rightItems: AppHeaderItem[] = [];\n\n  if (isBusinessPage()) {\n    if (renderSignUp) {\n      rightItems.push(signUpTextButton);\n    }\n    if (renderLogin) {\n      rightItems.push(requestTeamsDemo);\n    }\n  } else {\n    if (renderLogin) {\n      rightItems.push(login);\n    }\n    if (renderSignUp) {\n      rightItems.push(signUp);\n    }\n  }\n\n  const mainMenuItems: AppHeaderItem[] = [\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]),\n    bootcampsHub,\n    ...(isCoachingEnabled ? [coaching] : []),\n    businessSolutions(isCoachingEnabled),\n  ];\n\n  return {\n    left: leftItems,\n    right: rightItems,\n    mainMenu: mainMenuItems,\n  };\n};\n\nexport const anonDefaultHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  return anonHeaderItems({\n    renderLogin: true,\n    renderSignUp: true,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonDefaultMobileHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  return anonMobileHeaderItems({\n    renderLogin: true,\n    renderSignUp: true,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonLandingHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  return anonHeaderItems({\n    renderLogin: true,\n    renderSignUp: false,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonLandingMobileHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  return anonMobileHeaderItems({\n    renderLogin: true,\n    renderSignUp: false,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonLoginHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  return anonHeaderItems({\n    renderLogin: false,\n    renderSignUp: true,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonLoginMobileHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  return anonMobileHeaderItems({\n    renderLogin: false,\n    renderSignUp: true,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonSignupHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  return anonHeaderItems({\n    renderLogin: true,\n    renderSignUp: false,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const anonSignupMobileHeaderItems = ({\n  hidePricing,\n  user,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  hidePricing?: boolean;\n  user?: User;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  return anonMobileHeaderItems({\n    renderLogin: true,\n    renderSignUp: false,\n    hidePricing,\n    user,\n    isInRevampedBlpExperimentVariant,\n    isCoachingEnabled,\n  });\n};\n\nexport const freeHeaderItems = ({\n  user,\n  hidePricing,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  user: User;\n  hidePricing?: boolean;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  const specialLogo = { ...logo, checkMini: true };\n\n  const leftItems: AppHeaderItem[] = [\n    specialLogo,\n    myHome,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]),\n    bootcampsHub,\n    ...(isCoachingEnabled ? [coaching] : []),\n    businessSolutions(isCoachingEnabled),\n  ];\n  const upgradeButton = upgradeToPro(user.proCheckoutUrl);\n\n  const rightItems: AppHeaderItem[] = [];\n  rightItems.push(freeProfile(user));\n  rightItems.push(\n    user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl)\n  );\n\n  return {\n    left: leftItems,\n    right: rightItems,\n  };\n};\n\nexport const freeMobileHeaderItems = ({\n  user,\n  hidePricing,\n  isInRevampedBlpExperimentVariant,\n  isCoachingEnabled,\n}: {\n  user: User;\n  hidePricing?: boolean;\n  isInRevampedBlpExperimentVariant?: boolean;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  const specialLogo = { ...logo, checkMini: true };\n  const leftItems: AppHeaderItem[] = [specialLogo];\n  const rightItems: AppHeaderItem[] = [];\n\n  const upgradeButton = upgradeToPro(user.proCheckoutUrl);\n\n  const mainMenuItems: AppHeaderItem[] = [\n    myHome,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]),\n    bootcampsHub,\n    ...(isCoachingEnabled ? [coaching] : []),\n    businessSolutions(isCoachingEnabled),\n    freeProfile(user),\n    user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl),\n  ];\n\n  return {\n    left: leftItems,\n    right: rightItems,\n    mainMenu: mainMenuItems,\n  };\n};\n\nexport const enterpriseHeaderItems = ({\n  user,\n  props,\n}: {\n  user: User;\n  props: GlobalHeaderProps;\n}): FormattedAppHeaderItems => {\n  const {\n    hideHeaderLinksInChromeless,\n    hideHeaderResourcesDropdown,\n    localizedLabels,\n  } = props;\n  const leftItems: AppHeaderItem[] = hideHeaderLinksInChromeless\n    ? [enterpriseLogo(user, true)]\n    : [\n        enterpriseLogo(user, true),\n        myPercipioHome(user, localizedLabels?.enterpriseFormattedHomeLabel),\n      ];\n\n  if (!hideHeaderResourcesDropdown)\n    leftItems.push(\n      transformSimpleResourcesDropdownlabels(localizedLabels?.resourcesDropdown)\n    );\n\n  return {\n    left: leftItems,\n    right: [],\n  };\n};\n\nexport const proHeaderItems = ({\n  user,\n  isCoachingEnabled,\n}: {\n  user: User;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  const leftItems: AppHeaderItem[] = [\n    logo,\n    myHome,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(user.isPlusUser ? [upgradePlan] : []),\n    bootcampsHub,\n    ...(isCoachingEnabled ? [coaching] : []),\n    businessSolutions(isCoachingEnabled),\n  ];\n\n  const rightItems: AppHeaderItem[] = [];\n  rightItems.push(proProfile(user));\n  if (user.isPaused) {\n    rightItems.push(unpausePro);\n  }\n\n  return {\n    left: leftItems,\n    right: rightItems,\n  };\n};\n\nexport const teamsHeaderItems = ({\n  user,\n  isCoachingEnabled,\n}: {\n  user: User;\n  isCoachingEnabled?: boolean;\n}): FormattedAppHeaderItems => {\n  const leftItems: AppHeaderItem[] = [\n    logo,\n    myHome,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(isCoachingEnabled ? [coaching] : []),\n    bootcampsHub,\n  ];\n\n  const rightItems: AppHeaderItem[] = [];\n\n  if (\n    user.isAccountManager &&\n    user.inBusinessTrial &&\n    !user.hasBusinessSubscription\n  ) {\n    rightItems.push(addPayment);\n  }\n\n  rightItems.push(proProfile(user));\n\n  return {\n    left: leftItems,\n    right: rightItems,\n  };\n};\n\nexport const enterpriseMobileHeaderItems = ({\n  user,\n  props,\n}: {\n  user: User;\n  props: GlobalHeaderProps;\n}): FormattedMobileAppHeaderItems => {\n  const {\n    hideHeaderLinksInChromeless,\n    hideHeaderResourcesDropdown,\n    localizedLabels,\n  } = props;\n  const leftItems: AppHeaderItem[] = [enterpriseLogo(user, true)];\n  const rightItems: AppHeaderItem[] = [];\n\n  const mainMenuItems: AppHeaderItem[] = hideHeaderLinksInChromeless\n    ? []\n    : [myPercipioHome(user, localizedLabels?.enterpriseFormattedHomeLabel)];\n\n  if (!hideHeaderResourcesDropdown)\n    mainMenuItems.push(\n      transformSimpleResourcesDropdownlabels(localizedLabels?.resourcesDropdown)\n    );\n  return {\n    left: leftItems,\n    right: rightItems,\n    mainMenu: mainMenuItems,\n  };\n};\n\nexport const proMobileHeaderItems = ({\n  user,\n  isCoachingEnabled,\n}: {\n  user: User;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  const leftItems: AppHeaderItem[] = [logo];\n  const rightItems: AppHeaderItem[] = [];\n\n  const mainMenuItems: AppHeaderItem[] = [\n    myHome,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(user.isPlusUser ? [upgradePlan] : []),\n    bootcampsHub,\n    ...(isCoachingEnabled ? [coaching] : []),\n    businessSolutions(isCoachingEnabled),\n    proProfile(user),\n  ];\n\n  if (user.isPaused) {\n    mainMenuItems.push(unpausePro);\n  }\n\n  return {\n    left: leftItems,\n    right: rightItems,\n    mainMenu: mainMenuItems,\n  };\n};\n\nexport const teamsMobileHeaderItems = ({\n  user,\n  isCoachingEnabled,\n}: {\n  user: User;\n  isCoachingEnabled?: boolean;\n}): FormattedMobileAppHeaderItems => {\n  const leftItems: AppHeaderItem[] = [logo];\n  const rightItems: AppHeaderItem[] = [];\n\n  const mainMenuItems: AppHeaderItem[] = [\n    myHome,\n    catalogDropdown(user?.hideCareerPaths, isCoachingEnabled),\n    resourcesDropdown(),\n    communityDropdown(),\n    ...(isCoachingEnabled ? [coaching] : []),\n    bootcampsHub,\n    proProfile(user),\n  ];\n\n  if (\n    user.isAccountManager &&\n    user.inBusinessTrial &&\n    !user.hasBusinessSubscription\n  ) {\n    mainMenuItems.push(addPayment);\n  }\n\n  return {\n    left: leftItems,\n    right: rightItems,\n    mainMenu: mainMenuItems,\n  };\n};\n\nexport const loadingHeaderItems: FormattedAppHeaderItems = {\n  left: [loading],\n  right: [],\n};\n\nexport const loadingMobileHeaderItems: FormattedMobileAppHeaderItems = {\n  left: [loading],\n  right: [],\n  mainMenu: [],\n};\n\nexport const simpleHeaderItems: FormattedAppHeaderItems = {\n  left: [logo],\n  right: [],\n};\n\nexport const simpleMobileHeaderItems: FormattedMobileAppHeaderItems = {\n  left: [logo],\n  right: [],\n  mainMenu: [],\n};\n\nexport const simpleBootcampHeaderItems = ({\n  bootcampSlug,\n}: {\n  bootcampSlug: string;\n}): FormattedAppHeaderItems => {\n  return { left: [logo], right: [bootcampCta(bootcampSlug)] };\n};\n\nexport const simpleBootcampMobileHeaderItems = ({\n  bootcampSlug,\n}: {\n  bootcampSlug: string;\n}): FormattedMobileAppHeaderItems => {\n  return {\n    left: [logo],\n    right: [bootcampCta(bootcampSlug)],\n    mainMenu: [],\n  };\n};\n"],"mappings":"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"}

package/dist/GlobalHeader/context.js

@@ -71,4 +71,5 @@ const useHeaderDisplayContext = () => {
 };
 
 //#endregion
-export { DropdownPositions, GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext, useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick, useHeaderDisplayContext };
+export { DropdownPositions, GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext, HeaderDisplayContext, useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick, useHeaderDisplayContext };
+//# sourceMappingURL=context.js.map

package/dist/GlobalHeader/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["DropdownPositions: Record<\n  'free' | 'anon' | 'pro' | 'teams' | 'default',\n  {\n    catalogDropdown: { narrow: string; wide: string }; // between 1200px and 1260px | 1261px and above\n    resourceDropdown: { narrow: string; wide: string }; // between 1200px and 1260px | 1261px and above\n  }\n>"],"sources":["../../src/GlobalHeader/context.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nimport { AppHeaderItem } from '../AppHeader/shared';\nimport { GlobalHeaderDynamicData } from './types';\n\nexport interface GlobalHeaderItemClickContextType {\n  globalHeaderItemClick: (event: React.MouseEvent, item: AppHeaderItem) => void;\n}\n\nconst GlobalHeaderItemClickContext =\n  createContext<GlobalHeaderItemClickContextType>({\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    globalHeaderItemClick: () => {},\n  });\n\nexport const useGlobalHeaderItemClick = () => {\n  return useContext(GlobalHeaderItemClickContext);\n};\n\nexport interface GlobalHeaderDynamicDataContextType {\n  globalHeaderDynamicData: GlobalHeaderDynamicData | null;\n}\n\nconst GlobalHeaderDynamicDataContext =\n  createContext<GlobalHeaderDynamicDataContextType>({\n    globalHeaderDynamicData: null,\n  });\n\nexport const useGlobalHeaderDynamicDataContext = () => {\n  return useContext(GlobalHeaderDynamicDataContext);\n};\n\nexport const DropdownPositions: Record<\n  'free' | 'anon' | 'pro' | 'teams' | 'default',\n  {\n    catalogDropdown: { narrow: string; wide: string }; // between 1200px and 1260px | 1261px and above\n    resourceDropdown: { narrow: string; wide: string }; // between 1200px and 1260px | 1261px and above\n  }\n> = {\n  free: {\n    catalogDropdown: { narrow: '-9rem', wide: '-14.5rem' },\n    resourceDropdown: { narrow: '-14.5rem', wide: '-20rem' },\n  },\n  anon: {\n    catalogDropdown: { narrow: '-4rem', wide: '-9.5rem' },\n    resourceDropdown: { narrow: '-9.5rem', wide: '-15rem' },\n  },\n  pro: {\n    catalogDropdown: { narrow: '-14.5rem', wide: '-14.5rem' },\n    resourceDropdown: { narrow: '-20rem', wide: '-20rem' },\n  },\n  teams: {\n    catalogDropdown: { narrow: '-14.5rem', wide: '-14.5rem' },\n    resourceDropdown: { narrow: '-20rem', wide: '-20rem' },\n  },\n  // won't be used, but is here to handle the case where the header type is not one of the above\n  // other header types are not part of the experiment\n  default: {\n    catalogDropdown: { narrow: '-14.5rem', wide: '-14.5rem' },\n    resourceDropdown: { narrow: '-20rem', wide: '-20rem' },\n  },\n} as const;\n\nconst HeaderDisplayContext = React.createContext<{\n  showOnboardingQuiz?: boolean;\n  showSortingQuiz?: boolean;\n  headerType: keyof typeof DropdownPositions;\n}>({\n  showOnboardingQuiz: false,\n  showSortingQuiz: false,\n  headerType: 'default',\n});\n\nexport const useHeaderDisplayContext = () => {\n  return useContext(HeaderDisplayContext);\n};\n\nexport {\n  GlobalHeaderDynamicDataContext,\n  GlobalHeaderItemClickContext,\n  HeaderDisplayContext,\n};\n"],"mappings":";;;AASA,MAAM,+BACJ,cAAgD,EAE9C,6BAA6B,IAC9B,CAAC;AAEJ,MAAa,iCAAiC;AAC5C,QAAO,WAAW,6BAA6B;;AAOjD,MAAM,iCACJ,cAAkD,EAChD,yBAAyB,MAC1B,CAAC;AAEJ,MAAa,0CAA0C;AACrD,QAAO,WAAW,+BAA+B;;AAGnD,MAAaA,oBAMT;CACF,MAAM;EACJ,iBAAiB;GAAE,QAAQ;GAAS,MAAM;GAAY;EACtD,kBAAkB;GAAE,QAAQ;GAAY,MAAM;GAAU;EACzD;CACD,MAAM;EACJ,iBAAiB;GAAE,QAAQ;GAAS,MAAM;GAAW;EACrD,kBAAkB;GAAE,QAAQ;GAAW,MAAM;GAAU;EACxD;CACD,KAAK;EACH,iBAAiB;GAAE,QAAQ;GAAY,MAAM;GAAY;EACzD,kBAAkB;GAAE,QAAQ;GAAU,MAAM;GAAU;EACvD;CACD,OAAO;EACL,iBAAiB;GAAE,QAAQ;GAAY,MAAM;GAAY;EACzD,kBAAkB;GAAE,QAAQ;GAAU,MAAM;GAAU;EACvD;CAGD,SAAS;EACP,iBAAiB;GAAE,QAAQ;GAAY,MAAM;GAAY;EACzD,kBAAkB;GAAE,QAAQ;GAAU,MAAM;GAAU;EACvD;CACF;AAED,MAAM,uBAAuB,MAAM,cAIhC;CACD,oBAAoB;CACpB,iBAAiB;CACjB,YAAY;CACb,CAAC;AAEF,MAAa,gCAAgC;AAC3C,QAAO,WAAW,qBAAqB"}

package/dist/GlobalHeader/index.d.ts

@@ -7,4 +7,5 @@ declare const RevampedBlpExperimentContext: React$1.Context<boolean>;
 type GlobalHeaderProps = AnonHeader | FreeHeader | ProHeader | EnterpriseHeader | TeamsHeader | LoadingHeader | SimpleHeader | SimpleBootcampHeader;
 declare const GlobalHeader: React$1.FC<GlobalHeaderProps>;
 //#endregion
-export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeader, GlobalHeaderDynamicData, GlobalHeaderProps, LiveLearningHubContext, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, RevampedBlpExperimentContext, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeader, GlobalHeaderDynamicData, GlobalHeaderProps, LiveLearningHubContext, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, RevampedBlpExperimentContext, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+//# sourceMappingURL=index.d.ts.map

package/dist/GlobalHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/GlobalHeader/index.tsx"],"sourcesContent":[],"mappings":";;;;cAwDa,wBAAsB,OAAA,CAAA;AAAtB,cAEA,4BAFsB,EAEM,OAAA,CAAA,OAFN,CAAA,OAAA,CAAA;AAEtB,KAED,iBAAA,GACR,UAH2E,GAI3E,UAJqC,GAKrC,SALqC,GAMrC,gBANqC,GAOrC,WAPqC,GAQrC,aARqC,GASrC,YATqC,GAUrC,oBAVqC;AAE7B,cAuJC,YAvJgB,EAuJF,OAAA,CAAM,EAvJJ,CAuJO,iBAvJP,CAAA"}

package/dist/GlobalHeader/index.js

@@ -165,4 +165,5 @@ const GlobalHeader = (props) => {
 };
 
 //#endregion
-export { GlobalHeader, LiveLearningHubContext, RevampedBlpExperimentContext };
+export { GlobalHeader, LiveLearningHubContext, RevampedBlpExperimentContext };
+//# sourceMappingURL=index.js.map