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

package/dist/PricingSection/ProductCTA.mjs

@@ -1,95 +0,0 @@
-import { Product } from "./types.mjs";
-import { Box, FillButton, FlexBox, StrokeButton, Text } from "@codecademy/gamut";
-
-//#region src/PricingSection/ProductCTA.tsx
-const getCTATitle = (product, isTrialPlan, isPlusUser) => {
-	switch (product) {
-		case Product.Teams:
-			if (isTrialPlan) return "Try Teams for free";
-			return "Purchase now";
-		case Product.Enterprise: return "Request a demo";
-		case Product.Basic: return "Sign up";
-		case Product.Pro:
-		case Product.Gold:
-			if (isTrialPlan) return "Try Pro for free";
-			if (isPlusUser) return "Upgrade to Pro";
-			return "Upgrade now";
-		case Product.Silver:
-			if (isTrialPlan) return "Try Plus for free";
-			if (isPlusUser) return "Your current plan";
-			return "Upgrade now";
-		default: return "";
-	}
-};
-const getCTAUrl = ({ product, productDetails, userHasSilver }) => {
-	const planId = productDetails?.planId;
-	switch (product) {
-		case Product.Basic: return "/register";
-		case Product.Pro:
-		case Product.Silver:
-		case Product.Gold:
-			if (userHasSilver) return "/account/billing?changePlan=true";
-			return `/checkout?plan_id=${planId || void 0}`;
-		case Product.Teams: return "/business/checkout?plan_type=trial";
-		case Product.Enterprise: return "/business/teams-quote";
-		default: return "";
-	}
-};
-const ProductCTA = ({ product, productDetails, user, simple, trackBusinessClick }) => {
-	const userHasBasic = !user.anonymous && (!user.proSilver || !user.proGold);
-	const userHasSilver = user.proSilver;
-	const isTeams = product === Product.Teams;
-	const isEnterprise = product === Product.Enterprise;
-	const shouldHideCTA = () => {
-		if (isTeams) return false;
-		if ((userHasBasic || userHasSilver) && product === Product.Basic) return true;
-		if (userHasSilver) return false;
-		if (user.proGold) return true;
-		return false;
-	};
-	const hideCTAButton = shouldHideCTA();
-	const ButtonComponent = product === Product.Gold || product === Product.Pro || product === Product.Teams ? FillButton : StrokeButton;
-	return hideCTAButton ? null : /* @__PURE__ */ React.createElement(Box, {
-		pt: 0,
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		flexDirection: isTeams && !simple ? "row" : "column",
-		gap: 8
-	}, /* @__PURE__ */ React.createElement(ButtonComponent, {
-		mt: 8,
-		disabled: product === Product.Silver && userHasSilver,
-		href: getCTAUrl({
-			productDetails,
-			product,
-			userHasSilver
-		}),
-		onClick: () => {
-			if (trackBusinessClick) {
-				if (isTeams) trackBusinessClick({
-					target: "business_trial",
-					context: "top_card"
-				});
-				if (isEnterprise) trackBusinessClick({
-					target: "business_enterprise",
-					context: "top_card"
-				});
-			}
-		}
-	}, /* @__PURE__ */ React.createElement(Text, { as: "span" }, getCTATitle(product, !!productDetails?.isTrialPlan, userHasSilver))), isTeams ? /* @__PURE__ */ React.createElement(React.Fragment, null, simple ? null : /* @__PURE__ */ React.createElement(Text, {
-		as: "span",
-		mt: 8
-	}, ` or `), /* @__PURE__ */ React.createElement(FlexBox, { mt: 8 }, /* @__PURE__ */ React.createElement(StrokeButton, {
-		href: "/business/checkout?plan_type=directpurchase",
-		onClick: () => {
-			if (trackBusinessClick) trackBusinessClick({
-				target: "business_purchase",
-				context: "top_card"
-			});
-		}
-	}, "Purchase now"))) : null);
-};
-
-//#endregion
-export { ProductCTA };
-//# sourceMappingURL=ProductCTA.mjs.map

