@codecademy/brand 4.0.0-alpha.a575634273.0 → 4.0.0-alpha.b03641fd89.0

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

package/dist/GlobalHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","GlobalHeader: React.FC<GlobalHeaderProps>"],"sources":["../../src/GlobalHeader/index.tsx"],"sourcesContent":["import { Box } from '@codecademy/gamut';\nimport { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { useCallback, useMemo } from 'react';\n\nimport {\n  AppHeader,\n  AppHeaderItem,\n  AppHeaderMobile,\n  FormattedAppHeaderItems,\n  FormattedMobileAppHeaderItems,\n  isAppHeaderItemWithHref,\n} from '..';\nimport {\n  DropdownPositions,\n  GlobalHeaderDynamicDataContext,\n  GlobalHeaderItemClickContext,\n  HeaderDisplayContext,\n} from './context';\nimport {\n  anonDefaultHeaderItems,\n  anonDefaultMobileHeaderItems,\n  anonLandingHeaderItems,\n  anonLandingMobileHeaderItems,\n  anonLoginHeaderItems,\n  anonLoginMobileHeaderItems,\n  anonSignupHeaderItems,\n  anonSignupMobileHeaderItems,\n  enterpriseHeaderItems,\n  enterpriseMobileHeaderItems,\n  freeHeaderItems,\n  freeMobileHeaderItems,\n  loadingHeaderItems,\n  loadingMobileHeaderItems,\n  proHeaderItems,\n  proMobileHeaderItems,\n  simpleBootcampHeaderItems,\n  simpleBootcampMobileHeaderItems,\n  simpleHeaderItems,\n  simpleMobileHeaderItems,\n  teamsHeaderItems,\n  teamsMobileHeaderItems,\n} from './GlobalHeaderVariants';\nimport {\n  AnonHeader,\n  EnterpriseHeader,\n  FreeHeader,\n  LoadingHeader,\n  ProHeader,\n  SimpleBootcampHeader,\n  SimpleHeader,\n  TeamsHeader,\n} from './types';\n\nexport * from './types';\n\nexport const LiveLearningHubContext = React.createContext<boolean>(false);\n\nexport const RevampedBlpExperimentContext = React.createContext<boolean>(false);\n\nexport type GlobalHeaderProps =\n  | AnonHeader\n  | FreeHeader\n  | ProHeader\n  | EnterpriseHeader\n  | TeamsHeader\n  | LoadingHeader\n  | SimpleHeader\n  | SimpleBootcampHeader;\n\n// Overloading getAppHeaderItems function to return different types based on mobile parameter\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: false,\n  dynamicDataLoading: boolean\n): FormattedAppHeaderItems;\n\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: true,\n  dynamicDataLoading: boolean\n): FormattedMobileAppHeaderItems;\n\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: boolean,\n  dynamicDataLoading: boolean\n): FormattedAppHeaderItems | FormattedMobileAppHeaderItems {\n  const { hidePricing } = props;\n  if (dynamicDataLoading) {\n    return mobile ? loadingMobileHeaderItems : loadingHeaderItems;\n  }\n  switch (props.type) {\n    case 'anon':\n      switch (props.variant) {\n        case 'landing':\n          return mobile\n            ? anonLandingMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonLandingHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n        case 'login':\n          return mobile\n            ? anonLoginMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonLoginHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n        case 'signup':\n          return mobile\n            ? anonSignupMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonSignupHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n        default:\n          return mobile\n            ? anonDefaultMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonDefaultHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n      }\n    case 'enterprise':\n      return mobile\n        ? enterpriseMobileHeaderItems({ user: props.user, props })\n        : enterpriseHeaderItems({ user: props.user, props });\n    case 'free':\n      return mobile\n        ? freeMobileHeaderItems({\n            user: props.user,\n            hidePricing,\n            isInRevampedBlpExperimentVariant:\n              props.isInRevampedBlpExperimentVariant,\n            isCoachingEnabled: props.isCoachingEnabled,\n          })\n        : freeHeaderItems({\n            user: props.user,\n            hidePricing,\n            isInRevampedBlpExperimentVariant:\n              props.isInRevampedBlpExperimentVariant,\n            isCoachingEnabled: props.isCoachingEnabled,\n          });\n    case 'pro':\n      return mobile\n        ? proMobileHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          })\n        : proHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          });\n    case 'teams':\n      return mobile\n        ? teamsMobileHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          })\n        : teamsHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          });\n    case 'simple':\n      return mobile ? simpleMobileHeaderItems : simpleHeaderItems;\n    case 'bootcamp':\n      return mobile\n        ? simpleBootcampMobileHeaderItems({ bootcampSlug: props.bootcampSlug })\n        : simpleBootcampHeaderItems({ bootcampSlug: props.bootcampSlug });\n    case 'loading':\n      return mobile ? loadingMobileHeaderItems : loadingHeaderItems;\n  }\n}\n\nexport const GlobalHeader: React.FC<GlobalHeaderProps> = (props) => {\n  const { action, onLinkAction, dynamicData, dynamicDataLoading } = props;\n  const theme = useTheme();\n\n  const combinedAction = useCallback(\n    (event: React.MouseEvent, item: AppHeaderItem) => {\n      action(event, item);\n      if (isAppHeaderItemWithHref(item)) onLinkAction?.(event, item);\n    },\n    [action, onLinkAction]\n  );\n\n  const hideNotification =\n    props.type === 'loading' ||\n    props.type === 'enterprise' ||\n    props.type === 'simple' ||\n    props.type === 'bootcamp';\n\n  const showOnboardingQuiz =\n    props.type === 'anon' ||\n    ((props.type === 'free' || props.type === 'pro') &&\n      !props.user.enrolledInTwoOrMoreContainers);\n\n  const showSortingQuiz =\n    (props.type === 'free' || props.type === 'pro') &&\n    props.user.enrolledInTwoOrMoreContainers;\n\n  return (\n    <HeaderDisplayContext.Provider\n      value={{\n        showOnboardingQuiz,\n        showSortingQuiz,\n        headerType: useMemo(() => {\n          if (props.type in DropdownPositions) return props.type;\n          return 'default';\n        }, [props.type]) as keyof typeof DropdownPositions,\n      }}\n    >\n      <RevampedBlpExperimentContext.Provider\n        value={!!props.isInRevampedBlpExperimentVariant}\n      >\n        <GlobalHeaderItemClickContext.Provider\n          value={{ globalHeaderItemClick: combinedAction }}\n        >\n          <GlobalHeaderDynamicDataContext.Provider\n            value={useMemo(\n              () => ({ globalHeaderDynamicData: dynamicData ?? null }),\n              [dynamicData]\n            )}\n          >\n            <Box\n              as=\"header\"\n              position=\"sticky\"\n              top={0}\n              zIndex={theme.elements.headerZ}\n              overflow={{ _: 'hidden', sm: 'visible' }} // Prevent tooltip overflow on mobile\n            >\n              <AppHeader\n                action={combinedAction}\n                items={getAppHeaderItems(\n                  props,\n                  false,\n                  dynamicDataLoading ?? false\n                )}\n                search={props.search}\n                {...(props.type === 'anon'\n                  ? {\n                      redirectParam: props.redirectParam,\n                    }\n                  : hideNotification\n                  ? {}\n                  : {\n                      notifications: props.notifications,\n                    })}\n                hideRightButtonDefaults={hideNotification}\n                isTeams={props.type === 'teams'}\n                type={hideNotification ? 'enterprise' : 'standard'}\n              />\n              <AppHeaderMobile\n                action={combinedAction}\n                items={getAppHeaderItems(\n                  props,\n                  true,\n                  dynamicDataLoading ?? false\n                )}\n                {...(props.type === 'anon' || hideNotification\n                  ? {}\n                  : {\n                      notifications: props.notifications,\n                    })}\n                search={props.search}\n                redirectParam={\n                  props.type === 'anon' ? props.redirectParam : undefined\n                }\n                isEnterprise={props.type === 'enterprise'}\n                isAnon={props.type === 'anon'}\n                isSimple={props.type === 'simple'}\n                hideRightMenuButton={\n                  props.type === 'simple' || props.type === 'loading'\n                }\n                navigationMenuFormattedLabel={\n                  props?.localizedLabels?.navigationMenuFormattedLabel\n                }\n              />\n              {props.children}\n            </Box>\n          </GlobalHeaderDynamicDataContext.Provider>\n        </GlobalHeaderItemClickContext.Provider>\n      </RevampedBlpExperimentContext.Provider>\n    </HeaderDisplayContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/GlobalHeader/types.d.ts

@@ -122,4 +122,5 @@ type GlobalHeaderDynamicData = {
   };
 };
 //#endregion
