@camunda/camunda-composite-components 0.1.5-rc.2 → 0.1.5-rc.3

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 (6) hide show
  1. package/lib/esm/components/c3-help-center/c3-help-center.js +7 -2
  2. package/lib/esm/components/c3-help-center/defaultHelpCenterConfig.js +2 -408
  3. package/lib/esm/components/c3-help-center/help-center.js +1 -1
  4. package/lib/esm/components/c3-help-center/tile.js +1 -1
  5. package/lib/esm/components/c3-onboarding-survey/defaultOnboardingConfig.js +1 -186
  6. package/package.json +1 -1
package/lib/esm/components/c3-help-center/c3-help-center.js CHANGED
@@ -22,7 +22,12 @@ export const C3HelpCenter = ({ autoStartSurvey, origin, flags, isOpen, onRequest
22
22
  if (!decodedToken)
23
23
  return;
24
24
  const { userId, meta, audience, persona } = decodedToken;
25
- setPersona(persona);
25
+ if (persona !== undefined) {
26
+ setPersona(persona);
27
+ if (persona.wasShown) {
28
+ setShowSurvey(false);
29
+ }
30
+ }
26
31
  if (meta)
27
32
  setEmail(meta.email);
28
33
  const decodedAudience = typeof audience === "string" ? audience : audience?.[0];
@@ -128,5 +133,5 @@ export const C3HelpCenter = ({ autoStartSurvey, origin, flags, isOpen, onRequest
128
133
  onRequestClose?.();
129
134
  };
130
135
  return (React.createElement(Layer, null,
131
- React.createElement(ComposedModal, { open: isOpen, size: "lg", onClose: closeFn, className: "help-center" }, showSurvey || !persona ? (React.createElement(C3OnboardingSurvey, { personaCallback: personaCallback, persona: persona, mixpanelTrack: mixpanelTrack, onRequestClose: closeFn, onRequestSkip: onRequestSkipSurvey, theme: theme, origin: origin, modal: true })) : (React.createElement(HelpCenter, { configuration: helpCenterConfig, persona: persona, audience: audience, organization: organization, clusters: clusters || [], flags: flags, onRequestResumeSurvey: onRequestResumeSurvey, onRequestRetakeSurvey: onRequestRetakeSurvey, onRequestClose: closeFn, mixpanelTrack: mixpanelTrack, email: email, theme: theme, origin: origin, initialTab: activeTab })))));
136
+ React.createElement(ComposedModal, { open: isOpen, size: "lg", onClose: closeFn, className: "help-center", "aria-label": "HelpCenter" }, showSurvey || !persona ? (React.createElement(C3OnboardingSurvey, { personaCallback: personaCallback, persona: persona, mixpanelTrack: mixpanelTrack, onRequestClose: closeFn, onRequestSkip: onRequestSkipSurvey, theme: theme, origin: origin, modal: true })) : (React.createElement(HelpCenter, { configuration: helpCenterConfig, persona: persona, audience: audience, organization: organization, clusters: clusters || [], flags: flags, onRequestResumeSurvey: onRequestResumeSurvey, onRequestRetakeSurvey: onRequestRetakeSurvey, onRequestClose: closeFn, mixpanelTrack: mixpanelTrack, email: email, theme: theme, origin: origin, initialTab: activeTab })))));
132
137
  };