package/dist/PricingSection/ProductCTA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCTA.mjs","names":["Box","FillButton","FlexBox","StrokeButton","Text","Product","getCTATitle","product","isTrialPlan","isPlusUser","Teams","Enterprise","Basic","Pro","Gold","Silver","getCTAUrl","productDetails","userHasSilver","planId","undefined","ProductCTA","user","simple","trackBusinessClick","userHasBasic","anonymous","proSilver","proGold","isTeams","isEnterprise","shouldHideCTA","hideCTAButton","ButtonComponent","pt","display","justifyContent","alignItems","flexDirection","gap","mt","disabled","href","onClick","target","context","as"],"sources":["../../src/PricingSection/ProductCTA.tsx"],"sourcesContent":["import {\n  Box,\n  FillButton,\n  FlexBox,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\n\nimport { Product, ProductDetails, User } from './types';\n\nexport const getCTATitle = (\n  product: Product,\n  isTrialPlan: boolean,\n  isPlusUser?: boolean\n) => {\n  switch (product) {\n    case Product.Teams:\n      if (isTrialPlan) {\n        return 'Try Teams for free';\n      }\n      return 'Purchase now';\n    case Product.Enterprise:\n      return 'Request a demo';\n    case Product.Basic:\n      return 'Sign up';\n    case Product.Pro:\n    case Product.Gold:\n      if (isTrialPlan) {\n        return 'Try Pro for free';\n      }\n      if (isPlusUser) return 'Upgrade to Pro';\n      return 'Upgrade now';\n    case Product.Silver:\n      if (isTrialPlan) {\n        return 'Try Plus for free';\n      }\n      if (isPlusUser) return 'Your current plan';\n      return 'Upgrade now';\n    default:\n      return '';\n  }\n};\n\nconst getCTAUrl = ({\n  product,\n  productDetails,\n  userHasSilver,\n}: {\n  productDetails: ProductDetails;\n  product: Product;\n  userHasSilver?: boolean;\n}) => {\n  const planId = productDetails?.planId;\n\n  switch (product) {\n    case Product.Basic:\n      return '/register';\n    case Product.Pro:\n    case Product.Silver:\n    case Product.Gold:\n      if (userHasSilver) {\n        return '/account/billing?changePlan=true';\n      }\n      return `/checkout?plan_id=${planId || undefined}`;\n    case Product.Teams:\n      return '/business/checkout?plan_type=trial';\n    case Product.Enterprise:\n      return '/business/teams-quote';\n    default:\n      return '';\n  }\n};\n\nexport const ProductCTA = ({\n  product,\n  productDetails,\n  user,\n  simple,\n  trackBusinessClick,\n}: {\n  product: Product;\n  productDetails: ProductDetails;\n  user: User;\n  simple?: boolean;\n  trackBusinessClick?: ({\n    target,\n    context,\n  }: {\n    target: string;\n    context: string;\n  }) => void;\n}) => {\n  const userHasBasic = !user.anonymous && (!user.proSilver || !user.proGold);\n  const userHasSilver = user.proSilver;\n  const isTeams = product === Product.Teams;\n  const isEnterprise = product === Product.Enterprise;\n\n  const shouldHideCTA = () => {\n    if (isTeams) return false;\n    if ((userHasBasic || userHasSilver) && product === Product.Basic) {\n      return true;\n    }\n    if (userHasSilver) return false;\n    if (user.proGold) return true;\n    return false;\n  };\n  const hideCTAButton = shouldHideCTA();\n\n  const ButtonComponent =\n    product === Product.Gold ||\n    product === Product.Pro ||\n    product === Product.Teams\n      ? FillButton\n      : StrokeButton;\n\n  return hideCTAButton ? null : (\n    <Box\n      pt={0}\n      display=\"flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      flexDirection={isTeams && !simple ? 'row' : 'column'}\n      gap={8}\n    >\n      <ButtonComponent\n        mt={8}\n        disabled={product === Product.Silver && userHasSilver}\n        href={getCTAUrl({\n          productDetails,\n          product,\n          userHasSilver,\n        })}\n        onClick={() => {\n          if (trackBusinessClick) {\n            if (isTeams) {\n              trackBusinessClick({\n                target: 'business_trial',\n                context: 'top_card',\n              });\n            }\n            if (isEnterprise) {\n              trackBusinessClick({\n                target: 'business_enterprise',\n                context: 'top_card',\n              });\n            }\n          }\n        }}\n      >\n        <Text as=\"span\">\n          {getCTATitle(product, !!productDetails?.isTrialPlan, userHasSilver)}\n        </Text>\n      </ButtonComponent>\n      {isTeams ? (\n        <>\n          {simple ? null : (\n            <Text as=\"span\" mt={8}>\n              {` or `}\n            </Text>\n          )}\n          <FlexBox mt={8}>\n            <StrokeButton\n              href=\"/business/checkout?plan_type=directpurchase\"\n              onClick={() => {\n                if (trackBusinessClick) {\n                  trackBusinessClick({\n                    target: 'business_purchase',\n                    context: 'top_card',\n                  });\n                }\n              }}\n            >\n              Purchase now\n            </StrokeButton>\n          </FlexBox>\n        </>\n      ) : null}\n    </Box>\n  );\n};\n"],"mappings":";;;;AAUA,MAAaM,eACXC,SACAC,aACAC,eAAAA;AAEA,SAAQF,SAAR;EACE,KAAKF,QAAQK;AACX,OAAIF,YACF,QAAO;AAET,UAAO;EACT,KAAKH,QAAQM,WACX,QAAO;EACT,KAAKN,QAAQO,MACX,QAAO;EACT,KAAKP,QAAQQ;EACb,KAAKR,QAAQS;AACX,OAAIN,YACF,QAAO;AAET,OAAIC,WAAY,QAAO;AACvB,UAAO;EACT,KAAKJ,QAAQU;AACX,OAAIP,YACF,QAAO;AAET,OAAIC,WAAY,QAAO;AACvB,UAAO;EACT,QACE,QAAO;;;AAIb,MAAMO,aAAa,EACjBT,SACAU,gBACAC,oBAKD;CACC,MAAMC,SAASF,gBAAgBE;AAE/B,SAAQZ,SAAR;EACE,KAAKF,QAAQO,MACX,QAAO;EACT,KAAKP,QAAQQ;EACb,KAAKR,QAAQU;EACb,KAAKV,QAAQS;AACX,OAAII,cACF,QAAO;AAET,UAAO,qBAAqBC,UAAUC;EACxC,KAAKf,QAAQK,MACX,QAAO;EACT,KAAKL,QAAQM,WACX,QAAO;EACT,QACE,QAAO;;;AAIb,MAAaU,cAAc,EACzBd,SACAU,gBACAK,MACAC,QACAC,yBAaD;CACC,MAAMC,eAAe,CAACH,KAAKI,cAAc,CAACJ,KAAKK,aAAa,CAACL,KAAKM;CAClE,MAAMV,gBAAgBI,KAAKK;CAC3B,MAAME,UAAUtB,YAAYF,QAAQK;CACpC,MAAMoB,eAAevB,YAAYF,QAAQM;CAEzC,MAAMoB,sBAAgB;AACpB,MAAIF,QAAS,QAAO;AACpB,OAAKJ,gBAAgBP,kBAAkBX,YAAYF,QAAQO,MACzD,QAAO;AAET,MAAIM,cAAe,QAAO;AAC1B,MAAII,KAAKM,QAAS,QAAO;AACzB,SAAO;;CAET,MAAMI,gBAAgBD,eAAAA;CAEtB,MAAME,kBACJ1B,YAAYF,QAAQS,QACpBP,YAAYF,QAAQQ,OACpBN,YAAYF,QAAQK,QAChBT,aACAE;AAEN,QAAO6B,gBAAgB,OACrB,sBAAA,cAAChC,KAAAA;EACCkC,IAAI;EACJC,SAAQ;EACRC,gBAAe;EACfC,YAAW;EACXC,eAAeT,WAAW,CAACN,SAAS,QAAQ;EAC5CgB,KAAK;IAEL,sBAAA,cAACN,iBAAAA;EACCO,IAAI;EACJC,UAAUlC,YAAYF,QAAQU,UAAUG;EACxCwB,MAAM1B,UAAU;GACdC;GACAV;GACAW;GACF,CAAA;EACAyB,eAAS;AACP,OAAInB,oBAAoB;AACtB,QAAIK,QACFL,oBAAmB;KACjBoB,QAAQ;KACRC,SAAS;KACX,CAAA;AAEF,QAAIf,aACFN,oBAAmB;KACjBoB,QAAQ;KACRC,SAAS;KACX,CAAA;;;IAKN,sBAAA,cAACzC,MAAAA,EAAK0C,IAAG,UACNxC,YAAYC,SAAS,CAAC,CAACU,gBAAgBT,aAAaU,cAAAA,CAAAA,CAAAA,EAGxDW,UACC,sBAAA,cAAA,MAAA,UAAA,MACGN,SAAS,OACR,sBAAA,cAACnB,MAAAA;EAAK0C,IAAG;EAAON,IAAI;IACjB,OAAM,EAGX,sBAAA,cAACtC,SAAAA,EAAQsC,IAAI,KACX,sBAAA,cAACrC,cAAAA;EACCuC,MAAK;EACLC,eAAS;AACP,OAAInB,mBACFA,oBAAmB;IACjBoB,QAAQ;IACRC,SAAS;IACX,CAAA;;IAGL,eAAA,CAAA,CAAA,GAKH,KAAA"}

package/dist/PricingSection/Products.cjs

@@ -1,90 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_types = require('./types.cjs');
-const require_config = require('./config.cjs');
-const require_index = require('./PricingCard/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-
-//#region src/PricingSection/Products.tsx
-const Products = ({ plansByType, user, isUserInIndia, currency, trackBusinessClick }) => {
-	const productsLength = Object.keys(plansByType).length;
-	const renderCard = (product) => {
-		switch (product) {
-			case require_types.Product.Basic: return /* @__PURE__ */ React.createElement(require_index.PricingCard, {
-				key: product,
-				product: require_types.Product.Basic,
-				productDetails: require_config.getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user
-			});
-			case require_types.Product.Silver: return /* @__PURE__ */ React.createElement(require_index.PricingCard, {
-				key: product,
-				product: require_types.Product.Silver,
-				productDetails: require_config.getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user
-			});
-			case require_types.Product.Gold: return /* @__PURE__ */ React.createElement(require_index.PricingCard, {
-				key: product,
-				product: require_types.Product.Gold,
-				productDetails: require_config.getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user
-			});
-			case require_types.Product.Teams: return /* @__PURE__ */ React.createElement(require_index.PricingCard, {
-				key: product,
-				product: require_types.Product.Teams,
-				productDetails: require_config.getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user,
-				trackBusinessClick
-			});
-			case require_types.Product.Enterprise: return /* @__PURE__ */ React.createElement(require_index.PricingCard, {
-				key: product,
-				product: require_types.Product.Enterprise,
-				productDetails: require_config.getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user,
-				trackBusinessClick
-			});
-			default: return null;
-		}
-	};
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.GridBox, {
-		as: "ul",
-		pt: 16,
-		pb: 24,
-		px: 0,
-		mb: 0,
-		center: true,
-		fit: true,
-		gridAutoFlow: {
-			_: "row",
-			md: "column"
-		},
-		columnGap: 24,
-		rowGap: 24,
-		alignItems: {
-			_: "unset",
-			md: "stretch"
-		},
-		justifyItems: "center",
-		gridTemplateColumns: {
-			_: "1fr",
-			md: `repeat(${productsLength}, ${productsLength <= 2 ? "max-content" : "1fr"})`
-		}
-	}, Object.keys(plansByType).map(renderCard));
-};
-
-//#endregion
-exports.Products = Products;
-//# sourceMappingURL=Products.cjs.map

package/dist/PricingSection/Products.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Products.cjs","names":["GridBox","getProductDetails","PricingCard","Product","Products","plansByType","user","isUserInIndia","currency","trackBusinessClick","productsLength","Object","keys","length","renderCard","product","Basic","key","productDetails","Silver","Gold","Teams","Enterprise","as","pt","pb","px","mb","center","fit","gridAutoFlow","_","md","columnGap","rowGap","alignItems","justifyItems","gridTemplateColumns","map"],"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,MAAaI,YAAqC,EAChDC,aACAC,MACAC,eACAC,UACAC,yBACD;CACC,MAAMC,iBAAiBC,OAAOC,KAAKP,YAAAA,CAAaQ;CAEhD,MAAMC,cAAcC,YAAAA;AAClB,UAAQA,SAAR;GACE,KAAKZ,sBAAQa,MACX,QACE,sBAAA,cAACd,2BAAAA;IACCe,KAAKF;IACLA,SAASZ,sBAAQa;IACjBE,gBAAgBjB,iCAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;;GAIZ,KAAKH,sBAAQgB,OACX,QACE,sBAAA,cAACjB,2BAAAA;IACCe,KAAKF;IACLA,SAASZ,sBAAQgB;IACjBD,gBAAgBjB,iCAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;;GAIZ,KAAKH,sBAAQiB,KACX,QACE,sBAAA,cAAClB,2BAAAA;IACCe,KAAKF;IACLA,SAASZ,sBAAQiB;IACjBF,gBAAgBjB,iCAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;;GAIZ,KAAKH,sBAAQkB,MACX,QACE,sBAAA,cAACnB,2BAAAA;IACCe,KAAKF;IACLA,SAASZ,sBAAQkB;IACjBH,gBAAgBjB,iCAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;IACcG;;GAI1B,KAAKN,sBAAQmB,WACX,QACE,sBAAA,cAACpB,2BAAAA;IACCe,KAAKF;IACLA,SAASZ,sBAAQmB;IACjBJ,gBAAgBjB,iCAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;IACcG;;GAI1B,QACE,QAAO;;;AAIb,QACE,sBAAA,cAACT,2BAAAA;EACCuB,IAAG;EACHC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,QAAAA;EACAC,KAAAA;EACAC,cAAc;GAAEC,GAAG;GAAOC,IAAI;GAAS;EACvCC,WAAW;EACXC,QAAQ;EACRC,YAAY;GAAEJ,GAAG;GAASC,IAAI;GAAU;EACxCI,cAAa;EACbC,qBAAqB;GACnBN,GAAG;GACHC,IAAI,UAAUtB,eAAe,IAC3BA,kBAAkB,IAAI,gBAAgB,MACvC;GACH;IAECC,OAAOC,KAAKP,YAAAA,CAAaiC,IAAIxB,WAAAA,CAAAA"}

package/dist/PricingSection/Products.mjs

@@ -1,89 +0,0 @@
-import { Product } from "./types.mjs";
-import { getProductDetails } from "./config.mjs";
-import { PricingCard } from "./PricingCard/index.mjs";
-import { GridBox } from "@codecademy/gamut";
-
-//#region src/PricingSection/Products.tsx
-const Products = ({ plansByType, user, isUserInIndia, currency, trackBusinessClick }) => {
-	const productsLength = Object.keys(plansByType).length;
-	const renderCard = (product) => {
-		switch (product) {
-			case Product.Basic: return /* @__PURE__ */ React.createElement(PricingCard, {
-				key: product,
-				product: Product.Basic,
-				productDetails: getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user
-			});
-			case Product.Silver: return /* @__PURE__ */ React.createElement(PricingCard, {
-				key: product,
-				product: Product.Silver,
-				productDetails: getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user
-			});
-			case Product.Gold: return /* @__PURE__ */ React.createElement(PricingCard, {
-				key: product,
-				product: Product.Gold,
-				productDetails: getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user
-			});
-			case Product.Teams: return /* @__PURE__ */ React.createElement(PricingCard, {
-				key: product,
-				product: Product.Teams,
-				productDetails: getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user,
-				trackBusinessClick
-			});
-			case Product.Enterprise: return /* @__PURE__ */ React.createElement(PricingCard, {
-				key: product,
-				product: Product.Enterprise,
-				productDetails: getProductDetails(plansByType, product),
-				plansByType,
-				isUserInIndia,
-				currency,
-				user,
-				trackBusinessClick
-			});
-			default: return null;
-		}
-	};
-	return /* @__PURE__ */ React.createElement(GridBox, {
-		as: "ul",
-		pt: 16,
-		pb: 24,
-		px: 0,
-		mb: 0,
-		center: true,
-		fit: true,
-		gridAutoFlow: {
-			_: "row",
-			md: "column"
-		},
-		columnGap: 24,
-		rowGap: 24,
-		alignItems: {
-			_: "unset",
-			md: "stretch"
-		},
-		justifyItems: "center",
-		gridTemplateColumns: {
-			_: "1fr",
-			md: `repeat(${productsLength}, ${productsLength <= 2 ? "max-content" : "1fr"})`
-		}
-	}, Object.keys(plansByType).map(renderCard));
-};
-
-//#endregion
-export { Products };
-//# sourceMappingURL=Products.mjs.map

package/dist/PricingSection/Products.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Products.mjs","names":["GridBox","getProductDetails","PricingCard","Product","Products","plansByType","user","isUserInIndia","currency","trackBusinessClick","productsLength","Object","keys","length","renderCard","product","Basic","key","productDetails","Silver","Gold","Teams","Enterprise","as","pt","pb","px","mb","center","fit","gridAutoFlow","_","md","columnGap","rowGap","alignItems","justifyItems","gridTemplateColumns","map"],"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,MAAaI,YAAqC,EAChDC,aACAC,MACAC,eACAC,UACAC,yBACD;CACC,MAAMC,iBAAiBC,OAAOC,KAAKP,YAAAA,CAAaQ;CAEhD,MAAMC,cAAcC,YAAAA;AAClB,UAAQA,SAAR;GACE,KAAKZ,QAAQa,MACX,QACE,sBAAA,cAACd,aAAAA;IACCe,KAAKF;IACLA,SAASZ,QAAQa;IACjBE,gBAAgBjB,kBAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;;GAIZ,KAAKH,QAAQgB,OACX,QACE,sBAAA,cAACjB,aAAAA;IACCe,KAAKF;IACLA,SAASZ,QAAQgB;IACjBD,gBAAgBjB,kBAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;;GAIZ,KAAKH,QAAQiB,KACX,QACE,sBAAA,cAAClB,aAAAA;IACCe,KAAKF;IACLA,SAASZ,QAAQiB;IACjBF,gBAAgBjB,kBAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;;GAIZ,KAAKH,QAAQkB,MACX,QACE,sBAAA,cAACnB,aAAAA;IACCe,KAAKF;IACLA,SAASZ,QAAQkB;IACjBH,gBAAgBjB,kBAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;IACcG;;GAI1B,KAAKN,QAAQmB,WACX,QACE,sBAAA,cAACpB,aAAAA;IACCe,KAAKF;IACLA,SAASZ,QAAQmB;IACjBJ,gBAAgBjB,kBAAkBI,aAAaU,QAAAA;IAClCV;IACEE;IACLC;IACJF;IACcG;;GAI1B,QACE,QAAO;;;AAIb,QACE,sBAAA,cAACT,SAAAA;EACCuB,IAAG;EACHC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,QAAAA;EACAC,KAAAA;EACAC,cAAc;GAAEC,GAAG;GAAOC,IAAI;GAAS;EACvCC,WAAW;EACXC,QAAQ;EACRC,YAAY;GAAEJ,GAAG;GAASC,IAAI;GAAU;EACxCI,cAAa;EACbC,qBAAqB;GACnBN,GAAG;GACHC,IAAI,UAAUtB,eAAe,IAC3BA,kBAAkB,IAAI,gBAAgB,MACvC;GACH;IAECC,OAAOC,KAAKP,YAAAA,CAAaiC,IAAIxB,WAAAA,CAAAA"}

package/dist/PricingSection/config.cjs

@@ -1,34 +0,0 @@
-const require_types = require('./types.cjs');
-
-//#region src/PricingSection/config.ts
-const getProductDescription = (product) => {
-	switch (product) {
-		case require_types.Product.Basic: return "Start learning something new with basic access";
-		case require_types.Product.Teams: return "Train your team with in-demand skills and flexible admin tools";
-		case require_types.Product.Enterprise: return "Customizable training for your organization";
-		case require_types.Product.Pro:
-		case require_types.Product.Silver: return "Build in-demand technical skills for work or a personal project";
-		case require_types.Product.Gold: return "Develop the skills and experience to land a job in tech";
-	}
-};
-const getProductDetails = (products, product) => {
-	if (product === require_types.Product.Basic) return products[product].monthly;
-	return products[product].annual;
-};
-const groupPlansByType = (products) => {
-	return products.reduce((acc, plan) => {
-		let key;
-		if (plan.planType === "basic") key = require_types.Product.Basic;
-		else key = plan.planType;
-		if (!acc[key]) acc[key] = {};
-		const period = plan.planId?.includes("Annual") ? "annual" : "monthly";
-		acc[key][period] = plan;
-		return acc;
-	}, {});
-};
-
-//#endregion
-exports.getProductDescription = getProductDescription;
-exports.getProductDetails = getProductDetails;
-exports.groupPlansByType = groupPlansByType;
-//# sourceMappingURL=config.cjs.map

package/dist/PricingSection/config.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.cjs","names":["Product","getProductDescription","product","Basic","Teams","Enterprise","Pro","Silver","Gold","getProductDetails","products","monthly","annual","groupPlansByType","reduce","acc","plan","key","planType","period","planId","includes"],"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,MAAaC,yBAAyBC,YAAAA;AACpC,SAAQA,SAAR;EACE,KAAKF,sBAAQG,MACX,QAAO;EACT,KAAKH,sBAAQI,MACX,QAAO;EACT,KAAKJ,sBAAQK,WACX,QAAO;EACT,KAAKL,sBAAQM;EACb,KAAKN,sBAAQO,OACX,QAAO;EACT,KAAKP,sBAAQQ,KACX,QAAO;;;AAIb,MAAaC,qBACXC,UACAR,YAAAA;AAEA,KAAIA,YAAYF,sBAAQG,MACtB,QAAOO,SAASR,SAASS;AAE3B,QAAOD,SAASR,SAASU;;AAG3B,MAAaC,oBAAoBH,aAAAA;AAC/B,QAAOA,SAASI,QAAqBC,KAAKC,SAAAA;EACxC,IAAIC;AACJ,MAAID,KAAKE,aAAa,QACpBD,OAAMjB,sBAAQG;MAEdc,OAAMD,KAAKE;AAEb,MAAI,CAACH,IAAIE,KACPF,KAAIE,OAAO,EAAC;EAEd,MAAME,SAASH,KAAKI,QAAQC,SAAS,SAAA,GAAY,WAAW;AAC5DN,MAAIE,KAAKE,UAAUH;AACnB,SAAOD;IACN,EAAC,CAAA"}

package/dist/PricingSection/config.mjs

@@ -1,32 +0,0 @@
-import { Product } from "./types.mjs";
-
-//#region src/PricingSection/config.ts
-const getProductDescription = (product) => {
-	switch (product) {
-		case Product.Basic: return "Start learning something new with basic access";
-		case Product.Teams: return "Train your team with in-demand skills and flexible admin tools";
-		case Product.Enterprise: return "Customizable training for your organization";
-		case Product.Pro:
-		case Product.Silver: return "Build in-demand technical skills for work or a personal project";
-		case Product.Gold: return "Develop the skills and experience to land a job in tech";
-	}
-};
-const getProductDetails = (products, product) => {
-	if (product === Product.Basic) return products[product].monthly;
-	return products[product].annual;
-};
-const groupPlansByType = (products) => {
-	return products.reduce((acc, plan) => {
-		let key;
-		if (plan.planType === "basic") key = Product.Basic;
-		else key = plan.planType;
-		if (!acc[key]) acc[key] = {};
-		const period = plan.planId?.includes("Annual") ? "annual" : "monthly";
-		acc[key][period] = plan;
-		return acc;
-	}, {});
-};
-
-//#endregion
-export { getProductDescription, getProductDetails, groupPlansByType };
-//# sourceMappingURL=config.mjs.map

package/dist/PricingSection/config.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.mjs","names":["Product","getProductDescription","product","Basic","Teams","Enterprise","Pro","Silver","Gold","getProductDetails","products","monthly","annual","groupPlansByType","reduce","acc","plan","key","planType","period","planId","includes"],"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,MAAaC,yBAAyBC,YAAAA;AACpC,SAAQA,SAAR;EACE,KAAKF,QAAQG,MACX,QAAO;EACT,KAAKH,QAAQI,MACX,QAAO;EACT,KAAKJ,QAAQK,WACX,QAAO;EACT,KAAKL,QAAQM;EACb,KAAKN,QAAQO,OACX,QAAO;EACT,KAAKP,QAAQQ,KACX,QAAO;;;AAIb,MAAaC,qBACXC,UACAR,YAAAA;AAEA,KAAIA,YAAYF,QAAQG,MACtB,QAAOO,SAASR,SAASS;AAE3B,QAAOD,SAASR,SAASU;;AAG3B,MAAaC,oBAAoBH,aAAAA;AAC/B,QAAOA,SAASI,QAAqBC,KAAKC,SAAAA;EACxC,IAAIC;AACJ,MAAID,KAAKE,aAAa,QACpBD,OAAMjB,QAAQG;MAEdc,OAAMD,KAAKE;AAEb,MAAI,CAACH,IAAIE,KACPF,KAAIE,OAAO,EAAC;EAEd,MAAME,SAASH,KAAKI,QAAQC,SAAS,SAAA,GAAY,WAAW;AAC5DN,MAAIE,KAAKE,UAAUH;AACnB,SAAOD;IACN,EAAC,CAAA"}

package/dist/PricingSection/index.cjs

@@ -1,32 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_config = require('./config.cjs');
-const require_Products = require('./Products.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/PricingSection/index.tsx
-const PricingSection = ({ products, title, user, isUserInIndia, currency, trackBusinessClick }) => {
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		as: "h1",
-		textAlign: "center",
-		fontSize: {
-			_: 34,
-			md: 44
-		},
-		width: "100%",
-		mb: 16
-	}, title), /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, { position: "relative" }, /* @__PURE__ */ React.createElement(_codecademy_gamut_patterns.CheckerLoose, {
-		height: "100%",
-		position: "absolute"
-	}), /* @__PURE__ */ React.createElement(_codecademy_gamut.ContentContainer, null, /* @__PURE__ */ React.createElement(require_Products.Products, {
-		plansByType: require_config.groupPlansByType(products),
-		user,
-		isUserInIndia,
-		currency,
-		trackBusinessClick
-	}))));
-};
-
-//#endregion
-exports.PricingSection = PricingSection;
-//# sourceMappingURL=index.cjs.map