-export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/GlobalHeader/types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAYK,aAAA;iBAAiC;gBAAyB;;AAA1D,KACO,4BAAA,GAA+B,MADoB,CAAA,aAAS,GAAA,cAAA,GAAA,gBAAA,EAAA,MAAA,CAAA;AAC5D,KAKA,8BAAA,GAL4B;EAK5B,KAAA,CAAA,EAAA,MAAA;EAOP,UAAA,CAAA,EAAA,MAAe;EAMV,IAAA,CAAA,EAAA,MAAW;EAEX,QAAA,CAAA,EAAA,MAAA;CAE6B;KAVlC,eAAA,GAUY;EAMG,4BAAA,CAAA,EAAA,MAAA;EACV,iBAAA,CAAA,EAfY,8BAeZ;EAGM,4BAAA,CAAA,EAjBiB,4BAiBjB;CAda;UAAnB,UAAA,SAAmB,gBAAkB,EAAA,eAAA,CAAA;EAAe;EAkBlD,MAAA,EAhBF,qBAgBM;EAsBX;EAAiB,YAAA,CAAA,EApCL,qBAoCK,CApCiB,qBAoCjB,CAAA;EACL,SAAA,CAAA,EAAA,MAAA;EACC,WAAA,CAAA,EAAA,OAAA;EACV,2BAAA,CAAA,EAAA,OAAA;EAAI,2BAAA,CAAA,EAAA,OAAA;EAGA,oBAAiB,CAAA,EAAA,OAAA;EAEjB,eAAU,CAAA,EAtCF,eAsCE;EAAG,MAAA,EArCf,eAqCe;EAGb,gCAAA,CAAA,EAAA,OAAA;EAEH,iBAAA,CAAA,EAAA,OAAA;EAAI,WAAA,CAAA,EAvCG,uBAuCH,GAAA,IAAA;EAGD,kBAAU,CAAA,EAAA,OAAG;AAIzB;AAIY,KA9CA,IAAA,GA8CW;EAIX,MAAA,EAAA,MAAA;EAKA,WAAA,EAAA,MAAa;EAIb,aAAA,CAAA,EAAY,MAAA;EAIZ,OAAA,CAAA,EAAA,OAAA;EAKA,eAAY,CAAA,EAAA,OAAA;EAOZ,iBAAA,CAAA,EAAA,OAAuB;;;;;;;;;;;;;;;KArD9B,cAAA,GAAiB;iBACL;kBACC;QACV;;KAGI,iBAAA;KAEA,UAAA,GAAa;;;YAGb;SAEH;;KAGG,UAAA,GAAa;;;KAIb,SAAA,GAAY;;;KAIZ,WAAA,GAAc;;;KAId,gBAAA,GAAmB;;QAEvB;;KAGI,aAAA,GAAgB;;;KAIhB,YAAA,GAAe;;;KAIf,oBAAA,GAAuB;;;;KAKvB,YAAA;;;cAGE;;;KAIF,uBAAA;;;;;;;;0BASc;;;;2BAKC"}

