@codecademy/brand 3.6.0-alpha.351a8c5fe3.0 → 3.6.0-alpha.63c16a9e8d.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js

@@ -119,64 +119,136 @@ export const SkillPathsPanel = ({
     })
   });
 };
-const providers = ['AWS', 'Microsoft', 'Google', 'COMPTIA', 'ISC2'];
+const getCertificationProviderLogoUrl = fileName => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/${fileName}`;
+const providers = [{
+  name: 'Microsoft',
+  logoUrl: getCertificationProviderLogoUrl('microsoft-2.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'CompTIA',
+  logoUrl: getCertificationProviderLogoUrl('comptia-1.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'ISC2',
+  logoUrl: getCertificationProviderLogoUrl('isc2-1.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'AWS',
+  logoUrl: getCertificationProviderLogoUrl('aws-2.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'Google',
+  logoUrl: getCertificationProviderLogoUrl('google-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Cisco',
+  logoUrl: getCertificationProviderLogoUrl('cisco-2.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'IIBA',
+  logoUrl: getCertificationProviderLogoUrl('iiba-2.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'ISTQB',
+  logoUrl: getCertificationProviderLogoUrl('istqb-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'ISACA',
+  logoUrl: getCertificationProviderLogoUrl('isaca-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Kubernetes',
+  logoUrl: getCertificationProviderLogoUrl('kubernetes-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Oracle',
+  logoUrl: getCertificationProviderLogoUrl('oracle-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Project Management Institute',
+  logoUrl: getCertificationProviderLogoUrl('pmi-1.svg'),
+  hubType: 'certification-prep'
+}];
+const Image = Box.withComponent('img', {
+  target: "eqfnvo0",
+  label: "Image"
+});
 const ProviderChip = ({
-  text,
+  name,
   href,
+  imgSrc,
   tabIndex
 }) => {
   return /*#__PURE__*/_jsx(Anchor, {
     href: href,
     variant: "interface",
     tabIndex: tabIndex,
-    children: /*#__PURE__*/_jsx(FlexBox, {
-      border: 1,
-      borderColor: "border-secondary",
-      borderRadius: "md",
-      py: 1.5,
-      px: 8,
-      children: /*#__PURE__*/_jsx(Text, {
-        children: text
+    width: "100%",
+    height: "100%",
+    display: "block",
+    children: /*#__PURE__*/_jsx(Card, {
+      borderColor: "border-tertiary",
+      borderRadius: "lg",
+      isInteractive: true,
+      width: "100%",
+      height: "100%",
+      p: 8,
+      children: /*#__PURE__*/_jsx(Image, {
+        src: imgSrc,
+        alt: name,
+        display: "block",
+        m: "auto",
+        height: 52
       })
     })
-  }, text);
+  }, name);
 };
 export const CertificationPathsPanel = ({
   tabIndex = 0
 }) => {
   return /*#__PURE__*/_jsxs(PanelLayout, {
     heading: "Certification paths",
-    description: "Get ready for certification exams with guided learning paths.",
+    description: "Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.",
     linkItem: {
       type: 'link',
       href: '/catalog?type=certification-path',
-      text: 'View all certification paths',
+      text: 'Explore all certification paths',
       trackingTarget: 'catalog-header-view-all-certification-paths',
       id: 'view-all-certification-paths'
     },
     tabIndex: tabIndex,
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      gap: 8,
-      children: [providers.map(provider => /*#__PURE__*/_jsx(ProviderChip, {
-        text: provider,
-        href: `/search?query=${provider} certifications`,
-        tabIndex: tabIndex
-      }, provider)), /*#__PURE__*/_jsx(ProviderChip, {
-        text: "+ More providers",
-        href: "/catalog/certification-prep",
-        tabIndex: tabIndex
-      }, "more-providers")]
+    children: [/*#__PURE__*/_jsx(Text, {
+      as: "h3",
+      fontSize: 18,
+      fontWeight: "bold",
+      children: "Providers"
     }), /*#__PURE__*/_jsx(GridBox, {
       gridTemplateColumns: {
         _: '1fr',
-        md: 'repeat(3, 1fr)'
+        xs: 'repeat(2, 1fr)',
+        sm: 'repeat(3, 1fr)',
+        md: 'repeat(4, 1fr)'
       },
-      gap: 16,
-      children: Array.from({
-        length: 6
-      }).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
-        tabIndex: tabIndex
-      }, `${index}-card`))
+      gap: 24,
+      width: "100%",
+      as: "ul",
+      listStyle: "none",
+      p: 0,
+      m: 0,
+      children: providers.map(({
+        name,
+        logoUrl,
+        hubType
+      }) => /*#__PURE__*/_jsx(Box, {
+        as: "li",
+        width: "100%",
+        children: /*#__PURE__*/_jsx(ProviderChip, {
+          name: name,
+          href: hubType === 'subhub' ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
+          imgSrc: logoUrl,
+          tabIndex: tabIndex
+        })
+      }, name))
     })]
   });
 };

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js

@@ -11,7 +11,7 @@ import { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const isBusinessPageExperiment = isBlpHeroExperimentVariant => {
   if (typeof window === 'undefined') return false;
-  return (window.location.pathname === '/business' || window.location.pathname === '/business/pricing') && isBlpHeroExperimentVariant;
+  return window.location.pathname === '/business' && isBlpHeroExperimentVariant;
 };
 export const AppHeaderMainMenuMobile = ({
   action,

package/dist/GlobalHeader/GlobalHeaderVariants.js

@@ -1,7 +1,7 @@
 import { addPayment, bootcampCta, businessSolutions, catalogDropdown, communityDropdown, enterpriseLogo, freeProfile, liveLearningHub, loading, login, logo, myHome, myPercipioHome, pricingDropdown, proProfile, requestTeamsDemo, resourcesDropdown, signUp, signUpTextButton, simpleResourcesDropdown, tryProForFree, unpausePro, upgradePlan, upgradeToPro } from './GlobalHeaderItems';
 const isBusinessPage = isBlpHeroExperimentVariant => {
   if (typeof window === 'undefined') return false;
-  return (window.location.pathname === '/business' || window.location.pathname === '/business/pricing') && Boolean(isBlpHeroExperimentVariant);
+  return window.location.pathname === '/business' && Boolean(isBlpHeroExperimentVariant);
 };
 const transformSimpleResourcesDropdownlabels = resourcesLabel => ({
   ...simpleResourcesDropdown,

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

@@ -1,14 +1,10 @@
-import React from 'react';
 import { Product } from '../types';
-import { AllCurrency } from './types';
-type PricingAmountProps = {
+interface PricingAmountProps {
     product: Product;
     price: string;
+    isUserInIndia: boolean;
     monthlyPrice?: string;
-    currency: AllCurrency;
     termMonths?: number;
-    compact?: boolean;
-    isUserInIndia: boolean;
-};
+}
 export declare const PricingAmount: React.FC<PricingAmountProps>;
 export {};

package/dist/PricingSection/PricingCard/PricingAmount.js

@@ -1,115 +1,84 @@
 import _styled from "@emotion/styled/base";
 import { FlexBox, HiddenText, Text } from '@codecademy/gamut';
 import { theme } from '@codecademy/gamut-styles';
-import React from 'react';
 import { Product } from '../types';
-import { getCurrencySymbol } from './types';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getCurrencySymbol = ({
+  isUserInIndia
+}) => isUserInIndia ? '₹' : '$';
 const Amount = /*#__PURE__*/_styled(Text, {
   target: "e19mon8j0",
   label: "Amount"
-})("font-weight:bold;color:black;font-size:44px;line-height:64px;", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9QcmljaW5nQW1vdW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSGlkZGVuVGV4dCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFByb2R1Y3QgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBBbGxDdXJyZW5jeSwgZ2V0Q3VycmVuY3lTeW1ib2wgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQW1vdW50ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXNpemU6IDQ0cHg7XG4gIGxpbmUtaGVpZ2h0OiA2NHB4O1xuICAke3RoZW1lLmJyZWFrcG9pbnRzLnhsfSB7XG4gICAgZm9udC1zaXplOiA2NHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA4MHB4O1xuICB9XG5gO1xuXG50eXBlIFByaWNpbmdBbW91bnRQcm9wcyA9IHtcbiAgcHJvZHVjdDogUHJvZHVjdDtcbiAgcHJpY2U6IHN0cmluZztcbiAgbW9udGhseVByaWNlPzogc3RyaW5nO1xuICBjdXJyZW5jeTogQWxsQ3VycmVuY3k7XG4gIHRlcm1Nb250aHM/OiBudW1iZXI7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBjdXJyZW5jeSxcbiAgbW9udGhseVByaWNlLFxuICBwcm9kdWN0LFxuICBwcmljZSxcbiAgdGVybU1vbnRocyxcbiAgY29tcGFjdCA9IGZhbHNlLFxuICBpc1VzZXJJbkluZGlhLFxufSkgPT4ge1xuICBjb25zdCBpc1RlYW1zID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgbGV0IGFyaWFMYWJlbCA9IGAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke2RvbGxhcnN9JHtcbiAgICBjZW50cyA/IGAuJHtjZW50c31gIDogJydcbiAgfWA7XG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgYSBtb250aCwgYmlsbGVkICR7Y3ljbGV9YDtcbiAgICBpZiAobW9udGhseVByaWNlKSB7XG4gICAgICBhcmlhTGFiZWwgKz0gYCBvciAke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgICAgICBjdXJyZW5jeVxuICAgICAgKX0ke21vbnRobHlQcmljZX0gYmlsbGVkIG1vbnRobHlgO1xuICAgIH1cbiAgfVxuICBpZiAoaXNUZWFtcykge1xuICAgIGFyaWFMYWJlbCArPSAnLCBwZXIgdXNlci4gRGlzY291bnRzIGF2YWlsYWJsZSBmb3IgZWxpZ2libGUgdGVhbXMnO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudFwiXG4gICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgIG1iPXtjb21wYWN0ID8gMCA6IDh9XG4gICAgICAgIGNvbHVtblxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPEhpZGRlblRleHQgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudC1sYWJlbFwiPnthcmlhTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgICB7LyogZm9yIHNjcmVlbiByZWFkZXIgb3B0aW1pemF0aW9uICovfVxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgcm93XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgaGVpZ2h0PXt7IF86IDUwLCB4bDogJ3Vuc2V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggbXI9ezR9IGFsaWduSXRlbXM9XCJzdGFydFwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgbXQ9e3sgXzogMTIsIHhsOiAxNiB9fVxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgID57YCR7Z2V0Q3VycmVuY3lTeW1ib2woY3VycmVuY3kpfWB9PC9UZXh0PlxuICAgICAgICAgICAgPEFtb3VudD57YCR7ZG9sbGFyc31gfTwvQW1vdW50PlxuICAgICAgICAgICAge3Byb2R1Y3QgPT09IFByb2R1Y3QuQmFzaWMgPyBudWxsIDogKFxuICAgICAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImZsZXgtZW5kXCIgbWw9ezR9PlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRXZWlnaHQ9XCJib2xkXCIgZm9udFNpemU9ezIyfSBtdD17eyBfOiAxMiwgeGw6IDE2IH19PlxuICAgICAgICAgICAgICAgICAge2NlbnRzID8gYC4ke2NlbnRzfWAgOiA8c3Bhbj4mbmJzcDs8L3NwYW4+fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBtdD17eyBfOiAwLCB4bDogNCB9fSBjb2xvcj1cIm5hdnktNTAwXCI+XG4gICAgICAgICAgICAgICAgICAvbW9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxUZXh0IGNvbG9yPVwibmF2eS01MDBcIiBjZW50ZXIgbXQ9e2NvbXBhY3QgPyAwIDogeyBfOiA4LCB4bDogMCB9fT5cbiAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5CYXNpYyA/IChcbiAgICAgICAgICAgIDxUZXh0IG1iPXsyNH0+QWx3YXlzIGZyZWU8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxUZXh0IG1iPXtjb21wYWN0ID8gMCA6IDh9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICAgIHtpc1RlYW1zXG4gICAgICAgICAgICAgICAgICA/ICdQZXIgdXNlciwgYmlsbGVkIGFubnVhbGx5J1xuICAgICAgICAgICAgICAgICAgOiBpc1VzZXJJbkluZGlhXG4gICAgICAgICAgICAgICAgICA/IGBQZXIgbW9udGgsIHBhaWQgJHtjeWNsZX1gXG4gICAgICAgICAgICAgICAgICA6IGBCaWxsZWQgJHtjeWNsZX1gfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICB7bW9udGhseVByaWNlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgICAgIHtgb3IgJHtnZXRDdXJyZW5jeVN5bWJvbChjdXJyZW5jeSl9JHttb250aGx5UHJpY2V9ICR7XG4gICAgICAgICAgICAgICAgICAgIGlzVXNlckluSW5kaWEgPyAncGFpZCcgOiAnYmlsbGVkJ1xuICAgICAgICAgICAgICAgICAgfSBtb250aGx5YH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc1RlYW1zICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5EaXNjb3VudHMgYXZhaWxhYmxlIGZvciBlbGlnaWJsZSB0ZWFtczwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
+})("font-weight:bold;color:black;font-size:64px;line-height:64px;", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9QcmljaW5nQW1vdW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSGlkZGVuVGV4dCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgUHJvZHVjdCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZ2V0Q3VycmVuY3lTeW1ib2wgPSAoeyBpc1VzZXJJbkluZGlhIH06IHsgaXNVc2VySW5JbmRpYTogYm9vbGVhbiB9KSA9PlxuICBpc1VzZXJJbkluZGlhID8gJ+KCuScgOiAnJCc7XG5cbmNvbnN0IEFtb3VudCA9IHN0eWxlZChUZXh0KWBcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGNvbG9yOiBibGFjaztcbiAgZm9udC1zaXplOiA2NHB4O1xuICBsaW5lLWhlaWdodDogNjRweDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy54bH0ge1xuICAgIGZvbnQtc2l6ZTogNjRweDtcbiAgICBsaW5lLWhlaWdodDogODBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByaWNpbmdBbW91bnRQcm9wcyB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByaWNlOiBzdHJpbmc7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIG1vbnRobHlQcmljZT86IHN0cmluZztcbiAgdGVybU1vbnRocz86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBtb250aGx5UHJpY2UsXG4gIHByb2R1Y3QsXG4gIHByaWNlLFxuICBpc1VzZXJJbkluZGlhLFxuICB0ZXJtTW9udGhzLFxufSkgPT4ge1xuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgY29uc3QgY3VycmVuY3lTeW1ib2wgPSBnZXRDdXJyZW5jeVN5bWJvbCh7IGlzVXNlckluSW5kaWEgfSk7XG5cbiAgbGV0IGFyaWFMYWJlbCA9IGAke2N1cnJlbmN5U3ltYm9sfSR7ZG9sbGFyc30ke2NlbnRzID8gYC4ke2NlbnRzfWAgOiAnJ31gO1xuXG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgcGVyIG1vbnRoYDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGRhdGEtdGVzdGlkPVwicHJpY2luZy1hbW91bnRcIlxuICAgICAgbGluZUhlaWdodD1cInRpdGxlXCJcbiAgICAgIG1iPXs4fVxuICAgICAgY29sdW1uXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICA+XG4gICAgICA8RmxleEJveCBtcj17NH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8SGlkZGVuVGV4dD57YXJpYUxhYmVsfTwvSGlkZGVuVGV4dD5cbiAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiBmb250U2l6ZT17MzR9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgIHtjdXJyZW5jeVN5bWJvbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8QW1vdW50IGFyaWEtaGlkZGVuPntgJHtkb2xsYXJzfWB9PC9BbW91bnQ+XG4gICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkJhc2ljID8gbnVsbCA6IChcbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gbWw9ezR9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICB7Y2VudHMgPyBgLiR7Y2VudHN9YCA6IDxzcGFuPiZuYnNwOzwvc3Bhbj59XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCI+L21vPC9UZXh0PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBjZW50ZXIgbXQ9e3sgXzogOCwgeGw6IDAgfX0+XG4gICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkJhc2ljID8gKFxuICAgICAgICAgIDxUZXh0IG1iPXsyNH0+QWx3YXlzIGZyZWU8L1RleHQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEZsZXhCb3ggY29sdW1uPlxuICAgICAgICAgICAgPFRleHQgbWI9ezh9PntgQmlsbGVkICR7Y3ljbGV9IG9yYH08L1RleHQ+XG4gICAgICAgICAgICB7bW9udGhseVByaWNlICYmIChcbiAgICAgICAgICAgICAgPFRleHQ+e2Ake2N1cnJlbmN5U3ltYm9sfSR7bW9udGhseVByaWNlfSBiaWxsZWQgbW9udGhseWB9PC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcbiJdfQ== */"));
 export const PricingAmount = ({
-  currency,
   monthlyPrice,
   product,
   price,
-  termMonths,
-  compact = false,
-  isUserInIndia
+  isUserInIndia,
+  termMonths
 }) => {
-  const isTeams = product === Product.Teams;
   const cycle = termMonths === 1 ? 'monthly' : 'annually';
   const [dollars, cents] = price.split('.');
-  let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ''}`;
+  const currencySymbol = getCurrencySymbol({
+    isUserInIndia
+  });
+  let ariaLabel = `${currencySymbol}${dollars}${cents ? `.${cents}` : ''}`;
   if (product !== Product.Basic) {
-    ariaLabel += ` a month, billed ${cycle}`;
-    if (monthlyPrice) {
-      ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
-    }
-  }
-  if (isTeams) {
-    ariaLabel += ', per user. Discounts available for eligible teams';
+    ariaLabel += ` per month`;
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(FlexBox, {
-      "data-testid": "pricing-amount",
-      lineHeight: "title",
-      mb: compact ? 0 : 8,
-      column: true,
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    "data-testid": "pricing-amount",
+    lineHeight: "title",
+    mb: 8,
+    column: true,
+    alignItems: "center",
+    children: [/*#__PURE__*/_jsxs(FlexBox, {
+      mr: 4,
       alignItems: "center",
       children: [/*#__PURE__*/_jsx(HiddenText, {
-        "data-testid": "pricing-amount-label",
         children: ariaLabel
-      }), /*#__PURE__*/_jsx(FlexBox, {
-        "aria-hidden": true,
-        row: true,
-        alignItems: "center",
-        height: {
-          _: 50,
-          xl: 'unset'
-        },
-        children: /*#__PURE__*/_jsxs(FlexBox, {
-          mr: 4,
-          alignItems: "start",
-          children: [/*#__PURE__*/_jsx(Text, {
-            mt: {
-              _: 12,
-              xl: 16
-            },
-            fontWeight: "bold",
-            fontSize: 34,
-            children: `${getCurrencySymbol(currency)}`
-          }), /*#__PURE__*/_jsx(Amount, {
-            children: `${dollars}`
-          }), product === Product.Basic ? null : /*#__PURE__*/_jsxs(FlexBox, {
-            column: true,
-            alignItems: "flex-end",
-            ml: 4,
-            children: [/*#__PURE__*/_jsx(Text, {
-              fontWeight: "bold",
-              fontSize: 22,
-              mt: {
-                _: 12,
-                xl: 16
-              },
-              children: cents ? `.${cents}` : /*#__PURE__*/_jsx("span", {
-                children: "\xA0"
-              })
-            }), /*#__PURE__*/_jsx(Text, {
-              mt: {
-                _: 0,
-                xl: 4
-              },
-              color: "navy-500",
-              children: "/mo"
-            })]
-          })]
-        })
       }), /*#__PURE__*/_jsx(Text, {
-        color: "navy-500",
-        center: true,
-        mt: compact ? 0 : {
-          _: 8,
-          xl: 0
-        },
-        children: product === Product.Basic ? /*#__PURE__*/_jsx(Text, {
-          mb: 24,
-          children: "Always free"
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Text, {
-            mb: compact ? 0 : 8,
-            "aria-hidden": true,
-            children: isTeams ? 'Per user, billed annually' : isUserInIndia ? `Per month, paid ${cycle}` : `Billed ${cycle}`
-          }), /*#__PURE__*/_jsx("br", {}), monthlyPrice && /*#__PURE__*/_jsx(Text, {
-            "aria-hidden": true,
-            children: `or ${getCurrencySymbol(currency)}${monthlyPrice} ${isUserInIndia ? 'paid' : 'billed'} monthly`
-          }), isTeams && /*#__PURE__*/_jsx(Text, {
-            "aria-hidden": true,
-            children: "Discounts available for eligible teams"
-          })]
-        })
+        fontWeight: "bold",
+        fontSize: 34,
+        "aria-hidden": true,
+        children: currencySymbol
+      }), /*#__PURE__*/_jsx(Amount, {
+        "aria-hidden": true,
+        children: `${dollars}`
+      }), product === Product.Basic ? null : /*#__PURE__*/_jsxs(FlexBox, {
+        column: true,
+        ml: 4,
+        "aria-hidden": true,
+        children: [/*#__PURE__*/_jsx(Text, {
+          fontWeight: "bold",
+          fontSize: 22,
+          children: cents ? `.${cents}` : /*#__PURE__*/_jsx("span", {
+            children: "\xA0"
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          color: "text-secondary",
+          children: "/mo"
+        })]
       })]
-    })
+    }), /*#__PURE__*/_jsx(Text, {
+      color: "text-secondary",
+      center: true,
+      mt: {
+        _: 8,
+        xl: 0
+      },
+      children: product === Product.Basic ? /*#__PURE__*/_jsx(Text, {
+        mb: 24,
+        children: "Always free"
+      }) : /*#__PURE__*/_jsxs(FlexBox, {
+        column: true,
+        children: [/*#__PURE__*/_jsx(Text, {
+          mb: 8,
+          children: `Billed ${cycle} or`
+        }), monthlyPrice && /*#__PURE__*/_jsx(Text, {
+          children: `${currencySymbol}${monthlyPrice} billed monthly`
+        })]
+      })
+    })]
   });
 };