package/dist/PricingSection/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","ContentContainer","Text","CheckerLoose","groupPlansByType","Products","PricingSection","products","title","user","isUserInIndia","currency","trackBusinessClick","as","textAlign","fontSize","_","md","width","mb","position","height","plansByType"],"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,MAAaM,kBAAiD,EAC5DC,UACAC,OACAC,MACAC,eACAC,UACAC,yBACD;AACC,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACV,wBAAAA;EACCW,IAAG;EACHC,WAAU;EACVC,UAAU;GAAEC,GAAG;GAAIC,IAAI;GAAG;EAC1BC,OAAM;EACNC,IAAI;IAEHX,MAAAA,EAEH,sBAAA,cAACR,uBAAAA,EAAIoB,UAAS,cACZ,sBAAA,cAACjB,yCAAAA;EAAakB,QAAO;EAAOD,UAAS;KACrC,sBAAA,cAACnB,oCAAAA,MACC,sBAAA,cAACI,2BAAAA;EACCiB,aAAalB,gCAAiBG,SAAAA;EACxBE;EACSC;EACLC;EACUC"}

package/dist/PricingSection/index.d.cts

@@ -1,23 +0,0 @@
-import { AllCurrency } from "./PricingCard/types.cjs";
-import { ProductDetails, User } from "./types.cjs";
-import { Background } from "@codecademy/gamut-styles";
-
-//#region src/PricingSection/index.d.ts
-type PricingSectionProps = Omit<Partial<React.ComponentProps<typeof Background>>, 'title'> & {
-  products: ProductDetails[];
-  title?: React.ReactNode;
-  user: User;
-  isUserInIndia: boolean;
-  currency: AllCurrency;
-  trackBusinessClick: ({
-    target,
-    context
-  }: {
-    target: string;
-    context: string;
-  }) => void;
-};
-declare const PricingSection: React.FC<PricingSectionProps>;
-//#endregion
-export { PricingSection };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","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.d.mts