package/dist/GlobalHeader/urlHelpers.js

@@ -17,4 +17,5 @@ const formatEnterpriseUrl = (url) => {
 };
 
 //#endregion
-export { formatEnterpriseUrl, formatUrlWithRedirect };
+export { formatEnterpriseUrl, formatUrlWithRedirect };
+//# sourceMappingURL=urlHelpers.js.map

package/dist/GlobalHeader/urlHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlHelpers.js","names":[],"sources":["../../src/GlobalHeader/urlHelpers.tsx"],"sourcesContent":["export const formatUrlWithRedirect = (url: string, redirectUrl?: string) => {\n  if (!redirectUrl) {\n    return url;\n  }\n  const base = window.location.origin;\n  const uri = new URL(url, base);\n  const redirectUri = new URL(redirectUrl);\n\n  const redirectParam = redirectUri.searchParams.get('redirect');\n  if (redirectParam) {\n    uri.searchParams.append('redirect', redirectParam);\n  } else {\n    uri.searchParams.append('redirect', redirectUri.toString());\n  }\n  return uri.toString();\n};\n\nexport const formatEnterpriseUrl = (url?: string): string | undefined => {\n  if (!url) return undefined;\n\n  const protocol = 'https://';\n\n  if (url.includes(protocol)) return url;\n\n  return new URL(protocol + url).toString();\n};\n"],"mappings":";AAAA,MAAa,yBAAyB,KAAa,gBAAyB;AAC1E,KAAI,CAAC,YACH,QAAO;CAET,MAAM,OAAO,OAAO,SAAS;CAC7B,MAAM,MAAM,IAAI,IAAI,KAAK,KAAK;CAC9B,MAAM,cAAc,IAAI,IAAI,YAAY;CAExC,MAAM,gBAAgB,YAAY,aAAa,IAAI,WAAW;AAC9D,KAAI,cACF,KAAI,aAAa,OAAO,YAAY,cAAc;KAElD,KAAI,aAAa,OAAO,YAAY,YAAY,UAAU,CAAC;AAE7D,QAAO,IAAI,UAAU;;AAGvB,MAAa,uBAAuB,QAAqC;AACvE,KAAI,CAAC,IAAK,QAAO;CAEjB,MAAM,WAAW;AAEjB,KAAI,IAAI,SAAS,SAAS,CAAE,QAAO;AAEnC,QAAO,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU"}

