@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.bec91dc078.0

package/dist/PricingSection/Products.js

@@ -82,4 +82,5 @@ const Products = ({ plansByType, user, isUserInIndia, currency, trackBusinessCli
 };
 
 //#endregion
-export { Products };
+export { Products };
+//# sourceMappingURL=Products.js.map

package/dist/PricingSection/Products.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Products.js","names":["Products: React.FC<ProductsProps>"],"sources":["../../src/PricingSection/Products.tsx"],"sourcesContent":["import { GridBox } from '@codecademy/gamut';\n\nimport { getProductDetails, PlansByType } from './config';\nimport { PricingCard } from './PricingCard';\nimport { AllCurrency } from './PricingCard/types';\nimport { Product, User } from './types';\n\ninterface ProductsProps {\n  plansByType: PlansByType;\n  user: User;\n  isUserInIndia: boolean;\n  currency: AllCurrency;\n  trackBusinessClick: ({\n    target,\n    context,\n  }: {\n    target: string;\n    context: string;\n  }) => void;\n}\n\nexport const Products: React.FC<ProductsProps> = ({\n  plansByType,\n  user,\n  isUserInIndia,\n  currency,\n  trackBusinessClick,\n}) => {\n  const productsLength = Object.keys(plansByType).length;\n\n  const renderCard = (product: Product) => {\n    switch (product) {\n      case Product.Basic:\n        return (\n          <PricingCard\n            key={product}\n            product={Product.Basic}\n            productDetails={getProductDetails(plansByType, product)}\n            plansByType={plansByType}\n            isUserInIndia={isUserInIndia}\n            currency={currency}\n            user={user}\n          />\n        );\n\n      case Product.Silver:\n        return (\n          <PricingCard\n            key={product}\n            product={Product.Silver}\n            productDetails={getProductDetails(plansByType, product)}\n            plansByType={plansByType}\n            isUserInIndia={isUserInIndia}\n            currency={currency}\n            user={user}\n          />\n        );\n\n      case Product.Gold:\n        return (\n          <PricingCard\n            key={product}\n            product={Product.Gold}\n            productDetails={getProductDetails(plansByType, product)}\n            plansByType={plansByType}\n            isUserInIndia={isUserInIndia}\n            currency={currency}\n            user={user}\n          />\n        );\n\n      case Product.Teams:\n        return (\n          <PricingCard\n            key={product}\n            product={Product.Teams}\n            productDetails={getProductDetails(plansByType, product)}\n            plansByType={plansByType}\n            isUserInIndia={isUserInIndia}\n            currency={currency}\n            user={user}\n            trackBusinessClick={trackBusinessClick}\n          />\n        );\n\n      case Product.Enterprise:\n        return (\n          <PricingCard\n            key={product}\n            product={Product.Enterprise}\n            productDetails={getProductDetails(plansByType, product)}\n            plansByType={plansByType}\n            isUserInIndia={isUserInIndia}\n            currency={currency}\n            user={user}\n            trackBusinessClick={trackBusinessClick}\n          />\n        );\n\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <GridBox\n      as=\"ul\"\n      pt={16}\n      pb={24}\n      px={0}\n      mb={0}\n      center\n      fit\n      gridAutoFlow={{ _: 'row', md: 'column' }}\n      columnGap={24}\n      rowGap={24}\n      alignItems={{ _: 'unset', md: 'stretch' }}\n      justifyItems=\"center\"\n      gridTemplateColumns={{\n        _: '1fr',\n        md: `repeat(${productsLength}, ${\n          productsLength <= 2 ? 'max-content' : '1fr'\n        })`,\n      }}\n    >\n      {Object.keys(plansByType).map(renderCard)}\n    </GridBox>\n  );\n};\n"],"mappings":";;;;;;;AAqBA,MAAaA,YAAqC,EAChD,aACA,MACA,eACA,UACA,yBACI;CACJ,MAAM,iBAAiB,OAAO,KAAK,YAAY,CAAC;CAEhD,MAAM,cAAc,YAAqB;AACvC,UAAQ,SAAR;GACE,KAAK,QAAQ,MACX,QACE,oBAAC;IAEC,SAAS,QAAQ;IACjB,gBAAgB,kBAAkB,aAAa,QAAQ;IAC1C;IACE;IACL;IACJ;MAND,QAOL;GAGN,KAAK,QAAQ,OACX,QACE,oBAAC;IAEC,SAAS,QAAQ;IACjB,gBAAgB,kBAAkB,aAAa,QAAQ;IAC1C;IACE;IACL;IACJ;MAND,QAOL;GAGN,KAAK,QAAQ,KACX,QACE,oBAAC;IAEC,SAAS,QAAQ;IACjB,gBAAgB,kBAAkB,aAAa,QAAQ;IAC1C;IACE;IACL;IACJ;MAND,QAOL;GAGN,KAAK,QAAQ,MACX,QACE,oBAAC;IAEC,SAAS,QAAQ;IACjB,gBAAgB,kBAAkB,aAAa,QAAQ;IAC1C;IACE;IACL;IACJ;IACc;MAPf,QAQL;GAGN,KAAK,QAAQ,WACX,QACE,oBAAC;IAEC,SAAS,QAAQ;IACjB,gBAAgB,kBAAkB,aAAa,QAAQ;IAC1C;IACE;IACL;IACJ;IACc;MAPf,QAQL;GAGN,QACE,QAAO;;;AAIb,QACE,oBAAC;EACC,IAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ;EACA;EACA,cAAc;GAAE,GAAG;GAAO,IAAI;GAAU;EACxC,WAAW;EACX,QAAQ;EACR,YAAY;GAAE,GAAG;GAAS,IAAI;GAAW;EACzC,cAAa;EACb,qBAAqB;GACnB,GAAG;GACH,IAAI,UAAU,eAAe,IAC3B,kBAAkB,IAAI,gBAAgB,MACvC;GACF;YAEA,OAAO,KAAK,YAAY,CAAC,IAAI,WAAW;GACjC"}

package/dist/PricingSection/config.js

@@ -28,4 +28,5 @@ const groupPlansByType = (products) => {
 };
 
 //#endregion
-export { getProductDescription, getProductDetails, groupPlansByType };
+export { getProductDescription, getProductDetails, groupPlansByType };
+//# sourceMappingURL=config.js.map

package/dist/PricingSection/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["key: Product"],"sources":["../../src/PricingSection/config.ts"],"sourcesContent":["import { Product, ProductDetails } from './types';\n\ntype Period = 'annual' | 'monthly';\ntype PlansByPeriod = Record<Period, ProductDetails>;\nexport type PlansByType = Record<Product, PlansByPeriod>;\n\nexport const getProductDescription = (product: Product) => {\n  switch (product) {\n    case Product.Basic:\n      return 'Start learning something new with basic access';\n    case Product.Teams:\n      return 'Train your team with in-demand skills and flexible admin tools';\n    case Product.Enterprise:\n      return 'Customizable training for your organization';\n    case Product.Pro:\n    case Product.Silver:\n      return 'Build in-demand technical skills for work or a personal project';\n    case Product.Gold:\n      return 'Develop the skills and experience to land a job in tech';\n  }\n};\n\nexport const getProductDetails = (\n  products: PlansByType,\n  product: Product\n): ProductDetails => {\n  if (product === Product.Basic) {\n    return products[product].monthly;\n  }\n  return products[product].annual;\n};\n\nexport const groupPlansByType = (products: ProductDetails[]) => {\n  return products.reduce<PlansByType>((acc, plan) => {\n    let key: Product;\n    if (plan.planType === 'basic') {\n      key = Product.Basic;\n    } else {\n      key = plan.planType as Product;\n    }\n    if (!acc[key]) {\n      acc[key] = {} as PlansByPeriod;\n    }\n    const period = plan.planId?.includes('Annual') ? 'annual' : 'monthly';\n    acc[key][period] = plan;\n    return acc;\n  }, {} as PlansByType);\n};\n"],"mappings":";;;AAMA,MAAa,yBAAyB,YAAqB;AACzD,SAAQ,SAAR;EACE,KAAK,QAAQ,MACX,QAAO;EACT,KAAK,QAAQ,MACX,QAAO;EACT,KAAK,QAAQ,WACX,QAAO;EACT,KAAK,QAAQ;EACb,KAAK,QAAQ,OACX,QAAO;EACT,KAAK,QAAQ,KACX,QAAO;;;AAIb,MAAa,qBACX,UACA,YACmB;AACnB,KAAI,YAAY,QAAQ,MACtB,QAAO,SAAS,SAAS;AAE3B,QAAO,SAAS,SAAS;;AAG3B,MAAa,oBAAoB,aAA+B;AAC9D,QAAO,SAAS,QAAqB,KAAK,SAAS;EACjD,IAAIA;AACJ,MAAI,KAAK,aAAa,QACpB,OAAM,QAAQ;MAEd,OAAM,KAAK;AAEb,MAAI,CAAC,IAAI,KACP,KAAI,OAAO,EAAE;EAEf,MAAM,SAAS,KAAK,QAAQ,SAAS,SAAS,GAAG,WAAW;AAC5D,MAAI,KAAK,UAAU;AACnB,SAAO;IACN,EAAE,CAAgB"}

package/dist/PricingSection/index.d.ts

@@ -19,4 +19,5 @@ type PricingSectionProps = Omit<Partial<React.ComponentProps<typeof Background>>
 };
 declare const PricingSection: React.FC<PricingSectionProps>;
 //#endregion
-export { PricingSection };
+export { PricingSection };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/PricingSection/index.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,mBAAA,GAAsB,KACzB,QAAQ,KAAA,CAAM,sBAAsB;YAG1B;EAJP,KAAA,CAAA,EAKK,KAAA,CAAM,SALQ;EACc,IAAA,EAK9B,IAL8B;EAA5B,aAAM,EAAA,OAAA;EAAd,QAAA,EAOU,WAPV;EADyB,kBAAA,EAAA,CAAA;IAAA,MAAA;IAAA;EAMnB,CANmB,EAAA;IAIf,MAAA,EAAA,MAAA;IACI,OAAA,EAAA,MAAA;EACR,CAAA,EAAA,GAAA,IAAA;CAEI;AAER,cAQS,cART,EAQyB,KAAA,CAAM,EAR/B,CAQkC,mBARlC,CAAA"}

package/dist/PricingSection/index.js