@@ -1,23 +0,0 @@
-import { AllCurrency } from "./PricingCard/types.mjs";
-import { ProductDetails, User } from "./types.mjs";
-import { Background } from "@codecademy/gamut-styles";
-
-//#region src/PricingSection/index.d.ts
-type PricingSectionProps = Omit<Partial<React.ComponentProps<typeof Background>>, 'title'> & {
-  products: ProductDetails[];
-  title?: React.ReactNode;
-  user: User;
-  isUserInIndia: boolean;
-  currency: AllCurrency;
-  trackBusinessClick: ({
-    target,
-    context
-  }: {
-    target: string;
-    context: string;
-  }) => void;
-};
-declare const PricingSection: React.FC<PricingSectionProps>;
-//#endregion
-export { PricingSection };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","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.mjs

@@ -1,31 +0,0 @@
-import { groupPlansByType } from "./config.mjs";
-import { Products } from "./Products.mjs";
-import { Box, ContentContainer, Text } from "@codecademy/gamut";
-import { CheckerLoose } from "@codecademy/gamut-patterns";
-
-//#region src/PricingSection/index.tsx
-const PricingSection = ({ products, title, user, isUserInIndia, currency, trackBusinessClick }) => {
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, {
-		as: "h1",
-		textAlign: "center",
-		fontSize: {
-			_: 34,
-			md: 44
-		},
-		width: "100%",
-		mb: 16
-	}, title), /* @__PURE__ */ React.createElement(Box, { position: "relative" }, /* @__PURE__ */ React.createElement(CheckerLoose, {
-		height: "100%",
-		position: "absolute"
-	}), /* @__PURE__ */ React.createElement(ContentContainer, null, /* @__PURE__ */ React.createElement(Products, {
-		plansByType: groupPlansByType(products),
-		user,
-		isUserInIndia,
-		currency,
-		trackBusinessClick
-	}))));
-};
-
-//#endregion
-export { PricingSection };
-//# sourceMappingURL=index.mjs.map

