@codecademy/brand 3.6.0-alpha.6ca7d4c7b6.0 → 3.6.0-alpha.6eb7d247a4.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 +1 -1
- package/dist/GlobalHeader/GlobalHeaderVariants.js +1 -1
- package/dist/LearningOutcomeTile/index.js +2 -1
- package/dist/PricingSection/PricingCard/PricingAmount.d.ts +3 -7
- package/dist/PricingSection/PricingCard/PricingAmount.js +61 -92
- package/dist/PricingSection/PricingCard/consts.js +0 -14
- package/dist/PricingSection/PricingCard/index.d.ts +6 -6
- package/dist/PricingSection/PricingCard/index.js +153 -112
- package/dist/PricingSection/ProductCTA.d.ts +5 -7
- package/dist/PricingSection/ProductCTA.js +31 -96
- package/dist/PricingSection/Products.d.ts +4 -4
- package/dist/PricingSection/Products.js +13 -28
- package/dist/PricingSection/config.d.ts +1 -1
- package/dist/PricingSection/config.js +2 -4
- package/dist/PricingSection/index.d.ts +5 -4
- package/dist/PricingSection/index.js +46 -27
- package/dist/PricingSection/types.d.ts +2 -3
- package/dist/PricingSection/types.js +0 -1
- package/package.json +1 -1
- package/dist/PricingSection/ConditionalColorMode.d.ts +0 -4
- package/dist/PricingSection/ConditionalColorMode.js +0 -13
- package/dist/PricingSection/PricingCard/types.d.ts +0 -40
- package/dist/PricingSection/PricingCard/types.js +0 -63
|
File without changes
|
|
@@ -11,7 +11,7 @@ import { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';
|
|
|
11
11
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
const isBusinessPageExperiment = isBlpHeroExperimentVariant => {
|
|
13
13
|
if (typeof window === 'undefined') return false;
|
|
14
|
-
return
|
|
14
|
+
return window.location.pathname === '/business' && isBlpHeroExperimentVariant;
|
|
15
15
|
};
|
|
16
16
|
export const AppHeaderMainMenuMobile = ({
|
|
17
17
|
action,
|
|
@@ -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
2
|
const isBusinessPage = isBlpHeroExperimentVariant => {
|
|
3
3
|
if (typeof window === 'undefined') return false;
|
|
4
|
-
return
|
|
4
|
+
return window.location.pathname === '/business' && Boolean(isBlpHeroExperimentVariant);
|
|
5
5
|
};
|
|
6
6
|
const transformSimpleResourcesDropdownlabels = resourcesLabel => ({
|
|
7
7
|
...simpleResourcesDropdown,
|
|
@@ -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,
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { Product } from '../types';
|
|
3
|
-
|
|
4
|
-
type PricingAmountProps = {
|
|
2
|
+
interface PricingAmountProps {
|
|
5
3
|
product: Product;
|
|
6
4
|
price: string;
|
|
5
|
+
isUserInIndia: boolean;
|
|
7
6
|
monthlyPrice?: string;
|
|
8
|
-
currency: AllCurrency;
|
|
9
7
|
termMonths?: number;
|
|
10
|
-
|
|
11
|
-
isUserInIndia: boolean;
|
|
12
|
-
};
|
|
8
|
+
}
|
|
13
9
|
export declare const PricingAmount: React.FC<PricingAmountProps>;
|
|
14
10
|
export {};
|
|
@@ -1,115 +1,84 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { FlexBox, HiddenText, Text } from '@codecademy/gamut';
|
|
3
3
|
import { theme } from '@codecademy/gamut-styles';
|
|
4
|
-
import React from 'react';
|
|
5
4
|
import { Product } from '../types';
|
|
6
|
-
import {
|
|
7
|
-
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const getCurrencySymbol = ({
|
|
7
|
+
isUserInIndia
|
|
8
|
+
}) => isUserInIndia ? '₹' : '$';
|
|
8
9
|
const Amount = /*#__PURE__*/_styled(Text, {
|
|
9
10
|
target: "e19mon8j0",
|
|
10
11
|
label: "Amount"
|
|
11
|
-
})("font-weight:bold;color:black;font-size:
|
|
12
|
+
})("font-weight:bold;color:black;font-size:64px;line-height:64px;", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9QcmljaW5nQW1vdW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSGlkZGVuVGV4dCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgUHJvZHVjdCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZ2V0Q3VycmVuY3lTeW1ib2wgPSAoeyBpc1VzZXJJbkluZGlhIH06IHsgaXNVc2VySW5JbmRpYTogYm9vbGVhbiB9KSA9PlxuICBpc1VzZXJJbkluZGlhID8gJ+KCuScgOiAnJCc7XG5cbmNvbnN0IEFtb3VudCA9IHN0eWxlZChUZXh0KWBcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGNvbG9yOiBibGFjaztcbiAgZm9udC1zaXplOiA2NHB4O1xuICBsaW5lLWhlaWdodDogNjRweDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy54bH0ge1xuICAgIGZvbnQtc2l6ZTogNjRweDtcbiAgICBsaW5lLWhlaWdodDogODBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByaWNpbmdBbW91bnRQcm9wcyB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByaWNlOiBzdHJpbmc7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIG1vbnRobHlQcmljZT86IHN0cmluZztcbiAgdGVybU1vbnRocz86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBtb250aGx5UHJpY2UsXG4gIHByb2R1Y3QsXG4gIHByaWNlLFxuICBpc1VzZXJJbkluZGlhLFxuICB0ZXJtTW9udGhzLFxufSkgPT4ge1xuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgY29uc3QgY3VycmVuY3lTeW1ib2wgPSBnZXRDdXJyZW5jeVN5bWJvbCh7IGlzVXNlckluSW5kaWEgfSk7XG5cbiAgbGV0IGFyaWFMYWJlbCA9IGAke2N1cnJlbmN5U3ltYm9sfSR7ZG9sbGFyc30ke2NlbnRzID8gYC4ke2NlbnRzfWAgOiAnJ31gO1xuXG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgcGVyIG1vbnRoYDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGRhdGEtdGVzdGlkPVwicHJpY2luZy1hbW91bnRcIlxuICAgICAgbGluZUhlaWdodD1cInRpdGxlXCJcbiAgICAgIG1iPXs4fVxuICAgICAgY29sdW1uXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICA+XG4gICAgICA8RmxleEJveCBtcj17NH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8SGlkZGVuVGV4dD57YXJpYUxhYmVsfTwvSGlkZGVuVGV4dD5cbiAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiBmb250U2l6ZT17MzR9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgIHtjdXJyZW5jeVN5bWJvbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8QW1vdW50IGFyaWEtaGlkZGVuPntgJHtkb2xsYXJzfWB9PC9BbW91bnQ+XG4gICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkJhc2ljID8gbnVsbCA6IChcbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gbWw9ezR9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICB7Y2VudHMgPyBgLiR7Y2VudHN9YCA6IDxzcGFuPiZuYnNwOzwvc3Bhbj59XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCI+L21vPC9UZXh0PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBjZW50ZXIgbXQ9e3sgXzogOCwgeGw6IDAgfX0+XG4gICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkJhc2ljID8gKFxuICAgICAgICAgIDxUZXh0IG1iPXsyNH0+QWx3YXlzIGZyZWU8L1RleHQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEZsZXhCb3ggY29sdW1uPlxuICAgICAgICAgICAgPFRleHQgbWI9ezh9PntgQmlsbGVkICR7Y3ljbGV9IG9yYH08L1RleHQ+XG4gICAgICAgICAgICB7bW9udGhseVByaWNlICYmIChcbiAgICAgICAgICAgICAgPFRleHQ+e2Ake2N1cnJlbmN5U3ltYm9sfSR7bW9udGhseVByaWNlfSBiaWxsZWQgbW9udGhseWB9PC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcbiJdfQ== */"));
|
|
12
13
|
export const PricingAmount = ({
|
|
13
|
-
currency,
|
|
14
14
|
monthlyPrice,
|
|
15
15
|
product,
|
|
16
16
|
price,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
isUserInIndia
|
|
17
|
+
isUserInIndia,
|
|
18
|
+
termMonths
|
|
20
19
|
}) => {
|
|
21
|
-
const isTeams = product === Product.Teams;
|
|
22
20
|
const cycle = termMonths === 1 ? 'monthly' : 'annually';
|
|
23
21
|
const [dollars, cents] = price.split('.');
|
|
24
|
-
|
|
22
|
+
const currencySymbol = getCurrencySymbol({
|
|
23
|
+
isUserInIndia
|
|
24
|
+
});
|
|
25
|
+
let ariaLabel = `${currencySymbol}${dollars}${cents ? `.${cents}` : ''}`;
|
|
25
26
|
if (product !== Product.Basic) {
|
|
26
|
-
ariaLabel += `
|
|
27
|
-
if (monthlyPrice) {
|
|
28
|
-
ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
if (isTeams) {
|
|
32
|
-
ariaLabel += ', per user. Discounts available for eligible teams';
|
|
27
|
+
ariaLabel += ` per month`;
|
|
33
28
|
}
|
|
34
|
-
return /*#__PURE__*/
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
29
|
+
return /*#__PURE__*/_jsxs(FlexBox, {
|
|
30
|
+
"data-testid": "pricing-amount",
|
|
31
|
+
lineHeight: "title",
|
|
32
|
+
mb: 8,
|
|
33
|
+
column: true,
|
|
34
|
+
alignItems: "center",
|
|
35
|
+
children: [/*#__PURE__*/_jsxs(FlexBox, {
|
|
36
|
+
mr: 4,
|
|
40
37
|
alignItems: "center",
|
|
41
38
|
children: [/*#__PURE__*/_jsx(HiddenText, {
|
|
42
|
-
"data-testid": "pricing-amount-label",
|
|
43
39
|
children: ariaLabel
|
|
44
|
-
}), /*#__PURE__*/_jsx(FlexBox, {
|
|
45
|
-
"aria-hidden": true,
|
|
46
|
-
row: true,
|
|
47
|
-
alignItems: "center",
|
|
48
|
-
height: {
|
|
49
|
-
_: 50,
|
|
50
|
-
xl: 'unset'
|
|
51
|
-
},
|
|
52
|
-
children: /*#__PURE__*/_jsxs(FlexBox, {
|
|
53
|
-
mr: 4,
|
|
54
|
-
alignItems: "start",
|
|
55
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
56
|
-
mt: {
|
|
57
|
-
_: 12,
|
|
58
|
-
xl: 16
|
|
59
|
-
},
|
|
60
|
-
fontWeight: "bold",
|
|
61
|
-
fontSize: 34,
|
|
62
|
-
children: `${getCurrencySymbol(currency)}`
|
|
63
|
-
}), /*#__PURE__*/_jsx(Amount, {
|
|
64
|
-
children: `${dollars}`
|
|
65
|
-
}), product === Product.Basic ? null : /*#__PURE__*/_jsxs(FlexBox, {
|
|
66
|
-
column: true,
|
|
67
|
-
alignItems: "flex-end",
|
|
68
|
-
ml: 4,
|
|
69
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
70
|
-
fontWeight: "bold",
|
|
71
|
-
fontSize: 22,
|
|
72
|
-
mt: {
|
|
73
|
-
_: 12,
|
|
74
|
-
xl: 16
|
|
75
|
-
},
|
|
76
|
-
children: cents ? `.${cents}` : /*#__PURE__*/_jsx("span", {
|
|
77
|
-
children: "\xA0"
|
|
78
|
-
})
|
|
79
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
80
|
-
mt: {
|
|
81
|
-
_: 0,
|
|
82
|
-
xl: 4
|
|
83
|
-
},
|
|
84
|
-
color: "navy-500",
|
|
85
|
-
children: "/mo"
|
|
86
|
-
})]
|
|
87
|
-
})]
|
|
88
|
-
})
|
|
89
40
|
}), /*#__PURE__*/_jsx(Text, {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
children:
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
"
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
})
|
|
41
|
+
fontWeight: "bold",
|
|
42
|
+
fontSize: 34,
|
|
43
|
+
"aria-hidden": true,
|
|
44
|
+
children: currencySymbol
|
|
45
|
+
}), /*#__PURE__*/_jsx(Amount, {
|
|
46
|
+
"aria-hidden": true,
|
|
47
|
+
children: `${dollars}`
|
|
48
|
+
}), product === Product.Basic ? null : /*#__PURE__*/_jsxs(FlexBox, {
|
|
49
|
+
column: true,
|
|
50
|
+
ml: 4,
|
|
51
|
+
"aria-hidden": true,
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
53
|
+
fontWeight: "bold",
|
|
54
|
+
fontSize: 22,
|
|
55
|
+
children: cents ? `.${cents}` : /*#__PURE__*/_jsx("span", {
|
|
56
|
+
children: "\xA0"
|
|
57
|
+
})
|
|
58
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
59
|
+
color: "text-secondary",
|
|
60
|
+
children: "/mo"
|
|
61
|
+
})]
|
|
112
62
|
})]
|
|
113
|
-
})
|
|
63
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
64
|
+
color: "text-secondary",
|
|
65
|
+
center: true,
|
|
66
|
+
mt: {
|
|
67
|
+
_: 8,
|
|
68
|
+
xl: 0
|
|
69
|
+
},
|
|
70
|
+
children: product === Product.Basic ? /*#__PURE__*/_jsx(Text, {
|
|
71
|
+
mb: 24,
|
|
72
|
+
children: "Always free"
|
|
73
|
+
}) : /*#__PURE__*/_jsxs(FlexBox, {
|
|
74
|
+
column: true,
|
|
75
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
76
|
+
mb: 8,
|
|
77
|
+
children: `Billed ${cycle} or`
|
|
78
|
+
}), monthlyPrice && /*#__PURE__*/_jsx(Text, {
|
|
79
|
+
children: `${currencySymbol}${monthlyPrice} billed monthly`
|
|
80
|
+
})]
|
|
81
|
+
})
|
|
82
|
+
})]
|
|
114
83
|
});
|
|
115
84
|
};
|
|
@@ -75,20 +75,6 @@ export const planDetails = {
|
|
|
75
75
|
isLite: true,
|
|
76
76
|
features: getFeatures(['Basic access to free courses', 'Community support', 'Learning resources', 'Real-world projects', 'All courses', 'Skill paths', 'Certificates of completion'])
|
|
77
77
|
},
|
|
78
|
-
teams: {
|
|
79
|
-
id: 'teams',
|
|
80
|
-
title: 'Teams',
|
|
81
|
-
tag: 'Recommended for 2+',
|
|
82
|
-
isLite: false,
|
|
83
|
-
features: getFeatures()
|
|
84
|
-
},
|
|
85
|
-
enterprise: {
|
|
86
|
-
id: 'enterprise',
|
|
87
|
-
title: 'Enterprise',
|
|
88
|
-
tag: 'Recommended for 25+',
|
|
89
|
-
isLite: false,
|
|
90
|
-
features: getFeatures()
|
|
91
|
-
},
|
|
92
78
|
free: {
|
|
93
79
|
id: 'free',
|
|
94
80
|
title: 'Pro',
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { PlansByType } from '../config';
|
|
2
|
-
import { Product, ProductDetails
|
|
3
|
-
import { AllCurrency } from './types';
|
|
2
|
+
import { CopyConfig, CtaConfig, Product, ProductDetails } from '../types';
|
|
4
3
|
export declare const smSize = 728;
|
|
5
|
-
export declare const PricingCard:
|
|
4
|
+
export declare const PricingCard: React.FC<{
|
|
6
5
|
product: Product;
|
|
7
6
|
productDetails: ProductDetails;
|
|
8
|
-
currency: AllCurrency;
|
|
9
7
|
plansByType: PlansByType;
|
|
10
8
|
isUserInIndia: boolean;
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
isCurrentPlan?: boolean;
|
|
10
|
+
ctaConfig?: CtaConfig[keyof CtaConfig];
|
|
11
|
+
copyConfig?: CopyConfig[keyof CopyConfig];
|
|
12
|
+
}>;
|