@@ -32,4 +32,5 @@ const PricingSection = ({ products, title, user, isUserInIndia, currency, trackB
 };
 
 //#endregion
-export { PricingSection };
+export { PricingSection };
+//# sourceMappingURL=index.js.map

package/dist/PricingSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PricingSection: React.FC<PricingSectionProps>"],"sources":["../../src/PricingSection/index.tsx"],"sourcesContent":["import { Box, ContentContainer, Text } from '@codecademy/gamut';\nimport { CheckerLoose } from '@codecademy/gamut-patterns';\nimport { Background } from '@codecademy/gamut-styles';\n\nimport { groupPlansByType } from './config';\nimport { AllCurrency } from './PricingCard/types';\nimport { Products } from './Products';\nimport type { ProductDetails, User } from './types';\n\ntype PricingSectionProps = Omit<\n  Partial<React.ComponentProps<typeof Background>>,\n  'title'\n> & {\n  products: ProductDetails[];\n  title?: React.ReactNode;\n  user: User;\n  isUserInIndia: boolean;\n  currency: AllCurrency;\n  trackBusinessClick: ({\n    target,\n    context,\n  }: {\n    target: string;\n    context: string;\n  }) => void;\n};\n\nexport const PricingSection: React.FC<PricingSectionProps> = ({\n  products,\n  title,\n  user,\n  isUserInIndia,\n  currency,\n  trackBusinessClick,\n}) => {\n  return (\n    <>\n      <Text\n        as=\"h1\"\n        textAlign=\"center\"\n        fontSize={{ _: 34, md: 44 }}\n        width=\"100%\"\n        mb={16}\n      >\n        {title}\n      </Text>\n      <Box position=\"relative\">\n        <CheckerLoose height=\"100%\" position=\"absolute\" />\n        <ContentContainer>\n          <Products\n            plansByType={groupPlansByType(products)}\n            user={user}\n            isUserInIndia={isUserInIndia}\n            currency={currency}\n            trackBusinessClick={trackBusinessClick}\n          />\n        </ContentContainer>\n      </Box>\n    </>\n  );\n};\n"],"mappings":";;;;;;;AA2BA,MAAaA,kBAAiD,EAC5D,UACA,OACA,MACA,eACA,UACA,yBACI;AACJ,QACE,4CACE,oBAAC;EACC,IAAG;EACH,WAAU;EACV,UAAU;GAAE,GAAG;GAAI,IAAI;GAAI;EAC3B,OAAM;EACN,IAAI;YAEH;GACI,EACP,qBAAC;EAAI,UAAS;aACZ,oBAAC;GAAa,QAAO;GAAO,UAAS;IAAa,EAClD,oBAAC,8BACC,oBAAC;GACC,aAAa,iBAAiB,SAAS;GACjC;GACS;GACL;GACU;IACpB,GACe;GACf,IACL"}

package/dist/PricingSection/types.d.ts

@@ -15,4 +15,5 @@ interface User {
   proGold?: boolean;
 }
 //#endregion
-export { ProductDetails, User };
+export { ProductDetails, User };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PricingSection/types.ts"],"sourcesContent":[],"mappings":";;UASiB,cAAA;;;;;;;;;UA8BA,IAAA"}

package/dist/PricingSection/types.js

@@ -10,4 +10,5 @@ let Product = /* @__PURE__ */ function(Product$1) {
 }({});
 
 //#endregion
-export { Product };
+export { Product };
+//# sourceMappingURL=types.js.map

package/dist/PricingSection/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/PricingSection/types.ts"],"sourcesContent":["export enum Product {\n  Basic = 'free',\n  Pro = 'pro',\n  Teams = 'teams',\n  Silver = 'pro-silver',\n  Gold = 'pro-gold',\n  Enterprise = 'enterprise',\n}\n\nexport interface ProductDetails {\n  isTrialPlan?: boolean | null | undefined;\n  price: string;\n  planId?: string | null | undefined;\n  displayName: string;\n  planType: string;\n  savings?: string | null | undefined;\n  includedTaxRate?: string | null | undefined;\n}\n\nexport type PlanType =\n  | 'basic'\n  | 'pro-silver'\n  | 'pro-gold'\n  | 'teams'\n  | 'enterprise';\n\nexport type CtaConfig = Partial<\n  Record<\n    PlanType,\n    {\n      label?: string;\n      href?: string;\n      onClick?: () => void;\n    }\n  >\n>;\n\nexport type CopyConfig = Partial<Record<PlanType, { description: string }>>;\n\nexport interface User {\n  anonymous?: boolean;\n  proSilver?: boolean;\n  proGold?: boolean;\n}\n"],"mappings":";AAAA,IAAY,8CAAL;AACL;AACA;AACA;AACA;AACA;AACA"}

package/dist/ProLogoAlt/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ProLogoAlt/index.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,eAAA;;EAAA,eAAA,CAAA,EAAe,MAAA,OAEM,MAAA;EAKpB,SAAA,CAAA,EAAA,MAwBZ,OA5B0B,MAIO;;;cAArB,YAAY,OAAA,CAAM,GAAG"}

package/dist/ProLogoAlt/index.js

@@ -23,4 +23,5 @@ const ProLogoAlt = ({ ariaLabel = "Codecademy Pro Logo", backgroundColor = "yell
 });
 
 //#endregion
-export { ProLogoAlt };
+export { ProLogoAlt };
+//# sourceMappingURL=index.js.map

package/dist/ProLogoAlt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProLogoAlt: React.FC<ProLogoAltProps>"],"sources":["../../src/ProLogoAlt/index.tsx"],"sourcesContent":["import { colors } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nexport type ProLogoAltProps = {\n  ariaLabel?: string;\n  backgroundColor?: keyof typeof colors;\n  textColor?: keyof typeof colors;\n  width?: number;\n};\n\nexport const ProLogoAlt: React.FC<ProLogoAltProps> = ({\n  ariaLabel = 'Codecademy Pro Logo',\n  backgroundColor = 'yellow',\n  textColor = 'black',\n  width = 50,\n}) => (\n  <svg\n    width={width}\n    viewBox=\"0 0 95 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-label={ariaLabel}\n  >\n    <g fill={colors[backgroundColor]} fillRule=\"evenodd\">\n      <path\n        d=\"m0 0h74v40h-74zm78 34h17v6h-17z\"\n        fill={colors[backgroundColor]}\n      />\n      <path\n        d=\"m13.971 23.67v6.82h-3.971v-20.145h6.82c4.749 0 7.253 2.965 7.253 6.62 0 3.625-2.504 6.705-7.253 6.705zm2.245-9.871h-2.245v6.446h2.245c2.187 0 3.77-1.036 3.77-3.28 0-2.245-1.583-3.166-3.77-3.166zm21.518 16.691-4.46-7.741h-2.821v7.741h-4v-20.145h7.568c4.404 0 6.994 2.62 6.994 6.13 0 1.9-.777 4.317-3.828 5.526l5.151 8.49h-4.604zm-.72-13.986c0-1.784-1.295-2.705-3.51-2.705h-3.051v5.468h3.05c2.216 0 3.511-1.036 3.511-2.763zm16.453-6.504c5.843 0 10.533 4.346 10.533 10.418s-4.69 10.417-10.533 10.417c-5.842 0-10.533-4.345-10.533-10.417s4.691-10.418 10.533-10.418zm0 17.152c3.799 0 6.36-2.878 6.36-6.734 0-3.857-2.561-6.734-6.36-6.734s-6.36 2.877-6.36 6.734c0 3.856 2.561 6.734 6.36 6.734z\"\n        fill={colors[textColor]}\n      />\n    </g>\n  </svg>\n);\n"],"mappings":";;;;;AAUA,MAAaA,cAAyC,EACpD,YAAY,uBACZ,kBAAkB,UAClB,YAAY,SACZ,QAAQ,SAER,oBAAC;CACQ;CACP,SAAQ;CACR,MAAK;CACL,OAAM;CACN,cAAY;WAEZ,qBAAC;EAAE,MAAM,OAAO;EAAkB,UAAS;aACzC,oBAAC;GACC,GAAE;GACF,MAAM,OAAO;IACb,EACF,oBAAC;GACC,GAAE;GACF,MAAM,OAAO;IACb;GACA;EACA"}

package/dist/ProductFeatureShowcase/index.d.ts

@@ -16,4 +16,5 @@ declare const ProductFeatureShowcase: React.FC<{
   };
 }>;
 //#endregion
-export { ProductFeatureShowcase };
+export { ProductFeatureShowcase };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ProductFeatureShowcase/index.tsx"],"sourcesContent":[],"mappings":";cAuBa,wBAAwB,KAAA,CAAM;EAA9B,KAAA,EAAA;IAME,GAAA,EAAA,MAAA;IACM,GAAA,EAAA,MAAA;EAET,CAAA;EATyB,kBAAM,CAAA,EAAA,OAAA;EAAE,KAAA,EAMpC,KAAA,CAAM,SAN8B;eAO9B,KAAA,CAAM;;YAET,KAAA,CAAM"}

package/dist/ProductFeatureShowcase/index.js

@@ -103,4 +103,5 @@ const ProductFeatureShowcase = ({ image, displayImageBorder, title, titleBadge,
 });
 
 //#endregion
-export { ProductFeatureShowcase };
+export { ProductFeatureShowcase };
+//# sourceMappingURL=index.js.map

package/dist/ProductFeatureShowcase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProductFeatureShowcase: React.FC<{\n  image: {\n    src: string;\n    alt: string;\n  };\n  displayImageBorder?: boolean;\n  title: React.ReactNode;\n  description: React.ReactNode;\n  titleBadge?: string;\n  eyebrow?: React.ReactNode;\n  cta?: {\n    label: string;\n    href?: string;\n    onClick?: () => void;\n  };\n}>"],"sources":["../../src/ProductFeatureShowcase/index.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  ContentContainer,\n  GridBox,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\nimport { DiagonalBDense } from '@codecademy/gamut-patterns';\nimport styled from '@emotion/styled';\n\nimport { PausableImage } from '..';\n\nconst StyledPattern = styled(DiagonalBDense)`\n  color: ${({ theme }) => theme.colors.yellow};\n`;\n\nconst StyledBadge = styled(Badge)`\n  display: inline-block;\n  position: relative;\n  top: -0.5rem;\n`;\n\nexport const ProductFeatureShowcase: React.FC<{\n  image: {\n    src: string;\n    alt: string;\n  };\n  displayImageBorder?: boolean;\n  title: React.ReactNode;\n  description: React.ReactNode;\n  titleBadge?: string;\n  eyebrow?: React.ReactNode;\n  cta?: {\n    label: string;\n    href?: string;\n    onClick?: () => void;\n  };\n}> = ({\n  image,\n  displayImageBorder,\n  title,\n  titleBadge,\n  eyebrow,\n  description,\n  cta,\n}) => (\n  <Box bg=\"paleYellow\" position=\"relative\">\n    <StyledPattern\n      color=\"yellow\"\n      position=\"absolute\"\n      left={0}\n      top={0}\n      bottom={0}\n      width=\"40%\"\n      pointerEvents=\"none\"\n      display={{ _: 'none', md: 'block' }}\n    />\n    <ContentContainer>\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', md: '1fr 1fr' }}\n        gap={{ _: 48, md: 96 }}\n        py={{ _: 48, md: 64 }}\n        alignItems=\"center\"\n      >\n        <Box position=\"relative\">\n          <StyledPattern\n            color=\"yellow\"\n            position=\"absolute\"\n            width=\"100vw\"\n            top={-48}\n            left={{ _: -16, xs: -32, sm: -64 }}\n            height=\"calc(50% + 48px)\"\n            pointerEvents=\"none\"\n            display={{ md: 'none' }}\n          />\n          <Box\n            {...(displayImageBorder\n              ? {\n                  borderWidth: 1,\n                  border: 'solid',\n                  borderColor: 'navy-400',\n                  borderRadius: 'lg',\n                  overflow: 'hidden',\n                }\n              : undefined)}\n          >\n            <PausableImage src={image.src} alt={image.alt} />\n          </Box>\n        </Box>\n        <Box>\n          {eyebrow && <Box mb={8}>{eyebrow}</Box>}\n\n          <Text as=\"h2\" variant=\"title-xl\">\n            <Text mr={8} display=\"inline\">\n              {title}\n            </Text>\n            {titleBadge && (\n              <StyledBadge variant=\"tertiary\" fontSize={14}>\n                {titleBadge}\n              </StyledBadge>\n            )}\n          </Text>\n\n          <Text mt={8}>{description}</Text>\n\n          {cta && (\n            <StrokeButton href={cta.href} onClick={cta.onClick} mt={16}>\n              {cta.label}\n            </StrokeButton>\n          )}\n        </Box>\n      </GridBox>\n    </ContentContainer>\n  </Box>\n);\n"],"mappings":";;;;;;;AAaA,MAAM,gBAAgB,OAAO,eAAe;YAChC,EAAE,YAAY,MAAM,OAAO,OAAO;;AAG9C,MAAM,cAAc,OAAO,MAAM;;;;;AAMjC,MAAaA,0BAeP,EACJ,OACA,oBACA,OACA,YACA,SACA,aACA,UAEA,qBAAC;CAAI,IAAG;CAAa,UAAS;YAC5B,oBAAC;EACC,OAAM;EACN,UAAS;EACT,MAAM;EACN,KAAK;EACL,QAAQ;EACR,OAAM;EACN,eAAc;EACd,SAAS;GAAE,GAAG;GAAQ,IAAI;GAAS;GACnC,EACF,oBAAC,8BACC,qBAAC;EACC,qBAAqB;GAAE,GAAG;GAAO,IAAI;GAAW;EAChD,KAAK;GAAE,GAAG;GAAI,IAAI;GAAI;EACtB,IAAI;GAAE,GAAG;GAAI,IAAI;GAAI;EACrB,YAAW;aAEX,qBAAC;GAAI,UAAS;cACZ,oBAAC;IACC,OAAM;IACN,UAAS;IACT,OAAM;IACN,KAAK;IACL,MAAM;KAAE,GAAG;KAAK,IAAI;KAAK,IAAI;KAAK;IAClC,QAAO;IACP,eAAc;IACd,SAAS,EAAE,IAAI,QAAQ;KACvB,EACF,oBAAC;IACC,GAAK,qBACD;KACE,aAAa;KACb,QAAQ;KACR,aAAa;KACb,cAAc;KACd,UAAU;KACX,GACD;cAEJ,oBAAC;KAAc,KAAK,MAAM;KAAK,KAAK,MAAM;MAAO;KAC7C;IACF,EACN,qBAAC;GACE,WAAW,oBAAC;IAAI,IAAI;cAAI;KAAc;GAEvC,qBAAC;IAAK,IAAG;IAAK,SAAQ;eACpB,oBAAC;KAAK,IAAI;KAAG,SAAQ;eAClB;MACI,EACN,cACC,oBAAC;KAAY,SAAQ;KAAW,UAAU;eACvC;MACW;KAEX;GAEP,oBAAC;IAAK,IAAI;cAAI;KAAmB;GAEhC,OACC,oBAAC;IAAa,MAAM,IAAI;IAAM,SAAS,IAAI;IAAS,IAAI;cACrD,IAAI;KACQ;MAEb;GACE,GACO;EACf"}

package/dist/QuizScore/index.d.ts

@@ -12,4 +12,5 @@ interface QuizScoreProps {
 }
 declare const QuizScore: React$1.FC<QuizScoreProps>;
 //#endregion
-export { QuizScore };
+export { QuizScore };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/QuizScore/index.tsx"],"sourcesContent":[],"mappings":";;;UAIU,cAAA;;EAAA,KAAA,EAAA,MAAA;EAUG,MAAA,CAAA,EAAA,KA+EZ,GAAA,QA/EgC;;;;;;cAApB,WAAW,OAAA,CAAM,GAAG"}

package/dist/QuizScore/index.js