package/dist/PricingSection/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","ContentContainer","Text","CheckerLoose","groupPlansByType","Products","PricingSection","products","title","user","isUserInIndia","currency","trackBusinessClick","as","textAlign","fontSize","_","md","width","mb","position","height","plansByType"],"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,MAAaM,kBAAiD,EAC5DC,UACAC,OACAC,MACAC,eACAC,UACAC,yBACD;AACC,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACV,MAAAA;EACCW,IAAG;EACHC,WAAU;EACVC,UAAU;GAAEC,GAAG;GAAIC,IAAI;GAAG;EAC1BC,OAAM;EACNC,IAAI;IAEHX,MAAAA,EAEH,sBAAA,cAACR,KAAAA,EAAIoB,UAAS,cACZ,sBAAA,cAACjB,cAAAA;EAAakB,QAAO;EAAOD,UAAS;KACrC,sBAAA,cAACnB,kBAAAA,MACC,sBAAA,cAACI,UAAAA;EACCiB,aAAalB,iBAAiBG,SAAAA;EACxBE;EACSC;EACLC;EACUC"}

package/dist/PricingSection/types.cjs

@@ -1,20 +0,0 @@
-
-//#region src/PricingSection/types.ts
-var Product;
-(function(Product$1) {
-	Product$1["Basic"] = "free";
-	Product$1["Pro"] = "pro";
-	Product$1["Teams"] = "teams";
-	Product$1["Silver"] = "pro-silver";
-	Product$1["Gold"] = "pro-gold";
-	Product$1["Enterprise"] = "enterprise";
-})(Product || (Product = {}));
-
-//#endregion
-Object.defineProperty(exports, 'Product', {
-  enumerable: true,
-  get: function () {
-    return Product;
-  }
-});
-//# sourceMappingURL=types.cjs.map

