@codecademy/brand 3.22.0-alpha.cf67b706c8.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 +2 -2
- package/dist/GlobalHeader/GlobalHeaderVariants.js +16 -16
- package/dist/GlobalHeader/index.d.ts +1 -0
- package/dist/GlobalHeader/index.js +52 -48
- 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,8 +1,8 @@
|
|
|
1
1
|
import { AppHeaderItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
|
|
2
2
|
import { GlobalHeaderProps } from '.';
|
|
3
3
|
import { User } from './types';
|
|
4
|
-
export declare const anonDefaultHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
5
|
-
export declare const anonDefaultMobileHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => 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
6
|
export declare const anonLandingHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
7
7
|
export declare const anonLandingMobileHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedMobileAppHeaderItems;
|
|
8
8
|
export declare const anonLoginHeaderItems: (hidePricing?: boolean, user?: User, isInRevampedBlpExperimentVariant?: boolean) => FormattedAppHeaderItems;
|
|
@@ -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,14 +11,14 @@ const transformSimpleResourcesDropdownlabels = resourcesLabel => ({
|
|
|
11
11
|
text: resourcesLabel?.[item.id] || item.text
|
|
12
12
|
}))
|
|
13
13
|
});
|
|
14
|
-
const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
14
|
+
const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
15
15
|
const specialLogo = {
|
|
16
16
|
...logo,
|
|
17
17
|
checkMini: true
|
|
18
18
|
};
|
|
19
19
|
const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), liveLearningHub, businessSolutions];
|
|
20
20
|
const rightItems = [];
|
|
21
|
-
if (isBusinessPage()) {
|
|
21
|
+
if (isBusinessPage(isBlpHeroExperimentVariant)) {
|
|
22
22
|
if (renderSignUp) {
|
|
23
23
|
rightItems.push(signUpTextButton);
|
|
24
24
|
}
|
|
@@ -38,14 +38,14 @@ const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isInRevam
|
|
|
38
38
|
right: rightItems
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
|
-
const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
41
|
+
const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
42
42
|
const specialLogo = {
|
|
43
43
|
...logo,
|
|
44
44
|
checkMini: true
|
|
45
45
|
};
|
|
46
46
|
const leftItems = [specialLogo];
|
|
47
47
|
const rightItems = [];
|
|
48
|
-
if (isBusinessPage()) {
|
|
48
|
+
if (isBusinessPage(isBlpHeroExperimentVariant)) {
|
|
49
49
|
if (renderSignUp) {
|
|
50
50
|
rightItems.push(signUpTextButton);
|
|
51
51
|
}
|
|
@@ -67,29 +67,29 @@ const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isI
|
|
|
67
67
|
mainMenu: mainMenuItems
|
|
68
68
|
};
|
|
69
69
|
};
|
|
70
|
-
export const anonDefaultHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
71
|
-
return anonHeaderItems(true, true, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
70
|
+
export const anonDefaultHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
71
|
+
return anonHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant);
|
|
72
72
|
};
|
|
73
|
-
export const anonDefaultMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
74
|
-
return anonMobileHeaderItems(true, true, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
73
|
+
export const anonDefaultMobileHeaderItems = (hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant) => {
|
|
74
|
+
return anonMobileHeaderItems(true, true, hidePricing, user, isBlpHeroExperimentVariant, isInRevampedBlpExperimentVariant);
|
|
75
75
|
};
|
|
76
76
|
export const anonLandingHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
77
|
-
return anonHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
77
|
+
return anonHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
78
78
|
};
|
|
79
79
|
export const anonLandingMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
80
|
-
return anonMobileHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
80
|
+
return anonMobileHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
81
81
|
};
|
|
82
82
|
export const anonLoginHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
83
|
-
return anonHeaderItems(false, true, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
83
|
+
return anonHeaderItems(false, true, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
84
84
|
};
|
|
85
85
|
export const anonLoginMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
86
|
-
return anonMobileHeaderItems(false, true, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
86
|
+
return anonMobileHeaderItems(false, true, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
87
87
|
};
|
|
88
88
|
export const anonSignupHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
89
|
-
return anonHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
89
|
+
return anonHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
90
90
|
};
|
|
91
91
|
export const anonSignupMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
|
|
92
|
-
return anonMobileHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
|
|
92
|
+
return anonMobileHeaderItems(true, false, hidePricing, user, false, isInRevampedBlpExperimentVariant);
|
|
93
93
|
};
|
|
94
94
|
export const freeHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVariant) => {
|
|
95
95
|
const specialLogo = {
|
|
@@ -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
|
|
@@ -30,7 +31,7 @@ function getAppHeaderItems(props, mobile, dynamicDataLoading) {
|
|
|
30
31
|
case 'signup':
|
|
31
32
|
return mobile ? anonSignupMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonSignupHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
|
|
32
33
|
default:
|
|
33
|
-
return mobile ? anonDefaultMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonDefaultHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
|
|
34
|
+
return mobile ? anonDefaultMobileHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant, props.isInRevampedBlpExperimentVariant) : anonDefaultHeaderItems(hidePricing, props.user, props.isBlpHeroExperimentVariant, props.isInRevampedBlpExperimentVariant);
|
|
34
35
|
}
|
|
35
36
|
case 'enterprise':
|
|
36
37
|
return mobile ? enterpriseMobileHeaderItems(props.user, props) : enterpriseHeaderItems(props.user, props);
|
|
@@ -74,53 +75,56 @@ export const GlobalHeader = props => {
|
|
|
74
75
|
},
|
|
75
76
|
children: /*#__PURE__*/_jsx(GlobalNavRedesignContext.Provider, {
|
|
76
77
|
value: !!props.displayGlobalNavRedesign,
|
|
77
|
-
children: /*#__PURE__*/_jsx(
|
|
78
|
-
value: !!props.
|
|
79
|
-
children: /*#__PURE__*/_jsx(
|
|
80
|
-
value:
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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
|
+
})
|
|
124
128
|
})
|
|
125
129
|
})
|
|
126
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",
|