package/dist/GlobalPage/index.d.ts

@@ -48,4 +48,5 @@ interface GlobalPageProps extends WithChildrenProp {
 }
 declare const GlobalPage: React$1.FC<GlobalPageProps>;
 //#endregion
-export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };
+export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/GlobalPage/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAgBK,YAAA;;EAAA,CAAA,CAAA,EAAA,MAAA,CAAA,EAAA,GAAY;AAAA,CAAA;AAUjB,KAJK,mBAAA,GAIsE;EAE/D,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAyB,OAAA,CAAA,EALG,YAKH,GAAA,MAAA,EAAA,GAAA,IAAA;AAWrC,CAAA;AACoB,cAdP,eAcO,EAdQ,OAAA,CAAA,OAcR,CAdQ,mBAcR,CAAA;AAKT,KAjBC,yBAAA,GAiBD,OAAA,GAAA,YAAA,GAAA,qBAAA,GAAA,MAAA,GAAA,UAAA,GAAA,WAAA,GAAA,UAAA,GAAA,YAAA,GAAA,OAAA;AAUA,UAhBM,eAAA,SAAwB,gBAgB9B,CAAA;EAKD,eAAA,CAAA,EApBU,yBAoBV;EAKA;;;EA1B+C,MAAA,CAAA,EAM9C,mBAN8C;EAqD5C;;;;;;;WArCF;;;;UAKD;;;;UAKA;;;;;;;;;uCAW6B;;cAgB1B,YAAY,OAAA,CAAM,GAAG"}

package/dist/GlobalPage/index.js

