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

package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { GlobalFooterClickHandler } from '../types';
+import type { ReferralRockUrls } from './ReferralRock/types';
+export type CompanyLinksProps = {
+    hidePricing?: boolean;
+    onClick: GlobalFooterClickHandler;
+    userGeo?: string;
+    referralRockUrls?: ReferralRockUrls;
+    isBusinessUser?: boolean;
+};
+export declare const CompanyLinks: React.FC<CompanyLinksProps>;

package/dist/GlobalFooter/FooterNavLinks/CompanyLinks.js

@@ -1,252 +1,287 @@
-import { LogoFromSkillsoft } from "../../Logos/LogoFromSkillsoft/index.js";
-import { footerResourcesList } from "../../lib/resourcesList/index.js";
-import { FooterHeading } from "../FooterHeading.js";
-import { FooterLinkItem, FooterLinkItemWithAnchor, FooterLinkItems } from "../FooterLinks.js";
-import { ReferAFriendLinkWithModal } from "./ReferralRock/ReferAFriendLinkWithModal.js";
-import { SocialMediaLinks } from "./SocialMediaLinks.js";
-import { Anchor, Box, Column, LayoutGrid } from "@codecademy/gamut";
-import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Anchor, Box, Column, LayoutGrid } from '@codecademy/gamut';
+import * as React from 'react';
+import { LogoFromSkillsoft } from '../..';
+import { footerResourcesList } from '../../lib/resourcesList';
+import { FooterHeading } from '../FooterHeading';
+import { FooterLinkItem, FooterLinkItems, FooterLinkItemWithAnchor } from '../FooterLinks';
+import { ReferAFriendLinkWithModal } from './ReferralRock/ReferAFriendLinkWithModal';
+import { SocialMediaLinks } from './SocialMediaLinks';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const CompanyLinks = ({
+  hidePricing,
+  onClick,
+  userGeo,
+  referralRockUrls,
+  isBusinessUser
+}) => {
+  const community = /*#__PURE__*/_jsxs(Box, {
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Community"
+    }), /*#__PURE__*/_jsxs(FooterLinkItems, {
+      children: [/*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://community.codecademy.com/c/start-here/",
+          onClick: event => onClick({
+            event,
+            target: 'visit-community'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Visit community"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://try.codecademy.com/code-crew/",
+          onClick: event => onClick({
+            event,
+            target: 'code-crew'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Code Crew"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/events",
+          onClick: event => onClick({
+            event,
+            target: 'events'
+          }),
+          variant: "interface",
+          children: "Events"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://www.codecademy.com/resources/blog/category/learner-stories",
+          onClick: event => onClick({
+            event,
+            target: 'learner-stories'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Learner Stories"
+        })
+      }), referralRockUrls && userGeo !== 'IN' ? /*#__PURE__*/_jsx(ReferAFriendLinkWithModal, {
+        referralRockUrls: referralRockUrls,
+        onClick: onClick
+      }) : null]
+    })]
+  });
+  const company = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Company"
+    }), /*#__PURE__*/_jsxs(FooterLinkItems, {
+      children: [/*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/about",
+          onClick: event => onClick({
+            event,
+            target: 'about'
+          }),
+          variant: "interface",
+          children: "About"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/about/careers",
+          onClick: event => onClick({
+            event,
+            target: 'jobs'
+          }),
+          variant: "interface",
+          children: "Careers"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/codecademy-affiliate-program",
+          onClick: event => onClick({
+            event,
+            target: 'affiliate_program'
+          }),
+          variant: "interface",
+          children: "Affiliates"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/partnerships",
+          onClick: event => onClick({
+            event,
+            target: 'partnerships'
+          }),
+          variant: "interface",
+          children: "Partnerships"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(SocialMediaLinks, {})
+      })]
+    })]
+  });
+  const plans = /*#__PURE__*/_jsxs(Box, {
+    mb: {
+      _: 0,
+      sm: 24
+    },
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Plans"
+    }), /*#__PURE__*/_jsxs(FooterLinkItems, {
+      children: [/*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/paid-plans",
+          onClick: event => onClick({
+            event,
+            target: 'pro_membership'
+          }),
+          variant: "interface",
+          children: "For individuals"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/student-center",
+          onClick: event => onClick({
+            event,
+            target: 'students'
+          }),
+          variant: "interface",
+          children: "For students"
+        })
+      }), !isBusinessUser && /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/business",
+          onClick: event => onClick({
+            event,
+            target: 'business_landing'
+          }),
+          variant: "interface",
+          children: "For business"
+        })
+      }), /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "/pages/codecademy-discount-codes",
+          onClick: event => onClick({
+            event,
+            target: 'codecademy-discounts'
+          }),
+          variant: "interface",
+          children: "Discounts"
+        })
+      })]
+    })]
+  });
+  const resources = display => /*#__PURE__*/_jsxs(Box, {
+    display: display,
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Resources"
+    }), /*#__PURE__*/_jsx(FooterLinkItems, {
+      children: footerResourcesList.map(({
+        id,
+        trackingTarget,
+        href,
+        text,
+        newTab
+      }) => /*#__PURE__*/_jsx(FooterLinkItemWithAnchor, {
+        footerOnClick: onClick,
+        trackingTarget: trackingTarget,
+        href: href,
+        variant: "interface",
+        target: newTab ? '_blank' : '',
+        children: text
+      }, id))
+    })]
+  });
+  const support = display => /*#__PURE__*/_jsxs(Box, {
+    display: display,
+    mt: {
+      _: 0,
+      sm: 24
+    },
+    children: [/*#__PURE__*/_jsx(FooterHeading, {
+      children: "Support"
+    }), /*#__PURE__*/_jsx(FooterLinkItems, {
+      children: /*#__PURE__*/_jsx(FooterLinkItem, {
+        children: /*#__PURE__*/_jsx(Anchor, {
+          href: "https://help.codecademy.com",
+          onClick: event => onClick({
+            event,
+            target: 'help'
+          }),
+          target: "_blank",
+          variant: "interface",
+          children: "Help Center"
+        })
+      })
+    })]
+  });
+  const logo = display => /*#__PURE__*/_jsx(Box, {
+    display: display,
+    mt: "auto",
+    children: /*#__PURE__*/_jsx(FooterHeading, {
+      as: "span",
+      children: /*#__PURE__*/_jsx(LogoFromSkillsoft, {
+        height: 40
+      })
+    })
+  });
 
-//#region src/GlobalFooter/FooterNavLinks/CompanyLinks.tsx
-const CompanyLinks = ({ hidePricing, onClick, userGeo, referralRockUrls, isBusinessUser }) => {
-	const community = /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(FooterHeading, { children: "Community" }), /* @__PURE__ */ jsxs(FooterLinkItems, { children: [
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "https://community.codecademy.com/c/start-here/",
-			onClick: (event) => onClick({
-				event,
-				target: "visit-community"
-			}),
-			target: "_blank",
-			variant: "interface",
-			children: "Visit community"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "https://try.codecademy.com/code-crew/",
-			onClick: (event) => onClick({
-				event,
-				target: "code-crew"
-			}),
-			target: "_blank",
-			variant: "interface",
-			children: "Code Crew"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "/events",
-			onClick: (event) => onClick({
-				event,
-				target: "events"
-			}),
-			variant: "interface",
-			children: "Events"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "https://www.codecademy.com/resources/blog/category/learner-stories",
-			onClick: (event) => onClick({
-				event,
-				target: "learner-stories"
-			}),
-			target: "_blank",
-			variant: "interface",
-			children: "Learner Stories"
-		}) }),
-		referralRockUrls && userGeo !== "IN" ? /* @__PURE__ */ jsx(ReferAFriendLinkWithModal, {
-			referralRockUrls,
-			onClick
-		}) : null
-	] })] });
-	const company = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FooterHeading, { children: "Company" }), /* @__PURE__ */ jsxs(FooterLinkItems, { children: [
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "/about",
-			onClick: (event) => onClick({
-				event,
-				target: "about"
-			}),
-			variant: "interface",
-			children: "About"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "/about/careers",
-			onClick: (event) => onClick({
-				event,
-				target: "jobs"
-			}),
-			variant: "interface",
-			children: "Careers"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "/pages/codecademy-affiliate-program",
-			onClick: (event) => onClick({
-				event,
-				target: "affiliate_program"
-			}),
-			variant: "interface",
-			children: "Affiliates"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "/pages/partnerships",
-			onClick: (event) => onClick({
-				event,
-				target: "partnerships"
-			}),
-			variant: "interface",
-			children: "Partnerships"
-		}) }),
-		/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(SocialMediaLinks, {}) })
-	] })] });
-	const plans = /* @__PURE__ */ jsxs(Box, {
-		mb: {
-			_: 0,
-			sm: 24
-		},
-		children: [/* @__PURE__ */ jsx(FooterHeading, { children: "Plans" }), /* @__PURE__ */ jsxs(FooterLinkItems, { children: [
-			/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-				href: "/pages/paid-plans",
-				onClick: (event) => onClick({
-					event,
-					target: "pro_membership"
-				}),
-				variant: "interface",
-				children: "For individuals"
-			}) }),
-			/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-				href: "/student-center",
-				onClick: (event) => onClick({
-					event,
-					target: "students"
-				}),
-				variant: "interface",
-				children: "For students"
-			}) }),
-			!isBusinessUser && /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-				href: "/business",
-				onClick: (event) => onClick({
-					event,
-					target: "business_landing"
-				}),
-				variant: "interface",
-				children: "For business"
-			}) }),
-			/* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-				href: "/pages/codecademy-discount-codes",
-				onClick: (event) => onClick({
-					event,
-					target: "codecademy-discounts"
-				}),
-				variant: "interface",
-				children: "Discounts"
-			}) })
-		] })]
-	});
-	const resources = (display) => /* @__PURE__ */ jsxs(Box, {
-		display,
-		children: [/* @__PURE__ */ jsx(FooterHeading, { children: "Resources" }), /* @__PURE__ */ jsx(FooterLinkItems, { children: footerResourcesList.map(({ id, trackingTarget, href, text, newTab }) => /* @__PURE__ */ jsx(FooterLinkItemWithAnchor, {
-			footerOnClick: onClick,
-			trackingTarget,
-			href,
-			variant: "interface",
-			target: newTab ? "_blank" : "",
-			children: text
-		}, id)) })]
-	});
-	const support = (display) => /* @__PURE__ */ jsxs(Box, {
-		display,
-		mt: {
-			_: 0,
-			sm: 24
-		},
-		children: [/* @__PURE__ */ jsx(FooterHeading, { children: "Support" }), /* @__PURE__ */ jsx(FooterLinkItems, { children: /* @__PURE__ */ jsx(FooterLinkItem, { children: /* @__PURE__ */ jsx(Anchor, {
-			href: "https://help.codecademy.com",
-			onClick: (event) => onClick({
-				event,
-				target: "help"
-			}),
-			target: "_blank",
-			variant: "interface",
-			children: "Help Center"
-		}) }) })]
-	});
-	const logo = (display) => /* @__PURE__ */ jsx(Box, {
-		display,
-		mt: "auto",
-		children: /* @__PURE__ */ jsx(FooterHeading, {
-			as: "span",
-			children: /* @__PURE__ */ jsx(LogoFromSkillsoft, { height: 40 })
-		})
-	});
-	return /* @__PURE__ */ jsxs(LayoutGrid, { children: [
-		/* @__PURE__ */ jsxs(Column, {
-			size: {
-				_: 6,
-				sm: 4
-			},
-			order: 1,
-			gridTemplateRows: "min-content",
-			children: [
-				company,
-				resources({
-					_: "unset",
-					sm: "none"
-				}),
-				support({
-					_: "unset",
-					sm: "none"
-				})
-			]
-		}),
-		/* @__PURE__ */ jsxs(Column, {
-			size: {
-				_: 6,
-				sm: 4
-			},
-			order: {
-				_: 3,
-				sm: 2
-			},
-			gridTemplateRows: "min-content",
-			children: [resources({
-				_: "none",
-				sm: "unset"
-			}), support({
-				_: "none",
-				sm: "unset"
-			})]
-		}),
-		/* @__PURE__ */ jsxs(Column, {
-			size: {
-				_: 6,
-				sm: 4
-			},
-			order: {
-				_: 2,
-				sm: 3
-			},
-			gridTemplateRows: "min-content",
-			children: [
-				hidePricing ? null : plans,
-				community,
-				logo({
-					_: "unset",
-					sm: "none"
-				})
-			]
-		}),
-		/* @__PURE__ */ jsx(Column, {
-			size: 4,
-			order: 4,
-			gridTemplateRows: "min-content",
-			mt: "auto",
-			display: {
-				_: "none",
-				sm: "block"
-			},
-			children: logo({
-				_: "none",
-				sm: "unset"
-			})
-		})
-	] });
-};
-
-//#endregion
-export { CompanyLinks };
+  // Footer items change placement depending on screen size
+  return /*#__PURE__*/_jsxs(LayoutGrid, {
+    children: [/*#__PURE__*/_jsxs(Column, {
+      size: {
+        _: 6,
+        sm: 4
+      },
+      order: 1,
+      gridTemplateRows: "min-content",
+      children: [company, resources({
+        _: 'unset',
+        sm: 'none'
+      }), support({
+        _: 'unset',
+        sm: 'none'
+      })]
+    }), /*#__PURE__*/_jsxs(Column, {
+      size: {
+        _: 6,
+        sm: 4
+      },
+      order: {
+        _: 3,
+        sm: 2
+      },
+      gridTemplateRows: "min-content",
+      children: [resources({
+        _: 'none',
+        sm: 'unset'
+      }), support({
+        _: 'none',
+        sm: 'unset'
+      })]
+    }), /*#__PURE__*/_jsxs(Column, {
+      size: {
+        _: 6,
+        sm: 4
+      },
+      order: {
+        _: 2,
+        sm: 3
+      },
+      gridTemplateRows: "min-content",
+      children: [hidePricing ? null : plans, community, logo({
+        _: 'unset',
+        sm: 'none'
+      })]
+    }), /*#__PURE__*/_jsx(Column, {
+      size: 4,
+      order: 4,
+      gridTemplateRows: "min-content",
+      mt: "auto",
+      display: {
+        _: 'none',
+        sm: 'block'
+      },
+      children: logo({
+        _: 'none',
+        sm: 'unset'
+      })
+    })]
+  });
+};

package/dist/GlobalFooter/FooterNavLinks/ReferralRock/ReferAFriendLinkWithModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { GlobalFooterClickHandler } from '../../types';
+import type { ReferralRockUrls } from './types';
+export declare const ReferAFriendLinkWithModal: React.FC<{
+    referralRockUrls: ReferralRockUrls;
+    onClick: GlobalFooterClickHandler;
+}>;