@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/PricingSection/PricingCard/types.ts"],"mappings":";aACY,QAAA;EACV,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;AAAA;AAAA,aAGU,WAAA;EACV,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;AAAA;AAAA,KAoBU,WAAA,GAAc,QAAA,GAAW,WAAA"}

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

@@ -1,40 +1,27 @@
-export declare enum Currency {
-    Aud = "AUD",
-    Cad = "CAD",
-    Eur = "EUR",
-    Gbp = "GBP",
-    Inr = "INR",
-    Nok = "NOK",
-    Pln = "PLN",
-    Sek = "SEK",
-    Usd = "USD"
+//#region src/PricingSection/PricingCard/types.d.ts
+declare enum Currency {
+  Aud = "AUD",
+  Cad = "CAD",
+  Eur = "EUR",
+  Gbp = "GBP",
+  Inr = "INR",
+  Nok = "NOK",
+  Pln = "PLN",
+  Sek = "SEK",
+  Usd = "USD"
 }
-export declare enum CFBCurrency {
-    Dkk = "DKK",
-    Brl = "BRL",
-    Bgn = "BGN",
-    Chf = "CHF",
-    Czk = "CZK",
-    Hrk = "HRK",
-    Huf = "HUF",
-    Mxn = "MXN",
-    Ron = "RON"
+declare enum CFBCurrency {
+  Dkk = "DKK",
+  Brl = "BRL",
+  Bgn = "BGN",
+  Chf = "CHF",
+  Czk = "CZK",
+  Hrk = "HRK",
+  Huf = "HUF",
+  Mxn = "MXN",
+  Ron = "RON"
 }
-export declare enum CurrencySymbol {
-    Dollar = "$",
-    Pound = "\u00A3",
-    Euro = "\u20AC",
-    Rupee = "\u20B9",
-    Krona = "kr",
-    Krone = "kr",
-    ZLOTY = "z\u0142",
-    Lev = "\u041B\u0432.",
-    Real = "R$",
-    Franc = "Fr.",
-    Koruna = "K\u010D",
-    Kuna = "kn",
-    Forint = "Ft",
-    Leu = "lei"
-}
-export type AllCurrency = Currency | CFBCurrency;
-export declare const getCurrencySymbol: (currency: AllCurrency) => CurrencySymbol;
+type AllCurrency = Currency | CFBCurrency;
+//#endregion
+export { AllCurrency };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/PricingSection/PricingCard/types.ts"],"mappings":";aACY,QAAA;EACV,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;AAAA;AAAA,aAGU,WAAA;EACV,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;EACA,GAAA;AAAA;AAAA,KAoBU,WAAA,GAAc,QAAA,GAAW,WAAA"}

package/dist/PricingSection/PricingCard/types.js

@@ -1,63 +1,67 @@
-/* eslint-disable @typescript-eslint/no-duplicate-enum-values */
-export let Currency = /*#__PURE__*/function (Currency) {
-  Currency["Aud"] = "AUD";
-  Currency["Cad"] = "CAD";
-  Currency["Eur"] = "EUR";
-  Currency["Gbp"] = "GBP";
-  Currency["Inr"] = "INR";
-  Currency["Nok"] = "NOK";
-  Currency["Pln"] = "PLN";
-  Currency["Sek"] = "SEK";
-  Currency["Usd"] = "USD";
-  return Currency;
-}({});
-export let CFBCurrency = /*#__PURE__*/function (CFBCurrency) {
-  CFBCurrency["Dkk"] = "DKK";
-  CFBCurrency["Brl"] = "BRL";
-  CFBCurrency["Bgn"] = "BGN";
-  CFBCurrency["Chf"] = "CHF";
-  CFBCurrency["Czk"] = "CZK";
-  CFBCurrency["Hrk"] = "HRK";
-  CFBCurrency["Huf"] = "HUF";
-  CFBCurrency["Mxn"] = "MXN";
-  CFBCurrency["Ron"] = "RON";
-  return CFBCurrency;
-}({});
-export let CurrencySymbol = /*#__PURE__*/function (CurrencySymbol) {
-  CurrencySymbol["Dollar"] = "$";
-  CurrencySymbol["Pound"] = "\xA3";
-  CurrencySymbol["Euro"] = "\u20AC";
-  CurrencySymbol["Rupee"] = "\u20B9";
-  CurrencySymbol["Krona"] = "kr";
-  CurrencySymbol["Krone"] = "kr";
-  CurrencySymbol["ZLOTY"] = "z\u0142";
-  CurrencySymbol["Lev"] = "\u041B\u0432.";
-  CurrencySymbol["Real"] = "R$";
-  CurrencySymbol["Franc"] = "Fr.";
-  CurrencySymbol["Koruna"] = "K\u010D";
-  CurrencySymbol["Kuna"] = "kn";
-  CurrencySymbol["Forint"] = "Ft";
-  CurrencySymbol["Leu"] = "lei";
-  return CurrencySymbol;
-}({});
+//#region src/PricingSection/PricingCard/types.ts
+var Currency;
+(function(Currency) {
+	Currency["Aud"] = "AUD";
+	Currency["Cad"] = "CAD";
+	Currency["Eur"] = "EUR";
+	Currency["Gbp"] = "GBP";
+	Currency["Inr"] = "INR";
+	Currency["Nok"] = "NOK";
+	Currency["Pln"] = "PLN";
+	Currency["Sek"] = "SEK";
+	Currency["Usd"] = "USD";
+})(Currency || (Currency = {}));
+var CFBCurrency;
+(function(CFBCurrency) {
+	CFBCurrency["Dkk"] = "DKK";
+	CFBCurrency["Brl"] = "BRL";
+	CFBCurrency["Bgn"] = "BGN";
+	CFBCurrency["Chf"] = "CHF";
+	CFBCurrency["Czk"] = "CZK";
+	CFBCurrency["Hrk"] = "HRK";
+	CFBCurrency["Huf"] = "HUF";
+	CFBCurrency["Mxn"] = "MXN";
+	CFBCurrency["Ron"] = "RON";
+})(CFBCurrency || (CFBCurrency = {}));
+var CurrencySymbol;
+(function(CurrencySymbol) {
+	CurrencySymbol["Dollar"] = "$";
+	CurrencySymbol["Pound"] = "£";
+	CurrencySymbol["Euro"] = "€";
+	CurrencySymbol["Rupee"] = "₹";
+	CurrencySymbol["Krona"] = "kr";
+	CurrencySymbol["Krone"] = "kr";
+	CurrencySymbol["ZLOTY"] = "zł";
+	CurrencySymbol["Lev"] = "Лв.";
+	CurrencySymbol["Real"] = "R$";
+	CurrencySymbol["Franc"] = "Fr.";
+	CurrencySymbol["Koruna"] = "Kč";
+	CurrencySymbol["Kuna"] = "kn";
+	CurrencySymbol["Forint"] = "Ft";
+	CurrencySymbol["Leu"] = "lei";
+})(CurrencySymbol || (CurrencySymbol = {}));
 const currencySymbols = {
-  [Currency.Usd]: CurrencySymbol.Dollar,
-  [Currency.Cad]: CurrencySymbol.Dollar,
-  [Currency.Aud]: CurrencySymbol.Dollar,
-  [Currency.Eur]: CurrencySymbol.Euro,
-  [Currency.Gbp]: CurrencySymbol.Pound,
-  [Currency.Inr]: CurrencySymbol.Rupee,
-  [Currency.Sek]: CurrencySymbol.Krona,
-  [Currency.Nok]: CurrencySymbol.Krone,
-  [Currency.Pln]: CurrencySymbol.ZLOTY,
-  [CFBCurrency.Bgn]: CurrencySymbol.Lev,
-  [CFBCurrency.Brl]: CurrencySymbol.Real,
-  [CFBCurrency.Chf]: CurrencySymbol.Franc,
-  [CFBCurrency.Czk]: CurrencySymbol.Koruna,
-  [CFBCurrency.Dkk]: CurrencySymbol.Krone,
-  [CFBCurrency.Hrk]: CurrencySymbol.Kuna,
-  [CFBCurrency.Huf]: CurrencySymbol.Forint,
-  [CFBCurrency.Mxn]: CurrencySymbol.Dollar,
-  [CFBCurrency.Ron]: CurrencySymbol.Leu
+	["USD"]: "$",
+	["CAD"]: "$",
+	["AUD"]: "$",
+	["EUR"]: "€",
+	["GBP"]: "£",
+	["INR"]: "₹",
+	["SEK"]: "kr",
+	["NOK"]: "kr",
+	["PLN"]: "zł",
+	["BGN"]: "Лв.",
+	["BRL"]: "R$",
+	["CHF"]: "Fr.",
+	["CZK"]: "Kč",
+	["DKK"]: "kr",
+	["HRK"]: "kn",
+	["HUF"]: "Ft",
+	["MXN"]: "$",
+	["RON"]: "lei"
 };
-export const getCurrencySymbol = currency => currencySymbols[currency];
+const getCurrencySymbol = (currency) => currencySymbols[currency];
+
+//#endregion
+export { getCurrencySymbol };
+//# sourceMappingURL=types.js.map

package/dist/PricingSection/PricingCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["Currency","CFBCurrency","CurrencySymbol","currencySymbols","getCurrencySymbol","currency"],"sources":["../../../src/PricingSection/PricingCard/types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\nexport enum Currency {\n  Aud = 'AUD',\n  Cad = 'CAD',\n  Eur = 'EUR',\n  Gbp = 'GBP',\n  Inr = 'INR',\n  Nok = 'NOK',\n  Pln = 'PLN',\n  Sek = 'SEK',\n  Usd = 'USD',\n}\n\nexport enum CFBCurrency {\n  Dkk = 'DKK',\n  Brl = 'BRL',\n  Bgn = 'BGN',\n  Chf = 'CHF',\n  Czk = 'CZK',\n  Hrk = 'HRK',\n  Huf = 'HUF',\n  Mxn = 'MXN',\n  Ron = 'RON',\n}\n\nexport enum CurrencySymbol {\n  Dollar = '$',\n  Pound = '£',\n  Euro = '€',\n  Rupee = '₹',\n  Krona = 'kr',\n  Krone = 'kr',\n  ZLOTY = 'zł',\n  Lev = 'Лв.',\n  Real = 'R$',\n  Franc = 'Fr.',\n  Koruna = 'Kč',\n  Kuna = 'kn',\n  Forint = 'Ft',\n  Leu = 'lei',\n}\n\nexport type AllCurrency = Currency | CFBCurrency;\n\nconst currencySymbols: Record<AllCurrency, CurrencySymbol> = {\n  [Currency.Usd]: CurrencySymbol.Dollar,\n  [Currency.Cad]: CurrencySymbol.Dollar,\n  [Currency.Aud]: CurrencySymbol.Dollar,\n  [Currency.Eur]: CurrencySymbol.Euro,\n  [Currency.Gbp]: CurrencySymbol.Pound,\n  [Currency.Inr]: CurrencySymbol.Rupee,\n  [Currency.Sek]: CurrencySymbol.Krona,\n  [Currency.Nok]: CurrencySymbol.Krone,\n  [Currency.Pln]: CurrencySymbol.ZLOTY,\n  [CFBCurrency.Bgn]: CurrencySymbol.Lev,\n  [CFBCurrency.Brl]: CurrencySymbol.Real,\n  [CFBCurrency.Chf]: CurrencySymbol.Franc,\n  [CFBCurrency.Czk]: CurrencySymbol.Koruna,\n  [CFBCurrency.Dkk]: CurrencySymbol.Krone,\n  [CFBCurrency.Hrk]: CurrencySymbol.Kuna,\n  [CFBCurrency.Huf]: CurrencySymbol.Forint,\n  [CFBCurrency.Mxn]: CurrencySymbol.Dollar,\n  [CFBCurrency.Ron]: CurrencySymbol.Leu,\n};\n\nexport const getCurrencySymbol = (currency: AllCurrency) =>\n  currencySymbols[currency];\n"],"mappings":";AAA8D,IAAA;UAClDA,UAAAA;;;;;;;;;;GAAAA,aAAAA,WAAAA,EAAAA,EAAAA;;UAYAC,aAAAA;;;;;;;;;;GAAAA,gBAAAA,cAAAA,EAAAA,EAAAA;;UAYAC,gBAAAA;;;;;;;;;;;;;;;GAAAA,mBAAAA,iBAAAA,EAAAA,EAAAA;AAmBZ,MAAMC,kBAAuD;EAC3D,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAc;EACd,QAAiB;EACjB,QAAiB;EACjB,QAAiB;EACjB,QAAiB;EACjB,QAAiB;EACjB,QAAiB;EACjB,QAAiB;EACjB,QAAiB;EACjB,QAAiB;CACnB;AAEA,MAAaC,qBAAqBC,aAChCF,gBAAgBE"}

package/dist/PricingSection/ProductCTA.cjs

@@ -0,0 +1,96 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_types = require('./types.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+
+//#region src/PricingSection/ProductCTA.tsx
+const getCTATitle = (product, isTrialPlan, isPlusUser) => {
+	switch (product) {
+		case require_types.Product.Teams:
+			if (isTrialPlan) return "Try Teams for free";
+			return "Purchase now";
+		case require_types.Product.Enterprise: return "Request a demo";
+		case require_types.Product.Basic: return "Sign up";
+		case require_types.Product.Pro:
+		case require_types.Product.Gold:
+			if (isTrialPlan) return "Try Pro for free";
+			if (isPlusUser) return "Upgrade to Pro";
+			return "Upgrade now";
+		case require_types.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 require_types.Product.Basic: return "/register";
+		case require_types.Product.Pro:
+		case require_types.Product.Silver:
+		case require_types.Product.Gold:
+			if (userHasSilver) return "/account/billing?changePlan=true";
+			return `/checkout?plan_id=${planId || void 0}`;
+		case require_types.Product.Teams: return "/business/checkout?plan_type=trial";
+		case require_types.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 === require_types.Product.Teams;
+	const isEnterprise = product === require_types.Product.Enterprise;
+	const shouldHideCTA = () => {
+		if (isTeams) return false;
+		if ((userHasBasic || userHasSilver) && product === require_types.Product.Basic) return true;
+		if (userHasSilver) return false;
+		if (user.proGold) return true;
+		return false;
+	};
+	const hideCTAButton = shouldHideCTA();
+	const ButtonComponent = product === require_types.Product.Gold || product === require_types.Product.Pro || product === require_types.Product.Teams ? _codecademy_gamut.FillButton : _codecademy_gamut.StrokeButton;
+	return hideCTAButton ? null : /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		pt: 0,
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		flexDirection: isTeams && !simple ? "row" : "column",
+		gap: 8
+	}, /* @__PURE__ */ React.createElement(ButtonComponent, {
+		mt: 8,
+		disabled: product === require_types.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(_codecademy_gamut.Text, { as: "span" }, getCTATitle(product, !!productDetails?.isTrialPlan, userHasSilver))), isTeams ? /* @__PURE__ */ React.createElement(React.Fragment, null, simple ? null : /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		as: "span",
+		mt: 8
+	}, ` or `), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, { mt: 8 }, /* @__PURE__ */ React.createElement(_codecademy_gamut.StrokeButton, {
+		href: "/business/checkout?plan_type=directpurchase",
+		onClick: () => {
+			if (trackBusinessClick) trackBusinessClick({
+				target: "business_purchase",
+				context: "top_card"
+			});
+		}
+	}, "Purchase now"))) : null);
+};
+
+//#endregion
+exports.ProductCTA = ProductCTA;
+//# sourceMappingURL=ProductCTA.cjs.map