package/lib/esm/components/c3-help-center/defaultHelpCenterConfig.js CHANGED
@@ -5,414 +5,8 @@ export const defaultHelpCenterConfig = {
5
5
  label: "Your recommendations",
6
6
  title: "",
7
7
  tiletype: "grid",
8
- tiles: [
9
- {
10
- id: "ctaCreateCluster",
11
- bool: "OR",
12
- prerequestites: [
13
- {
14
- id: "interestedInExecutingProcess",
15
- value: "true",
16
- not: false,
17
- },
18
- ],
19
- },
20
- {
21
- id: "ctaCreateDiagram",
22
- bool: "OR",
23
- prerequestites: [
24
- {
25
- id: "goal",
26
- value: "Design Process",
27
- not: false,
28
- },
29
- {
30
- id: "goal",
31
- value: "Automate Process",
32
- not: false,
33
- },
34
- ],
35
- },
36
- {
37
- id: "ctaModelingTemplate",
38
- bool: "AND",
39
- prerequestites: [
40
- {
41
- id: "interestedInExecutingProcess",
42
- value: "false",
43
- not: false,
44
- },
45
- {
46
- id: "goal",
47
- value: "Example",
48
- not: false,
49
- },
50
- ],
51
- },
52
- {
53
- id: "ctaHumanTaskTemplateV2",
54
- bool: "AND",
55
- prerequestites: [
56
- {
57
- id: "orchestrate",
58
- value: "Human Task Orchestration",
59
- not: false,
60
- },
61
- {
62
- id: "goal",
63
- value: "Example",
64
- not: false,
65
- },
66
- {
67
- id: "flags",
68
- value: "exp1323",
69
- not: false,
70
- },
71
- ],
72
- },
73
- {
74
- id: "ctaHumanTaskTemplate",
75
- bool: "AND",
76
- prerequestites: [
77
- {
78
- id: "orchestrate",
79
- value: "Human Task Orchestration",
80
- not: false,
81
- },
82
- {
83
- id: "goal",
84
- value: "Example",
85
- not: false,
86
- },
87
- {
88
- id: "flags",
89
- value: "exp1323",
90
- not: true,
91
- },
92
- ],
93
- },
94
- {
95
- id: "ctaMicroserviceTemplate",
96
- bool: "AND",
97
- prerequestites: [
98
- {
99
- id: "orchestrate",
100
- value: "API Endpoint Orchestration",
101
- not: false,
102
- },
103
- {
104
- id: "goal",
105
- value: "Example",
106
- not: false,
107
- },
108
- ],
109
- },
110
- {
111
- id: "docsDMN",
112
- bool: "AND",
113
- prerequestites: [
114
- {
115
- id: "orchestrate",
116
- value: "Decision tables",
117
- not: false,
118
- },
119
- ],
120
- },
121
- {
122
- id: "docsModelingGSG",
123
- bool: "AND",
124
- prerequestites: [
125
- {
126
- id: "goal",
127
- value: "Learn",
128
- not: false,
129
- },
130
- {
131
- id: "role",
132
- value: "Other",
133
- not: true,
134
- },
135
- {
136
- id: "role",
137
- value: "Business Analyst",
138
- not: true,
139
- },
140
- ],
141
- },
142
- {
143
- id: "docsMigrationGuide",
144
- bool: "AND",
145
- prerequestites: [
146
- {
147
- id: "goal",
148
- value: "Evaluate",
149
- not: false,
150
- },
151
- ],
152
- },
153
- {
154
- id: "migrateAProcessSolution",
155
- bool: "AND",
156
- prerequestites: [
157
- {
158
- id: "goal",
159
- value: "Evaluate",
160
- not: false,
161
- },
162
- ],
163
- },
164
- {
165
- id: "docsBPMNCoverage",
166
- bool: "AND",
167
- prerequestites: [
168
- {
169
- id: "goal",
170
- value: "Evaluate",
171
- not: false,
172
- },
173
- ],
174
- },
175
- {
176
- id: "docsAPIandClients",
177
- bool: "AND",
178
- prerequestites: [
179
- {
180
- id: "client",
181
- value: "None",
182
- not: true,
183
- },
184
- {
185
- id: "client",
186
- value: "Not shown here",
187
- not: true,
188
- },
189
- ],
190
- },
191
- {
192
- id: "blogC8forC7Users",
193
- bool: "OR",
194
- prerequestites: [
195
- {
196
- id: "camunda7Experience",
197
- value: "basic",
198
- not: false,
199
- },
200
- {
201
- id: "camunda7Experience",
202
- value: "advanced",
203
- not: false,
204
- },
205
- ],
206
- },
207
- {
208
- id: "academyGettingStarted",
209
- bool: "OR",
210
- prerequestites: [
211
- {
212
- id: "goal",
213
- value: "Learn",
214
- not: false,
215
- },
216
- {
217
- id: "goal",
218
- value: "Other",
219
- not: false,
220
- },
221
- ],
222
- },
223
- {
224
- id: "academyDemo",
225
- bool: "OR",
226
- prerequestites: [
227
- {
228
- id: "goal",
229
- value: "Learn",
230
- not: false,
231
- },
232
- {
233
- id: "goal",
234
- value: "Other",
235
- not: false,
236
- },
237
- ],
238
- },
239
- {
240
- id: "academyGetStartedModeling",
241
- bool: "OR",
242
- prerequestites: [
243
- {
244
- id: "bpmnExperience",
245
- value: "basic",
246
- not: false,
247
- },
248
- {
249
- id: "bpmnExperience",
250
- value: "advanced",
251
- not: false,
252
- },
253
- ],
254
- },
255
- {
256
- id: "docsBPMNTutorial",
257
- bool: "OR",
258
- prerequestites: [
259
- {
260
- id: "bpmnExperience",
261
- value: "basic",
262
- not: false,
263
- },
264
- {
265
- id: "bpmnExperience",
266
- value: "advanced",
267
- not: false,
268
- },
269
- ],
270
- },
271
- {
272
- id: "enterpriseArchitectsHelp",
273
- bool: "AND",
274
- prerequestites: [
275
- {
276
- id: "role",
277
- value: "Enterprise Architect",
278
- not: false,
279
- },
280
- {
281
- id: "flags",
282
- value: "exp1282",
283
- not: false,
284
- },
285
- ],
286
- },
287
- {
288
- id: "businessAnalystHelp",
289
- bool: "AND",
290
- prerequestites: [
291
- {
292
- id: "role",
293
- value: "Business Analyst",
294
- not: false,
295
- },
296
- {
297
- id: "flags",
298
- value: "exp1282",
299
- not: false,
300
- },
301
- ],
302
- },
303
- ],
304
- },
305
- {
306
- id: "automationProjectGuide",
307
- label: "Automation project guide",
308
- title: "A comprehensive automation project guide",
309
- tiletype: "column",
310
- tiles: [
311
- {
312
- id: "automationProjectGuideGettingsStarted",
313
- bool: "AND",
314
- prerequestites: false,
315
- },
316
- {
317
- id: "automationProjectGuideDesignImplement",
318
- bool: "AND",
319
- prerequestites: false,
320
- },
321
- {
322
- id: "automationProjectGuideTest",
323
- bool: "AND",
324
- prerequestites: false,
325
- },
326
- {
327
- id: "automationProjectGuideImprove",
328
- bool: "AND",
329
- prerequestites: false,
330
- },
331
- ],
332
- },
333
- {
334
- id: "useCase",
335
- label: "Use case guide",
336
- title: "Experience various use cases in Camunda",
337
- tiletype: "grid",
338
- tiles: [
339
- {
340
- id: "ctaModelingTemplate",
341
- bool: "AND",
342
- prerequestites: false,
343
- },
344
- {
345
- id: "ctaAPITemplate",
346
- bool: "AND",
347
- prerequestites: false,
348
- },
349
- {
350
- id: "ctaMicroserviceTemplate",
351
- bool: "AND",
352
- prerequestites: false,
353
- },
354
- {
355
- id: "ctaHumanTaskTemplate",
356
- bool: "AND",
357
- prerequestites: false,
358
- },
359
- {
360
- id: "ctaHumanTaskTemplateV2",
361
- bool: "AND",
362
- prerequestites: false,
363
- },
364
- ],
365
- },
366
- {
367
- id: "academy",
368
- label: "Camunda Academy",
369
- title: "Build your Camunda skills, knowledge and experience",
370
- tiletype: "grid",
371
- tiles: [
372
- {
373
- id: "onboardingProfessionalPlan",
374
- bool: "AND",
375
- prerequestites: [
376
- {
377
- id: "salesPlanType",
378
- value: "paid-cc",
379
- not: false,
380
- },
381
- ],
382
- },
383
- {
384
- id: "guidedLearningPaths",
385
- bool: "AND",
386
- prerequestites: false,
387
- },
388
- {
389
- id: "camundaBpmn2",
390
- bool: "AND",
391
- prerequestites: false,
392
- },
393
- {
394
- id: "camundaDmn",
395
- bool: "AND",
396
- prerequestites: false,
397
- },
398
- ],
399
- },
400
- ],
401
- links: [
402
- {
403
- id: "documentation",
404
- label: "Documentation",
405
- link: "https://docs.camunda.io/",
406
- },
407
- {
408
- id: "academy",
409
- label: "Camunda Academy",
410
- link: "https://academy.camunda.com/",
411
- },
412
- {
413
- id: "suportforum",
414
- label: "Support Forum",
415
- link: "https://forum.camunda.io/",
8
+ tiles: [],
416
9
  },
417
10
  ],