@@ -88,4 +88,5 @@ const QuizScore = ({ correctCount, layout = "row", smallerFont, total, numOfRows
 };
 
 //#endregion
-export { QuizScore };
+export { QuizScore };
+//# sourceMappingURL=index.js.map

package/dist/QuizScore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["QuizScore: React.FC<QuizScoreProps>"],"sources":["../../src/QuizScore/index.tsx"],"sourcesContent":["import { Box, FlexBox, GridBox, Text } from '@codecademy/gamut';\nimport { CheckFilledIcon, DeleteFilledIcon } from '@codecademy/gamut-icons';\nimport * as React from 'react';\n\ninterface QuizScoreProps {\n  correctCount: number;\n  total: number;\n  layout?: 'row' | 'column';\n  smallerFont?: boolean;\n  numOfRows?: number;\n  colorfulIcons?: boolean;\n  percentToPass?: number;\n}\n\nexport const QuizScore: React.FC<QuizScoreProps> = ({\n  correctCount,\n  layout = 'row',\n  smallerFont,\n  total,\n  numOfRows,\n  colorfulIcons,\n  percentToPass,\n}) => {\n  const isRowLayout = layout === 'row';\n  const moreThan5Rows = !isRowLayout && numOfRows && numOfRows > 5;\n  const quizScore = total < 1 ? 0 : Math.round((correctCount / total) * 100);\n  const affirmation = quizScore > 70 ? 'Great job!' : 'Practice makes perfect!';\n  return (\n    <GridBox\n      gridTemplateColumns={\n        isRowLayout\n          ? {\n              _: 'minmax(0,1fr)',\n              md: '1fr min-content 1fr',\n            }\n          : ''\n      }\n      gridTemplateRows={isRowLayout ? '' : 'min-content 1fr min-content'}\n      fontFamily=\"accent\"\n      gap={{ _: 16, sm: 8 }}\n      mb={{ _: !isRowLayout ? 16 : 32, sm: 16 }}\n    >\n      <FlexBox flexDirection=\"column\" textAlign=\"center\">\n        <Text fontSize={smallerFont ? 34 : 44}>{`${quizScore}%`}</Text>\n        {percentToPass && quizScore < percentToPass && (\n          <Text fontSize={14}>{`Get ${percentToPass}% to pass`}</Text>\n        )}\n        <Text fontSize={14}>{affirmation}</Text>\n      </FlexBox>\n      <Box\n        borderRight={1}\n        borderBottom={1}\n        display={{ _: 'none', xs: 'block' }}\n      />\n      <GridBox\n        gridTemplateColumns={\n          moreThan5Rows\n            ? 'repeat(2,minmax(0,max-content))'\n            : layout === 'row'\n            ? 'repeat(2,minmax(0,max-content))'\n            : { _: 'repeat(2,minmax(0,max-content))', xl: '20px 1fr 20px 1fr' }\n        }\n        gridTemplateRows={moreThan5Rows ? '1fr 1fr' : ''}\n        alignItems=\"center\"\n        columnGap={16}\n        justifyContent=\"center\"\n        display={total === correctCount ? 'flex' : 'grid'}\n      >\n        <CheckFilledIcon\n          color={colorfulIcons ? 'feedback-success' : 'inherit'}\n          aria-hidden\n          size={24}\n        />\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <Text fontSize={smallerFont ? 16 : 22} lineHeight={2 as any}>\n          {`${correctCount} correct`}\n        </Text>\n        {correctCount < total && (\n          <>\n            <DeleteFilledIcon\n              color={colorfulIcons ? 'feedback-error' : 'inherit'}\n              aria-hidden\n              size={24}\n            />\n            {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n            <Text fontSize={smallerFont ? 16 : 22} lineHeight={2 as any}>{`${\n              total - correctCount\n            } to work on`}</Text>\n          </>\n        )}\n      </GridBox>\n    </GridBox>\n  );\n};\n"],"mappings":";;;;;;AAcA,MAAaA,aAAuC,EAClD,cACA,SAAS,OACT,aACA,OACA,WACA,eACA,oBACI;CACJ,MAAM,cAAc,WAAW;CAC/B,MAAM,gBAAgB,CAAC,eAAe,aAAa,YAAY;CAC/D,MAAM,YAAY,QAAQ,IAAI,IAAI,KAAK,MAAO,eAAe,QAAS,IAAI;CAC1E,MAAM,cAAc,YAAY,KAAK,eAAe;AACpD,QACE,qBAAC;EACC,qBACE,cACI;GACE,GAAG;GACH,IAAI;GACL,GACD;EAEN,kBAAkB,cAAc,KAAK;EACrC,YAAW;EACX,KAAK;GAAE,GAAG;GAAI,IAAI;GAAG;EACrB,IAAI;GAAE,GAAG,CAAC,cAAc,KAAK;GAAI,IAAI;GAAI;;GAEzC,qBAAC;IAAQ,eAAc;IAAS,WAAU;;KACxC,oBAAC;MAAK,UAAU,cAAc,KAAK;gBAAK,GAAG,UAAU;OAAU;KAC9D,iBAAiB,YAAY,iBAC5B,oBAAC;MAAK,UAAU;gBAAK,OAAO,cAAc;OAAkB;KAE9D,oBAAC;MAAK,UAAU;gBAAK;OAAmB;;KAChC;GACV,oBAAC;IACC,aAAa;IACb,cAAc;IACd,SAAS;KAAE,GAAG;KAAQ,IAAI;KAAS;KACnC;GACF,qBAAC;IACC,qBACE,gBACI,oCACA,WAAW,QACX,oCACA;KAAE,GAAG;KAAmC,IAAI;KAAqB;IAEvE,kBAAkB,gBAAgB,YAAY;IAC9C,YAAW;IACX,WAAW;IACX,gBAAe;IACf,SAAS,UAAU,eAAe,SAAS;;KAE3C,oBAAC;MACC,OAAO,gBAAgB,qBAAqB;MAC5C;MACA,MAAM;OACN;KAEF,oBAAC;MAAK,UAAU,cAAc,KAAK;MAAI,YAAY;gBAChD,GAAG,aAAa;OACZ;KACN,eAAe,SACd,4CACE,oBAAC;MACC,OAAO,gBAAgB,mBAAmB;MAC1C;MACA,MAAM;OACN,EAEF,oBAAC;MAAK,UAAU,cAAc,KAAK;MAAI,YAAY;gBAAW,GAC5D,QAAQ,aACT;OAAoB,IACpB;;KAEG;;GACF"}

package/dist/RatingsBar/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/RatingsBar/index.tsx"],"sourcesContent":[],"mappings":";;;KAIY,eAAA;;AAAZ;AA6BA;;;;;;;cAAa,YAAY,OAAA,CAAM,GAAG"}

package/dist/RatingsBar/index.js

@@ -38,4 +38,5 @@ const RatingsBar = ({ minimumPercent = 0, percent }) => {
 };
 
 //#endregion
-export { RatingsBar };
+export { RatingsBar };
+//# sourceMappingURL=index.js.map