package/dist/PricingSection/ProductCTA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCTA.cjs","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,sBAAQK;AACX,OAAIF,YACF,QAAO;AAET,UAAO;EACT,KAAKH,sBAAQM,WACX,QAAO;EACT,KAAKN,sBAAQO,MACX,QAAO;EACT,KAAKP,sBAAQQ;EACb,KAAKR,sBAAQS;AACX,OAAIN,YACF,QAAO;AAET,OAAIC,WAAY,QAAO;AACvB,UAAO;EACT,KAAKJ,sBAAQU;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,sBAAQO,MACX,QAAO;EACT,KAAKP,sBAAQQ;EACb,KAAKR,sBAAQU;EACb,KAAKV,sBAAQS;AACX,OAAII,cACF,QAAO;AAET,UAAO,qBAAqBC,UAAUC;EACxC,KAAKf,sBAAQK,MACX,QAAO;EACT,KAAKL,sBAAQM,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,sBAAQK;CACpC,MAAMoB,eAAevB,YAAYF,sBAAQM;CAEzC,MAAMoB,sBAAgB;AACpB,MAAIF,QAAS,QAAO;AACpB,OAAKJ,gBAAgBP,kBAAkBX,YAAYF,sBAAQO,MACzD,QAAO;AAET,MAAIM,cAAe,QAAO;AAC1B,MAAII,KAAKM,QAAS,QAAO;AACzB,SAAO;;CAET,MAAMI,gBAAgBD,eAAAA;CAEtB,MAAME,kBACJ1B,YAAYF,sBAAQS,QACpBP,YAAYF,sBAAQQ,OACpBN,YAAYF,sBAAQK,QAChBT,+BACAE;AAEN,QAAO6B,gBAAgB,OACrB,sBAAA,cAAChC,uBAAAA;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,sBAAQU,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,wBAAAA,EAAK0C,IAAG,UACNxC,YAAYC,SAAS,CAAC,CAACU,gBAAgBT,aAAaU,cAAAA,CAAAA,CAAAA,EAGxDW,UACC,sBAAA,cAAA,MAAA,UAAA,MACGN,SAAS,OACR,sBAAA,cAACnB,wBAAAA;EAAK0C,IAAG;EAAON,IAAI;IACjB,OAAM,EAGX,sBAAA,cAACtC,2BAAAA,EAAQsC,IAAI,KACX,sBAAA,cAACrC,gCAAAA;EACCuC,MAAK;EACLC,eAAS;AACP,OAAInB,mBACFA,oBAAmB;IACjBoB,QAAQ;IACRC,SAAS;IACX,CAAA;;IAGL,eAAA,CAAA,CAAA,GAKH,KAAA"}