11
+ links: [],
418
12
  };
package/lib/esm/components/c3-help-center/help-center.js CHANGED
@@ -22,7 +22,7 @@ export const HelpCenter = ({ configuration, organization, persona, email, audien
22
22
  }
23
23
  setTabTiles(tiles);
24
24
  })();
25
- }, [token, persona, audience, organization, clusters]);
25
+ }, [token, persona, audience, organization, clusters, tabs]);
26
26
  React.useEffect(() => {
27
27
  setActiveTab(initialTab ?? firstTab);
28
28
  }, [initialTab]);
package/lib/esm/components/c3-help-center/tile.js CHANGED
@@ -36,7 +36,7 @@ export const HelpCenterTile = ({ tile, tabType, origin, mixpanelTrack }) => {
36
36
  return (React.createElement(Tile, { style: {
37
37
  justifySelf: "start",
38
38
  width: "214px",
39
- height: "100%",
39
+ height: "initial",
40
40
  }, className: "cds--layer-two", onClick: () => {
41
41
  mixpanelTrack?.(`helpcenter:click`, {
42
42
  to: card_id,
package/lib/esm/components/c3-onboarding-survey/defaultOnboardingConfig.js CHANGED
@@ -1,188 +1,3 @@
1
1
  export const defaultOnboardingConfig = {
2
- steps: [
3
- {
4
- title: "Your background",
5
- elements: [
6
- {
7
- mapto: "role",
8
- type: "TileSingleSelect",
9
- title: "What do you do?",
10
- label: "Choose an option",
11
- columns: 3,
12
- elements: [
13
- { value: "Software Developer", label: "Software Developer" },
14
- {
15
- value: "Enterprise Architect",
16
- label: "Enterprise Architect",
17
- },
18
- { value: "Automation Lead", label: "Automation Lead" },
19
- { value: "Business Analyst", label: "Business Analyst" },
20
- { value: "Student", label: "Student" },
21
- { value: "Other", label: "Other" },
22
- ],
23
- },
24
- {
25
- mapto: "company",
26
- type: "TextInput",
27
- title: "What company do you work for?",
28
- placeholder: "Your company's name",
29
- },
30
- ],
31
- nextenabled: [
32
- { personaattribute: "role" },
33
- { personaattribute: "company" },
34
- ],
35
- },
36
- {
37
- title: "Your goals",
38
- elements: [
39
- {
40
- mapto: "interestedInExecutingProcess",
41
- type: "TileSingleSelect",
42
- title: "Are you interested in executing processes?",
43
- label: "Choose all that apply",
44
- tooltip: "Camunda is primarily used to run processes, but can also be used for process documentation.",
45
- columns: 3,
46
- elements: [
47
- { value: true, label: "Yes" },
48
- {
49
- value: false,
50
- label: "No",
51
- },
52
- ],
53
- },
54
- {
55
- mapto: "goal",
56
- type: "TileMultiSelect",
57
- title: "What are your goals today with Camunda?",
58
- label: "Choose all that apply",
59
- columns: 3,
60
- elements: [
61
- { value: "Design Process", label: "Design a process" },
62
- { value: "Automate Process", label: "Automate a process" },
63
- { value: "Example", label: "Run an example process" },
64
- { value: "Learn", label: "Learn about Camunda 8" },
65
- {
66
- value: "Evaluate",
67
- label: "Evaluate migration from Camunda 7",
68
- },
69
- { value: "Other", label: "Other" },
70
- ],
71
- },
72
- ],
73
- nextenabled: [
74
- { personaattribute: "interestedInExecutingProcess" },
75
- { personaattribute: "goal" },
76
- ],
77
- },
78
- {
79
- title: "Your use case",
80
- elements: [
81
- {
82
- mapto: "client",
83
- type: "DropdownSelect",
84
- title: "Which API client will you primarily use?",
85
- label: "If applicable",
86
- elements: [
87
- { value: "None", label: "None" },
88
- { value: "Java", label: "Java" },
89
- { value: "Go", label: "Go" },
90
- { value: "CLI", label: "CLI" },
91
- { value: "C#", label: "C#" },
92
- { value: "JavaScript/NodeJS", label: "JavaScript/NodeJS" },
93
- { value: "Micronaut", label: "Micronaut" },
94
- { value: "Python", label: "Python" },
95
- { value: "Ruby", label: "Ruby" },
96
- { value: "Rust", label: "Rust" },
97
- { value: "Spring", label: "Spring" },
98
- { value: "Quarkus", label: "Quarkus" },
99
- { value: "Not shown here", label: "Not shown here" },
100
- ],
101
- exceptiontextinput: {
102
- forValue: "Not shown here",
103
- title: "Which API client would you like to see supported?",
104
- label: "Your answer might lead to us adding a new API client",
105
- },
106
- },
107
- {
108
- mapto: "orchestrate",
109
- type: "TileMultiSelect",
110
- title: "What are you planning to orchestrate?",
111
- label: "Choose all that apply",
112
- columns: 3,
113
- elements: [
114
- {
115
- value: "Microservices Orchestration",
116
- label: "Microservices (Service tasks)",
117
- },
118
- {
119
- value: "Human Task Orchestration",
120
- label: "Human tasks (User tasks)",
121
- },
122
- {
123
- value: "API Endpoint Orchestration",
124
- label: "API endpoints (Connectors)",
125
- },
126
- {
127
- value: "Decision tables",
128
- label: "Decision tables (Business rule tasks)",
129
- },
130
- { value: "Other", label: "Other (RPAs, scripts, etc)" },
131
- ],
132
- },
133
- ],
134
- nextenabled: [{ personaattribute: "orchestrate" }],
135
- },
136
- {
137
- title: "Your experience",
138
- elements: [
139
- {
140
- mapto: "camunda7Experience",
141
- type: "TileSingleSelect",
142
- title: "How experienced are you with Camunda 7?",
143
- label: "Choose an option",
144
- columns: 3,
145
- elements: [
146
- { value: "None", label: "None" },
147
- { value: "Basic", label: "Basic" },
148
- { value: "Advanced", label: "Advanced" },
149
- ],
150
- },
151
- {
152
- mapto: "bpmnExperience",
153
- type: "TileSingleSelect",
154
- title: "How experienced are you with BPMN?",
155
- label: "Choose an option",
156
- columns: 3,
157
- elements: [
158
- { value: "None", label: "None" },
159
- { value: "Basic", label: "Basic" },
160
- { value: "Advanced", label: "Advanced" },
161
- ],
162
- },
163
- ],
164
- nextenabled: [
165
- { personaattribute: "camunda7Experience" },
166
- { personaattribute: "bpmnExperience" },
167
- ],
168
- },
169
- {
170
- title: "Test Stuff",
171
- elements: [
172
- {
173
- mapto: "fun",
174
- type: "TileSingleSelect",
175
- title: "How much fun do you have with Camunda 7?",
176
- label: "Choose an option",
177
- columns: 3,
178
- elements: [
179
- { value: "None", label: "None" },
180
- { value: "Some", label: "Some" },
181
- { value: "PartyTime", label: "Party Time!!" },
182
- ],
183
- },
184
- ],
185
- nextenabled: [{ personaattribute: "fun" }],
186
- },
187
- ],
2
+ steps: [],
188
3
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/camunda-composite-components",
3
- "version": "0.1.5-rc.2",
3
+ "version": "0.1.5-rc.3",
4
4
  "scripts": {
5
5
  "clean": "rimraf lib/",
6
6
  "build": "yarn clean && tsc",