@@ -40,4 +40,5 @@ const GlobalPage = ({ backgroundColor = "background", banner, children, contentA
 };
 
 //#endregion
-export { GlobalPage, LogErrorContext };
+export { GlobalPage, LogErrorContext };
+//# sourceMappingURL=index.js.map

package/dist/GlobalPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","GlobalPage: React.FC<GlobalPageProps>"],"sources":["../../src/GlobalPage/index.tsx"],"sourcesContent":["import {\n  AppWrapper,\n  Modal,\n  ModalProps,\n  SkipToContent,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { Background } from '@codecademy/gamut-styles';\nimport { ComponentProps, forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { EnhancedBanner, EnhancedBannerProps } from '../Banner/EnhancedBanner';\nimport { GlobalFooter, GlobalFooterProps } from '../GlobalFooter';\nimport { GlobalHeader, GlobalHeaderProps } from '../GlobalHeader';\n\ntype ErrorContext = {\n  message?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [k: string]: any;\n};\n\ntype LogErrorContextType = {\n  logError?: (error: unknown, context?: ErrorContext | string) => void;\n};\n\nexport const LogErrorContext = React.createContext<LogErrorContextType>({});\n\nexport type GlobalPageBackgroundColor =\n  | 'beige'\n  | 'background'\n  | 'background-contrast'\n  | 'navy'\n  | 'paleBlue'\n  | 'paleGreen'\n  | 'palePink'\n  | 'paleYellow'\n  | 'white';\n\nexport interface GlobalPageProps extends WithChildrenProp {\n  backgroundColor?: GlobalPageBackgroundColor;\n\n  /**\n   * Props directly passed to the Banner.\n   */\n  banner?: EnhancedBannerProps;\n\n  /**\n   * Element type to render around the children.\n   */\n  contentAs?: 'div' | 'main';\n\n  /**\n   * Props directly passed to the GlobalFooter.\n   */\n  footer?: GlobalFooterProps;\n\n  /**\n   * Props directly passed to the GlobalHeader.\n   */\n  header: GlobalHeaderProps;\n\n  /**\n   * Props directly passed to the Modal.\n   */\n  modal?: ModalProps;\n\n  /**\n   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.\n   */\n  skipToContentId?: string;\n\n  /**\n   * Temporary function called with error and context when an error occurs to\n   * help with debugging.\n   */\n  onError?: (error: unknown, context?: ErrorContext | string) => void;\n}\n\nconst defaultSkipToContentId = 'page-skip-to-content-target';\n\nconst RestrictedBackground = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof Background>\n>(({ children, ...rest }, ref) => (\n  <Background data-testid=\"global-page-wrapper\" {...rest} ref={ref}>\n    {children}\n  </Background>\n));\n\nconst GlobalPageWrapper = AppWrapper.withComponent(RestrictedBackground);\n\nexport const GlobalPage: React.FC<GlobalPageProps> = ({\n  backgroundColor = 'background',\n  banner,\n  children,\n  contentAs = 'div',\n  footer,\n  header,\n  modal,\n  skipToContentId,\n  onError,\n}) => {\n  return (\n    <GlobalPageWrapper bg={backgroundColor} minHeight=\"100vh\">\n      <SkipToContent contentId={skipToContentId || defaultSkipToContentId} />\n      {banner && <EnhancedBanner {...banner} />}\n      <LogErrorContext.Provider value={{ logError: onError }}>\n        {!header.hideEnterpriseHeader && <GlobalHeader {...header} />}\n      </LogErrorContext.Provider>\n      {!skipToContentId && <SkipToContentTarget id={defaultSkipToContentId} />}\n      <AppWrapper as={contentAs}>{children}</AppWrapper>\n      {footer && <GlobalFooter {...footer} />}\n      {modal && <Modal {...modal} />}\n    </GlobalPageWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;AA0BA,MAAa,kBAAkBA,QAAM,cAAmC,EAAE,CAAC;AAqD3E,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB,YAG1B,EAAE,UAAU,GAAG,QAAQ,QACxB,oBAAC;CAAW,eAAY;CAAsB,GAAI;CAAW;CAC1D;EACU,CACb;AAEF,MAAM,oBAAoB,WAAW,cAAc,qBAAqB;AAExE,MAAaC,cAAyC,EACpD,kBAAkB,cAClB,QACA,UACA,YAAY,OACZ,QACA,QACA,OACA,iBACA,cACI;AACJ,QACE,qBAAC;EAAkB,IAAI;EAAiB,WAAU;;GAChD,oBAAC,iBAAc,WAAW,mBAAmB,yBAA0B;GACtE,UAAU,oBAAC,kBAAe,GAAI,SAAU;GACzC,oBAAC,gBAAgB;IAAS,OAAO,EAAE,UAAU,SAAS;cACnD,CAAC,OAAO,wBAAwB,oBAAC,gBAAa,GAAI,SAAU;KACpC;GAC1B,CAAC,mBAAmB,oBAAC,uBAAoB,IAAI,yBAA0B;GACxE,oBAAC;IAAW,IAAI;IAAY;KAAsB;GACjD,UAAU,oBAAC,gBAAa,GAAI,SAAU;GACtC,SAAS,oBAAC,SAAM,GAAI,QAAS;;GACZ"}

package/dist/Grid/GridCollapse.d.ts

@@ -46,4 +46,5 @@ type GridCollapseProps = ComponentProps<typeof GridBox> & {
 };
 declare const GridCollapse: React.FC<GridCollapseProps>;
 //#endregion
-export { GridCollapse, GridCollapseProps, getMediaQuery };
+export { GridCollapse, GridCollapseProps, getMediaQuery };
+//# sourceMappingURL=GridCollapse.d.ts.map

package/dist/Grid/GridCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.d.ts","names":[],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":[],"mappings":";;;;;;cAqCa;;;;;;EAAA,KAAA,EAAA,MAAA;EAAiB,GAAA,CAAA,EAAA,MAAA;CAAA,EAAA,GAAA,MAAA;AAAA,KAkElB,iBAAA,GAAoB,cAlEF,CAAA,OAkEwB,OAlExB,CAAA,GAAA;EAAA;AAkE9B;;EAAgC,WAAA,EAIjB,WAJiB;EAIjB;;;EAyB+B,eAAA,EArB3B,aAqB2B,CAAA,MAAA,CAAA;EAAtB;;AAGxB;;aAnBa;;;;;;;;;;;;;;;;wBAgBW,sBAAsB;;cAGjC,cAAc,KAAA,CAAM,GAAG"}

package/dist/Grid/GridCollapse.js

@@ -154,4 +154,5 @@ const GridCollapse = ({ columnCount, initialMaxShown, pageSize, expandLabel = "S
 };
 
 //#endregion
-export { GridCollapse, getMediaQuery };
+export { GridCollapse, getMediaQuery };
+//# sourceMappingURL=GridCollapse.js.map

package/dist/Grid/GridCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.js","names":["variant","css","GridCollapse: React.FC<GridCollapseProps>"],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Anchor, Box, FlexBox, GridBox } from '@codecademy/gamut';\nimport {\n  ArrowChevronDownIcon,\n  ArrowChevronUpIcon,\n} from '@codecademy/gamut-icons';\nimport { breakpoints } from '@codecademy/gamut-styles';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { ComponentProps, useState } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\nfunction ExpandCollapseDefaults({\n  variant = 'standard',\n  ...props\n}: React.ComponentProps<typeof Anchor>) {\n  return <Anchor variant={variant} {...props} />;\n}\n\nconst DownChevron = styled(ArrowChevronDownIcon)`\n  path {\n    stroke-width: 3;\n  }\n`;\n\nconst UpChevron = styled(ArrowChevronUpIcon)`\n  path {\n    stroke-width: 3;\n  }\n`;\n\nconst breakpointsWithBase = {\n  _: '0px',\n  ...breakpoints,\n} as const;\n\nexport const getMediaQuery = ({\n  css,\n  start,\n  end,\n}: {\n  css: string;\n  start: string;\n  end?: string;\n}) =>\n  end\n    ? `@media only screen and (min-width: ${start}) and (max-width: calc(${end} - 1px)) { ${css} }`\n    : `@media only screen and (min-width: ${start}) { ${css} }`;\n\ntype GridItemProps = {\n  itemsShown: MediaQueryMap<number>;\n};\n\nconst GridItem = styled(Box)<GridItemProps>`\n  ${({ itemsShown }) =>\n    (Object.keys(itemsShown) as (keyof MediaQueryMap<number>)[])\n      .map((breakpointKey, i, breakpointKeys) => {\n        const max = itemsShown[breakpointKey];\n        if (max === undefined) return;\n\n        const start = breakpointsWithBase[breakpointKey];\n        const end = breakpointsWithBase[breakpointKeys[i + 1]];\n\n        // hide all grid items after the max\n        const css = `&:nth-of-type(n + ${max + 1}) { display: none; }`;\n\n        return i === breakpointKeys.length - 1\n          ? getMediaQuery({ css, start })\n          : getMediaQuery({ css, start, end });\n      })\n      .join('\\n')}\n`;\n\ntype ExpandCollapseProps = {\n  hideWhenTotalIsLessThan: MediaQueryMap<number>;\n  totalCount: number;\n};\n\nconst ExpandCollapse = styled(ExpandCollapseDefaults)`\n  display: none;\n  white-space: pre-wrap;\n\n  &:not(:first-of-type) {\n    margin-left: 2.5rem;\n  }\n\n  ${({ hideWhenTotalIsLessThan, totalCount }: ExpandCollapseProps) =>\n    (Object.keys(hideWhenTotalIsLessThan) as (keyof MediaQueryMap<number>)[])\n      .map((breakpointKey, i, breakpointKeys) => {\n        const max = hideWhenTotalIsLessThan[breakpointKey];\n        if (max === undefined || totalCount <= max) return;\n\n        const start = breakpointsWithBase[breakpointKey];\n        const end = breakpointsWithBase[breakpointKeys[i + 1]];\n\n        return i === breakpointKeys.length - 1\n          ? getMediaQuery({ css: 'display: block;', start })\n          : getMediaQuery({ css: 'display: block;', start, end });\n      })\n      .join('\\n')}\n`;\n\nexport type GridCollapseProps = ComponentProps<typeof GridBox> & {\n  /**\n   * the number of columns per row in the grid\n   */\n  columnCount: ColumnCount;\n  /**\n   * the number of items to display when collapsed\n   */\n  initialMaxShown: MediaQueryMap<number>;\n  /**\n   * the number of new items to display on each \"expand\" click; if not provided, a binary toggle is used\n   * note: must include exactly the same keys as initialMaxShown\n   */\n  pageSize?: MediaQueryMap<number>;\n  /**\n   * text to display when \"show more\" is available\n   */\n  expandLabel?: string;\n  /**\n   * text to display when \"show fewer\" is available\n   */\n  collapseLabel?: string;\n  /**\n   * called when clicking the show more/see less toggle; accepts the current expanded state as an arg\n   */\n  onExpandClick?: (expanded?: boolean) => void;\n  /**\n   * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)\n   */\n  expandCollapseProps?: ComponentProps<typeof Box>;\n};\n\nexport const GridCollapse: React.FC<GridCollapseProps> = ({\n  columnCount,\n  initialMaxShown,\n  pageSize,\n  expandLabel = 'Show all',\n  collapseLabel = 'Show fewer',\n  onExpandClick,\n  expandCollapseProps,\n  children,\n  ...gridBoxProps\n}) => {\n  const [page, setPage] = useState(0);\n\n  const expanded = page > 0;\n\n  // calculate the number of items to show based on page, pageSize, and initialMaxShown\n  const itemsShown = (\n    Object.keys(initialMaxShown) as (keyof MediaQueryMap<number>)[]\n  ).reduce((acc: MediaQueryMap<number>, breakpointKey) => {\n    if (pageSize) {\n      // if pageSize is defined, itemsShown = initialMaxShown + (page * pageSize)\n      acc[breakpointKey] =\n        (initialMaxShown[breakpointKey] ?? 0) +\n        page * (pageSize?.[breakpointKey] ?? 0);\n    } else {\n      // if pageSize is not defined, itemsShown is either initialMaxShown or all children\n      acc[breakpointKey] =\n        page > 0\n          ? React.Children.count(children)\n          : initialMaxShown[breakpointKey];\n    }\n    return acc;\n  }, {});\n\n  return (\n    <>\n      <GridBox\n        as=\"ul\"\n        listStyleType=\"none\"\n        p={0}\n        m={0}\n        {...gridBoxProps}\n        gridTemplateColumns={getCSSFromColumnCount(\n          columnCount,\n          (value) => `repeat(${value}, minmax(0, 1fr))` // this minmax prevents cells from resizing based on content\n        )}\n        aria-live=\"polite\"\n        aria-expanded={expanded}\n      >\n        {/*\n         * note that GridCollapse maps each of its direct children into a GridItem - this means that\n         * if you pass in a single component that aggregates children on its own, that component (and\n         * all of its children) will be considered a single grid item. Consider extracting the contents\n         * of that component into a function instead, turning this example:\n         *\n         * const AggregateComponent: React.FC = (items) => (\n         *   <>\n         *     {items.map((item) => <div>{item}</div>)}\n         *   </>\n         * );\n         *\n         * <GridCollapse><AggregateComponent items={[...]}/></GridCollapse>\n         *\n         * into:\n         *\n         * const getAggregateChildren = (items) => items.map((item) => <div>{item}</div>)\n         *\n         * <GridCollapse>{getAggregateChildren([...])}</GridCollapse>\n         */}\n        {React.Children.map(children, (child) => (\n          <GridItem as=\"li\" itemsShown={itemsShown}>\n            {child}\n          </GridItem>\n        ))}\n      </GridBox>\n      {pageSize ? (\n        <Box\n          {...expandCollapseProps}\n          mt={page > 0 ? 16 : expandCollapseProps?.mt}\n        >\n          <ExpandCollapse\n            fontWeight=\"title\"\n            totalCount={React.Children.count(children)}\n            hideWhenTotalIsLessThan={itemsShown}\n            onClick={() => {\n              onExpandClick?.(false);\n              setPage((currentPage) => currentPage + 1);\n            }}\n          >\n            <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n              {expandLabel} <DownChevron size={12} />\n            </FlexBox>\n          </ExpandCollapse>\n          {page > 0 && (\n            <ExpandCollapse\n              variant=\"interface\"\n              fontWeight=\"title\"\n              totalCount={React.Children.count(children)}\n              hideWhenTotalIsLessThan={initialMaxShown}\n              onClick={() => {\n                onExpandClick?.(true);\n                setPage(0);\n              }}\n            >\n              <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n                {collapseLabel} <UpChevron size={12} />\n              </FlexBox>\n            </ExpandCollapse>\n          )}\n        </Box>\n      ) : (\n        <Box {...expandCollapseProps}>\n          <ExpandCollapse\n            variant={expanded ? 'interface' : undefined}\n            fontWeight=\"bold\"\n            totalCount={React.Children.count(children)}\n            hideWhenTotalIsLessThan={initialMaxShown}\n            onClick={() => {\n              onExpandClick?.(expanded);\n              setPage((currentPage) => (currentPage > 0 ? 0 : 1));\n            }}\n            aria-expanded={expanded}\n          >\n            <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n              {expanded ? (\n                <>\n                  {collapseLabel}\n                  <UpChevron size={12} />\n                </>\n              ) : (\n                <>\n                  {expandLabel}\n                  <DownChevron size={12} />\n                </>\n              )}\n            </FlexBox>\n          </ExpandCollapse>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/Grid/Subgrid.d.ts

@@ -26,4 +26,5 @@ import { ComponentProps, FC } from "react";
 declare const subgridContext: react13.Context<ColumnCount>;
 declare const Subgrid: FC<ComponentProps<typeof GridBox>>;
 //#endregion
-export { Subgrid, subgridContext };
+export { Subgrid, subgridContext };
+//# sourceMappingURL=Subgrid.d.ts.map

package/dist/Grid/Subgrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subgrid.d.ts","names":[],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAuBA;AAEA;;;;;;;;;;;;;;cAFa,gBAAc,OAAA,CAAA,QAAA;cAEd,SAAS,GAAG,sBAAsB"}

package/dist/Grid/Subgrid.js

@@ -36,4 +36,5 @@ const Subgrid = (props) => {
 };
 
 //#endregion
-export { Subgrid, subgridContext };
+export { Subgrid, subgridContext };
+//# sourceMappingURL=Subgrid.js.map

package/dist/Grid/Subgrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subgrid.js","names":["Subgrid: FC<ComponentProps<typeof GridBox>>"],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":["import { GridBox } from '@codecademy/gamut';\nimport { ComponentProps, createContext, FC, useContext } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\n/**\n * Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.\n * Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether\n * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within\n * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each\n * breakpoint in react context. Usage example:\n *\n * import { Subgrid, subgridContext } from './Subgrid';\n *\n * export const MyComponent = () => (\n *   <subgridContext.Provider value={{ _: 12, md: 6 }}>\n *     ...\n *     <Subgrid>...</Subgrid>\n *   </subgridContext.Provider>\n * );\n *\n * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise\n */\nexport const subgridContext = createContext<ColumnCount>({});\n\nexport const Subgrid: FC<ComponentProps<typeof GridBox>> = (props) => {\n  const template = useContext(subgridContext);\n\n  const gridTemplateColumns = getCSSFromColumnCount(\n    template,\n    (value) => `repeat(${value}, 1fr)`\n  );\n\n  return (\n    <GridBox\n      gridTemplateColumns={{ _: 'repeat(12, 1fr)', ...gridTemplateColumns }}\n      rowGap={16}\n      columnGap={24}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,iBAAiB,cAA2B,EAAE,CAAC;AAE5D,MAAaA,WAA+C,UAAU;AAQpE,QACE,oBAAC;EACC,qBAAqB;GAAE,GAAG;GAAmB,GAPrB,sBAFX,WAAW,eAAe,GAIxC,UAAU,UAAU,MAAM,QAC5B;GAIwE;EACrE,QAAQ;EACR,WAAW;EACX,GAAI;GACJ"}

package/dist/Grid/getCSSFromColumnCount.d.ts

@@ -7,4 +7,5 @@ type ColumnCountKeys = Extract<ComponentProps<typeof Column>['size'], number>;
 type ColumnCount = MediaQueryMap<ColumnCountKeys>;
 declare const getCSSFromColumnCount: (columnCount: ColumnCount, valueFunction: (value: number) => string) => MediaQueryMap<string>;
 //#endregion
-export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };
+export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };
+//# sourceMappingURL=getCSSFromColumnCount.d.ts.map

package/dist/Grid/getCSSFromColumnCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSFromColumnCount.d.ts","names":[],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,eAAA,GAAkB,QAC5B,sBAAsB;KAGZ,WAAA,GAAc,cAAc;AAJ5B,cAMC,qBANc,EAAA,CAAA,WAAA,EAOZ,WAPY,EAAA,aAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA,EAAA,GAQe,aARf,CAAA,MAAA,CAAA"}