package/dist/PricingSection/ProductCTA.js

@@ -1,135 +1,95 @@
-import { Box, FillButton, FlexBox, StrokeButton, Text } from '@codecademy/gamut';
-import { Product } from './types';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export 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 '';
-  }
+import { Product } from "./types.js";
+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 || undefined}`;
-    case Product.Teams:
-      return '/business/checkout?plan_type=trial';
-    case Product.Enterprise:
-      return '/business/teams-quote';
-    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 "";
+	}
 };
-export 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__*/_jsxs(Box, {
-    pt: 0,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: isTeams && !simple ? 'row' : 'column',
-    gap: 8,
-    children: [/*#__PURE__*/_jsx(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'
-            });
-          }
-        }
-      },
-      children: /*#__PURE__*/_jsx(Text, {
-        as: "span",
-        children: getCTATitle(product, !!productDetails?.isTrialPlan, userHasSilver)
-      })
-    }), isTeams ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [simple ? null : /*#__PURE__*/_jsx(Text, {
-        as: "span",
-        mt: 8,
-        children: ` or `
-      }), /*#__PURE__*/_jsx(FlexBox, {
-        mt: 8,
-        children: /*#__PURE__*/_jsx(StrokeButton, {
-          href: "/business/checkout?plan_type=directpurchase",
-          onClick: () => {
-            if (trackBusinessClick) {
-              trackBusinessClick({
-                target: 'business_purchase',
-                context: 'top_card'
-              });
-            }
-          },
-          children: "Purchase now"
-        })
-      })]
-    }) : null]
-  });
-};
+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.js.map

package/dist/PricingSection/ProductCTA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCTA.js","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"}