@codecademy/brand 3.38.0-alpha.46b6c38440.0 → 3.38.0-alpha.b4bc03af56.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/AppHeaderCatalogDropdown/NavPanels.js +9 -7
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +3 -2
- package/dist/AppHeader/AppHeaderElements/AppHeaderLogo/index.js +1 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSectionContext.d.ts +1 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSectionContext.js +2 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/elements.js +14 -14
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.d.ts +1 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.js +4 -2
- package/dist/AppHeader/shared/types.d.ts +1 -0
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js +4 -3
- package/dist/GlobalHeader/GlobalHeaderItems.d.ts +2 -2
- package/dist/GlobalHeader/GlobalHeaderItems.js +6 -5
- package/dist/GlobalHeader/GlobalHeaderVariants.d.ts +28 -14
- package/dist/GlobalHeader/GlobalHeaderVariants.js +56 -32
- package/dist/GlobalHeader/index.js +28 -14
- package/dist/GlobalHeader/types.d.ts +1 -0
- package/dist/lib/catalogList/index.d.ts +1 -1
- package/dist/lib/catalogList/index.js +3 -3
- package/package.json +1 -1
|
@@ -1,75 +1,89 @@
|
|
|
1
1
|
import { FormattedAppHeaderItems, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
|
|
2
2
|
import { GlobalHeaderProps } from '.';
|
|
3
3
|
import { User } from './types';
|
|
4
|
-
export declare const anonDefaultHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
4
|
+
export declare const anonDefaultHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
5
5
|
hidePricing?: boolean;
|
|
6
6
|
user?: User;
|
|
7
7
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
8
|
+
isCoachingEnabled?: boolean;
|
|
8
9
|
}) => FormattedAppHeaderItems;
|
|
9
|
-
export declare const anonDefaultMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
10
|
+
export declare const anonDefaultMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
10
11
|
hidePricing?: boolean;
|
|
11
12
|
user?: User;
|
|
12
13
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
14
|
+
isCoachingEnabled?: boolean;
|
|
13
15
|
}) => FormattedMobileAppHeaderItems;
|
|
14
|
-
export declare const anonLandingHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
16
|
+
export declare const anonLandingHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
15
17
|
hidePricing?: boolean;
|
|
16
18
|
user?: User;
|
|
17
19
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
20
|
+
isCoachingEnabled?: boolean;
|
|
18
21
|
}) => FormattedAppHeaderItems;
|
|
19
|
-
export declare const anonLandingMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
22
|
+
export declare const anonLandingMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
20
23
|
hidePricing?: boolean;
|
|
21
24
|
user?: User;
|
|
22
25
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
26
|
+
isCoachingEnabled?: boolean;
|
|
23
27
|
}) => FormattedMobileAppHeaderItems;
|
|
24
|
-
export declare const anonLoginHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
28
|
+
export declare const anonLoginHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
25
29
|
hidePricing?: boolean;
|
|
26
30
|
user?: User;
|
|
27
31
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
32
|
+
isCoachingEnabled?: boolean;
|
|
28
33
|
}) => FormattedAppHeaderItems;
|
|
29
|
-
export declare const anonLoginMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
34
|
+
export declare const anonLoginMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
30
35
|
hidePricing?: boolean;
|
|
31
36
|
user?: User;
|
|
32
37
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
38
|
+
isCoachingEnabled?: boolean;
|
|
33
39
|
}) => FormattedMobileAppHeaderItems;
|
|
34
|
-
export declare const anonSignupHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
40
|
+
export declare const anonSignupHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
35
41
|
hidePricing?: boolean;
|
|
36
42
|
user?: User;
|
|
37
43
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
44
|
+
isCoachingEnabled?: boolean;
|
|
38
45
|
}) => FormattedAppHeaderItems;
|
|
39
|
-
export declare const anonSignupMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
|
|
46
|
+
export declare const anonSignupMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
40
47
|
hidePricing?: boolean;
|
|
41
48
|
user?: User;
|
|
42
49
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
50
|
+
isCoachingEnabled?: boolean;
|
|
43
51
|
}) => FormattedMobileAppHeaderItems;
|
|
44
|
-
export declare const freeHeaderItems: ({ user, hidePricing, isInRevampedBlpExperimentVariant, }: {
|
|
52
|
+
export declare const freeHeaderItems: ({ user, hidePricing, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
45
53
|
user: User;
|
|
46
54
|
hidePricing?: boolean;
|
|
47
55
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
56
|
+
isCoachingEnabled?: boolean;
|
|
48
57
|
}) => FormattedAppHeaderItems;
|
|
49
|
-
export declare const freeMobileHeaderItems: ({ user, hidePricing, isInRevampedBlpExperimentVariant, }: {
|
|
58
|
+
export declare const freeMobileHeaderItems: ({ user, hidePricing, isInRevampedBlpExperimentVariant, isCoachingEnabled, }: {
|
|
50
59
|
user: User;
|
|
51
60
|
hidePricing?: boolean;
|
|
52
61
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
62
|
+
isCoachingEnabled?: boolean;
|
|
53
63
|
}) => FormattedMobileAppHeaderItems;
|
|
54
64
|
export declare const enterpriseHeaderItems: ({ user, props, }: {
|
|
55
65
|
user: User;
|
|
56
66
|
props: GlobalHeaderProps;
|
|
57
67
|
}) => FormattedAppHeaderItems;
|
|
58
|
-
export declare const proHeaderItems: ({ user, }: {
|
|
68
|
+
export declare const proHeaderItems: ({ user, isCoachingEnabled, }: {
|
|
59
69
|
user: User;
|
|
70
|
+
isCoachingEnabled?: boolean;
|
|
60
71
|
}) => FormattedAppHeaderItems;
|
|
61
|
-
export declare const teamsHeaderItems: ({ user, }: {
|
|
72
|
+
export declare const teamsHeaderItems: ({ user, isCoachingEnabled, }: {
|
|
62
73
|
user: User;
|
|
74
|
+
isCoachingEnabled?: boolean;
|
|
63
75
|
}) => FormattedAppHeaderItems;
|
|
64
76
|
export declare const enterpriseMobileHeaderItems: ({ user, props, }: {
|
|
65
77
|
user: User;
|
|
66
78
|
props: GlobalHeaderProps;
|
|
67
79
|
}) => FormattedMobileAppHeaderItems;
|
|
68
|
-
export declare const proMobileHeaderItems: ({ user, }: {
|
|
80
|
+
export declare const proMobileHeaderItems: ({ user, isCoachingEnabled, }: {
|
|
69
81
|
user: User;
|
|
82
|
+
isCoachingEnabled?: boolean;
|
|
70
83
|
}) => FormattedMobileAppHeaderItems;
|
|
71
|
-
export declare const teamsMobileHeaderItems: ({ user, }: {
|
|
84
|
+
export declare const teamsMobileHeaderItems: ({ user, isCoachingEnabled, }: {
|
|
72
85
|
user: User;
|
|
86
|
+
isCoachingEnabled?: boolean;
|
|
73
87
|
}) => FormattedMobileAppHeaderItems;
|
|
74
88
|
export declare const loadingHeaderItems: FormattedAppHeaderItems;
|
|
75
89
|
export declare const loadingMobileHeaderItems: FormattedMobileAppHeaderItems;
|
|
@@ -16,13 +16,14 @@ const anonHeaderItems = ({
|
|
|
16
16
|
renderSignUp,
|
|
17
17
|
hidePricing,
|
|
18
18
|
user,
|
|
19
|
-
isInRevampedBlpExperimentVariant
|
|
19
|
+
isInRevampedBlpExperimentVariant,
|
|
20
|
+
isCoachingEnabled
|
|
20
21
|
}) => {
|
|
21
22
|
const specialLogo = {
|
|
22
23
|
...logo,
|
|
23
24
|
checkMini: true
|
|
24
25
|
};
|
|
25
|
-
const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, coaching, businessSolutions];
|
|
26
|
+
const leftItems = [specialLogo, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(isCoachingEnabled ? [coaching] : []), businessSolutions(isCoachingEnabled)];
|
|
26
27
|
const rightItems = [];
|
|
27
28
|
if (isBusinessPage()) {
|
|
28
29
|
if (renderSignUp) {
|
|
@@ -49,7 +50,8 @@ const anonMobileHeaderItems = ({
|
|
|
49
50
|
renderSignUp,
|
|
50
51
|
hidePricing,
|
|
51
52
|
user,
|
|
52
|
-
isInRevampedBlpExperimentVariant
|
|
53
|
+
isInRevampedBlpExperimentVariant,
|
|
54
|
+
isCoachingEnabled
|
|
53
55
|
}) => {
|
|
54
56
|
const specialLogo = {
|
|
55
57
|
...logo,
|
|
@@ -72,7 +74,7 @@ const anonMobileHeaderItems = ({
|
|
|
72
74
|
rightItems.push(signUp);
|
|
73
75
|
}
|
|
74
76
|
}
|
|
75
|
-
const mainMenuItems = [catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, coaching, businessSolutions];
|
|
77
|
+
const mainMenuItems = [catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(isCoachingEnabled ? [coaching] : []), businessSolutions(isCoachingEnabled)];
|
|
76
78
|
return {
|
|
77
79
|
left: leftItems,
|
|
78
80
|
right: rightItems,
|
|
@@ -82,117 +84,134 @@ const anonMobileHeaderItems = ({
|
|
|
82
84
|
export const anonDefaultHeaderItems = ({
|
|
83
85
|
hidePricing,
|
|
84
86
|
user,
|
|
85
|
-
isInRevampedBlpExperimentVariant
|
|
87
|
+
isInRevampedBlpExperimentVariant,
|
|
88
|
+
isCoachingEnabled
|
|
86
89
|
}) => {
|
|
87
90
|
return anonHeaderItems({
|
|
88
91
|
renderLogin: true,
|
|
89
92
|
renderSignUp: true,
|
|
90
93
|
hidePricing,
|
|
91
94
|
user,
|
|
92
|
-
isInRevampedBlpExperimentVariant
|
|
95
|
+
isInRevampedBlpExperimentVariant,
|
|
96
|
+
isCoachingEnabled
|
|
93
97
|
});
|
|
94
98
|
};
|
|
95
99
|
export const anonDefaultMobileHeaderItems = ({
|
|
96
100
|
hidePricing,
|
|
97
101
|
user,
|
|
98
|
-
isInRevampedBlpExperimentVariant
|
|
102
|
+
isInRevampedBlpExperimentVariant,
|
|
103
|
+
isCoachingEnabled
|
|
99
104
|
}) => {
|
|
100
105
|
return anonMobileHeaderItems({
|
|
101
106
|
renderLogin: true,
|
|
102
107
|
renderSignUp: true,
|
|
103
108
|
hidePricing,
|
|
104
109
|
user,
|
|
105
|
-
isInRevampedBlpExperimentVariant
|
|
110
|
+
isInRevampedBlpExperimentVariant,
|
|
111
|
+
isCoachingEnabled
|
|
106
112
|
});
|
|
107
113
|
};
|
|
108
114
|
export const anonLandingHeaderItems = ({
|
|
109
115
|
hidePricing,
|
|
110
116
|
user,
|
|
111
|
-
isInRevampedBlpExperimentVariant
|
|
117
|
+
isInRevampedBlpExperimentVariant,
|
|
118
|
+
isCoachingEnabled
|
|
112
119
|
}) => {
|
|
113
120
|
return anonHeaderItems({
|
|
114
121
|
renderLogin: true,
|
|
115
122
|
renderSignUp: false,
|
|
116
123
|
hidePricing,
|
|
117
124
|
user,
|
|
118
|
-
isInRevampedBlpExperimentVariant
|
|
125
|
+
isInRevampedBlpExperimentVariant,
|
|
126
|
+
isCoachingEnabled
|
|
119
127
|
});
|
|
120
128
|
};
|
|
121
129
|
export const anonLandingMobileHeaderItems = ({
|
|
122
130
|
hidePricing,
|
|
123
131
|
user,
|
|
124
|
-
isInRevampedBlpExperimentVariant
|
|
132
|
+
isInRevampedBlpExperimentVariant,
|
|
133
|
+
isCoachingEnabled
|
|
125
134
|
}) => {
|
|
126
135
|
return anonMobileHeaderItems({
|
|
127
136
|
renderLogin: true,
|
|
128
137
|
renderSignUp: false,
|
|
129
138
|
hidePricing,
|
|
130
139
|
user,
|
|
131
|
-
isInRevampedBlpExperimentVariant
|
|
140
|
+
isInRevampedBlpExperimentVariant,
|
|
141
|
+
isCoachingEnabled
|
|
132
142
|
});
|
|
133
143
|
};
|
|
134
144
|
export const anonLoginHeaderItems = ({
|
|
135
145
|
hidePricing,
|
|
136
146
|
user,
|
|
137
|
-
isInRevampedBlpExperimentVariant
|
|
147
|
+
isInRevampedBlpExperimentVariant,
|
|
148
|
+
isCoachingEnabled
|
|
138
149
|
}) => {
|
|
139
150
|
return anonHeaderItems({
|
|
140
151
|
renderLogin: false,
|
|
141
152
|
renderSignUp: true,
|
|
142
153
|
hidePricing,
|
|
143
154
|
user,
|
|
144
|
-
isInRevampedBlpExperimentVariant
|
|
155
|
+
isInRevampedBlpExperimentVariant,
|
|
156
|
+
isCoachingEnabled
|
|
145
157
|
});
|
|
146
158
|
};
|
|
147
159
|
export const anonLoginMobileHeaderItems = ({
|
|
148
160
|
hidePricing,
|
|
149
161
|
user,
|
|
150
|
-
isInRevampedBlpExperimentVariant
|
|
162
|
+
isInRevampedBlpExperimentVariant,
|
|
163
|
+
isCoachingEnabled
|
|
151
164
|
}) => {
|
|
152
165
|
return anonMobileHeaderItems({
|
|
153
166
|
renderLogin: false,
|
|
154
167
|
renderSignUp: true,
|
|
155
168
|
hidePricing,
|
|
156
169
|
user,
|
|
157
|
-
isInRevampedBlpExperimentVariant
|
|
170
|
+
isInRevampedBlpExperimentVariant,
|
|
171
|
+
isCoachingEnabled
|
|
158
172
|
});
|
|
159
173
|
};
|
|
160
174
|
export const anonSignupHeaderItems = ({
|
|
161
175
|
hidePricing,
|
|
162
176
|
user,
|
|
163
|
-
isInRevampedBlpExperimentVariant
|
|
177
|
+
isInRevampedBlpExperimentVariant,
|
|
178
|
+
isCoachingEnabled
|
|
164
179
|
}) => {
|
|
165
180
|
return anonHeaderItems({
|
|
166
181
|
renderLogin: true,
|
|
167
182
|
renderSignUp: false,
|
|
168
183
|
hidePricing,
|
|
169
184
|
user,
|
|
170
|
-
isInRevampedBlpExperimentVariant
|
|
185
|
+
isInRevampedBlpExperimentVariant,
|
|
186
|
+
isCoachingEnabled
|
|
171
187
|
});
|
|
172
188
|
};
|
|
173
189
|
export const anonSignupMobileHeaderItems = ({
|
|
174
190
|
hidePricing,
|
|
175
191
|
user,
|
|
176
|
-
isInRevampedBlpExperimentVariant
|
|
192
|
+
isInRevampedBlpExperimentVariant,
|
|
193
|
+
isCoachingEnabled
|
|
177
194
|
}) => {
|
|
178
195
|
return anonMobileHeaderItems({
|
|
179
196
|
renderLogin: true,
|
|
180
197
|
renderSignUp: false,
|
|
181
198
|
hidePricing,
|
|
182
199
|
user,
|
|
183
|
-
isInRevampedBlpExperimentVariant
|
|
200
|
+
isInRevampedBlpExperimentVariant,
|
|
201
|
+
isCoachingEnabled
|
|
184
202
|
});
|
|
185
203
|
};
|
|
186
204
|
export const freeHeaderItems = ({
|
|
187
205
|
user,
|
|
188
206
|
hidePricing,
|
|
189
|
-
isInRevampedBlpExperimentVariant
|
|
207
|
+
isInRevampedBlpExperimentVariant,
|
|
208
|
+
isCoachingEnabled
|
|
190
209
|
}) => {
|
|
191
210
|
const specialLogo = {
|
|
192
211
|
...logo,
|
|
193
212
|
checkMini: true
|
|
194
213
|
};
|
|
195
|
-
const leftItems = [specialLogo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, coaching, businessSolutions];
|
|
214
|
+
const leftItems = [specialLogo, myHome, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(isCoachingEnabled ? [coaching] : []), businessSolutions(isCoachingEnabled)];
|
|
196
215
|
const upgradeButton = upgradeToPro(user.proCheckoutUrl);
|
|
197
216
|
const rightItems = [];
|
|
198
217
|
rightItems.push(freeProfile(user));
|
|
@@ -205,7 +224,8 @@ export const freeHeaderItems = ({
|
|
|
205
224
|
export const freeMobileHeaderItems = ({
|
|
206
225
|
user,
|
|
207
226
|
hidePricing,
|
|
208
|
-
isInRevampedBlpExperimentVariant
|
|
227
|
+
isInRevampedBlpExperimentVariant,
|
|
228
|
+
isCoachingEnabled
|
|
209
229
|
}) => {
|
|
210
230
|
const specialLogo = {
|
|
211
231
|
...logo,
|
|
@@ -214,7 +234,7 @@ export const freeMobileHeaderItems = ({
|
|
|
214
234
|
const leftItems = [specialLogo];
|
|
215
235
|
const rightItems = [];
|
|
216
236
|
const upgradeButton = upgradeToPro(user.proCheckoutUrl);
|
|
217
|
-
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, coaching, businessSolutions, freeProfile(user), user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl)];
|
|
237
|
+
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(hidePricing ? [] : [pricingDropdown(isInRevampedBlpExperimentVariant)]), bootcampsHub, ...(isCoachingEnabled ? [coaching] : []), businessSolutions(isCoachingEnabled), freeProfile(user), user.showProUpgrade ? upgradeButton : tryProForFree(user.proCheckoutUrl)];
|
|
218
238
|
return {
|
|
219
239
|
left: leftItems,
|
|
220
240
|
right: rightItems,
|
|
@@ -238,9 +258,10 @@ export const enterpriseHeaderItems = ({
|
|
|
238
258
|
};
|
|
239
259
|
};
|
|
240
260
|
export const proHeaderItems = ({
|
|
241
|
-
user
|
|
261
|
+
user,
|
|
262
|
+
isCoachingEnabled
|
|
242
263
|
}) => {
|
|
243
|
-
const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), bootcampsHub, coaching, businessSolutions];
|
|
264
|
+
const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), bootcampsHub, ...(isCoachingEnabled ? [coaching] : []), businessSolutions(isCoachingEnabled)];
|
|
244
265
|
const rightItems = [];
|
|
245
266
|
rightItems.push(proProfile(user));
|
|
246
267
|
if (user.isPaused) {
|
|
@@ -252,9 +273,10 @@ export const proHeaderItems = ({
|
|
|
252
273
|
};
|
|
253
274
|
};
|
|
254
275
|
export const teamsHeaderItems = ({
|
|
255
|
-
user
|
|
276
|
+
user,
|
|
277
|
+
isCoachingEnabled
|
|
256
278
|
}) => {
|
|
257
|
-
const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), coaching, bootcampsHub];
|
|
279
|
+
const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(isCoachingEnabled ? [coaching] : []), bootcampsHub];
|
|
258
280
|
const rightItems = [];
|
|
259
281
|
if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) {
|
|
260
282
|
rightItems.push(addPayment);
|
|
@@ -285,11 +307,12 @@ export const enterpriseMobileHeaderItems = ({
|
|
|
285
307
|
};
|
|
286
308
|
};
|
|
287
309
|
export const proMobileHeaderItems = ({
|
|
288
|
-
user
|
|
310
|
+
user,
|
|
311
|
+
isCoachingEnabled
|
|
289
312
|
}) => {
|
|
290
313
|
const leftItems = [logo];
|
|
291
314
|
const rightItems = [];
|
|
292
|
-
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []),
|
|
315
|
+
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), bootcampsHub, ...(isCoachingEnabled ? [coaching] : []), businessSolutions(isCoachingEnabled), proProfile(user)];
|
|
293
316
|
if (user.isPaused) {
|
|
294
317
|
mainMenuItems.push(unpausePro);
|
|
295
318
|
}
|
|
@@ -300,11 +323,12 @@ export const proMobileHeaderItems = ({
|
|
|
300
323
|
};
|
|
301
324
|
};
|
|
302
325
|
export const teamsMobileHeaderItems = ({
|
|
303
|
-
user
|
|
326
|
+
user,
|
|
327
|
+
isCoachingEnabled
|
|
304
328
|
}) => {
|
|
305
329
|
const leftItems = [logo];
|
|
306
330
|
const rightItems = [];
|
|
307
|
-
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), coaching, bootcampsHub, proProfile(user)];
|
|
331
|
+
const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths, isCoachingEnabled), resourcesDropdown(), communityDropdown(), ...(isCoachingEnabled ? [coaching] : []), bootcampsHub, proProfile(user)];
|
|
308
332
|
if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) {
|
|
309
333
|
mainMenuItems.push(addPayment);
|
|
310
334
|
}
|
|
@@ -26,41 +26,49 @@ function getAppHeaderItems(props, mobile, dynamicDataLoading) {
|
|
|
26
26
|
return mobile ? anonLandingMobileHeaderItems({
|
|
27
27
|
hidePricing,
|
|
28
28
|
user: props.user,
|
|
29
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
29
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
30
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
30
31
|
}) : anonLandingHeaderItems({
|
|
31
32
|
hidePricing,
|
|
32
33
|
user: props.user,
|
|
33
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
34
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
35
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
34
36
|
});
|
|
35
37
|
case 'login':
|
|
36
38
|
return mobile ? anonLoginMobileHeaderItems({
|
|
37
39
|
hidePricing,
|
|
38
40
|
user: props.user,
|
|
39
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
41
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
42
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
40
43
|
}) : anonLoginHeaderItems({
|
|
41
44
|
hidePricing,
|
|
42
45
|
user: props.user,
|
|
43
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
46
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
47
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
44
48
|
});
|
|
45
49
|
case 'signup':
|
|
46
50
|
return mobile ? anonSignupMobileHeaderItems({
|
|
47
51
|
hidePricing,
|
|
48
52
|
user: props.user,
|
|
49
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
53
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
54
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
50
55
|
}) : anonSignupHeaderItems({
|
|
51
56
|
hidePricing,
|
|
52
57
|
user: props.user,
|
|
53
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
58
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
59
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
54
60
|
});
|
|
55
61
|
default:
|
|
56
62
|
return mobile ? anonDefaultMobileHeaderItems({
|
|
57
63
|
hidePricing,
|
|
58
64
|
user: props.user,
|
|
59
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
65
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
66
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
60
67
|
}) : anonDefaultHeaderItems({
|
|
61
68
|
hidePricing,
|
|
62
69
|
user: props.user,
|
|
63
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
70
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
71
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
64
72
|
});
|
|
65
73
|
}
|
|
66
74
|
case 'enterprise':
|
|
@@ -75,23 +83,29 @@ function getAppHeaderItems(props, mobile, dynamicDataLoading) {
|
|
|
75
83
|
return mobile ? freeMobileHeaderItems({
|
|
76
84
|
user: props.user,
|
|
77
85
|
hidePricing,
|
|
78
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
86
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
87
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
79
88
|
}) : freeHeaderItems({
|
|
80
89
|
user: props.user,
|
|
81
90
|
hidePricing,
|
|
82
|
-
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant
|
|
91
|
+
isInRevampedBlpExperimentVariant: props.isInRevampedBlpExperimentVariant,
|
|
92
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
83
93
|
});
|
|
84
94
|
case 'pro':
|
|
85
95
|
return mobile ? proMobileHeaderItems({
|
|
86
|
-
user: props.user
|
|
96
|
+
user: props.user,
|
|
97
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
87
98
|
}) : proHeaderItems({
|
|
88
|
-
user: props.user
|
|
99
|
+
user: props.user,
|
|
100
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
89
101
|
});
|
|
90
102
|
case 'teams':
|
|
91
103
|
return mobile ? teamsMobileHeaderItems({
|
|
92
|
-
user: props.user
|
|
104
|
+
user: props.user,
|
|
105
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
93
106
|
}) : teamsHeaderItems({
|
|
94
|
-
user: props.user
|
|
107
|
+
user: props.user,
|
|
108
|
+
isCoachingEnabled: props.isCoachingEnabled
|
|
95
109
|
});
|
|
96
110
|
case 'simple':
|
|
97
111
|
return mobile ? simpleMobileHeaderItems : simpleHeaderItems;
|
|
@@ -32,6 +32,7 @@ interface BaseHeader extends WithChildrenProp, AppHeaderAction {
|
|
|
32
32
|
localizedLabels?: localizedLabels;
|
|
33
33
|
search: AppHeaderSearch;
|
|
34
34
|
isInRevampedBlpExperimentVariant?: boolean;
|
|
35
|
+
isCoachingEnabled?: boolean;
|
|
35
36
|
dynamicData?: GlobalHeaderDynamicData | null;
|
|
36
37
|
dynamicDataLoading?: boolean;
|
|
37
38
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AppHeaderLinkItem, AppHeaderResourcesDataItem } from '../../AppHeader/shared';
|
|
2
2
|
export declare const careerPaths: AppHeaderLinkItem[];
|
|
3
3
|
export declare const liveLearningHubItems: AppHeaderResourcesDataItem;
|
|
4
|
-
export declare const liveLearningNavPanelItems: AppHeaderResourcesDataItem;
|
|
4
|
+
export declare const liveLearningNavPanelItems: (isCoachingEnabled?: boolean) => AppHeaderResourcesDataItem;
|
|
5
5
|
export declare const topLanguages: AppHeaderLinkItem[];
|
|
6
6
|
export declare const getTopSubjects: () => AppHeaderLinkItem[];
|
|
@@ -61,7 +61,7 @@ export const liveLearningHubItems = {
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
/* Items for the variant global header. Tracking targets are kept the same for experiment */
|
|
64
|
-
export const liveLearningNavPanelItems = {
|
|
64
|
+
export const liveLearningNavPanelItems = isCoachingEnabled => ({
|
|
65
65
|
title: 'Live Learning',
|
|
66
66
|
description: 'Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.',
|
|
67
67
|
data: [{
|
|
@@ -76,14 +76,14 @@ export const liveLearningNavPanelItems = {
|
|
|
76
76
|
}, {
|
|
77
77
|
id: 'coaching',
|
|
78
78
|
href: '/coaching',
|
|
79
|
-
text: 'Coaching (Coming soon)',
|
|
79
|
+
text: isCoachingEnabled ? 'Coaching' : 'Coaching (Coming soon)',
|
|
80
80
|
description: "Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.",
|
|
81
81
|
trackingTarget: 'topnav_catalog_live_learning_coaching',
|
|
82
82
|
type: 'link',
|
|
83
83
|
newTab: true,
|
|
84
84
|
badge: renderNewBadge()
|
|
85
85
|
}]
|
|
86
|
-
};
|
|
86
|
+
});
|
|
87
87
|
export const topLanguages = [{
|
|
88
88
|
id: 'python',
|
|
89
89
|
href: '/catalog/language/python',
|
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.38.0-alpha.
|
|
4
|
+
"version": "3.38.0-alpha.b4bc03af56.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|