@codecademy/brand 3.22.0-alpha.f077b43a07.0 → 3.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js +6 -5
- package/dist/GlobalHeader/GlobalHeaderVariants.d.ts +22 -77
- package/dist/GlobalHeader/GlobalHeaderVariants.js +32 -150
- package/dist/GlobalHeader/index.d.ts +1 -0
- package/dist/GlobalHeader/index.js +60 -114
- package/dist/GlobalHeader/types.d.ts +1 -0
- package/dist/LearningOutcomeTile/index.js +2 -1
- package/package.json +1 -1
|
File without changes
|
|
@@ -5,15 +5,15 @@ import { useContext, useState } from 'react';
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';
|
|
7
7
|
import { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';
|
|
8
|
-
import { GlobalNavRedesignContext } from '../../GlobalHeader';
|
|
8
|
+
import { BlpHeroExperimentContext, GlobalNavRedesignContext } from '../../GlobalHeader';
|
|
9
9
|
import { login, requestTeamsDemo, signUp, signUpTextButton } from '../../GlobalHeader/GlobalHeaderItems';
|
|
10
10
|
import { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';
|
|
11
11
|
import { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';
|
|
12
12
|
import { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';
|
|
13
13
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
const
|
|
14
|
+
const isBusinessPageExperiment = isBlpHeroExperimentVariant => {
|
|
15
15
|
if (typeof window === 'undefined') return false;
|
|
16
|
-
return window.location.pathname === '/business' || window.location.pathname === '/business/pricing';
|
|
16
|
+
return (window.location.pathname === '/business' || window.location.pathname === '/business/pricing') && isBlpHeroExperimentVariant;
|
|
17
17
|
};
|
|
18
18
|
const BackgroundWrapper = /*#__PURE__*/_styled(Box, {
|
|
19
19
|
target: "emi0o3k0",
|
|
@@ -26,7 +26,7 @@ const BackgroundWrapper = /*#__PURE__*/_styled(Box, {
|
|
|
26
26
|
borderRadius: 'lg',
|
|
27
27
|
padding: '16px'
|
|
28
28
|
}
|
|
29
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbnRlbnRDb250YWluZXIsXG4gIEZpbGxCdXR0b24sXG4gIFRleHQsXG4gIFRleHRCdXR0b24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGluayB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVySXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZCc7XG5pbXBvcnQge1xuICBCbHBIZXJvRXhwZXJpbWVudENvbnRleHQsXG4gIEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCxcbn0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7XG4gIGxvZ2luLFxuICByZXF1ZXN0VGVhbXNEZW1vLFxuICBzaWduVXAsXG4gIHNpZ25VcFRleHRCdXR0b24sXG59IGZyb20gJy4uLy4uL0dsb2JhbEhlYWRlci9HbG9iYWxIZWFkZXJJdGVtcyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJTdWJOYXZNb2JpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTdWJNZW51TW9iaWxlJztcbmltcG9ydCB7IE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4uL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUvZWxlbWVudHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU3ViTWVudVJvdyB9IGZyb20gJy4uL0FwcEhlYWRlclN1Yk1lbnVUYXJnZXQnO1xuXG5jb25zdCBpc0J1c2luZXNzUGFnZUV4cGVyaW1lbnQgPSAoXG4gIGlzQmxwSGVyb0V4cGVyaW1lbnRWYXJpYW50OiBib29sZWFuXG4pOiBib29sZWFuID0+IHtcbiAgaWYgKHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnKSByZXR1cm4gZmFsc2U7XG4gIHJldHVybiAoXG4gICAgKHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSA9PT0gJy9idXNpbmVzcycgfHxcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSA9PT0gJy9idXNpbmVzcy9wcmljaW5nJykgJiZcbiAgICBpc0JscEhlcm9FeHBlcmltZW50VmFyaWFudFxuICApO1xufTtcblxuY29uc3QgQmFja2dyb3VuZFdyYXBwZXIgPSBzdHlsZWQoQm94KTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+KFxuICBjc3Moe30pLFxuICBzdGF0ZXMoe1xuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLndoaXRlLFxuICAgICAgYm9yZGVyOiAxLFxuICAgICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgcGFkZGluZzogJzE2cHgnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJNYWluTWVudU1vYmlsZVByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtczogQXBwSGVhZGVySXRlbVtdO1xuICBnZXRJdGVtVHlwZTogKHR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gdm9pZDtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBoYW5kbGVDbG9zZU1haW5NZW51OiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlck1haW5NZW51TW9iaWxlOiBSZWFjdC5GQzxcbiAgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGVQcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbXMsIGdldEl0ZW1UeXBlLCBpc0Fub24sIGhhbmRsZUNsb3NlTWFpbk1lbnUgfSkgPT4ge1xuICBjb25zdCBbc3ViTWVudUl0ZW0sIHNldFN1Yk1lbnVJdGVtXSA9IHVzZVN0YXRlPEFwcEhlYWRlckRyb3Bkb3duSXRlbT4oKTtcbiAgY29uc3QgaXNCbHBIZXJvRXhwZXJpbWVudFZhcmlhbnQgPSB1c2VDb250ZXh0KEJscEhlcm9FeHBlcmltZW50Q29udGV4dCk7XG4gIGNvbnN0IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA9IHVzZUNvbnRleHQoR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0KTtcblxuICBjb25zdCBvcGVuU3ViTWVudSA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgKSA9PiB7XG4gICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICBzZXRTdWJNZW51SXRlbShpdGVtKTtcbiAgICBnZXRJdGVtVHlwZShpdGVtLnR5cGUpO1xuICB9O1xuXG4gIGNvbnN0IGNsb3NlU3ViTWVudSA9ICgpID0+IHtcbiAgICBzZXRTdWJNZW51SXRlbSh1bmRlZmluZWQpO1xuICAgIGdldEl0ZW1UeXBlKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3QgbWFwSXRlbVRvRWxlbWVudCA9IChcbiAgICBpdGVtOiBBcHBIZWFkZXJJdGVtLFxuICAgIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyXG4gICkgPT4ge1xuICAgIHN3aXRjaCAoaXRlbS50eXBlKSB7XG4gICAgICBjYXNlICdsaW5rJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8QXBwSGVhZGVyTGluayBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0ga2V5PXtpdGVtLmlkfSBtb2JpbGUgLz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ2Ryb3Bkb3duJzpcbiAgICAgIGNhc2UgJ3Byb2ZpbGUtZHJvcGRvd24nOlxuICAgICAgY2FzZSAnY2F0YWxvZy1kcm9wZG93bic6XG4gICAgICBjYXNlICdyZXNvdXJjZXMtZHJvcGRvd24nOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxBcHBIZWFkZXJTdWJNZW51Um93XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgb3BlblN1Yk1lbnU9e29wZW5TdWJNZW51fVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXsyMn0gbXQ9ezE2fSBtYj17MTZ9PlxuICAgICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEFwcEhlYWRlckxpbmtTZWN0aW9ucyBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0gbW9iaWxlIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdmaWxsLWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgICBtdD17MjR9XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBjYXNlICd0ZXh0LWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgIG10PXsxNn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gPD48Lz47XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBzdWJNZW51SXRlbSA/IChcbiAgICA8QXBwSGVhZGVyU3ViTmF2TW9iaWxlXG4gICAgICBoYW5kbGVDbG9zZVN1Yk1lbnU9e2Nsb3NlU3ViTWVudX1cbiAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgaXRlbT17c3ViTWVudUl0ZW19XG4gICAgICBoYW5kbGVDbG9zZU1haW5NZW51PXtoYW5kbGVDbG9zZU1haW5NZW51fVxuICAgIC8+XG4gICkgOiAoXG4gICAgPENvbnRlbnRDb250YWluZXJcbiAgICAgIHJvbGU9XCJuYXZpZ2F0aW9uXCJcbiAgICAgIGFyaWEtbGFiZWw9XCJzaXRlIG5hdmlnYXRpb25cIlxuICAgICAgdGFiSW5kZXg9ey0xfVxuICAgID5cbiAgICAgIDxCYWNrZ3JvdW5kV3JhcHBlciBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ249e2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbn0+XG4gICAgICAgIDxNb2JpbGVVbFdyYXBwZXIgYXM9XCJ1bFwiPlxuICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IG1hcEl0ZW1Ub0VsZW1lbnQoaXRlbSwgYWN0aW9uKSl9XG4gICAgICAgICAge2lzQW5vbiAmJiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdiYXNlbGluZScsXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6ICcxNnB4JyxcbiAgICAgICAgICAgICAgICBib3JkZXJUb3A6ICcxcHggc29saWQgdmFyKC0tYm9yZGVyLXRlcnRpYXJ5KScsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtpc0J1c2luZXNzUGFnZUV4cGVyaW1lbnQoaXNCbHBIZXJvRXhwZXJpbWVudFZhcmlhbnQpID8gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwVGV4dEJ1dHRvbi5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtzaWduVXBUZXh0QnV0dG9uLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHNpZ25VcFRleHRCdXR0b24pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXBUZXh0QnV0dG9uLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7c2lnblVwVGV4dEJ1dHRvbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17cmVxdWVzdFRlYW1zRGVtby5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtyZXF1ZXN0VGVhbXNEZW1vLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHJlcXVlc3RUZWFtc0RlbW8pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtyZXF1ZXN0VGVhbXNEZW1vLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7cmVxdWVzdFRlYW1zRGVtby50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3NpZ25VcC5ocmVmfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgc2lnblVwKX1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXAuaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzaWduVXAudGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cblxuICAgICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgICAga2V5PXtsb2dpbi5pZH1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2xvZ2luLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e2xvZ2luLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBsb2dpbil9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsb2dpbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Nb2JpbGVVbFdyYXBwZXI+XG4gICAgICA8L0JhY2tncm91bmRXcmFwcGVyPlxuICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */");
|
|
30
30
|
export const AppHeaderMainMenuMobile = ({
|
|
31
31
|
action,
|
|
32
32
|
items,
|
|
@@ -35,6 +35,7 @@ export const AppHeaderMainMenuMobile = ({
|
|
|
35
35
|
handleCloseMainMenu
|
|
36
36
|
}) => {
|
|
37
37
|
const [subMenuItem, setSubMenuItem] = useState();
|
|
38
|
+
const isBlpHeroExperimentVariant = useContext(BlpHeroExperimentContext);
|
|
38
39
|
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
39
40
|
const openSubMenu = (event, item) => {
|
|
40
41
|
action(event, item);
|
|
@@ -116,7 +117,7 @@ export const AppHeaderMainMenuMobile = ({
|
|
|
116
117
|
paddingTop: '16px',
|
|
117
118
|
borderTop: '1px solid var(--border-tertiary)'
|
|
118
119
|
},
|
|
119
|
-
children:
|
|
120
|
+
children: isBusinessPageExperiment(isBlpHeroExperimentVariant) ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
120
121
|
children: [/*#__PURE__*/_jsx(TextButton, {
|
|
121
122
|
"data-testid": signUpTextButton.dataTestId,
|
|
122
123
|
href: signUpTextButton.href,
|
|
@@ -1,83 +1,28 @@
|
|
|
1
|
-
import { FormattedAppHeaderItems, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
|
|
1
|
+
import { AppHeaderItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
|
|
2
2
|
import { GlobalHeaderProps } from '.';
|
|
3
3
|
import { User } from './types';
|
|
4
|
-
export declare const anonDefaultHeaderItems: (
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export declare const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export declare const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export declare const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}) => FormattedMobileAppHeaderItems;
|
|
24
|
-
export declare const anonLoginHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
25
|
-
hidePricing?: boolean;
|
|
26
|
-
user?: User;
|
|
27
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
28
|
-
}) => FormattedAppHeaderItems;
|
|
29
|
-
export declare const anonLoginMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
30
|
-
hidePricing?: boolean;
|
|
31
|
-
user?: User;
|
|
32
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
33
|
-
}) => FormattedMobileAppHeaderItems;
|
|
34
|
-
export declare const anonSignupHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
35
|
-
hidePricing?: boolean;
|
|
36
|
-
user?: User;
|
|
37
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
38
|
-
}) => FormattedAppHeaderItems;
|
|
39
|
-
export declare const anonSignupMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
40
|
-
hidePricing?: boolean;
|
|
41
|
-
user?: User;
|
|
42
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
43
|
-
}) => FormattedMobileAppHeaderItems;
|
|
44
|
-
export declare const freeHeaderItems: ({ user, hidePricing, isInRevampedBlpExperimentVariant, }: {
|
|
45
|
-
user: User;
|
|
46
|
-
hidePricing?: boolean;
|
|
47
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
48
|
-
}) => FormattedAppHeaderItems;
|
|
49
|
-
export declare const freeMobileHeaderItems: ({ user, hidePricing, isInRevampedBlpExperimentVariant, }: {
|
|
50
|
-
user: User;
|
|
51
|
-
hidePricing?: boolean;
|
|
52
|
-
isInRevampedBlpExperimentVariant?: boolean;
|
|
53
|
-
}) => FormattedMobileAppHeaderItems;
|
|
54
|
-
export declare const enterpriseHeaderItems: ({ user, props, }: {
|
|
55
|
-
user: User;
|
|
56
|
-
props: GlobalHeaderProps;
|
|
57
|
-
}) => FormattedAppHeaderItems;
|
|
58
|
-
export declare const proHeaderItems: ({ user, }: {
|
|
59
|
-
user: User;
|
|
60
|
-
}) => FormattedAppHeaderItems;
|
|
61
|
-
export declare const teamsHeaderItems: ({ user, }: {
|
|
62
|
-
user: User;
|
|
63
|
-
}) => FormattedAppHeaderItems;
|
|
64
|
-
export declare const enterpriseMobileHeaderItems: ({ user, props, }: {
|
|
65
|
-
user: User;
|
|
66
|
-
props: GlobalHeaderProps;
|
|
67
|
-
}) => FormattedMobileAppHeaderItems;
|
|
68
|
-
export declare const proMobileHeaderItems: ({ user, }: {
|
|
69
|
-
user: User;
|
|
70
|
-
}) => FormattedMobileAppHeaderItems;
|
|
71
|
-
export declare const teamsMobileHeaderItems: ({ user, }: {
|
|
72
|
-
user: User;
|
|
73
|
-
}) => FormattedMobileAppHeaderItems;
|
|
4
|
+
export declare const anonDefaultHeaderItems: (hidePricing?: boolean, user?: User, isBlpHeroExperimentVariant?: boolean, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
5
|
+
export declare const anonDefaultMobileHeaderItems: (hidePricing?: boolean, user?: User, isBlpHeroExperimentVariant?: boolean, isInRevampedBlpExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
6
|
+
export declare const anonLandingHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
7
|
+
export declare const anonLandingMobileHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
8
|
+
export declare const anonLoginHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
9
|
+
export declare const anonLoginMobileHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
10
|
+
export declare const anonSignupHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
11
|
+
export declare const anonSignupMobileHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
12
|
+
export declare const freeHeaderItems: (user: User, hidePricing?: boolean, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
13
|
+
export declare const freeMobileHeaderItems: (user: User, hidePricing?: boolean, isInRevampedBlpExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
14
|
+
export declare const enterpriseHeaderItems: (user: User, props: GlobalHeaderProps) => {
|
|
15
|
+
left: AppHeaderItem[];
|
|
16
|
+
right: never[];
|
|
17
|
+
};
|
|
18
|
+
export declare const proHeaderItems: (user: User) => FormattedAppHeaderItems;
|
|
19
|
+
export declare const teamsHeaderItems: (user: User) => FormattedAppHeaderItems;
|
|
20
|
+
export declare const enterpriseMobileHeaderItems: (user: User, props: GlobalHeaderProps) => FormattedMobileAppHeaderItems;
|
|
21
|
+
export declare const proMobileHeaderItems: (user: User) => FormattedMobileAppHeaderItems;
|
|
22
|
+
export declare const teamsMobileHeaderItems: (user: User) => FormattedMobileAppHeaderItems;
|
|
74
23
|
export declare const loadingHeaderItems: FormattedAppHeaderItems;
|
|
75
24
|
export declare const loadingMobileHeaderItems: FormattedMobileAppHeaderItems;
|
|
76
25
|
export declare const simpleHeaderItems: FormattedAppHeaderItems;
|
|
77
26
|
export declare const simpleMobileHeaderItems: FormattedMobileAppHeaderItems;
|
|
78
|
-
export declare const simpleBootcampHeaderItems: (
|
|
79
|
-
|
|
80
|
-
}) => FormattedAppHeaderItems;
|
|
81
|
-
export declare const simpleBootcampMobileHeaderItems: ({ bootcampSlug, }: {
|
|
82
|
-
bootcampSlug: string;
|
|
83
|
-
}) => FormattedMobileAppHeaderItems;
|
|
27
|
+
export declare const simpleBootcampHeaderItems: (bootcampSlug: string) => FormattedAppHeaderItems;
|
|
28
|
+
export declare const simpleBootcampMobileHeaderItems: (bootcampSlug: string) => FormattedMobileAppHeaderItems;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
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';
|
|
2
|
-
const isBusinessPage =
|
|
2
|
+
const isBusinessPage = isBlpHeroExperimentVariant => {
|
|
3
3
|
if (typeof window === 'undefined') return false;
|
|
4
|
-
return window.location.pathname === '/business' || window.location.pathname === '/business/pricing';
|
|
4
|
+
return (window.location.pathname === '/business' || window.location.pathname === '/business/pricing') && Boolean(isBlpHeroExperimentVariant);
|
|
5
5
|
};
|
|
6
6
|
const transformSimpleResourcesDropdownlabels = resourcesLabel => ({
|
|
7
7
|
...simpleResourcesDropdown,
|
|
@@ -11,20 +11,14 @@ const transformSimpleResourcesDropdownlabels = resourcesLabel => ({
|
|
|
11
11
|
text: resourcesLabel?.[item.id] || item.text
|
|
12
12
|
}))
|
|
13
13
|
});
|
|
14
|
-
const anonHeaderItems = ({
|
|
15
|
-
renderLogin,
|
|
16
|
-
renderSignUp,
|
|
17
|
-
hidePricing,
|
|
18
|
-
user,
|
|
19
|
-
isInRevampedBlpExperimentVariant
|
|
20
|
-
}) => {
|
|
14
|
+
const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
21
15
|
const specialLogo = {
|
|
22
16
|
...logo,
|
|
23
17
|
checkMini: true
|
|
24
18
|
};
|
|
25
19
|
const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), liveLearningHub, businessSolutions];
|
|
26
20
|
const rightItems = [];
|
|
27
|
-
if (isBusinessPage()) {
|
|
21
|
+
if (isBusinessPage(isBlpHeroExperimentVariant)) {
|
|
28
22
|
if (renderSignUp) {
|
|
29
23
|
rightItems.push(signUpTextButton);
|
|
30
24
|
}
|
|
@@ -44,20 +38,14 @@ const anonHeaderItems = ({
|
|
|
44
38
|
right: rightItems
|
|
45
39
|
};
|
|
46
40
|
};
|
|
47
|
-
const anonMobileHeaderItems = ({
|
|
48
|
-
renderLogin,
|
|
49
|
-
renderSignUp,
|
|
50
|
-
hidePricing,
|
|
51
|
-
user,
|
|
52
|
-
isInRevampedBlpExperimentVariant
|
|
53
|
-
}) => {
|
|
41
|
+
const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
54
42
|
const specialLogo = {
|
|
55
43
|
...logo,
|
|
56
44
|
checkMini: true
|
|
57
45
|
};
|
|
58
46
|
const leftItems = [specialLogo];
|
|
59
47
|
const rightItems = [];
|
|
60
|
-
if (isBusinessPage()) {
|
|
48
|
+
if (isBusinessPage(isBlpHeroExperimentVariant)) {
|
|
61
49
|
if (renderSignUp) {
|
|
62
50
|
rightItems.push(signUpTextButton);
|
|
63
51
|
}
|
|
@@ -79,115 +67,31 @@ const anonMobileHeaderItems = ({
|
|
|
79
67
|
mainMenu: mainMenuItems
|
|
80
68
|
};
|
|
81
69
|
};
|
|
82
|
-
export const anonDefaultHeaderItems = ({
|
|
83
|
-
hidePricing,
|
|
84
|
-
user,
|
|
85
|
-
isInRevampedBlpExperimentVariant
|
|
86
|
-
}) => {
|
|
87
|
-
return anonHeaderItems({
|
|
88
|
-
renderLogin: true,
|
|
89
|
-
renderSignUp: true,
|
|
90
|
-
hidePricing,
|
|
91
|
-
user,
|
|
92
|
-
isInRevampedBlpExperimentVariant
|
|
93
|
-
});
|
|
70
|
+
export const anonDefaultHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
71
|
+
return anonHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant);
|
|
94
72
|
};
|
|
95
|
-
export const anonDefaultMobileHeaderItems = ({
|
|
96
|
-
hidePricing,
|
|
97
|
-
user,
|
|
98
|
-
isInRevampedBlpExperimentVariant
|
|
99
|
-
}) => {
|
|
100
|
-
return anonMobileHeaderItems({
|
|
101
|
-
renderLogin: true,
|
|
102
|
-
renderSignUp: true,
|
|
103
|
-
hidePricing,
|
|
104
|
-
user,
|
|
105
|
-
isInRevampedBlpExperimentVariant
|
|
106
|
-
});
|
|
73
|
+
export const anonDefaultMobileHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
74
|
+
return anonMobileHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant);
|
|
107
75
|
};
|
|
108
|
-
export const anonLandingHeaderItems = ({
|
|
109
|
-
hidePricing,
|
|
110
|
-
user,
|
|
111
|
-
isInRevampedBlpExperimentVariant
|
|
112
|
-
}) => {
|
|
113
|
-
return anonHeaderItems({
|
|
114
|
-
renderLogin: true,
|
|
115
|
-
renderSignUp: false,
|
|
116
|
-
hidePricing,
|
|
117
|
-
user,
|
|
118
|
-
isInRevampedBlpExperimentVariant
|
|
119
|
-
});
|
|
76
|
+
export const anonLandingHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
77
|
+
return anonHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
120
78
|
};
|
|
121
|
-
export const anonLandingMobileHeaderItems = ({
|
|
122
|
-
hidePricing,
|
|
123
|
-
user,
|
|
124
|
-
isInRevampedBlpExperimentVariant
|
|
125
|
-
}) => {
|
|
126
|
-
return anonMobileHeaderItems({
|
|
127
|
-
renderLogin: true,
|
|
128
|
-
renderSignUp: false,
|
|
129
|
-
hidePricing,
|
|
130
|
-
user,
|
|
131
|
-
isInRevampedBlpExperimentVariant
|
|
132
|
-
});
|
|
79
|
+
export const anonLandingMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
80
|
+
return anonMobileHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
133
81
|
};
|
|
134
|
-
export const anonLoginHeaderItems = ({
|
|
135
|
-
hidePricing,
|
|
136
|
-
user,
|
|
137
|
-
isInRevampedBlpExperimentVariant
|
|
138
|
-
}) => {
|
|
139
|
-
return anonHeaderItems({
|
|
140
|
-
renderLogin: false,
|
|
141
|
-
renderSignUp: true,
|
|
142
|
-
hidePricing,
|
|
143
|
-
user,
|
|
144
|
-
isInRevampedBlpExperimentVariant
|
|
145
|
-
});
|
|
82
|
+
export const anonLoginHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
83
|
+
return anonHeaderItems(false, true, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
146
84
|
};
|
|
147
|
-
export const anonLoginMobileHeaderItems = ({
|
|
148
|
-
hidePricing,
|
|
149
|
-
user,
|
|
150
|
-
isInRevampedBlpExperimentVariant
|
|
151
|
-
}) => {
|
|
152
|
-
return anonMobileHeaderItems({
|
|
153
|
-
renderLogin: false,
|
|
154
|
-
renderSignUp: true,
|
|
155
|
-
hidePricing,
|
|
156
|
-
user,
|
|
157
|
-
isInRevampedBlpExperimentVariant
|
|
158
|
-
});
|
|
85
|
+
export const anonLoginMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
86
|
+
return anonMobileHeaderItems(false, true, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
159
87
|
};
|
|
160
|
-
export const anonSignupHeaderItems = ({
|
|
161
|
-
hidePricing,
|
|
162
|
-
user,
|
|
163
|
-
isInRevampedBlpExperimentVariant
|
|
164
|
-
}) => {
|
|
165
|
-
return anonHeaderItems({
|
|
166
|
-
renderLogin: false,
|
|
167
|
-
renderSignUp: true,
|
|
168
|
-
hidePricing,
|
|
169
|
-
user,
|
|
170
|
-
isInRevampedBlpExperimentVariant
|
|
171
|
-
});
|
|
88
|
+
export const anonSignupHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
89
|
+
return anonHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
172
90
|
};
|
|
173
|
-
export const anonSignupMobileHeaderItems = ({
|
|
174
|
-
hidePricing,
|
|
175
|
-
user,
|
|
176
|
-
isInRevampedBlpExperimentVariant
|
|
177
|
-
}) => {
|
|
178
|
-
return anonMobileHeaderItems({
|
|
179
|
-
renderLogin: false,
|
|
180
|
-
renderSignUp: true,
|
|
181
|
-
hidePricing,
|
|
182
|
-
user,
|
|
183
|
-
isInRevampedBlpExperimentVariant
|
|
184
|
-
});
|
|
91
|
+
export const anonSignupMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
92
|
+
return anonMobileHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
185
93
|
};
|
|
186
|
-
export const freeHeaderItems = ({
|
|
187
|
-
user,
|
|
188
|
-
hidePricing,
|
|
189
|
-
isInRevampedBlpExperimentVariant
|
|
190
|
-
}) => {
|
|
94
|
+
export const freeHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVariant) => {
|
|
191
95
|
const specialLogo = {
|
|
192
96
|
...logo,
|
|
193
97
|
checkMini: true
|
|
@@ -202,11 +106,7 @@ export const freeHeaderItems = ({
|
|
|
202
106
|
right: rightItems
|
|
203
107
|
};
|
|
204
108
|
};
|
|
205
|
-
export const freeMobileHeaderItems = ({
|
|
206
|
-
user,
|
|
207
|
-
hidePricing,
|
|
208
|
-
isInRevampedBlpExperimentVariant
|
|
209
|
-
}) => {
|
|
109
|
+
export const freeMobileHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVariant) => {
|
|
210
110
|
const specialLogo = {
|
|
211
111
|
...logo,
|
|
212
112
|
checkMini: true
|
|
@@ -221,10 +121,7 @@ export const freeMobileHeaderItems = ({
|
|
|
221
121
|
mainMenu: mainMenuItems
|
|
222
122
|
};
|
|
223
123
|
};
|
|
224
|
-
export const enterpriseHeaderItems = ({
|
|
225
|
-
user,
|
|
226
|
-
props
|
|
227
|
-
}) => {
|
|
124
|
+
export const enterpriseHeaderItems = (user, props) => {
|
|
228
125
|
const {
|
|
229
126
|
hideHeaderLinksInChromeless,
|
|
230
127
|
hideHeaderResourcesDropdown,
|
|
@@ -237,9 +134,7 @@ export const enterpriseHeaderItems = ({
|
|
|
237
134
|
right: []
|
|
238
135
|
};
|
|
239
136
|
};
|
|
240
|
-
export const proHeaderItems =
|
|
241
|
-
user
|
|
242
|
-
}) => {
|
|
137
|
+
export const proHeaderItems = user => {
|
|
243
138
|
const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), liveLearningHub, businessSolutions];
|
|
244
139
|
const rightItems = [];
|
|
245
140
|
rightItems.push(proProfile(user));
|
|
@@ -251,9 +146,7 @@ export const proHeaderItems = ({
|
|
|
251
146
|
right: rightItems
|
|
252
147
|
};
|
|
253
148
|
};
|
|
254
|
-
export const teamsHeaderItems =
|
|
255
|
-
user
|
|
256
|
-
}) => {
|
|
149
|
+
export const teamsHeaderItems = user => {
|
|
257
150
|
const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), liveLearningHub];
|
|
258
151
|
const rightItems = [];
|
|
259
152
|
if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) {
|
|
@@ -265,10 +158,7 @@ export const teamsHeaderItems = ({
|
|
|
265
158
|
right: rightItems
|
|
266
159
|
};
|
|
267
160
|
};
|
|
268
|
-
export const enterpriseMobileHeaderItems = ({
|
|
269
|
-
user,
|
|
270
|
-
props
|
|
271
|
-
}) => {
|
|
161
|
+
export const enterpriseMobileHeaderItems = (user, props) => {
|
|
272
162
|
const {
|
|
273
163
|
hideHeaderLinksInChromeless,
|
|
274
164
|
hideHeaderResourcesDropdown,
|
|
@@ -284,9 +174,7 @@ export const enterpriseMobileHeaderItems = ({
|
|
|
284
174
|
mainMenu: mainMenuItems
|
|
285
175
|
};
|
|
286
176
|
};
|
|
287
|
-
export const proMobileHeaderItems =
|
|
288
|
-
user
|
|
289
|
-
}) => {
|
|
177
|
+
export const proMobileHeaderItems = user => {
|
|
290
178
|
const leftItems = [logo];
|
|
291
179
|
const rightItems = [];
|
|
292
180
|
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), liveLearningHub, businessSolutions, proProfile(user)];
|
|
@@ -299,9 +187,7 @@ export const proMobileHeaderItems = ({
|
|
|
299
187
|
mainMenu: mainMenuItems
|
|
300
188
|
};
|
|
301
189
|
};
|
|
302
|
-
export const teamsMobileHeaderItems =
|
|
303
|
-
user
|
|
304
|
-
}) => {
|
|
190
|
+
export const teamsMobileHeaderItems = user => {
|
|
305
191
|
const leftItems = [logo];
|
|
306
192
|
const rightItems = [];
|
|
307
193
|
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), liveLearningHub, proProfile(user)];
|
|
@@ -332,17 +218,13 @@ export const simpleMobileHeaderItems = {
|
|
|
332
218
|
right: [],
|
|
333
219
|
mainMenu: []
|
|
334
220
|
};
|
|
335
|
-
export const simpleBootcampHeaderItems =
|
|
336
|
-
bootcampSlug
|
|
337
|
-
}) => {
|
|
221
|
+
export const simpleBootcampHeaderItems = bootcampSlug => {
|
|
338
222
|
return {
|
|
339
223
|
left: [logo],
|
|
340
224
|
right: [bootcampCta(bootcampSlug)]
|
|
341
225
|
};
|
|
342
226
|
};
|
|
343
|
-
export const simpleBootcampMobileHeaderItems =
|
|
344
|
-
bootcampSlug
|
|
345
|
-
}) => {
|
|
227
|
+
export const simpleBootcampMobileHeaderItems = bootcampSlug => {
|
|
346
228
|
return {
|
|
347
229
|
left: [logo],
|
|
348
230
|
right: [bootcampCta(bootcampSlug)],
|
|
@@ -3,6 +3,7 @@ import { AnonHeader, EnterpriseHeader, FreeHeader, LoadingHeader, ProHeader, Sim
|
|
|
3
3
|
export * from './types';
|
|
4
4
|
export declare const LiveLearningHubContext: React.Context<boolean>;
|
|
5
5
|
export declare const GlobalNavRedesignContext: React.Context<boolean>;
|
|
6
|
+
export declare const BlpHeroExperimentContext: React.Context<boolean>;
|
|
6
7
|
export declare const RevampedBlpExperimentContext: React.Context<boolean>;
|
|
7
8
|
export type GlobalHeaderProps = AnonHeader | FreeHeader | ProHeader | EnterpriseHeader | TeamsHeader | LoadingHeader | SimpleHeader | SimpleBootcampHeader;
|
|
8
9
|
export declare const GlobalHeader: React.FC<GlobalHeaderProps>;
|
|
@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
export * from './types';
|
|
10
10
|
export const LiveLearningHubContext = /*#__PURE__*/React.createContext(false);
|
|
11
11
|
export const GlobalNavRedesignContext = /*#__PURE__*/React.createContext(false);
|
|
12
|
+
export const BlpHeroExperimentContext = /*#__PURE__*/React.createContext(false);
|
|
12
13
|
export const RevampedBlpExperimentContext = /*#__PURE__*/React.createContext(false);
|
|
13
14
|
|
|
14
15
|
// Overloading getAppHeaderItems function to return different types based on mobile parameter
|
|
@@ -24,84 +25,26 @@ function getAppHeaderItems(props, mobile, dynamicDataLoading) {
|
|
|
24
25
|
case 'anon':
|
|
25
26
|
switch (props.variant) {
|
|
26
27
|
case 'landing':
|
|
27
|
-
return mobile ? anonLandingMobileHeaderItems(
|
|
28
|
-
hidePricing,
|
|
29
|
-
user: props.user,
|
|
30
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
31
|
-
}) : anonLandingHeaderItems({
|
|
32
|
-
hidePricing,
|
|
33
|
-
user: props.user,
|
|
34
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
35
|
-
});
|
|
28
|
+
return mobile ? anonLandingMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonLandingHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
|
|
36
29
|
case 'login':
|
|
37
|
-
return mobile ? anonLoginMobileHeaderItems(
|
|
38
|
-
hidePricing,
|
|
39
|
-
user: props.user,
|
|
40
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
41
|
-
}) : anonLoginHeaderItems({
|
|
42
|
-
hidePricing,
|
|
43
|
-
user: props.user,
|
|
44
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
45
|
-
});
|
|
30
|
+
return mobile ? anonLoginMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonLoginHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
|
|
46
31
|
case 'signup':
|
|
47
|
-
return mobile ? anonSignupMobileHeaderItems(
|
|
48
|
-
hidePricing,
|
|
49
|
-
user: props.user,
|
|
50
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
51
|
-
}) : anonSignupHeaderItems({
|
|
52
|
-
hidePricing,
|
|
53
|
-
user: props.user,
|
|
54
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
55
|
-
});
|
|
32
|
+
return mobile ? anonSignupMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonSignupHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
|
|
56
33
|
default:
|
|
57
|
-
return mobile ? anonDefaultMobileHeaderItems(
|
|
58
|
-
hidePricing,
|
|
59
|
-
user: props.user,
|
|
60
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
61
|
-
}) : anonDefaultHeaderItems({
|
|
62
|
-
hidePricing,
|
|
63
|
-
user: props.user,
|
|
64
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
65
|
-
});
|
|
34
|
+
return mobile ? anonDefaultMobileHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant, props.isInRevampedBlpExperimentVariant) : anonDefaultHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant, props.isInRevampedBlpExperimentVariant);
|
|
66
35
|
}
|
|
67
36
|
case 'enterprise':
|
|
68
|
-
return mobile ? enterpriseMobileHeaderItems(
|
|
69
|
-
user: props.user,
|
|
70
|
-
props
|
|
71
|
-
}) : enterpriseHeaderItems({
|
|
72
|
-
user: props.user,
|
|
73
|
-
props
|
|
74
|
-
});
|
|
37
|
+
return mobile ? enterpriseMobileHeaderItems(props.user, props) : enterpriseHeaderItems(props.user, props);
|
|
75
38
|
case 'free':
|
|
76
|
-
return mobile ? freeMobileHeaderItems(
|
|
77
|
-
user: props.user,
|
|
78
|
-
hidePricing,
|
|
79
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
80
|
-
}) : freeHeaderItems({
|
|
81
|
-
user: props.user,
|
|
82
|
-
hidePricing,
|
|
83
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
84
|
-
});
|
|
39
|
+
return mobile ? freeMobileHeaderItems(props.user, hidePricing, props.isInRevampedBlpExperimentVariant) : freeHeaderItems(props.user, hidePricing, props.isInRevampedBlpExperimentVariant);
|
|
85
40
|
case 'pro':
|
|
86
|
-
return mobile ? proMobileHeaderItems(
|
|
87
|
-
user: props.user
|
|
88
|
-
}) : proHeaderItems({
|
|
89
|
-
user: props.user
|
|
90
|
-
});
|
|
41
|
+
return mobile ? proMobileHeaderItems(props.user) : proHeaderItems(props.user);
|
|
91
42
|
case 'teams':
|
|
92
|
-
return mobile ? teamsMobileHeaderItems(
|
|
93
|
-
user: props.user
|
|
94
|
-
}) : teamsHeaderItems({
|
|
95
|
-
user: props.user
|
|
96
|
-
});
|
|
43
|
+
return mobile ? teamsMobileHeaderItems(props.user) : teamsHeaderItems(props.user);
|
|
97
44
|
case 'simple':
|
|
98
45
|
return mobile ? simpleMobileHeaderItems : simpleHeaderItems;
|
|
99
46
|
case 'bootcamp':
|
|
100
|
-
return mobile ? simpleBootcampMobileHeaderItems(
|
|
101
|
-
bootcampSlug: props.bootcampSlug
|
|
102
|
-
}) : simpleBootcampHeaderItems({
|
|
103
|
-
bootcampSlug: props.bootcampSlug
|
|
104
|
-
});
|
|
47
|
+
return mobile ? simpleBootcampMobileHeaderItems(props.bootcampSlug) : simpleBootcampHeaderItems(props.bootcampSlug);
|
|
105
48
|
case 'loading':
|
|
106
49
|
return mobile ? loadingMobileHeaderItems : loadingHeaderItems;
|
|
107
50
|
}
|
|
@@ -132,53 +75,56 @@ export const GlobalHeader = props => {
|
|
|
132
75
|
},
|
|
133
76
|
children: /*#__PURE__*/_jsx(GlobalNavRedesignContext.Provider, {
|
|
134
77
|
value: !!props.displayGlobalNavRedesign,
|
|
135
|
-
children: /*#__PURE__*/_jsx(
|
|
136
|
-
value: !!props.
|
|
137
|
-
children: /*#__PURE__*/_jsx(
|
|
138
|
-
value:
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
78
|
+
children: /*#__PURE__*/_jsx(BlpHeroExperimentContext.Provider, {
|
|
79
|
+
value: !!props.isBlpHeroExperimentVariant,
|
|
80
|
+
children: /*#__PURE__*/_jsx(RevampedBlpExperimentContext.Provider, {
|
|
81
|
+
value: !!props.isInRevampedBlpExperimentVariant,
|
|
82
|
+
children: /*#__PURE__*/_jsx(GlobalHeaderItemClickContext.Provider, {
|
|
83
|
+
value: {
|
|
84
|
+
globalHeaderItemClick: combinedAction
|
|
85
|
+
},
|
|
86
|
+
children: /*#__PURE__*/_jsx(GlobalHeaderDynamicDataContext.Provider, {
|
|
87
|
+
value: useMemo(() => ({
|
|
88
|
+
globalHeaderDynamicData: dynamicData ?? null
|
|
89
|
+
}), [dynamicData]),
|
|
90
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
91
|
+
as: "header",
|
|
92
|
+
position: "sticky",
|
|
93
|
+
top: 0,
|
|
94
|
+
zIndex: theme.elements.headerZ,
|
|
95
|
+
overflow: {
|
|
96
|
+
_: 'hidden',
|
|
97
|
+
sm: 'visible'
|
|
98
|
+
} // Prevent tooltip overflow on mobile
|
|
99
|
+
,
|
|
100
|
+
children: [/*#__PURE__*/_jsx(AppHeader, {
|
|
101
|
+
action: combinedAction,
|
|
102
|
+
items: getAppHeaderItems(props, false, dynamicDataLoading ?? false),
|
|
103
|
+
search: props.search,
|
|
104
|
+
...(props.type === 'anon' ? {
|
|
105
|
+
redirectParam: props.redirectParam
|
|
106
|
+
} : hideNotification ? {} : {
|
|
107
|
+
notifications: props.notifications
|
|
108
|
+
}),
|
|
109
|
+
hideRightButtonDefaults: hideNotification,
|
|
110
|
+
isAnon: props.type === 'anon',
|
|
111
|
+
isTeams: props.type === 'teams',
|
|
112
|
+
type: hideNotification ? 'enterprise' : 'standard'
|
|
113
|
+
}), /*#__PURE__*/_jsx(AppHeaderMobile, {
|
|
114
|
+
action: combinedAction,
|
|
115
|
+
items: getAppHeaderItems(props, true, dynamicDataLoading ?? false),
|
|
116
|
+
...(props.type === 'anon' || hideNotification ? {} : {
|
|
117
|
+
notifications: props.notifications
|
|
118
|
+
}),
|
|
119
|
+
search: props.search,
|
|
120
|
+
redirectParam: props.type === 'anon' ? props.redirectParam : undefined,
|
|
121
|
+
isEnterprise: props.type === 'enterprise',
|
|
122
|
+
isAnon: props.type === 'anon',
|
|
123
|
+
isSimple: props.type === 'simple',
|
|
124
|
+
hideRightMenuButton: props.type === 'simple' || props.type === 'loading',
|
|
125
|
+
navigationMenuFormattedLabel: props?.localizedLabels?.navigationMenuFormattedLabel
|
|
126
|
+
}), props.children]
|
|
127
|
+
})
|
|
182
128
|
})
|
|
183
129
|
})
|
|
184
130
|
})
|
|
@@ -32,6 +32,7 @@ interface BaseHeader extends WithChildrenProp, AppHeaderAction {
|
|
|
32
32
|
localizedLabels?: localizedLabels;
|
|
33
33
|
search: AppHeaderSearch;
|
|
34
34
|
displayGlobalNavRedesign?: boolean;
|
|
35
|
+
isBlpHeroExperimentVariant?: boolean;
|
|
35
36
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
36
37
|
dynamicData?: GlobalHeaderDynamicData | null;
|
|
37
38
|
dynamicDataLoading?: boolean;
|
|
@@ -29,7 +29,7 @@ const ProgressText = /*#__PURE__*/_styled(Text, {
|
|
|
29
29
|
[Progress.completed]: {}
|
|
30
30
|
}
|
|
31
31
|
})(props)
|
|
32
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVUaWxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVUaWxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFNtYWxsQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIGxlYXJuaW5nT3V0Y29tZUxhYmVscyxcbiAgTGVhcm5pbmdPdXRjb21lTG93QXNzZXNzbWVudERvdCxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IExlYXJuaW5nT3V0Y29tZVBvcG92ZXIgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVQb3BvdmVyJztcbmltcG9ydCB7IFRpbGUgfSBmcm9tICcuL1RpbGUnO1xuaW1wb3J0IHtcbiAgTGVhcm5pbmdPdXRjb21lUG9wb3ZlckRldGFpbHNQcm9wcyxcbiAgTGVhcm5pbmdPdXRjb21lVGlsZVByb3BzLFxuICBQcm9ncmVzcyxcbn0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFByb2dyZXNzVGV4dCA9IHN0eWxlZChUZXh0KTx7IHByb2dyZXNzOiBQcm9ncmVzczsgaXNTbWFsbDogYm9vbGVhbiB9PihcbiAgKHByb3BzKSA9PiAoe1xuICAgIC4uLnZhcmlhbnQoe1xuICAgICAgcHJvcDogJ3Byb2dyZXNzJyxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgfSxcbiAgICAgIHZhcmlhbnRzOiB7XG4gICAgICAgIFtQcm9ncmVzcy5ub3RTdGFydGVkXToge1xuICAgICAgICAgIGNvbG9yOiAndGV4dC1zZWNvbmRhcnknLFxuICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgfSxcbiAgICAgICAgW1Byb2dyZXNzLmluUHJvZ3Jlc3NdOiB7XG4gICAgICAgICAgY29sb3I6ICdwcmltYXJ5JyxcbiAgICAgICAgICBmb250V2VpZ2h0OiBwcm9wcy5pc1NtYWxsID8gNDAwIDogNzAwLFxuICAgICAgICB9LFxuICAgICAgICBbUHJvZ3Jlc3MuY29tcGxldGVkXToge30sXG4gICAgICB9LFxuICAgIH0pKHByb3BzKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBwcm9ncmVzc1N0YXRlID0gKHBlcmNlbnRDb21wbGV0ZTogbnVtYmVyKTogUHJvZ3Jlc3MgPT4ge1xuICBpZiAocGVyY2VudENvbXBsZXRlID09PSAwKSB7XG4gICAgcmV0dXJuIFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG4gIH1cbiAgaWYgKHBlcmNlbnRDb21wbGV0ZSA+IDAgJiYgcGVyY2VudENvbXBsZXRlIDwgMTAwKSB7XG4gICAgcmV0dXJuIFByb2dyZXNzLmluUHJvZ3Jlc3M7XG4gIH1cbiAgcmV0dXJuIFByb2dyZXNzLmNvbXBsZXRlZDtcbn07XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVUaWxlOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVUaWxlUHJvcHM+ID0gKHtcbiAgbGVhcm5pbmdPdXRjb21lRGV0YWlscyxcbiAgb25DbGljayxcbiAgaG92ZXIgPSBmYWxzZSxcbiAgcG9wb3ZlciA9IGZhbHNlLFxuICBzaXplID0gJ25vcm1hbCcsXG59KSA9PiB7XG4gIGNvbnN0IHsgaWQsIGxldmVsLCBvdXRjb21lLCBsYXRlc3RTY29yZSwgcGVyY2VudENvbXBsZXRlIH0gPVxuICAgIGxlYXJuaW5nT3V0Y29tZURldGFpbHM7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgYWN0aXZlRWxSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgLy8gSWYgdGhlIHBvcG92ZXIgaXMgb3Blbiwgd2Ugd2FudCB0byBmb2N1cyB0aGUgYWN0aXZlIGVsZW1lbnRcbiAgICAgIGFjdGl2ZUVsUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgcG9wb3ZlclByb3BzID1cbiAgICBwb3BvdmVyICYmIGhvdmVyXG4gICAgICA/IHtcbiAgICAgICAgICByZWY6IGFjdGl2ZUVsUmVmLFxuICAgICAgICAgIG9uTW91c2VFbnRlcjogKCkgPT4gc2V0SXNPcGVuKHRydWUpLFxuICAgICAgICAgIG9uTW91c2VMZWF2ZTogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSxcbiAgICAgICAgICBvbkZvY3VzOiAoKSA9PiBzZXRJc09wZW4odHJ1ZSksIC8vIEZvciBrZXlib2FyZCB1c2Vyc1xuICAgICAgICAgIG9uQmx1cjogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSwgLy8gQ2xvc2Ugb24gYmx1clxuICAgICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogYCR7aWR9LXBvcG92ZXJgLFxuICAgICAgICB9XG4gICAgICA6IHt9O1xuXG4gIGNvbnN0IGhpZ2hlc3RTY29yZSA9IHBvcG92ZXJcbiAgICA/IChsZWFybmluZ091dGNvbWVEZXRhaWxzIGFzIExlYXJuaW5nT3V0Y29tZVBvcG92ZXJEZXRhaWxzUHJvcHMpXG4gICAgICAgID8uaGlnaGVzdFNjb3JlXG4gICAgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3QgcGVyY2VudENvbXBsZXRlVmFsdWUgPSBwZXJjZW50Q29tcGxldGUgPz8gMDtcbiAgY29uc3QgcHJvZ3Jlc3MgPSBwcm9ncmVzc1N0YXRlKHBlcmNlbnRDb21wbGV0ZVZhbHVlKTtcblxuICBjb25zdCBpc0NvbXBsZXRlZCA9IHByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWQ7XG4gIGNvbnN0IGlzU21hbGwgPSBzaXplID09PSAnc21hbGwnO1xuICBjb25zdCBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ID0gQm9vbGVhbihcbiAgICBsYXRlc3RTY29yZSAhPSBudWxsICYmIGxhdGVzdFNjb3JlIDwgNzBcbiAgKTtcbiAgY29uc3Qgc2hvd0xvd0Fzc2Vzc21lbnREb3QgPSBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ICYmICFpc1NtYWxsO1xuXG4gIGNvbnN0IGxvd0Fzc2Vzc21lbnRMYWJlbCA9IGhhc0xvd0xhdGVzdEFzc2Vzc21lbnRcbiAgICA/
|
|
32
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVUaWxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVUaWxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFNtYWxsQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIGxlYXJuaW5nT3V0Y29tZUxhYmVscyxcbiAgTGVhcm5pbmdPdXRjb21lTG93QXNzZXNzbWVudERvdCxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IExlYXJuaW5nT3V0Y29tZVBvcG92ZXIgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVQb3BvdmVyJztcbmltcG9ydCB7IFRpbGUgfSBmcm9tICcuL1RpbGUnO1xuaW1wb3J0IHtcbiAgTGVhcm5pbmdPdXRjb21lUG9wb3ZlckRldGFpbHNQcm9wcyxcbiAgTGVhcm5pbmdPdXRjb21lVGlsZVByb3BzLFxuICBQcm9ncmVzcyxcbn0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFByb2dyZXNzVGV4dCA9IHN0eWxlZChUZXh0KTx7IHByb2dyZXNzOiBQcm9ncmVzczsgaXNTbWFsbDogYm9vbGVhbiB9PihcbiAgKHByb3BzKSA9PiAoe1xuICAgIC4uLnZhcmlhbnQoe1xuICAgICAgcHJvcDogJ3Byb2dyZXNzJyxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgfSxcbiAgICAgIHZhcmlhbnRzOiB7XG4gICAgICAgIFtQcm9ncmVzcy5ub3RTdGFydGVkXToge1xuICAgICAgICAgIGNvbG9yOiAndGV4dC1zZWNvbmRhcnknLFxuICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgfSxcbiAgICAgICAgW1Byb2dyZXNzLmluUHJvZ3Jlc3NdOiB7XG4gICAgICAgICAgY29sb3I6ICdwcmltYXJ5JyxcbiAgICAgICAgICBmb250V2VpZ2h0OiBwcm9wcy5pc1NtYWxsID8gNDAwIDogNzAwLFxuICAgICAgICB9LFxuICAgICAgICBbUHJvZ3Jlc3MuY29tcGxldGVkXToge30sXG4gICAgICB9LFxuICAgIH0pKHByb3BzKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBwcm9ncmVzc1N0YXRlID0gKHBlcmNlbnRDb21wbGV0ZTogbnVtYmVyKTogUHJvZ3Jlc3MgPT4ge1xuICBpZiAocGVyY2VudENvbXBsZXRlID09PSAwKSB7XG4gICAgcmV0dXJuIFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG4gIH1cbiAgaWYgKHBlcmNlbnRDb21wbGV0ZSA+IDAgJiYgcGVyY2VudENvbXBsZXRlIDwgMTAwKSB7XG4gICAgcmV0dXJuIFByb2dyZXNzLmluUHJvZ3Jlc3M7XG4gIH1cbiAgcmV0dXJuIFByb2dyZXNzLmNvbXBsZXRlZDtcbn07XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVUaWxlOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVUaWxlUHJvcHM+ID0gKHtcbiAgbGVhcm5pbmdPdXRjb21lRGV0YWlscyxcbiAgb25DbGljayxcbiAgaG92ZXIgPSBmYWxzZSxcbiAgcG9wb3ZlciA9IGZhbHNlLFxuICBzaXplID0gJ25vcm1hbCcsXG59KSA9PiB7XG4gIGNvbnN0IHsgaWQsIGxldmVsLCBvdXRjb21lLCBsYXRlc3RTY29yZSwgcGVyY2VudENvbXBsZXRlIH0gPVxuICAgIGxlYXJuaW5nT3V0Y29tZURldGFpbHM7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgYWN0aXZlRWxSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgLy8gSWYgdGhlIHBvcG92ZXIgaXMgb3Blbiwgd2Ugd2FudCB0byBmb2N1cyB0aGUgYWN0aXZlIGVsZW1lbnRcbiAgICAgIGFjdGl2ZUVsUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgcG9wb3ZlclByb3BzID1cbiAgICBwb3BvdmVyICYmIGhvdmVyXG4gICAgICA/IHtcbiAgICAgICAgICByZWY6IGFjdGl2ZUVsUmVmLFxuICAgICAgICAgIG9uTW91c2VFbnRlcjogKCkgPT4gc2V0SXNPcGVuKHRydWUpLFxuICAgICAgICAgIG9uTW91c2VMZWF2ZTogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSxcbiAgICAgICAgICBvbkZvY3VzOiAoKSA9PiBzZXRJc09wZW4odHJ1ZSksIC8vIEZvciBrZXlib2FyZCB1c2Vyc1xuICAgICAgICAgIG9uQmx1cjogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSwgLy8gQ2xvc2Ugb24gYmx1clxuICAgICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogYCR7aWR9LXBvcG92ZXJgLFxuICAgICAgICB9XG4gICAgICA6IHt9O1xuXG4gIGNvbnN0IGhpZ2hlc3RTY29yZSA9IHBvcG92ZXJcbiAgICA/IChsZWFybmluZ091dGNvbWVEZXRhaWxzIGFzIExlYXJuaW5nT3V0Y29tZVBvcG92ZXJEZXRhaWxzUHJvcHMpXG4gICAgICAgID8uaGlnaGVzdFNjb3JlXG4gICAgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3QgcGVyY2VudENvbXBsZXRlVmFsdWUgPSBwZXJjZW50Q29tcGxldGUgPz8gMDtcbiAgY29uc3QgcHJvZ3Jlc3MgPSBwcm9ncmVzc1N0YXRlKHBlcmNlbnRDb21wbGV0ZVZhbHVlKTtcblxuICBjb25zdCBpc0NvbXBsZXRlZCA9IHByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWQ7XG4gIGNvbnN0IGlzU21hbGwgPSBzaXplID09PSAnc21hbGwnO1xuICBjb25zdCBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ID0gQm9vbGVhbihcbiAgICBsYXRlc3RTY29yZSAhPSBudWxsICYmIGxhdGVzdFNjb3JlIDwgNzBcbiAgKTtcbiAgY29uc3Qgc2hvd0xvd0Fzc2Vzc21lbnREb3QgPSBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ICYmICFpc1NtYWxsO1xuXG4gIGNvbnN0IGxvd0Fzc2Vzc21lbnRMYWJlbCA9IGhhc0xvd0xhdGVzdEFzc2Vzc21lbnRcbiAgICA/ICdNb3N0IHJlY2VudCBhc3Nlc3NtZW50IHNjb3JlIGlzIGJlbG93IDcwJSwgbmVlZHMgcmV2aWV3LiAnXG4gICAgOiAnJztcbiAgY29uc3QgZGVmYXVsdEFyaWFMYWJlbCA9IGAke2xlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbF19OiAke291dGNvbWV9ICR7bG93QXNzZXNzbWVudExhYmVsfVByb2dyZXNzICR7cGVyY2VudENvbXBsZXRlVmFsdWV9JSBjb21wbGV0ZWQuYDtcbiAgY29uc3QgZXZhbHVhdGlvblZhbHVlc0xhYmVsID1cbiAgICBpc09wZW4gJiYgKGhpZ2hlc3RTY29yZSB8fCBsYXRlc3RTY29yZSlcbiAgICAgID8gYEV2YWx1YXRpb24gVmFsdWVzIC0gJHtcbiAgICAgICAgICBoaWdoZXN0U2NvcmUgPyBgSGlnaGVzdCBhc3Nlc3NtZW50IHNjb3JlICR7aGlnaGVzdFNjb3JlfS4gYCA6ICcnXG4gICAgICAgIH0ke2xhdGVzdFNjb3JlID8gYFJlY2VudCBhc3Nlc3NtZW50IHNjb3JlICR7bGF0ZXN0U2NvcmV9LmAgOiAnJ31gXG4gICAgICA6ICcnO1xuXG4gIHJldHVybiAoXG4gICAgPEFuY2hvclxuICAgICAgYXJpYS1sYWJlbD17YCR7ZGVmYXVsdEFyaWFMYWJlbH0gJHtldmFsdWF0aW9uVmFsdWVzTGFiZWx9YH1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGRhdGEtdGVzdGlkPXtgbGVhcm5pbmctb3V0Y29tZS10aWxlLSR7aWR9YH1cbiAgICAgIHsuLi5wb3BvdmVyUHJvcHN9XG4gICAgPlxuICAgICAgPFRpbGUgaG92ZXI9e2hvdmVyfSBwcm9ncmVzcz17cHJvZ3Jlc3N9IHNpemU9e3NpemV9PlxuICAgICAgICB7aXNDb21wbGV0ZWQgPyAoXG4gICAgICAgICAgPFNtYWxsQ2hlY2tJY29uXG4gICAgICAgICAgICBzaXplPXtpc1NtYWxsID8gMTIgOiAxNn1cbiAgICAgICAgICAgIHRleHRDb2xvcj1cImJhY2tncm91bmQtY29udHJhc3RcIlxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFByb2dyZXNzVGV4dCBwcm9ncmVzcz17cHJvZ3Jlc3N9IGlzU21hbGw9e2lzU21hbGx9PlxuICAgICAgICAgICAge2Ake3BlcmNlbnRDb21wbGV0ZVZhbHVlfSVgfVxuICAgICAgICAgIDwvUHJvZ3Jlc3NUZXh0PlxuICAgICAgICApfVxuICAgICAgICB7c2hvd0xvd0Fzc2Vzc21lbnREb3QgJiYgKFxuICAgICAgICAgIDxMZWFybmluZ091dGNvbWVMb3dBc3Nlc3NtZW50RG90XG4gICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgIHRvcD1cIi0yMCVcIlxuICAgICAgICAgICAgcmlnaHQ9XCItMjAlXCJcbiAgICAgICAgICAgIGhhc0JvcmRlclxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1RpbGU+XG4gICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgPExlYXJuaW5nT3V0Y29tZVBvcG92ZXJcbiAgICAgICAgICBhY3RpdmVFbFJlZj17YWN0aXZlRWxSZWZ9XG4gICAgICAgICAgaG9yaXpvbnRhbE9mZnNldD17aXNTbWFsbCAmJiBpc0NvbXBsZXRlZCA/IDE1OSA6IGlzU21hbGwgPyAxNTMgOiAxNTB9XG4gICAgICAgICAgaWQ9e2Ake2lkfS1wb3BvdmVyYH1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICBsZWFybmluZ091dGNvbWVEZXRhaWxzPXtcbiAgICAgICAgICAgIGxlYXJuaW5nT3V0Y29tZURldGFpbHMgYXMgTGVhcm5pbmdPdXRjb21lUG9wb3ZlckRldGFpbHNQcm9wc1xuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9BbmNob3I+XG4gICk7XG59O1xuIl19 */");
|
|
33
33
|
export const progressState = percentComplete => {
|
|
34
34
|
if (percentComplete === 0) {
|
|
35
35
|
return Progress.notStarted;
|
|
@@ -85,6 +85,7 @@ export const LearningOutcomeTile = ({
|
|
|
85
85
|
"aria-label": `${defaultAriaLabel} ${evaluationValuesLabel}`,
|
|
86
86
|
variant: "interface",
|
|
87
87
|
onClick: onClick,
|
|
88
|
+
"data-testid": `learning-outcome-tile-${id}`,
|
|
88
89
|
...popoverProps,
|
|
89
90
|
children: [/*#__PURE__*/_jsxs(Tile, {
|
|
90
91
|
hover: hover,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/brand",
|
|
3
3
|
"description": "Brand component library for Codecademy",
|
|
4
|
-
"version": "3.22.0
|
|
4
|
+
"version": "3.22.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|