@codecademy/brand 3.22.0-alpha.cf67b706c8.0 → 3.22.0-alpha.f077b43a07.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.
Files changed (4) hide show
  1. package/dist/GlobalHeader/GlobalHeaderVariants.d.ts +77 -22
  2. package/dist/GlobalHeader/GlobalHeaderVariants.js +146 -28
  3. package/dist/GlobalHeader/index.js +67 -9
  4. package/package.json +1 -1
package/dist/GlobalHeader/GlobalHeaderVariants.d.ts CHANGED
@@ -1,28 +1,83 @@
1
- import { AppHeaderItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems } from '../AppHeader/shared';
1
+ import { 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;
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;
4
+ export declare const anonDefaultHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
5
+ hidePricing?: boolean;
6
+ user?: User;
7
+ isInRevampedBlpExperimentVariant?: boolean;
8
+ }) => FormattedAppHeaderItems;
9
+ export declare const anonDefaultMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
10
+ hidePricing?: boolean;
11
+ user?: User;
12
+ isInRevampedBlpExperimentVariant?: boolean;
13
+ }) => FormattedMobileAppHeaderItems;
14
+ export declare const anonLandingHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
15
+ hidePricing?: boolean;
16
+ user?: User;
17
+ isInRevampedBlpExperimentVariant?: boolean;
18
+ }) => FormattedAppHeaderItems;
19
+ export declare const anonLandingMobileHeaderItems: ({ hidePricing, user, isInRevampedBlpExperimentVariant, }: {
20
+ hidePricing?: boolean;
21
+ user?: User;
22
+ isInRevampedBlpExperimentVariant?: boolean;
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;
23
74
  export declare const loadingHeaderItems: FormattedAppHeaderItems;
24
75
  export declare const loadingMobileHeaderItems: FormattedMobileAppHeaderItems;
25
76
  export declare const simpleHeaderItems: FormattedAppHeaderItems;
26
77
  export declare const simpleMobileHeaderItems: FormattedMobileAppHeaderItems;
27
- export declare const simpleBootcampHeaderItems: (bootcampSlug: string) => FormattedAppHeaderItems;
28
- export declare const simpleBootcampMobileHeaderItems: (bootcampSlug: string) => FormattedMobileAppHeaderItems;
78
+ export declare const simpleBootcampHeaderItems: ({ bootcampSlug, }: {
79
+ bootcampSlug: string;
80
+ }) => FormattedAppHeaderItems;
81
+ export declare const simpleBootcampMobileHeaderItems: ({ bootcampSlug, }: {
82
+ bootcampSlug: string;
83
+ }) => FormattedMobileAppHeaderItems;
package/dist/GlobalHeader/GlobalHeaderVariants.js CHANGED
@@ -11,7 +11,13 @@ 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 = ({
15
+ renderLogin,
16
+ renderSignUp,
17
+ hidePricing,
18
+ user,
19
+ isInRevampedBlpExperimentVariant
20
+ }) => {
15
21
  const specialLogo = {
16
22
  ...logo,
17
23
  checkMini: true
@@ -38,7 +44,13 @@ const anonHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isInRevam
38
44
  right: rightItems
39
45
  };
40
46
  };
41
- const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isInRevampedBlpExperimentVariant) => {
47
+ const anonMobileHeaderItems = ({
48
+ renderLogin,
49
+ renderSignUp,
50
+ hidePricing,
51
+ user,
52
+ isInRevampedBlpExperimentVariant
53
+ }) => {
42
54
  const specialLogo = {
43
55
  ...logo,
44
56
  checkMini: true
@@ -67,31 +79,115 @@ const anonMobileHeaderItems = (renderLogin, renderSignUp, hidePricing, user, isI
67
79
  mainMenu: mainMenuItems
68
80
  };
69
81
  };
70
- export const anonDefaultHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
71
- return anonHeaderItems(true, true, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
72
94
  };
73
- export const anonDefaultMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
74
- return anonMobileHeaderItems(true, true, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
75
107
  };
76
- export const anonLandingHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
77
- return anonHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
78
120
  };
79
- export const anonLandingMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
80
- return anonMobileHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
81
133
  };
82
- export const anonLoginHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
83
- return anonHeaderItems(false, true, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
84
146
  };
85
- export const anonLoginMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
86
- return anonMobileHeaderItems(false, true, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
87
159
  };
88
- export const anonSignupHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
89
- return anonHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
90
172
  };