package/dist/Grid/getCSSFromColumnCount.js

@@ -6,4 +6,5 @@ const getCSSFromColumnCount = (columnCount, valueFunction) => Object.keys(column
 }, {});
 
 //#endregion
-export { getCSSFromColumnCount };
+export { getCSSFromColumnCount };
+//# sourceMappingURL=getCSSFromColumnCount.js.map

package/dist/Grid/getCSSFromColumnCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSFromColumnCount.js","names":[],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":["import { Column } from '@codecademy/gamut';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport { ComponentProps } from 'react';\n\nexport type ColumnCountKeys = Extract<\n  ComponentProps<typeof Column>['size'],\n  number\n>;\nexport type ColumnCount = MediaQueryMap<ColumnCountKeys>;\n\nexport const getCSSFromColumnCount = (\n  columnCount: ColumnCount,\n  valueFunction: (value: number) => string\n) =>\n  Object.keys(columnCount).reduce<MediaQueryMap<string>>(\n    (acc, key: keyof ColumnCount) => {\n      const value = columnCount[key];\n      if (typeof value !== 'undefined') {\n        acc[key] = valueFunction(value);\n      }\n      return acc;\n    },\n    {}\n  );\n"],"mappings":";AAUA,MAAa,yBACX,aACA,kBAEA,OAAO,KAAK,YAAY,CAAC,QACtB,KAAK,QAA2B;CAC/B,MAAM,QAAQ,YAAY;AAC1B,KAAI,OAAO,UAAU,YACnB,KAAI,OAAO,cAAc,MAAM;AAEjC,QAAO;GAET,EAAE,CACH"}

package/dist/HeaderHeightArea/index.d.ts

@@ -10,4 +10,5 @@ interface HeaderHeightAreaProps extends WithChildrenProp {
 }
 declare const HeaderHeightArea: React$1.FC<HeaderHeightAreaProps>;
 //#endregion
-export { HeaderHeightArea, HeaderHeightAreaProps };
+export { HeaderHeightArea, HeaderHeightAreaProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/HeaderHeightArea/index.tsx"],"sourcesContent":[],"mappings":";;;;;UA8BiB,qBAAA,SAA8B;OAExC,OAAA,CAAM;EAFI,OAAA,EAGN,cAHM,CAAsB,MAAA,GAAA,OAAA,CAAA;EAEhC,SAAM,CAAA,EAAA,MAAA;;AAFkC,cAOlC,gBAPkC,EAOhB,OAAA,CAAM,EAPU,CAOP,qBAPO,CAAA"}