package/dist/PricingSection/types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.cjs","names":["Product"],"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":";;;UAAYA,WAAAA;;;;;;;GAAAA,YAAAA,UAAAA,EAAAA,EAAAA"}

package/dist/PricingSection/types.d.cts

@@ -1,19 +0,0 @@
-//#region src/PricingSection/types.d.ts
-
-interface ProductDetails {
-  isTrialPlan?: boolean | null | undefined;
-  price: string;
-  planId?: string | null | undefined;
-  displayName: string;
-  planType: string;
-  savings?: string | null | undefined;
-  includedTaxRate?: string | null | undefined;
-}
-interface User {
-  anonymous?: boolean;
-  proSilver?: boolean;
-  proGold?: boolean;
-}
-//#endregion
-export { ProductDetails, User };
-//# sourceMappingURL=types.d.cts.map

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

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

package/dist/PricingSection/types.d.mts

@@ -1,19 +0,0 @@
-//#region src/PricingSection/types.d.ts
-
-interface ProductDetails {
-  isTrialPlan?: boolean | null | undefined;
-  price: string;
-  planId?: string | null | undefined;
-  displayName: string;
-  planType: string;
-  savings?: string | null | undefined;
-  includedTaxRate?: string | null | undefined;
-}
-interface User {
-  anonymous?: boolean;
-  proSilver?: boolean;
-  proGold?: boolean;
-}
-//#endregion
-export { ProductDetails, User };
-//# sourceMappingURL=types.d.mts.map

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

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

package/dist/PricingSection/types.mjs

@@ -1,14 +0,0 @@
-//#region src/PricingSection/types.ts
-var Product;
-(function(Product$1) {
-	Product$1["Basic"] = "free";
-	Product$1["Pro"] = "pro";
-	Product$1["Teams"] = "teams";
-	Product$1["Silver"] = "pro-silver";
-	Product$1["Gold"] = "pro-gold";
-	Product$1["Enterprise"] = "enterprise";
-})(Product || (Product = {}));
-
-//#endregion
-export { Product };
-//# sourceMappingURL=types.mjs.map

package/dist/PricingSection/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","names":["Product"],"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":";;UAAYA,WAAAA;;;;;;;GAAAA,YAAAA,UAAAA,EAAAA,EAAAA"}