91
- export const anonSignupMobileHeaderItems = (hidePricing, user, isInRevampedBlpExperimentVariant) => {
92
- return anonMobileHeaderItems(true, false, hidePricing, user, isInRevampedBlpExperimentVariant);
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
+ });
93
185
  };
94
- export const freeHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVariant) => {
186
+ export const freeHeaderItems = ({
187
+ user,
188
+ hidePricing,
189
+ isInRevampedBlpExperimentVariant
190
+ }) => {
95
191
  const specialLogo = {
96
192
  ...logo,
97
193
  checkMini: true
@@ -106,7 +202,11 @@ export const freeHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVari
106
202
  right: rightItems
107
203
  };
108
204
  };
109
- export const freeMobileHeaderItems = (user, hidePricing, isInRevampedBlpExperimentVariant) => {
205
+ export const freeMobileHeaderItems = ({
206
+ user,
207
+ hidePricing,
208
+ isInRevampedBlpExperimentVariant
209
+ }) => {
110
210
  const specialLogo = {
111
211
  ...logo,
112
212
  checkMini: true
@@ -121,7 +221,10 @@ export const freeMobileHeaderItems = (user, hidePricing, isInRevampedBlpExperime
121
221
  mainMenu: mainMenuItems
122
222
  };
123
223
  };
124
- export const enterpriseHeaderItems = (user, props) => {
224
+ export const enterpriseHeaderItems = ({
225
+ user,
226
+ props
227
+ }) => {
125
228
  const {
126
229
  hideHeaderLinksInChromeless,
127
230
  hideHeaderResourcesDropdown,
@@ -134,7 +237,9 @@ export const enterpriseHeaderItems = (user, props) => {
134
237
  right: []
135
238
  };
136
239
  };
137
- export const proHeaderItems = user => {
240
+ export const proHeaderItems = ({
241
+ user
242
+ }) => {
138
243
  const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), liveLearningHub, businessSolutions];
139
244
  const rightItems = [];
140
245
  rightItems.push(proProfile(user));
@@ -146,7 +251,9 @@ export const proHeaderItems = user => {
146
251
  right: rightItems
147
252
  };
148
253
  };
149
- export const teamsHeaderItems = user => {
254
+ export const teamsHeaderItems = ({
255
+ user
256
+ }) => {
150
257
  const leftItems = [logo, myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), liveLearningHub];
151
258
  const rightItems = [];
152
259
  if (user.isAccountManager && user.inBusinessTrial && !user.hasBusinessSubscription) {
@@ -158,7 +265,10 @@ export const teamsHeaderItems = user => {
158
265
  right: rightItems
159
266
  };
160
267
  };
161
- export const enterpriseMobileHeaderItems = (user, props) => {
268
+ export const enterpriseMobileHeaderItems = ({
269
+ user,
270
+ props
271
+ }) => {
162
272
  const {
163
273
  hideHeaderLinksInChromeless,
164
274
  hideHeaderResourcesDropdown,
@@ -174,7 +284,9 @@ export const enterpriseMobileHeaderItems = (user, props) => {
174
284
  mainMenu: mainMenuItems
175
285
  };
176
286
  };
177
- export const proMobileHeaderItems = user => {
287
+ export const proMobileHeaderItems = ({
288
+ user
289
+ }) => {
178
290
  const leftItems = [logo];
179
291
  const rightItems = [];
180
292
  const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), ...(user.isPlusUser ? [upgradePlan] : []), liveLearningHub, businessSolutions, proProfile(user)];
@@ -187,7 +299,9 @@ export const proMobileHeaderItems = user => {
187
299
  mainMenu: mainMenuItems
188
300
  };
189
301
  };
190
- export const teamsMobileHeaderItems = user => {
302
+ export const teamsMobileHeaderItems = ({
303
+ user
304
+ }) => {
191
305
  const leftItems = [logo];
192
306
  const rightItems = [];
193
307
  const mainMenuItems = [myHome, catalogDropdown(user?.hideCareerPaths), resourcesDropdown(), communityDropdown(), liveLearningHub, proProfile(user)];
@@ -218,13 +332,17 @@ export const simpleMobileHeaderItems = {
218
332
  right: [],
219
333
  mainMenu: []
220
334
  };
221
- export const simpleBootcampHeaderItems = bootcampSlug => {
335
+ export const simpleBootcampHeaderItems = ({
336
+ bootcampSlug
337
+ }) => {
222
338
  return {
223
339
  left: [logo],
224
340
  right: [bootcampCta(bootcampSlug)]
225
341
  };
226
342
  };
227
- export const simpleBootcampMobileHeaderItems = bootcampSlug => {
343
+ export const simpleBootcampMobileHeaderItems = ({
344
+ bootcampSlug
345
+ }) => {
228
346
  return {
229
347
  left: [logo],
230
348
  right: [bootcampCta(bootcampSlug)],
package/dist/GlobalHeader/index.js CHANGED
@@ -24,26 +24,84 @@ function getAppHeaderItems(props, mobile, dynamicDataLoading) {
24
24
  case 'anon':
25
25
  switch (props.variant) {
26
26
  case 'landing':
27
- return mobile ? anonLandingMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonLandingHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
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
36
  case 'login':
29
- return mobile ? anonLoginMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonLoginHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
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
46
  case 'signup':
31
- return mobile ? anonSignupMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonSignupHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
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
56
  default:
33
- return mobile ? anonDefaultMobileHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant) : anonDefaultHeaderItems(hidePricing, props.user, props.isInRevampedBlpExperimentVariant);
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
66
  }
35
67
  case 'enterprise':
36
- return mobile ? enterpriseMobileHeaderItems(props.user, props) : enterpriseHeaderItems(props.user, props);
68
+ return mobile ? enterpriseMobileHeaderItems({
69
+ user: props.user,
70
+ props
71
+ }) : enterpriseHeaderItems({
72
+ user: props.user,
73
+ props
74
+ });
37
75
  case 'free':
38
- return mobile ? freeMobileHeaderItems(props.user, hidePricing, props.isInRevampedBlpExperimentVariant) : freeHeaderItems(props.user, hidePricing, props.isInRevampedBlpExperimentVariant);
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
85
  case 'pro':
40
- return mobile ? proMobileHeaderItems(props.user) : proHeaderItems(props.user);
86
+ return mobile ? proMobileHeaderItems({
87
+ user: props.user
88
+ }) : proHeaderItems({
89
+ user: props.user
90
+ });
41
91
  case 'teams':
42
- return mobile ? teamsMobileHeaderItems(props.user) : teamsHeaderItems(props.user);
92
+ return mobile ? teamsMobileHeaderItems({
93
+ user: props.user
94
+ }) : teamsHeaderItems({
95
+ user: props.user
96
+ });
43
97
  case 'simple':
44
98
  return mobile ? simpleMobileHeaderItems : simpleHeaderItems;
45
99
  case 'bootcamp':
46
- return mobile ? simpleBootcampMobileHeaderItems(props.bootcampSlug) : simpleBootcampHeaderItems(props.bootcampSlug);
100
+ return mobile ? simpleBootcampMobileHeaderItems({
101
+ bootcampSlug: props.bootcampSlug
102
+ }) : simpleBootcampHeaderItems({
103
+ bootcampSlug: props.bootcampSlug
104
+ });
47
105
  case 'loading':
48
106
  return mobile ? loadingMobileHeaderItems : loadingHeaderItems;
49
107
  }
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-alpha.cf67b706c8.0",
4
+ "version": "3.22.0-alpha.f077b43a07.0",
5
5
  "author": "Codecademy Engineering <dev@codecademy.com>",
6
6
  "dependencies": {
7
7
  "@emotion/is-prop-valid": "^1.2.1",