package/dist/RatingsBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RatingsBar: React.FC<RatingsBarProps>"],"sources":["../../src/RatingsBar/index.tsx"],"sourcesContent":["import { pxRem, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nexport type RatingsBarProps = {\n  /**\n   * Minimum amount of the bar to fill in visually.\n   */\n  minimumPercent?: number;\n\n  /**\n   * How much of the bar to fill in, as a number in [0, 100].\n   */\n  percent: number;\n};\n\nconst RatingsBarWrapper = styled.div`\n  border-width: ${pxRem(1)};\n  border-style: solid;\n  border-radius: ${pxRem(80)};\n  background-color: ${theme.colors.white};\n  height: ${pxRem(8)};\n`;\n\nconst Bar = styled.div`\n  align-items: center;\n  height: 100%;\n  display: flex;\n  position: relative;\n  border-radius: inherit;\n  background-color: ${theme.colors.yellow};\n`;\n\nexport const RatingsBar: React.FC<RatingsBarProps> = ({\n  minimumPercent = 0,\n  percent,\n}) => {\n  return (\n    <RatingsBarWrapper\n      role=\"meter\"\n      aria-valuenow={percent}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label=\"ratings bar\"\n      aria-live=\"polite\"\n    >\n      <Bar\n        data-testid=\"ratings-bar-bar\"\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{\n          width: `${Math.max(minimumPercent, percent)}%`,\n          boxShadow: percent > 0 ? `${pxRem(0.5)} 0 0 ${pxRem(0.5)}` : 'none',\n        }}\n      />\n    </RatingsBarWrapper>\n  );\n};\n"],"mappings":";;;;;;AAgBA,MAAM,oBAAoB,OAAO,GAAG;kBAClB,MAAM,EAAE,CAAC;;mBAER,MAAM,GAAG,CAAC;sBACP,MAAM,OAAO,MAAM;YAC7B,MAAM,EAAE,CAAC;;AAGrB,MAAM,MAAM,OAAO,GAAG;;;;;;sBAMA,MAAM,OAAO,OAAO;;AAG1C,MAAaA,cAAyC,EACpD,iBAAiB,GACjB,cACI;AACJ,QACE,oBAAC;EACC,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,cAAW;EACX,aAAU;YAEV,oBAAC;GACC,eAAY;GAEZ,OAAO;IACL,OAAO,GAAG,KAAK,IAAI,gBAAgB,QAAQ,CAAC;IAC5C,WAAW,UAAU,IAAI,GAAG,MAAM,GAAI,CAAC,OAAO,MAAM,GAAI,KAAK;IAC9D;IACD;GACgB"}

package/dist/Recurly/context/NoProvider.js

@@ -8,4 +8,5 @@
 const NO_PROVIDER = Symbol("no provider");
 
 //#endregion
-export { NO_PROVIDER };
+export { NO_PROVIDER };
+//# sourceMappingURL=NoProvider.js.map

package/dist/Recurly/context/NoProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoProvider.js","names":[],"sources":["../../../src/Recurly/context/NoProvider.ts"],"sourcesContent":["/**\n * A symbol used as the default value for contexts that require a provider. When\n * calling useContext, we can throw an error if we find this symbol rather than\n * a provided value. This is useful in cases where we want to consider null or\n * undefined as valid provided values.\n */\nexport const NO_PROVIDER = Symbol('no provider');\nexport type NoProvider = typeof NO_PROVIDER;\n"],"mappings":";;;;;;;AAMA,MAAa,cAAc,OAAO,cAAc"}

package/dist/Recurly/context/elements/index.d.ts

@@ -12,4 +12,5 @@ declare function Elements({
   children
 }: PropsWithChildren): react_jsx_runtime2.JSX.Element;
 //#endregion
-export { Elements };
+export { Elements };
+//# sourceMappingURL=index.d.ts.map

package/dist/Recurly/context/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/Recurly/context/elements/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAeA;;;AAAwD,iBAAxC,QAAA,CAAwC;EAAA;AAAA,CAAA,EAAjB,iBAAiB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Recurly/context/elements/index.js

@@ -40,4 +40,5 @@ function useElements(options) {
 }
 
 //#endregion
-export { Elements, useElements };
+export { Elements, useElements };
+//# sourceMappingURL=index.js.map

package/dist/Recurly/context/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Recurly/context/elements/index.tsx"],"sourcesContent":["import type { ElementsInstance } from '@recurly/recurly-js';\nimport { createContext, PropsWithChildren, useContext, useMemo } from 'react';\n\nimport { NO_PROVIDER, type NoProvider } from '../NoProvider';\nimport { useRecurly } from '../recurly';\n\ntype ElementCtxValue = ElementsInstance | undefined | NoProvider;\n\nconst ElementCtx = createContext<ElementCtxValue>(NO_PROVIDER);\n\n/**\n * A provider that provides the Elements instance via context.\n *\n * If used outside of a RecurlyProvider, it will throw an error.\n */\nexport function Elements({ children }: PropsWithChildren) {\n  const recurly = useRecurly({\n    noProviderError: 'Elements must be used within a RecurlyProvider.',\n  });\n  const elements = useMemo(() => recurly?.Elements(), [recurly]);\n  return <ElementCtx.Provider value={elements}>{children}</ElementCtx.Provider>;\n}\n\n/**\n * A hook that returns the Elements instance from context.\n *\n * If used outside of an Elements provider, it will throw an error.\n *\n * Within an Elements provider:\n * - If used on the server, it will return undefined.\n * - If used on the client, it will initially return undefined and then return\n *   the provided Elements instance once the Recurly library is loaded.\n *\n * @param options - An object to provide an alternate contextual error message\n * to use if one tries to use this hook outside of an Elements provider.\n *\n * @returns The Elements instance.\n */\nexport function useElements(options?: { noProviderError?: string }) {\n  const elements = useContext(ElementCtx);\n  if (elements === NO_PROVIDER) {\n    throw new Error(\n      options?.noProviderError ??\n        'useElements must be used within a Elements provider.'\n    );\n  }\n  return elements;\n}\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,cAA+B,YAAY;;;;;;AAO9D,SAAgB,SAAS,EAAE,YAA+B;CACxD,MAAM,UAAU,WAAW,EACzB,iBAAiB,mDAClB,CAAC;CACF,MAAM,WAAW,cAAc,SAAS,UAAU,EAAE,CAAC,QAAQ,CAAC;AAC9D,QAAO,oBAAC,WAAW;EAAS,OAAO;EAAW;GAA+B;;;;;;;;;;;;;;;;;AAkB/E,SAAgB,YAAY,SAAwC;CAClE,MAAM,WAAW,WAAW,WAAW;AACvC,KAAI,aAAa,YACf,OAAM,IAAI,MACR,SAAS,mBACP,uDACH;AAEH,QAAO"}

package/dist/Recurly/context/recurly/index.d.ts

@@ -35,4 +35,5 @@ declare function useRecurly(options?: {
   noProviderError?: string;
 }): Recurly | undefined;
 //#endregion
-export { RecurlyProvider, RecurlyProviderProps, useRecurly };
+export { RecurlyProvider, RecurlyProviderProps, useRecurly };
+//# sourceMappingURL=index.d.ts.map

package/dist/Recurly/context/recurly/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/Recurly/context/recurly/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBY,oBAAA,GAAuB,kBAAkB;;;AAArD;AASA;;;;AAA6E,iBAA7D,eAAA,CAA6D;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAApB,oBAAoB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;AA2B7E;;;;;;;;;;;;;;;iBAAgB,UAAA;;IAAiD"}

package/dist/Recurly/context/recurly/index.js

@@ -44,4 +44,5 @@ function useRecurly(options) {
 }
 
 //#endregion
-export { RecurlyProvider, useRecurly };
+export { RecurlyProvider, useRecurly };
+//# sourceMappingURL=index.js.map

package/dist/Recurly/context/recurly/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Recurly/context/recurly/index.tsx"],"sourcesContent":["import type { Recurly } from '@recurly/recurly-js';\nimport {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\nimport { NO_PROVIDER, type NoProvider } from '../NoProvider';\nimport { loadRecurly, RecurlyConfig } from './loadRecurly';\n\ntype RecurlyCtxValue = Recurly | undefined | NoProvider;\n\nconst RecurlyCtx = createContext<RecurlyCtxValue>(NO_PROVIDER);\n\nexport type RecurlyProviderProps = PropsWithChildren<RecurlyConfig>;\n\n/**\n * A provider that:\n * - loads the Recurly library\n * - ensures that only a single instance of the library is loaded\n * - configures the library with the provided public key\n * - provides the library instance via context\n */\nexport function RecurlyProvider({ children, ...config }: RecurlyProviderProps) {\n  const [recurly, setRecurly] = useState<Recurly | undefined>(undefined);\n\n  useEffect(() => {\n    loadRecurly(config)?.then(setRecurly);\n    // Exclude `config` dependency as it should be treated as static.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <RecurlyCtx.Provider value={recurly}>{children}</RecurlyCtx.Provider>;\n}\n\n/**\n * A hook that returns the Recurly instance from context.\n *\n * If used outside of a RecurlyProvider, it will throw an error.\n *\n * Within a RecurlyProvider:\n * - If used on the server, it will return undefined.\n * - If used on the client, it will initially return undefined and then return\n *   the provided Recurly instance once it is loaded.\n *\n * @param options - An object to provide an alternate contextual error message\n * to use if one tries to use this hook outside of a RecurlyProvider.\n *\n * @returns The Recurly instance.\n */\nexport function useRecurly(options?: { noProviderError?: string }) {\n  const recurly = useContext(RecurlyCtx);\n  if (recurly === NO_PROVIDER) {\n    throw new Error(\n      options?.noProviderError ??\n        'useRecurly must be used within a RecurlyProvider'\n    );\n  }\n  return recurly;\n}\n"],"mappings":";;;;;;AAcA,MAAM,aAAa,cAA+B,YAAY;;;;;;;;AAW9D,SAAgB,gBAAgB,EAAE,UAAU,GAAG,UAAgC;CAC7E,MAAM,CAAC,SAAS,cAAc,SAA8B,OAAU;AAEtE,iBAAgB;AACd,cAAY,OAAO,EAAE,KAAK,WAAW;IAGpC,EAAE,CAAC;AAEN,QAAO,oBAAC,WAAW;EAAS,OAAO;EAAU;GAA+B;;;;;;;;;;;;;;;;;AAkB9E,SAAgB,WAAW,SAAwC;CACjE,MAAM,UAAU,WAAW,WAAW;AACtC,KAAI,YAAY,YACd,OAAM,IAAI,MACR,SAAS,mBACP,mDACH;AAEH,QAAO"}

package/dist/Recurly/context/recurly/loadRecurly.d.ts

@@ -6,4 +6,5 @@ type RecurlyConfig = {
   required: string[];
 };
 //#endregion
-export { RecurlyConfig };
+export { RecurlyConfig };
+//# sourceMappingURL=loadRecurly.d.ts.map

package/dist/Recurly/context/recurly/loadRecurly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadRecurly.d.ts","names":[],"sources":["../../../../src/Recurly/context/recurly/loadRecurly.ts"],"sourcesContent":[],"mappings":";;;KAIY,aAAA;;EAAA,QAAA,EAAA,MAAa,EAAA"}

package/dist/Recurly/context/recurly/loadRecurly.js

@@ -18,4 +18,5 @@ function loadRecurly(config) {
 }
 
 //#endregion
-export { loadRecurly };
+export { loadRecurly };
+//# sourceMappingURL=loadRecurly.js.map

package/dist/Recurly/context/recurly/loadRecurly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadRecurly.js","names":[],"sources":["../../../../src/Recurly/context/recurly/loadRecurly.ts"],"sourcesContent":["import type { Recurly } from '@recurly/recurly-js';\n\nimport { w } from './w';\n\nexport type RecurlyConfig = {\n  publicKey: string;\n  required: string[];\n};\n\nexport function loadRecurly(config: RecurlyConfig) {\n  if (w && w._recurlyPromise) {\n    w._recurlyPromise = new Promise<Recurly>((resolve) => {\n      const script = (w as Window).document.createElement('script');\n      script.src = 'https://js.recurly.com/v4/recurly.js';\n      script.async = true;\n      script.onload = () => {\n        const { recurly } = w as Window;\n        if (!recurly) {\n          throw new Error('Recurly was not loaded by recurly.js');\n        }\n        recurly.configure(config);\n        resolve(recurly);\n      };\n      (w as Window).document.head.appendChild(script);\n    });\n  }\n  return w?._recurlyPromise;\n}\n"],"mappings":";;;AASA,SAAgB,YAAY,QAAuB;AACjD,KAAI,KAAK,EAAE,gBACT,GAAE,kBAAkB,IAAI,SAAkB,YAAY;EACpD,MAAM,SAAU,EAAa,SAAS,cAAc,SAAS;AAC7D,SAAO,MAAM;AACb,SAAO,QAAQ;AACf,SAAO,eAAe;GACpB,MAAM,EAAE,YAAY;AACpB,OAAI,CAAC,QACH,OAAM,IAAI,MAAM,uCAAuC;AAEzD,WAAQ,UAAU,OAAO;AACzB,WAAQ,QAAQ;;AAElB,EAAC,EAAa,SAAS,KAAK,YAAY,OAAO;GAC/C;AAEJ,QAAO,GAAG"}

package/dist/Recurly/context/recurly/w.js

@@ -2,4 +2,5 @@
 const w = typeof window === "undefined" ? void 0 : window;
 
 //#endregion
-export { w };
+export { w };
+//# sourceMappingURL=w.js.map

package/dist/Recurly/context/recurly/w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w.js","names":[],"sources":["../../../../src/Recurly/context/recurly/w.ts"],"sourcesContent":["import type { Recurly } from '@recurly/recurly-js';\n\n// By importing/exporting w as a window object, we can easily mock it in tests.\n\ntype Doc = {\n  createElement: Document['createElement'];\n  head: {\n    appendChild: Document['head']['appendChild'];\n  };\n};\n\nexport type W = {\n  recurly?: Recurly;\n  _recurlyPromise?: Promise<Recurly>;\n  document: Doc;\n};\n\n// Exported for easy mocking\nexport const w = typeof window === 'undefined' ? undefined : (window as W);\n"],"mappings":";AAkBA,MAAa,IAAI,OAAO,WAAW,cAAc,SAAa"}

package/dist/Recurly/fields/RecurlyField.d.ts

@@ -15,4 +15,5 @@ declare function RecurlyField({
   ...props
 }: RecurlyFieldProps): react_jsx_runtime4.JSX.Element;
 //#endregion
-export { RecurlyField, RecurlyFieldProps };
+export { RecurlyField, RecurlyFieldProps };
+//# sourceMappingURL=RecurlyField.d.ts.map

package/dist/Recurly/fields/RecurlyField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurlyField.d.ts","names":[],"sources":["../../../src/Recurly/fields/RecurlyField.tsx"],"sourcesContent":[],"mappings":";;;;KAmDY,iBAAA,GAAoB;;;AAAhC;AAMA;;;AAA4D,iBAA5C,YAAA,CAA4C;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAA,iBAAA,CAAA,EAAiB,kBAAA,CAAA,GAAA,CAAA,OAAjB"}

package/dist/Recurly/fields/RecurlyField.js

@@ -64,4 +64,5 @@ function RecurlyField({ label, children, ...props }) {
 }
 
 //#endregion
-export { RecurlyField };
+export { RecurlyField };
+//# sourceMappingURL=RecurlyField.js.map

package/dist/Recurly/fields/RecurlyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurlyField.js","names":["variant"],"sources":["../../../src/Recurly/fields/RecurlyField.tsx"],"sourcesContent":["import {\n  Box,\n  Input,\n  InputWrapperProps,\n  StyledInputProps,\n  Text,\n} from '@codecademy/gamut';\nimport {\n  conditionalStyles,\n  formFieldStyles,\n} from '@codecademy/gamut/dist/Form/styles';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useCallback, useRef } from 'react';\n\nconst Slash = styled.span`\n  width: 0;\n  font-family: 'Suisse';\n  transform: translate(-6px, 1px);\n  font-size: 18px;\n`;\n\nfunction focusBorderColor({ variant }: StyledInputProps) {\n  return variant === 'error'\n    ? theme.colors['feedback-error']\n    : theme.colors.primary;\n}\n\nconst InputInnerBox = styled.div<StyledInputProps>`\n  ${formFieldStyles}\n  ${conditionalStyles}\n  & > div {\n    width: 100%;\n  }\n  padding: 0;\n  display: flex;\n  align-items: center;\n  height: 3.125rem;\n  .recurly-element {\n    height: 3.125rem;\n  }\n  &:has(.recurly-element-focus) {\n    border-color: ${focusBorderColor};\n    box-shadow: inset 0 0 0 1px ${focusBorderColor};\n  }\n  &:has(${Slash}) > div:first-of-type {\n    max-width: 2.75rem;\n    min-width: 2.75rem;\n  }\n`;\n\nexport type RecurlyFieldProps = InputWrapperProps & { label: string };\n\n/**\n * A wrapper around a Recurly element (or two elements in the case of MM/YY) to\n * add Gamut border styling and a label.\n */\nexport function RecurlyField({ label, children, ...props }: RecurlyFieldProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const selectIframe = useCallback(() => {\n    ref.current?.querySelector('iframe')?.focus();\n  }, []);\n\n  return (\n    <Box ref={ref}>\n      <Text as=\"label\" onClick={selectIframe}>\n        {label}\n      </Text>\n      <Input as={InputInnerBox} {...props}>\n        {Array.isArray(children) && children.length === 2 ? (\n          <>\n            {children[0]}\n            <Slash>/</Slash>\n            {children[1]}\n          </>\n        ) : (\n          children\n        )}\n      </Input>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,QAAQ,OAAO,IAAI;;;;;;AAOzB,SAAS,iBAAiB,EAAE,sBAA6B;AACvD,QAAOA,cAAY,UACf,MAAM,OAAO,oBACb,MAAM,OAAO;;AAGnB,MAAM,gBAAgB,OAAO,GAAqB;IAC9C,gBAAgB;IAChB,kBAAkB;;;;;;;;;;;;oBAYF,iBAAiB;kCACH,iBAAiB;;UAEzC,MAAM;;;;;;;;;AAYhB,SAAgB,aAAa,EAAE,OAAO,UAAU,GAAG,SAA4B;CAC7E,MAAM,MAAM,OAAuB,KAAK;AAMxC,QACE,qBAAC;EAAS;aACR,oBAAC;GAAK,IAAG;GAAQ,SANA,kBAAkB;AACrC,QAAI,SAAS,cAAc,SAAS,EAAE,OAAO;MAC5C,EAAE,CAAC;aAKC;IACI,EACP,oBAAC;GAAM,IAAI;GAAe,GAAI;aAC3B,MAAM,QAAQ,SAAS,IAAI,SAAS,WAAW,IAC9C;IACG,SAAS;IACV,oBAAC,mBAAM,MAAS;IACf,SAAS;OACT,GAEH;IAEI;GACJ"}

package/dist/Recurly/fields/elements.d.ts

@@ -19,4 +19,5 @@ type Focusable = {
   focus: () => void;
 };
 //#endregion
-export { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable };
+export { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable };
+//# sourceMappingURL=elements.d.ts.map

package/dist/Recurly/fields/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","names":[],"sources":["../../../src/Recurly/fields/elements.tsx"],"sourcesContent":[],"mappings":";;;;cAUa,YAAU,OAAA,CAAA,0BAAA,gBAAA,OAAA,CAAA,cAAA;cACV,UAAQ,OAAA,CAAA,0BAAA,gBAAA,OAAA,CAAA,cAAA;cACR,SAAO,OAAA,CAAA,0BAAA,gBAAA,OAAA,CAAA,cAAA;AAFP,cAGA,GAHwD,EAGrD,OAAA,CAAA,yBAHqD,CAGrD,aAHqD,GAGrD,OAAA,CAAA,aAHqD,CAGrD,SAHqD,CAAA,CAAA;AAA9C,KAOX,WAAA,GAPW,mBAAA,GAAA,kBAAA,GAAA,iBAAA,GAAA,gBAAA;AAAA,KAcX,YAAA,GAAe,UAdJ,CAce,OAdf,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAgBX,aAAA,GAhBW;EAAA,OAAA,CAAA,EAiBX,YAjBW;EAAA,QAAA,CAAA,EAkBV,YAlBU;EACV,MAAA,CAAA,EAkBF,YAlBkE;EAAxD,OAAA,CAAA,EAmBT,YAnBS;EAAA,QAAA,CAAA,EAoBR,YApBQ;CAAA;AAAA,KA0BT,SAAA,GA1BS;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;AACrB,CAAA"}

package/dist/Recurly/fields/elements.js

@@ -56,4 +56,5 @@ function bindEventHandlers(el, h) {
 }
 
 //#endregion
-export { CVV, CardNumber, ExpMonth, ExpYear };
+export { CVV, CardNumber, ExpMonth, ExpYear };
+//# sourceMappingURL=elements.js.map

package/dist/Recurly/fields/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["el: IndividualElement"],"sources":["../../../src/Recurly/fields/elements.tsx"],"sourcesContent":["import { formFieldPaddingStyles } from '@codecademy/gamut/dist/Form/styles';\nimport type {\n  CommonElementStyle,\n  IndividualElement,\n} from '@recurly/recurly-js';\nimport type { Emitter } from '@recurly/recurly-js/lib/emitter';\nimport { ForwardedRef, forwardRef, RefObject, useMemo, useRef } from 'react';\n\nimport { useElements } from '../context';\n\nexport const CardNumber = element('CardNumberElement', 'Card number');\nexport const ExpMonth = element('CardMonthElement', 'Expiration month', 'MM');\nexport const ExpYear = element('CardYearElement', 'Expiration year', 'YY');\nexport const CVV = element('CardCvvElement', 'CVV');\n\n/* These match methods on `ElementsInstance`. 'CardElement' is omitted since we\nonly need individual elements (number,month,year,cvv). */\nexport type ElementType =\n  | 'CardNumberElement'\n  | 'CardMonthElement'\n  | 'CardYearElement'\n  | 'CardCvvElement';\n\n// The type that `element.on` expects. See `bindEventHandlers`.\nexport type EventHandler = Parameters<Emitter['on']>[1];\n\nexport type EventHandlers = {\n  onReady?: EventHandler;\n  onChange?: EventHandler;\n  onBlur?: EventHandler;\n  onFocus?: EventHandler;\n  onSubmit?: EventHandler;\n};\n\n/* Our only reason for allowing folks to pass in a ref is so that they can call\n`.focus()` from the outside. This type satisfies `HTMLElement` (the type one\nmight try to use) and `ElementInstance` (what we actually set the ref to). */\nexport type Focusable = { focus: () => void };\n\n/**\n * Defines a Recurly element component for a given type.\n */\nfunction element(type: ElementType, title: string, placeholder?: string) {\n  return forwardRef<Focusable, EventHandlers>((eventHandlers, ref) => {\n    const elements = useElements({\n      noProviderError:\n        'Recurly element must be used within a Elements provider.',\n    });\n\n    // Keep ref updated with current event handlers. See `bindEventHandlers`.\n    const h = useRef<EventHandlers>({});\n    h.current = eventHandlers;\n\n    const callback = useMemo(() => {\n      if (!elements) return null;\n\n      let el: IndividualElement;\n      return (div: HTMLDivElement | null) => {\n        /* This is called once (with the div) when `elements` is defined and\n        once (with null) on component unmount. */\n        if (div) {\n          el = elements[type]({ style: getStyle(title, placeholder) });\n          el.attach(div);\n          bindEventHandlers(el, h);\n          allowFocus(div, ref, el);\n        } else {\n          cleanup(el);\n        }\n      };\n    }, [elements, ref]);\n\n    return <div ref={callback} />;\n  });\n}\n\nfunction cleanup(el?: IndividualElement) {\n  /* `.destroy()` is not documented or included in the IndividualElement type,\n  but there is an example of @recurly/react-recurly using it here:\n  https://github.com/recurly/react-recurly/blob/main/lib/element/element.jsx#L112 */\n  (el as unknown as { destroy: () => void })?.destroy();\n}\n\nfunction allowFocus(\n  div: HTMLDivElement,\n  ref: ForwardedRef<Focusable>,\n  el: IndividualElement\n) {\n  // Forward focus from iframe to element. (used by RecurlyField label onClick)\n  div.querySelector('iframe')?.addEventListener('focus', () => el.focus());\n\n  // Set ref to our Recurly element instance so that one can call `.focus()`.\n  if (ref instanceof Function) {\n    ref(el); // call RefCallback\n  } else if (ref) {\n    ref.current = el; // set RefObject\n  }\n}\n\nfunction getStyle(title: string, placeholder?: string) {\n  const { px, py } = formFieldPaddingStyles;\n  return {\n    /* We can't use Apercu in the iframe, but Recurly will pull in any Google\n    font. JetBrains Mono seems appropriate for card info. */\n    fontFamily: 'JetBrains Mono',\n\n    /* Most Gamut styling is applied outside the iframe by RecurlyField. We\n    apply padding in the iframe to ensure the entire element is clickable. */\n    padding: `${px}px ${py}px`,\n\n    /* For some bewildered reason, Recurly takes `title` and `placeholder` as\n    style properties. Title is necessary for screen readers. */\n    title,\n\n    /* The spread syntax for `placeholder` is only necessary because Recurly is\n    persnickety about only including it when defined. */\n    ...(placeholder ? { placeholder } : {}),\n  } as CommonElementStyle;\n}\n\n/* When event handlers are passed as inline function props, they technically are\nnew function instances on each render. Rather than re-attaching the handlers on\neach render, we keep a ref updated with the latest handlers and bind static\nhandlers that call the dynamic handlers from the ref. @recurly/react-recurly\nessentially uses the same approach here:\nhttps://github.com/recurly/react-recurly/blob/main/lib/element/element.jsx#L102 */\nfunction bindEventHandlers(el: IndividualElement, h: RefObject<EventHandlers>) {\n  el.on('attach', (...args) => h.current?.onReady?.(...args));\n  el.on('change', (...args) => h.current?.onChange?.(...args));\n  el.on('blur', (...args) => h.current?.onBlur?.(...args));\n  el.on('focus', (...args) => h.current?.onFocus?.(...args));\n  el.on('submit', (...args) => h.current?.onSubmit?.(...args));\n}\n"],"mappings":";;;;;;AAUA,MAAa,aAAa,QAAQ,qBAAqB,cAAc;AACrE,MAAa,WAAW,QAAQ,oBAAoB,oBAAoB,KAAK;AAC7E,MAAa,UAAU,QAAQ,mBAAmB,mBAAmB,KAAK;AAC1E,MAAa,MAAM,QAAQ,kBAAkB,MAAM;;;;AA6BnD,SAAS,QAAQ,MAAmB,OAAe,aAAsB;AACvE,QAAO,YAAsC,eAAe,QAAQ;EAClE,MAAM,WAAW,YAAY,EAC3B,iBACE,4DACH,CAAC;EAGF,MAAM,IAAI,OAAsB,EAAE,CAAC;AACnC,IAAE,UAAU;AAoBZ,SAAO,oBAAC,SAAI,KAlBK,cAAc;AAC7B,OAAI,CAAC,SAAU,QAAO;GAEtB,IAAIA;AACJ,WAAQ,QAA+B;AAGrC,QAAI,KAAK;AACP,UAAK,SAAS,MAAM,EAAE,OAAO,SAAS,OAAO,YAAY,EAAE,CAAC;AAC5D,QAAG,OAAO,IAAI;AACd,uBAAkB,IAAI,EAAE;AACxB,gBAAW,KAAK,KAAK,GAAG;UAExB,SAAQ,GAAG;;KAGd,CAAC,UAAU,IAAI,CAAC,GAEU;GAC7B;;AAGJ,SAAS,QAAQ,IAAwB;AAIvC,CAAC,IAA2C,SAAS;;AAGvD,SAAS,WACP,KACA,KACA,IACA;AAEA,KAAI,cAAc,SAAS,EAAE,iBAAiB,eAAe,GAAG,OAAO,CAAC;AAGxE,KAAI,eAAe,SACjB,KAAI,GAAG;UACE,IACT,KAAI,UAAU;;AAIlB,SAAS,SAAS,OAAe,aAAsB;CACrD,MAAM,EAAE,IAAI,OAAO;AACnB,QAAO;EAGL,YAAY;EAIZ,SAAS,GAAG,GAAG,KAAK,GAAG;EAIvB;EAIA,GAAI,cAAc,EAAE,aAAa,GAAG,EAAE;EACvC;;AASH,SAAS,kBAAkB,IAAuB,GAA6B;AAC7E,IAAG,GAAG,WAAW,GAAG,SAAS,EAAE,SAAS,UAAU,GAAG,KAAK,CAAC;AAC3D,IAAG,GAAG,WAAW,GAAG,SAAS,EAAE,SAAS,WAAW,GAAG,KAAK,CAAC;AAC5D,IAAG,GAAG,SAAS,GAAG,SAAS,EAAE,SAAS,SAAS,GAAG,KAAK,CAAC;AACxD,IAAG,GAAG,UAAU,GAAG,SAAS,EAAE,SAAS,UAAU,GAAG,KAAK,CAAC;AAC1D,IAAG,GAAG,WAAW,GAAG,SAAS,EAAE,SAAS,WAAW,GAAG,KAAK,CAAC"}

package/dist/ResourceCard/index.d.ts

@@ -16,4 +16,5 @@ type ResourceCardProps = CardProps & {
 };
 declare const ResourceCard: React.FC<ResourceCardProps>;
 //#endregion
-export { ResourceCard, ResourceCardProps, ResourceType };
+export { ResourceCard, ResourceCardProps, ResourceType };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ResourceCard/index.tsx"],"sourcesContent":[],"mappings":";;;;aAKY,YAAA;;EAAA,GAAA,GAAA,KAAA;EAOA,IAAA,GAAA,WAAA;;AAEkB,KAFlB,iBAAA,GAAoB,SAEF,GAAA;EACd,KAAA,EAAA,MAAA;EACA,WAAA,EAAA,MAAA,GAFQ,KAAA,CAAM,SAEd;EAAW,YAAA,EADX,YACW;EAId,YAAA,EAJG,WA0Df;;;cAtDY,cAAc,KAAA,CAAM,GAAG"}

package/dist/ResourceCard/index.js

@@ -54,4 +54,5 @@ const ResourceCard = ({ title, description, resourceType, headingLevel, path, ..
 };
 
 //#endregion
-export { ResourceCard, ResourceType };
+export { ResourceCard, ResourceType };
+//# sourceMappingURL=index.js.map

package/dist/ResourceCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ResourceCard: React.FC<ResourceCardProps>"],"sources":["../../src/ResourceCard/index.tsx"],"sourcesContent":["import { Box, Card, HeadingTags, Text } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\n\nimport { CardProps } from '../CurriculumCard';\n\nexport enum ResourceType {\n  Article = 'Article',\n  Doc = 'Doc',\n  Blog = 'Blog Post',\n  // can be expanded for Cheatsheet, etc...\n}\n\nexport type ResourceCardProps = CardProps & {\n  title: string;\n  description: string | React.ReactNode;\n  resourceType: ResourceType;\n  headingLevel: HeadingTags;\n  path?: string[];\n};\n\nexport const ResourceCard: React.FC<ResourceCardProps> = ({\n  title,\n  description,\n  resourceType,\n  headingLevel,\n  path,\n  ...cardProps\n}) => {\n  const cardTitle = path ? [resourceType, ...path].join(' / ') : resourceType;\n  return (\n    <Card\n      variant=\"white\"\n      borderRadius=\"md\"\n      borderColor=\"border-primary\"\n      overflow=\"hidden\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      isInteractive\n      p={0}\n      height=\"100%\"\n      {...cardProps}\n    >\n      <Box px={12} py={4} boxShadow={`inset 0 -1px 0 0 ${theme.colors.navy}`}>\n        <Text fontFamily=\"accent\" fontSize={14}>\n          {cardTitle}\n        </Text>\n      </Box>\n      <Box px={12} py={4}>\n        <Text\n          variant=\"title-xs\"\n          as={headingLevel}\n          truncate=\"ellipsis\"\n          truncateLines={2}\n          pt={12}\n          pb={4}\n        >\n          {title}\n        </Text>\n        {description &&\n          (typeof description === 'string' ? (\n            <Text\n              variant=\"p-small\"\n              truncate=\"ellipsis\"\n              truncateLines={2}\n              mb={16}\n            >\n              {description}\n            </Text>\n          ) : (\n            description\n          ))}\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAY,wDAAL;AACL;AACA;AACA;;;AAYF,MAAaA,gBAA6C,EACxD,OACA,aACA,cACA,cACA,MACA,GAAG,gBACC;CACJ,MAAM,YAAY,OAAO,CAAC,cAAc,GAAG,KAAK,CAAC,KAAK,MAAM,GAAG;AAC/D,QACE,qBAAC;EACC,SAAQ;EACR,cAAa;EACb,aAAY;EACZ,UAAS;EACT,SAAQ;EACR,eAAc;EACd;EACA,GAAG;EACH,QAAO;EACP,GAAI;aAEJ,oBAAC;GAAI,IAAI;GAAI,IAAI;GAAG,WAAW,oBAAoB,MAAM,OAAO;aAC9D,oBAAC;IAAK,YAAW;IAAS,UAAU;cACjC;KACI;IACH,EACN,qBAAC;GAAI,IAAI;GAAI,IAAI;cACf,oBAAC;IACC,SAAQ;IACR,IAAI;IACJ,UAAS;IACT,eAAe;IACf,IAAI;IACJ,IAAI;cAEH;KACI,EACN,gBACE,OAAO,gBAAgB,WACtB,oBAAC;IACC,SAAQ;IACR,UAAS;IACT,eAAe;IACf,IAAI;cAEH;KACI,GAEP;IAEA;GACD"}

package/dist/ScoreSummary/SubScores.d.ts

@@ -37,4 +37,5 @@ interface SubScoresProps {
 }
 declare const SubScores: React.FC<SubScoresProps>;
 //#endregion
-export { SubScores, renderSubScores };
+export { SubScores, renderSubScores };
+//# sourceMappingURL=SubScores.d.ts.map

package/dist/ScoreSummary/SubScores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.d.ts","names":[],"sources":["../../src/ScoreSummary/SubScores.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa;;;;;;;;;aASA;;EATA,aAAA,CAAA,EAAA,OAwHV;EAxH6B,WAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAcf,aAde;EAAA,cAAA,CAAA,EAAA,CAAA,IAAA,EAeN,aAfM,EAAA,GAAA,IAAA;CAAA,EAAA,GAgB/B,kBAAA,CAAA,GAAA,CAAA,OAAA,EAhB+B;UAqKtB,cAAA,CArKsB;EAAA,aAAA,CAAA,EAAA,OAAA;EASnB,WAAA,CAAA,EAAA,OAAA;EAKI,MAAA,CAAA,EAAA,QAAA,GAAA,KAAA;EACS,kBAAA,CAAA,EA0JH,MA1JG;EACzB,UAAA,CAAA,EAAA,OAAA;EAAA,QAAA,EAAA,MAAA;EAqJS,mBAAc,CAAA,EAAA,OAAA;EAID,SAAA,EAIV,+BAJU;EAIV,YAAA,CAAA,EACI,aADJ;EACI,cAAA,CAAA,EAAA,CAAA,IAAA,EACS,aADT,EAAA,GAAA,IAAA;EACS,SAAA,CAAA,EAAA,MAAA;EAEH,kBAAA,CAAA,EAAA,kBAAA,EAAA;;AAGV,cAAA,SAAoB,EAAT,KAAA,CAAM,EAAG,CAAA,cAAD,CAAA"}

package/dist/ScoreSummary/SubScores.js

@@ -131,4 +131,5 @@ const SubScores = ({ colorfulIcons = false, isChallenge = false, layout = "row",
 };
 
 //#endregion
-export { SubScores, renderSubScores };
+export { SubScores, renderSubScores };
+//# sourceMappingURL=SubScores.js.map

package/dist/ScoreSummary/SubScores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.js","names":["SubScores: React.FC<SubScoresProps>"],"sources":["../../src/ScoreSummary/SubScores.tsx"],"sourcesContent":["import { Anchor, FlexBox, GridBox, Markdown, Text } from '@codecademy/gamut';\nimport { CheckFilledIcon, DeleteFilledIcon } from '@codecademy/gamut-icons';\nimport { Colors, pxRem } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\n\nimport { createResumeUrlPath } from './helpers';\nimport { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';\n\nconst SHOW_REVIEW_SCORE = 0.6;\nconst PASSING_SCORE = 0.7;\n\nexport const renderSubScores = ({\n  isChallenge,\n  subScores,\n  pathSlug,\n  trackSlug,\n  trackingData,\n  trackUserClick,\n  colorfulIcons,\n}: {\n  subScores: CorrectAnswerCountsBySubContent;\n  pathSlug: string;\n  colorfulIcons?: boolean;\n  isChallenge?: boolean;\n  trackSlug?: string;\n  trackingData?: UserClickData;\n  trackUserClick?: (data: UserClickData) => void;\n}) =>\n  Object.entries(subScores).map(\n    (\n      [\n        subContentId,\n        {\n          title: subContentTitle,\n          correct: subContentCorrect,\n          total: subContentTotal,\n          slug: subContentSlug,\n        },\n      ],\n      i\n    ) => {\n      const subContentPercentCorrect = subContentCorrect / subContentTotal;\n      const reviewConceptsPath = createResumeUrlPath({\n        pathSlug,\n        trackSlug,\n        moduleSlug: subContentSlug,\n      });\n\n      return (\n        <FlexBox\n          key={subContentId}\n          borderTop={i !== 0 ? 1 : 'none'}\n          px={16}\n          py={8}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n          role=\"listitem\"\n        >\n          <FlexBox alignItems=\"center\">\n            {colorfulIcons ? (\n              subContentPercentCorrect >= PASSING_SCORE ? (\n                <CheckFilledIcon\n                  minWidth={16}\n                  mr={12}\n                  color=\"feedback-success\"\n                />\n              ) : (\n                <DeleteFilledIcon\n                  minWidth={16}\n                  mr={12}\n                  color=\"feedback-error\"\n                />\n              )\n            ) : null}\n            <>\n              <Text screenreader>\n                {colorfulIcons\n                  ? `${\n                      subContentPercentCorrect >= PASSING_SCORE\n                        ? 'passed'\n                        : 'failed'\n                    }: `\n                  : ''}\n              </Text>\n              {isChallenge ? (\n                <Markdown inline spacing=\"none\" text={subContentTitle} />\n              ) : (\n                <Text fontWeight=\"bold\">{subContentTitle}</Text>\n              )}\n            </>\n          </FlexBox>\n          <FlexBox\n            fontSize={14}\n            minWidth={\n              subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug\n                ? '11rem'\n                : '3rem'\n            }\n            justifyContent=\"flex-end\"\n          >\n            {subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && (\n              <>\n                <Anchor\n                  aria-label={`Review concepts for ${subContentTitle}`}\n                  mr={16}\n                  href={reviewConceptsPath}\n                  onClick={() =>\n                    trackingData &&\n                    trackUserClick?.({\n                      ...trackingData,\n                      course_progress: parseFloat(\n                        subContentPercentCorrect.toFixed(4)\n                      ),\n                      href: reviewConceptsPath,\n                      module_id: subContentId,\n                    })\n                  }\n                >\n                  Review Concepts\n                </Anchor>{' '}\n              </>\n            )}\n            {!isChallenge && (\n              <Text\n                aria-label={`${subContentCorrect} out of ${subContentTotal} questions correct`}\n              >{`${subContentCorrect} / ${subContentTotal}`}</Text>\n            )}\n          </FlexBox>\n        </FlexBox>\n      );\n    }\n  );\n\nconst renderUntestedSubContent = ({\n  untestedSubContent,\n  lighterBorderColor,\n}: {\n  untestedSubContent: UntestedSubContent[];\n  lighterBorderColor: Colors;\n}) => (\n  <FlexBox\n    flexDirection=\"column\"\n    borderWidth={1}\n    borderWidthTop={0}\n    borderStyle=\"solid\"\n    borderColor={lighterBorderColor}\n  >\n    {untestedSubContent.map(({ id, title }, i) => {\n      return (\n        <FlexBox\n          key={id}\n          borderWidth={1}\n          borderWidthTop={i === 0 ? 0 : 1}\n          borderStyle=\"solid\"\n          borderColor={lighterBorderColor}\n          px={16}\n          py={8}\n          justifyContent=\"space-between\"\n          color={lighterBorderColor}\n          role=\"listitem\"\n        >\n          <Text flexGrow={1}>{title}</Text>\n          <FlexBox\n            fontSize={14}\n            alignItems=\"center\"\n            minWidth=\"6.5rem\"\n            justifyContent=\"flex-end\"\n          >\n            <Text fontFamily=\"accent\">Not tested</Text>\n          </FlexBox>\n        </FlexBox>\n      );\n    })}\n  </FlexBox>\n);\n\ninterface SubScoresProps {\n  colorfulIcons?: boolean;\n  isChallenge?: boolean;\n  layout?: 'column' | 'row';\n  lighterBorderColor?: Colors;\n  noMaxWidth?: boolean;\n  pathSlug: string;\n  showUntestedContent?: boolean;\n  subScores: CorrectAnswerCountsBySubContent;\n  trackingData?: UserClickData;\n  trackUserClick?: (data: UserClickData) => void;\n  trackSlug?: string;\n  untestedSubContent?: UntestedSubContent[];\n}\n\nexport const SubScores: React.FC<SubScoresProps> = ({\n  colorfulIcons = false,\n  isChallenge = false,\n  layout = 'row',\n  lighterBorderColor = 'navy-400',\n  noMaxWidth = false,\n  pathSlug,\n  showUntestedContent = false,\n  subScores,\n  trackSlug,\n  trackingData,\n  trackUserClick,\n  untestedSubContent,\n}) => {\n  return (\n    <FlexBox\n      flexDirection=\"column\"\n      maxWidth={noMaxWidth ? '' : pxRem(705)}\n      role=\"list\"\n      aria-label=\"Unit Subjects\"\n    >\n      <FlexBox\n        flexDirection=\"column\"\n        borderX={1}\n        borderBottom={1}\n        borderTop={\n          isChallenge\n            ? 1\n            : layout === 'row'\n            ? { _: undefined, md: 1 }\n            : undefined\n        }\n      >\n        {renderSubScores({\n          colorfulIcons,\n          isChallenge,\n          pathSlug,\n          subScores,\n          trackSlug,\n          trackingData,\n          trackUserClick,\n        })}\n      </FlexBox>\n      {showUntestedContent && (\n        <GridBox bg=\"transparent\">\n          {untestedSubContent &&\n            untestedSubContent?.length > 0 &&\n            renderUntestedSubContent({\n              untestedSubContent,\n              lighterBorderColor,\n            })}\n        </GridBox>\n      )}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;AAQA,MAAM,oBAAoB;AAC1B,MAAM,gBAAgB;AAEtB,MAAa,mBAAmB,EAC9B,aACA,WACA,UACA,WACA,cACA,gBACA,oBAUA,OAAO,QAAQ,UAAU,CAAC,KAEtB,CACE,cACA,EACE,OAAO,iBACP,SAAS,mBACT,OAAO,iBACP,MAAM,mBAGV,MACG;CACH,MAAM,2BAA2B,oBAAoB;CACrD,MAAM,qBAAqB,oBAAoB;EAC7C;EACA;EACA,YAAY;EACb,CAAC;AAEF,QACE,qBAAC;EAEC,WAAW,MAAM,IAAI,IAAI;EACzB,IAAI;EACJ,IAAI;EACJ,gBAAe;EACf,YAAW;EACX,MAAK;aAEL,qBAAC;GAAQ,YAAW;cACjB,gBACC,4BAA4B,gBAC1B,oBAAC;IACC,UAAU;IACV,IAAI;IACJ,OAAM;KACN,GAEF,oBAAC;IACC,UAAU;IACV,IAAI;IACJ,OAAM;KACN,GAEF,MACJ,4CACE,oBAAC;IAAK;cACH,gBACG,GACE,4BAA4B,gBACxB,WACA,SACL,MACD;KACC,EACN,cACC,oBAAC;IAAS;IAAO,SAAQ;IAAO,MAAM;KAAmB,GAEzD,oBAAC;IAAK,YAAW;cAAQ;KAAuB,IAEjD;IACK,EACV,qBAAC;GACC,UAAU;GACV,UACE,2BAA2B,qBAAqB,YAC5C,UACA;GAEN,gBAAe;cAEd,2BAA2B,qBAAqB,aAC/C,4CACE,oBAAC;IACC,cAAY,uBAAuB;IACnC,IAAI;IACJ,MAAM;IACN,eACE,gBACA,iBAAiB;KACf,GAAG;KACH,iBAAiB,WACf,yBAAyB,QAAQ,EAAE,CACpC;KACD,MAAM;KACN,WAAW;KACZ,CAAC;cAEL;KAEQ,EAAC,OACT,EAEJ,CAAC,eACA,oBAAC;IACC,cAAY,GAAG,kBAAkB,UAAU,gBAAgB;cAC3D,GAAG,kBAAkB,KAAK;KAAyB;IAE/C;IA7EL,aA8EG;EAGf;AAEH,MAAM,4BAA4B,EAChC,oBACA,yBAKA,oBAAC;CACC,eAAc;CACd,aAAa;CACb,gBAAgB;CAChB,aAAY;CACZ,aAAa;WAEZ,mBAAmB,KAAK,EAAE,IAAI,SAAS,MAAM;AAC5C,SACE,qBAAC;GAEC,aAAa;GACb,gBAAgB,MAAM,IAAI,IAAI;GAC9B,aAAY;GACZ,aAAa;GACb,IAAI;GACJ,IAAI;GACJ,gBAAe;GACf,OAAO;GACP,MAAK;cAEL,oBAAC;IAAK,UAAU;cAAI;KAAa,EACjC,oBAAC;IACC,UAAU;IACV,YAAW;IACX,UAAS;IACT,gBAAe;cAEf,oBAAC;KAAK,YAAW;eAAS;MAAiB;KACnC;KAnBL,GAoBG;GAEZ;EACM;AAkBZ,MAAaA,aAAuC,EAClD,gBAAgB,OAChB,cAAc,OACd,SAAS,OACT,qBAAqB,YACrB,aAAa,OACb,UACA,sBAAsB,OACtB,WACA,WACA,cACA,gBACA,yBACI;AACJ,QACE,qBAAC;EACC,eAAc;EACd,UAAU,aAAa,KAAK,MAAM,IAAI;EACtC,MAAK;EACL,cAAW;aAEX,oBAAC;GACC,eAAc;GACd,SAAS;GACT,cAAc;GACd,WACE,cACI,IACA,WAAW,QACX;IAAE,GAAG;IAAW,IAAI;IAAG,GACvB;aAGL,gBAAgB;IACf;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC;IACM,EACT,uBACC,oBAAC;GAAQ,IAAG;aACT,sBACC,oBAAoB,SAAS,KAC7B,yBAAyB;IACvB;IACA;IACD,CAAC;IACI;GAEJ"}

package/dist/ScoreSummary/helpers.js

@@ -15,4 +15,5 @@ const createResumeUrlPath = ({ journeySlug, pathSlug, trackSlug, moduleSlug, con
 };
 
 //#endregion
-export { createResumeUrlPath };
+export { createResumeUrlPath };
+//# sourceMappingURL=helpers.js.map

package/dist/ScoreSummary/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/ScoreSummary/helpers.tsx"],"sourcesContent":["import pluralize from 'pluralize';\n\nexport type ContentItemType =\n  | 'article'\n  | 'context_item'\n  | 'informational'\n  | 'lesson'\n  | 'lock'\n  | 'pro'\n  | 'project_component'\n  | 'project'\n  | 'quiz'\n  | 'resource'\n  | 'reviewable_project'\n  | 'seminar'\n  | 'video'\n  | 'external_resource'\n  | 'kanban_project';\n\nexport interface ResumeUrlPathParams {\n  journeySlug?: string;\n  pathSlug?: string;\n  trackSlug?: string;\n  moduleSlug?: string;\n  contentItemType?: ContentItemType;\n  contentItemSlug?: string;\n}\n\nexport const getContentItemTypeRoutePart = (type?: ContentItemType) => {\n  return type ? pluralize(type, 2) : '';\n};\n\nexport const createResumeUrlPath = ({\n  journeySlug,\n  pathSlug,\n  trackSlug,\n  moduleSlug,\n  contentItemType,\n  contentItemSlug,\n}: ResumeUrlPathParams) => {\n  const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);\n  const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : '';\n\n  if (\n    pathSlug &&\n    trackSlug &&\n    moduleSlug &&\n    contentItemType &&\n    contentItemTypeRoute &&\n    contentItemSlug\n  )\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;\n\n  if (pathSlug && trackSlug && moduleSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;\n\n  if (pathSlug && trackSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;\n\n  if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;\n\n  return journeyUrl;\n};\n"],"mappings":";;;AA4BA,MAAa,+BAA+B,SAA2B;AACrE,QAAO,OAAO,UAAU,MAAM,EAAE,GAAG;;AAGrC,MAAa,uBAAuB,EAClC,aACA,UACA,WACA,YACA,iBACA,sBACyB;CACzB,MAAM,uBAAuB,4BAA4B,gBAAgB;CACzE,MAAM,aAAa,cAAc,aAAa,gBAAgB;AAE9D,KACE,YACA,aACA,cACA,mBACA,wBACA,gBAEA,QAAO,GAAG,WAAW,SAAS,SAAS,UAAU,UAAU,WAAW,WAAW,GAAG,qBAAqB,GAAG;AAE9G,KAAI,YAAY,aAAa,WAC3B,QAAO,GAAG,WAAW,SAAS,SAAS,UAAU,UAAU,WAAW;AAExE,KAAI,YAAY,UACd,QAAO,GAAG,WAAW,SAAS,SAAS,UAAU;AAEnD,KAAI,SAAU,QAAO,GAAG,WAAW,SAAS;AAE5C,QAAO"}

package/dist/ScoreSummary/index.d.ts

@@ -22,4 +22,5 @@ interface ScoreSummaryProps {
 }
 declare const ScoreSummary: React$1.FC<ScoreSummaryProps>;
 //#endregion
-export { ScoreSummary, ScoreSummaryProps };
+export { ScoreSummary, ScoreSummaryProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ScoreSummary/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UASiB,iBAAA;aACJ;EADI,YAAA,EAAA,MAAiB;EACrB,cAAA,EAAA,MAAA;EAKI,QAAA,EAAA,MAAA;EACM,SAAA,CAAA,EAAA,MAAA;EAEA,YAAA,CAAA,EAHN,aAGM;EACG,kBAAA,CAAA,EAHH,MAGG;EAAa,MAAA,CAAA,EAAA,QAAA,GAAA,KAAA;EAO1B,kBA6FZ,CAAA,EArGsB,kBAQa,EAAA;0BAPV;;;;;;cAOb,cAAc,OAAA,CAAM,GAAG"}

package/dist/ScoreSummary/index.js

@@ -93,4 +93,5 @@ const ScoreSummary = ({ subScores, totalCorrect, totalQuestions, pathSlug, track
 };
 
 //#endregion
-export { ScoreSummary };
+export { ScoreSummary };
+//# sourceMappingURL=index.js.map

package/dist/ScoreSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ScoreSummary: React.FC<ScoreSummaryProps>"],"sources":["../../src/ScoreSummary/index.tsx"],"sourcesContent":["import { Box, GridBox, Text } from '@codecademy/gamut';\nimport { Colors, pxRem } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\nimport * as React from 'react';\n\nimport { QuizScore } from '../QuizScore';\nimport { SubScores } from './SubScores';\nimport { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';\n\nexport interface ScoreSummaryProps {\n  subScores: CorrectAnswerCountsBySubContent;\n  totalCorrect: number;\n  totalQuestions: number;\n  pathSlug: string;\n  trackSlug?: string;\n  trackingData?: UserClickData;\n  lighterBorderColor?: Colors;\n  layout?: 'column' | 'row';\n  untestedSubContent?: UntestedSubContent[];\n  trackUserClick?: (data: UserClickData) => void;\n  description?: string;\n  noMaxWidth?: boolean;\n  colorfulIcons?: boolean;\n  percentToPass?: number;\n}\n\nexport const ScoreSummary: React.FC<ScoreSummaryProps> = ({\n  subScores,\n  totalCorrect,\n  totalQuestions,\n  pathSlug,\n  trackSlug,\n  trackingData,\n  untestedSubContent,\n  lighterBorderColor = 'navy-400',\n  layout = 'row',\n  trackUserClick,\n  description,\n  noMaxWidth = false,\n  colorfulIcons = false,\n  percentToPass,\n}) => {\n  let numOfRows = Object.entries(subScores).length;\n  if (untestedSubContent) {\n    numOfRows += untestedSubContent.length;\n  }\n  const isRowLayout = layout === 'row';\n  return (\n    <GridBox\n      gridTemplateColumns={\n        isRowLayout ? { _: 'minmax(0, 1fr)', md: '2fr 3fr' } : ''\n      }\n    >\n      <Box\n        zIndex={1}\n        bg=\"transparent\"\n        display=\"inline\"\n        maxWidth={\n          noMaxWidth\n            ? ''\n            : isRowLayout\n            ? { _: pxRem(705), md: pxRem(500) }\n            : pxRem(705)\n        }\n        mr={isRowLayout ? { _: 0, md: 24 } : 0}\n      >\n        <Box\n          px={{ _: 24, xs: 32 }}\n          pt={24}\n          pb={8}\n          display={isRowLayout ? { _: 'flex', md: 'block' } : 'flex'}\n          flexDirection={isRowLayout ? { _: 'column', md: 'row' } : 'column'}\n          justifyContent={isRowLayout ? { _: 'center', md: '' } : 'center'}\n          border={1}\n        >\n          <QuizScore\n            correctCount={totalCorrect}\n            layout={isRowLayout ? 'column' : 'row'}\n            total={totalQuestions}\n            smallerFont\n            numOfRows={numOfRows}\n            colorfulIcons={colorfulIcons}\n            percentToPass={percentToPass}\n          />\n        </Box>\n        {description && (\n          <Box\n            p={16}\n            pb={isRowLayout ? { _: 16, md: 0 } : 16}\n            border={\n              isRowLayout\n                ? {\n                    _: 1,\n                    md: 'none',\n                  }\n                : 1\n            }\n            borderTop=\"none\"\n            textAlign={isRowLayout ? { _: 'left', md: 'center' } : 'left'}\n          >\n            <Text fontSize={14}>{description}</Text>\n          </Box>\n        )}\n      </Box>\n      <SubScores\n        colorfulIcons={colorfulIcons}\n        layout={layout}\n        lighterBorderColor={lighterBorderColor}\n        noMaxWidth={noMaxWidth}\n        pathSlug={pathSlug}\n        subScores={subScores}\n        trackSlug={trackSlug}\n        trackingData={trackingData}\n        trackUserClick={trackUserClick}\n        untestedSubContent={untestedSubContent}\n        showUntestedContent\n      />\n    </GridBox>\n  );\n};\n"],"mappings":";;;;;;;;AA0BA,MAAaA,gBAA6C,EACxD,WACA,cACA,gBACA,UACA,WACA,cACA,oBACA,qBAAqB,YACrB,SAAS,OACT,gBACA,aACA,aAAa,OACb,gBAAgB,OAChB,oBACI;CACJ,IAAI,YAAY,OAAO,QAAQ,UAAU,CAAC;AAC1C,KAAI,mBACF,cAAa,mBAAmB;CAElC,MAAM,cAAc,WAAW;AAC/B,QACE,qBAAC;EACC,qBACE,cAAc;GAAE,GAAG;GAAkB,IAAI;GAAW,GAAG;aAGzD,qBAAC;GACC,QAAQ;GACR,IAAG;GACH,SAAQ;GACR,UACE,aACI,KACA,cACA;IAAE,GAAG,MAAM,IAAI;IAAE,IAAI,MAAM,IAAI;IAAE,GACjC,MAAM,IAAI;GAEhB,IAAI,cAAc;IAAE,GAAG;IAAG,IAAI;IAAI,GAAG;cAErC,oBAAC;IACC,IAAI;KAAE,GAAG;KAAI,IAAI;KAAI;IACrB,IAAI;IACJ,IAAI;IACJ,SAAS,cAAc;KAAE,GAAG;KAAQ,IAAI;KAAS,GAAG;IACpD,eAAe,cAAc;KAAE,GAAG;KAAU,IAAI;KAAO,GAAG;IAC1D,gBAAgB,cAAc;KAAE,GAAG;KAAU,IAAI;KAAI,GAAG;IACxD,QAAQ;cAER,oBAAC;KACC,cAAc;KACd,QAAQ,cAAc,WAAW;KACjC,OAAO;KACP;KACW;KACI;KACA;MACf;KACE,EACL,eACC,oBAAC;IACC,GAAG;IACH,IAAI,cAAc;KAAE,GAAG;KAAI,IAAI;KAAG,GAAG;IACrC,QACE,cACI;KACE,GAAG;KACH,IAAI;KACL,GACD;IAEN,WAAU;IACV,WAAW,cAAc;KAAE,GAAG;KAAQ,IAAI;KAAU,GAAG;cAEvD,oBAAC;KAAK,UAAU;eAAK;MAAmB;KACpC;IAEJ,EACN,oBAAC;GACgB;GACP;GACY;GACR;GACF;GACC;GACA;GACG;GACE;GACI;GACpB;IACA;GACM"}

package/dist/ScoreSummary/types.d.ts

@@ -310,4 +310,5 @@ interface SubContentAssessments {
 }
 type UntestedSubContent = Pick<SubContentAssessments, 'id' | 'slug' | 'title'>;
 //#endregion
-export { ArticleProgress, Assessment, AssessmentAnswer, AssessmentCodeSnippet, AssessmentECA, AssessmentFillInTheCode, AssessmentMultipleChoice, BaseAssessment, BaseContentItem, BaseContentItemProgress, BriefComponent, BriefProject, CodeChallengeNarrativeComponent, ContentItemMeta, ContentItemProgress, ContentItemResourceType, ContentItemType, ContentTestOptions, CorrectAnswerCountsBySubContent, EinConfig, ExpoCodeEditorComponent, ExpoPreviewComponent, ExternalResourceProgress, FakeResponse, ImageComponent, InformationalProgress, LayoutComponent, LessonProgress, NarrativeComponent, OutputTerminalComponent, PersistentCodeEditorComponent, ProjectChecklist, ProjectContentItem, ProjectInformation, ProjectProgress, ProjectSelfAssessment, ProjectTask, QuizAttempt, QuizProgress, ReadOnlyCodeEditorComponent, ReplTerminalComponent, SQLPreviewComponent, SandboxCodeEditorComponent, SandboxOutputTerminalComponent, SubContentAssessments, TerminalComponent, UntestedSubContent, VideoComponent, VideoProgress, WebBrowserComponent, Workspace };
+export { ArticleProgress, Assessment, AssessmentAnswer, AssessmentCodeSnippet, AssessmentECA, AssessmentFillInTheCode, AssessmentMultipleChoice, BaseAssessment, BaseContentItem, BaseContentItemProgress, BriefComponent, BriefProject, CodeChallengeNarrativeComponent, ContentItemMeta, ContentItemProgress, ContentItemResourceType, ContentItemType, ContentTestOptions, CorrectAnswerCountsBySubContent, EinConfig, ExpoCodeEditorComponent, ExpoPreviewComponent, ExternalResourceProgress, FakeResponse, ImageComponent, InformationalProgress, LayoutComponent, LessonProgress, NarrativeComponent, OutputTerminalComponent, PersistentCodeEditorComponent, ProjectChecklist, ProjectContentItem, ProjectInformation, ProjectProgress, ProjectSelfAssessment, ProjectTask, QuizAttempt, QuizProgress, ReadOnlyCodeEditorComponent, ReplTerminalComponent, SQLPreviewComponent, SandboxCodeEditorComponent, SandboxOutputTerminalComponent, SubContentAssessments, TerminalComponent, UntestedSubContent, VideoComponent, VideoProgress, WebBrowserComponent, Workspace };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/ScoreSummary/types.tsx"],"sourcesContent":[],"mappings":";UAAiB,SAAA;EAAA,cAAS,EAAA,MAAA;EAST,MAAA,CAAA,EAAA,MAAA;EAaA,KAAA,CAAA,EAAA,MAAA;EAIA,UAAA,CAAA,EAAA,CAAW,CAAA;AAQ5B;AAYiB,UArCA,uBAAA,CAuCJ;EAOI,eAAA,EAAe,MAAA;EAQf,OAAA,EAAA,MAAA;EAIA,OAAA,EAAA,OAAc;EAId,SAAA,EAAA,OAAA;EAIA,cAAA,EAAA,OAAA;EAIL,UAAA,CAAA,EAAA,MAAA;EACR,iBAAA,CAAA,EAAA,MAAA;EACA,YAAA,CAAA,EAAA,MAAA;EACA,YAAA,CAAA,EAAA,MAAA;EACA,mBAAA,CAAA,EAAA,MAAA;;AAEA,UA/Da,gBAAA,CA+Db;EACA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAA,MAAA,GAAA,OAAA;;AAEa,UA9DA,WAAA,CA8De;EAKpB,GAAA,EAAA,MAAA;EAiBA,OAAA,EAAA,MAAA;EAMK,KAAA,EAAA,MAAA;EAIT,MAAA,EAAA,OAAA;EAMC,EAAA,CAAA,EAAA,MAAA;;AAcS,UA1GD,YAAA,SAAqB,uBA0GpB,CAAA;EAAuB,IAAA,EAAA,MAAA;EAYxB,KAAA,CAAA,EAAA,MAAW;EAOX,OAAA,CAAA,EAAA,MAAA;EAKA,GAAA,CAAA,EAAA,MAAS;EAOT,WAAA,CAAA,EAAA,MAAA;EACG,MAAA,CAAA,EAAA,OAAA;EACN,UAAA,CAAA,EAAA,OAAA;EAEA,KAAA,CAAA,EAAA,OAAA;EACA,aAAA,EArIG,WAqIH,EAAA;;AASG,UA3IA,eAAA,SAAwB,uBA2IG,CAAA;EAOhC,IAAA,EAAA,SAAY;EAIP,SAAA,EApJJ,gBAoJgB;EAQZ,MAAA,CAAA,EAAA,MAAA;EAKA,cAAA,CAAA,EAAA,MAAkB;EAOlB,WAAA,CAAA,EAAA,MAAc;EAOd,YAAA,EAAA,MAAA;AAQjB;AAMiB,UAtLA,cAAA,SAAuB,uBAsLA,CAAA;EAKvB,IAAA,EAAA,QAAA;EAKA,mBAAA,EAAiB,MAAA;EAQjB,sCAAc,EAAA,MAAA;EAUd,eAAA,EAAA,MAAmB;EAQnB,YAAA,EAAA,MAAA;AAMjB;AAOiB,UA/NA,eAAA,SAAwB,uBA+NH,CAAA;EAKrB,IAAA,EAAA,SAAA;AAMjB;AAIiB,UA1OA,aAAA,SAAsB,uBA0OS,CAAA;EAOpC,IAAA,EAAA,OAAA;;AAER,UA/Oa,qBAAA,SAA8B,uBA+O3C,CAAA;EACA,IAAA,EAAA,eAAA;;AAEA,UA9Oa,wBAAA,SAAiC,uBA8O9C,CAAA;EACA,IAAA,EAAA,mBAAA;;AAEA,KA7OQ,mBAAA,GACR,eA4OA,GA3OA,YA2OA,GA1OA,cA0OA,GAzOA,eAyOA,GAxOA,aAwOA,GAvOA,qBAuOA,GAtOA,wBAsOA;AACA,UArOa,eAAA,CAqOb;EACA,UAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,MAAA;;AAEA,KApOQ,eAAA,GAoOR,SAAA,GAAA,cAAA,GAAA,eAAA,GAAA,QAAA,GAAA,MAAA,GAAA,KAAA,GAAA,mBAAA,GAAA,SAAA,GAAA,MAAA,GAAA,UAAA,GAAA,oBAAA,GAAA,SAAA,GAAA,OAAA,GAAA,mBAAA,GAAA,gBAAA;AACA,KApNQ,uBAAA,GAoNR,MAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA;AACA,UA/Ma,eAAA,CA+Mb;EACA,EAAA,EAAA,MAAA;EAA+B,IAAA,EAAA,MAAA;EAElB,UAAA,EAAA,MAAA;EAMA,IAAA,EApNT,eAoNS;EAMA,gBAAA,CAAA,EAAA,MAAkB;EAQlB,SAAA,CAAA,EAAA,OAAc;EAenB,KAAA,EAAA,MAAA;EAQA,aAAA,CAAA,EAAa,MAAA;EAKb,IAAA,CAAA,EAAA,MAAA;EAA2B,IAAA,CAAA,EAxP9B,eAwP8B;EAEvB,WAAA,CAAA,EAAA,MAAA;EACL,UAAA,CAAA,EAAA,MAAA,EAAA;EAAgB,OAAA,CAAA,EAAA,MAAA,EAAA;EAKf,aAAU,CAAA,EAAA,OAAA;EAClB,aAAA,CAAA,EAAA,MAAA;EACA,iBAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,OAAA;EAAwB,QAAA,CAAA,EAAA,MAAA;EAEX,YAAA,CAAA,EAAA,MAAA;EASA,OAAA,CAAA,EAAA,OAAA;EAQL,cAAA,CAAA,EAAA,MAAkB,EAAA;;aAzQjB;kBACK;;;;;;;;;;;UAYD,WAAA;;;;;;UAOA,qBAAA;;SAER;;UAGQ,SAAA;;;;eAIF;;UAGE,kBAAA;oBACG;cACN;;cAEA;cACA;;;;;;;;UASG,kBAAA,SAA2B;;;uBAGrB;;;KAIX,YAAA,GAAe;sBACL;;UAGL,YAAA;;;;;;;UAQA,cAAA;;WAEN;;UAGM,kBAAA;;;;;;UAOA,cAAA;;;;;;UAOA,6BAAA;;;;;;;UAQA,2BAAA;;;;;UAMA,uBAAA;;;;UAKA,mBAAA;;;;UAKA,iBAAA;;;;;kBAKC;;UAGD,cAAA;;;;;;;;;UAUA,mBAAA;;;;;;;UAQA,uBAAA;;;;;UAMA,oBAAA;;;;;;UAOA,qBAAA;;;;UAKA,0BAAA;;;;;UAMA,8BAAA;;;UAIA,+BAAA;;;;;;KAOL,eAAA,GACR,iBACA,qBACA,iBACA,gCACA,8BACA,0BACA,sBACA,oBACA,iBACA,sBACA,0BACA,uBACA,wBACA,6BACA,iCACA;UAEa,gBAAA;;;;;UAMA,qBAAA;;;;;UAMA,kBAAA;;;;;;;UAQA,cAAA;;;;cAIH;;;;;;;;;;KAWF,uBAAA,GAA0B;;WAE3B;;;;;KAMC,aAAA,GAAgB;;cAEd;;KAGF,wBAAA,GAA2B;;gBAEvB;WACL;;;;;;KAKC,UAAA,GACR,gBACA,0BACA;UAEa,+BAAA;;;;;;;;UASA,qBAAA;eACF;;;;;;KAOH,kBAAA,GAAqB,KAC/B"}

package/dist/SkillPathCard/index.d.ts

@@ -1,6 +1,6 @@
 import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.js";
 import { HeadingTags } from "@codecademy/gamut";
-import * as react11 from "react";
+import * as react1 from "react";
 
 //#region src/SkillPathCard/index.d.ts
 interface SkillPathCardProps {
@@ -20,6 +20,7 @@ interface SkillPathCardProps {
   href: string;
   onClick: () => void;
 }
-declare const SkillPathCard: react11.ForwardRefExoticComponent<SkillPathCardProps & react11.RefAttributes<HTMLAnchorElement>>;
+declare const SkillPathCard: react1.ForwardRefExoticComponent<SkillPathCardProps & react1.RefAttributes<HTMLAnchorElement>>;
 //#endregion
-export { SkillPathCard, SkillPathCardProps };
+export { SkillPathCard, SkillPathCardProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAciB,kBAAA;;;EAAA,gBAAA,EAGG,gBAHe;EAGf,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEL,UAAA,CAAA,EAAA,gBAAA,GAAA,IAAA;EAIE,QAAA,EAAA,MAAA;EAEN,WAAM,EAAA,MAAA;EACN,UAAM,CAAA,EAAA,OAAA;EAAS,YAAA,CAAA,EAHT,WAGS;EAMb,cAAA,CAAA,EAkDZ,MAAA,GAAA,IAAA;EAlDyB,MAAA,CAAA,EAPf,KAAA,CAAM,SAOS;EAAA,MAAA,CAAA,EANf,KAAA,CAAM,SAMS;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,GAAA,GAAA,IAAA;;cAAb,eAAa,MAAA,CAAA,0BAAA,qBAAA,MAAA,CAAA,cAAA"}

package/dist/SkillPathCard/index.js

@@ -30,4 +30,5 @@ const SkillPathCard = forwardRef(({ title, shortDescription, difficulty, lessonC
 });
 
 //#endregion
-export { SkillPathCard };
+export { SkillPathCard };
+//# sourceMappingURL=index.js.map

package/dist/SkillPathCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { getPathImageUrl } from '../ContentGroupBaseCard/helpers';\nimport {\n  CertificateComponent,\n  CourseCountComponent,\n} from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\nexport interface SkillPathCardProps {\n  title: string;\n  lessonCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  imageUrl: string;\n  courseCount: number;\n  isFullSize?: boolean;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n}\n\nexport const SkillPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<SkillPathCardProps>\n>(\n  (\n    {\n      title,\n      shortDescription,\n      difficulty,\n      lessonCount,\n      imageUrl,\n      courseCount,\n      enrollmentStatus,\n      headingLevel = 'h3',\n      isFullSize = false,\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"blue-100\"\n        headerText=\"Skill path\"\n        title={title}\n        headingLevel={headingLevel}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={lessonCount}\n        shadow=\"outline\"\n        imageSrc={getPathImageUrl(enrollmentStatus, imageUrl)}\n        isFullSize={isFullSize}\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n        <CertificateComponent />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;;AAgCA,MAAa,gBAAgB,YAKzB,EACE,OACA,kBACA,YACA,aACA,UACA,aACA,kBACA,eAAe,MACf,aAAa,OACb,gBACA,QACA,QACA,eAAe,OACf,MACA,WAEF,QACG;AACH,QACE,qBAAC;EACC,uBAAsB;EACtB,YAAW;EACJ;EACO;EACd,aAAa;EACD;EACZ,YAAY;EACZ,QAAO;EACP,UAAU,gBAAgB,kBAAkB,SAAS;EACzC;EACM;EACF;EACR;EACA;EACM;EACR;EACG;EACJ;aAEL,oBAAC,wBAAqB,OAAO,cAAe,EAC5C,oBAAC,yBAAuB;GACH;EAG5B"}