package/dist/PricingSection/PricingCard/consts.js

@@ -75,20 +75,6 @@ export const planDetails = {
     isLite: true,
     features: getFeatures(['Basic access to free courses', 'Community support', 'Learning resources', 'Real-world projects', 'All courses', 'Skill paths', 'Certificates of completion'])
   },
-  teams: {
-    id: 'teams',
-    title: 'Teams',
-    tag: 'Recommended for 2+',
-    isLite: false,
-    features: getFeatures()
-  },
-  enterprise: {
-    id: 'enterprise',
-    title: 'Enterprise',
-    tag: 'Recommended for 25+',
-    isLite: false,
-    features: getFeatures()
-  },
   free: {
     id: 'free',
     title: 'Pro',

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

@@ -1,12 +1,12 @@
 import { PlansByType } from '../config';
-import { Product, ProductDetails, User } from '../types';
-import { AllCurrency } from './types';
+import { CopyConfig, CtaConfig, Product, ProductDetails } from '../types';
 export declare const smSize = 728;
-export declare const PricingCard: ({ product, productDetails, currency, plansByType, isUserInIndia, user, }: {
+export declare const PricingCard: React.FC<{
     product: Product;
     productDetails: ProductDetails;
-    currency: AllCurrency;
     plansByType: PlansByType;
     isUserInIndia: boolean;
-    user: User;
-}) => import("react/jsx-runtime").JSX.Element;
+    isCurrentPlan?: boolean;
+    ctaConfig?: CtaConfig[keyof CtaConfig];
+    copyConfig?: CopyConfig[keyof CopyConfig];
+}>;