@micromag/screen-survey 0.3.243 → 0.3.250

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 (3) hide show
  1. package/es/index.js +69 -76
  2. package/lib/index.js +68 -75
  3. package/package.json +13 -13
package/es/index.js CHANGED
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
8
8
  import React, { useState, useMemo, useCallback, useEffect } from 'react';
9
9
  import { PropTypes as PropTypes$1 } from '@micromag/core';
10
10
  import { ScreenElement, Transitions } from '@micromag/core/components';
11
- import { useVisitor, useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
11
+ import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
12
12
  import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
13
13
  import { isTextFilled, getLargestRemainderRound, getStyleFromColor } from '@micromag/core/utils';
14
14
  import { useQuizCreate, useQuiz } from '@micromag/data';
@@ -71,7 +71,7 @@ var defaultProps = {
71
71
  };
72
72
 
73
73
  var SurveyScreen = function SurveyScreen(_ref) {
74
- var _ref20;
74
+ var _ref19;
75
75
 
76
76
  var id = _ref.id,
77
77
  layout = _ref.layout,
@@ -93,12 +93,6 @@ var SurveyScreen = function SurveyScreen(_ref) {
93
93
  type = _ref.type,
94
94
  className = _ref.className;
95
95
  var screenId = id || 'screen-id';
96
- var visitor = useVisitor();
97
-
98
- var _ref2 = visitor || {},
99
- _ref2$id = _ref2.id,
100
- visitorId = _ref2$id === void 0 ? null : _ref2$id;
101
-
102
96
  var trackScreenEvent = useTrackScreenEvent(type);
103
97
 
104
98
  var _useScreenSize = useScreenSize(),
@@ -107,8 +101,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
107
101
  resolution = _useScreenSize.resolution;
108
102
 
109
103
  var _useQuizCreate = useQuizCreate({
110
- screenId: screenId,
111
- visitorId: visitorId
104
+ screenId: screenId
112
105
  }),
113
106
  submitQuiz = _useQuizCreate.create;
114
107
 
@@ -143,18 +136,18 @@ var SurveyScreen = function SurveyScreen(_ref) {
143
136
  allQuizAnswers = _useQuiz$quiz === void 0 ? [] : _useQuiz$quiz;
144
137
 
145
138
  var quizAnswers = allQuizAnswers.filter(function (item) {
146
- var _ref3 = item || {},
147
- _ref3$choice = _ref3.choice,
148
- choice = _ref3$choice === void 0 ? null : _ref3$choice;
139
+ var _ref2 = item || {},
140
+ _ref2$choice = _ref2.choice,
141
+ choice = _ref2$choice === void 0 ? null : _ref2$choice;
149
142
 
150
143
  var answersBody = answers.map(function (answer) {
151
- var _ref4 = answer || {},
152
- _ref4$label = _ref4.label,
153
- label = _ref4$label === void 0 ? null : _ref4$label;
144
+ var _ref3 = answer || {},
145
+ _ref3$label = _ref3.label,
146
+ label = _ref3$label === void 0 ? null : _ref3$label;
154
147
 
155
- var _ref5 = label || {},
156
- _ref5$body = _ref5.body,
157
- body = _ref5$body === void 0 ? null : _ref5$body;
148
+ var _ref4 = label || {},
149
+ _ref4$body = _ref4.body,
150
+ body = _ref4$body === void 0 ? null : _ref4$body;
158
151
 
159
152
  return body;
160
153
  }).filter(function (body) {
@@ -180,25 +173,25 @@ var SurveyScreen = function SurveyScreen(_ref) {
180
173
 
181
174
  var answered = userAnswerIndex !== null;
182
175
  var quizAnswersComputed = useMemo(function () {
183
- var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref6) {
184
- var _ref6$count = _ref6.count,
185
- count = _ref6$count === void 0 ? 0 : _ref6$count;
176
+ var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref5) {
177
+ var _ref5$count = _ref5.count,
178
+ count = _ref5$count === void 0 ? 0 : _ref5$count;
186
179
  return points + parseInt(count, 10);
187
180
  }, userAnswerIndex !== null && userAnswerIndex > -1 ? 1 : 0) : 0;
188
181
  var computed = answers !== null ? (answers || []).reduce(function (answersTotal, ans, i) {
189
- var _ref7 = ans || {},
190
- _ref7$label = _ref7.label,
191
- label = _ref7$label === void 0 ? {} : _ref7$label;
182
+ var _ref6 = ans || {},
183
+ _ref6$label = _ref6.label,
184
+ label = _ref6$label === void 0 ? {} : _ref6$label;
192
185
 
193
- var _ref8 = label || {},
194
- _ref8$body = _ref8.body,
195
- body = _ref8$body === void 0 ? null : _ref8$body;
186
+ var _ref7 = label || {},
187
+ _ref7$body = _ref7.body,
188
+ body = _ref7$body === void 0 ? null : _ref7$body;
196
189
 
197
- var _ref9 = quizAnswers.find(function (qa) {
190
+ var _ref8 = quizAnswers.find(function (qa) {
198
191
  return qa.choice === body;
199
192
  }) || {},
200
- _ref9$count = _ref9.count,
201
- count = _ref9$count === void 0 ? 0 : _ref9$count;
193
+ _ref8$count = _ref8.count,
194
+ count = _ref8$count === void 0 ? 0 : _ref8$count;
202
195
 
203
196
  var countWithUser = i === userAnswerIndex ? count + 1 : count;
204
197
 
@@ -248,9 +241,9 @@ var SurveyScreen = function SurveyScreen(_ref) {
248
241
  }
249
242
  }, [isEdit, current, userAnswerIndex, setUserAnswerIndex]); // Call to Action
250
243
 
251
- var _ref10 = callToAction || {},
252
- _ref10$active = _ref10.active,
253
- hasCallToAction = _ref10$active === void 0 ? false : _ref10$active;
244
+ var _ref9 = callToAction || {},
245
+ _ref9$active = _ref9.active,
246
+ hasCallToAction = _ref9$active === void 0 ? false : _ref9$active;
254
247
 
255
248
  var _useDimensionObserver = useDimensionObserver(),
256
249
  callToActionRef = _useDimensionObserver.ref,
@@ -264,8 +257,8 @@ var SurveyScreen = function SurveyScreen(_ref) {
264
257
  scrolledBottom = _useState4[0],
265
258
  setScrolledBottom = _useState4[1];
266
259
 
267
- var onScrolledBottom = useCallback(function (_ref11) {
268
- var initial = _ref11.initial;
260
+ var onScrolledBottom = useCallback(function (_ref10) {
261
+ var initial = _ref10.initial;
269
262
 
270
263
  if (initial) {
271
264
  trackScreenEvent('scroll', 'Screen');
@@ -305,13 +298,13 @@ var SurveyScreen = function SurveyScreen(_ref) {
305
298
 
306
299
  var finalTransitionDuration = showInstantAnswer ? 0 : "".concat(resultTransitionDuration, "ms");
307
300
 
308
- var _ref12 = resultsStyle || {},
309
- _ref12$barColor = _ref12.barColor,
310
- resultsBarColor = _ref12$barColor === void 0 ? null : _ref12$barColor,
311
- _ref12$textColor = _ref12.textColor,
312
- resultsTextColor = _ref12$textColor === void 0 ? null : _ref12$textColor,
313
- _ref12$percentageText = _ref12.percentageTextStyle,
314
- resultsPercentageTextStyle = _ref12$percentageText === void 0 ? null : _ref12$percentageText;
301
+ var _ref11 = resultsStyle || {},
302
+ _ref11$barColor = _ref11.barColor,
303
+ resultsBarColor = _ref11$barColor === void 0 ? null : _ref11$barColor,
304
+ _ref11$textColor = _ref11.textColor,
305
+ resultsTextColor = _ref11$textColor === void 0 ? null : _ref11$textColor,
306
+ _ref11$percentageText = _ref11.percentageTextStyle,
307
+ resultsPercentageTextStyle = _ref11$percentageText === void 0 ? null : _ref11$percentageText;
315
308
 
316
309
  items.push( /*#__PURE__*/React.createElement("div", {
317
310
  key: "answers",
@@ -321,38 +314,38 @@ var SurveyScreen = function SurveyScreen(_ref) {
321
314
  }, (isPlaceholder ? _toConsumableArray(new Array(3)) : answers).map(function (answer, answerIndex) {
322
315
  var hasAnswer = answer !== null;
323
316
 
324
- var _ref13 = answer || {},
325
- _ref13$label = _ref13.label,
326
- label = _ref13$label === void 0 ? null : _ref13$label,
327
- _ref13$buttonStyle = _ref13.buttonStyle,
328
- answerButtonStyle = _ref13$buttonStyle === void 0 ? null : _ref13$buttonStyle,
329
- _ref13$textStyle = _ref13.textStyle,
330
- answerButtonTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
331
- _ref13$resultStyle = _ref13.resultStyle,
332
- answerResultStyle = _ref13$resultStyle === void 0 ? null : _ref13$resultStyle;
333
-
334
- var _ref14 = answerResultStyle || {},
335
- _ref14$barColor = _ref14.barColor,
336
- answerResultBarColor = _ref14$barColor === void 0 ? null : _ref14$barColor,
337
- answerResultTextColor = _ref14.textColor,
338
- _ref14$percentageText = _ref14.percentageTextStyle,
339
- answerResultPercentageTextStyle = _ref14$percentageText === void 0 ? null : _ref14$percentageText;
340
-
341
- var _ref15 = label || {},
342
- _ref15$body = _ref15.body,
343
- body = _ref15$body === void 0 ? null : _ref15$body;
344
-
345
- var _ref16 = body !== null ? quizAnswersComputed[body] || {} : {},
346
- _ref16$percent = _ref16.percent,
347
- percent = _ref16$percent === void 0 ? 0 : _ref16$percent;
348
-
349
- var _ref17 = label || {},
350
- _ref17$textStyle = _ref17.textStyle,
351
- textStyle = _ref17$textStyle === void 0 ? null : _ref17$textStyle;
352
-
353
- var _ref18 = textStyle || {},
354
- _ref18$color = _ref18.color,
355
- labelColor = _ref18$color === void 0 ? null : _ref18$color;
317
+ var _ref12 = answer || {},
318
+ _ref12$label = _ref12.label,
319
+ label = _ref12$label === void 0 ? null : _ref12$label,
320
+ _ref12$buttonStyle = _ref12.buttonStyle,
321
+ answerButtonStyle = _ref12$buttonStyle === void 0 ? null : _ref12$buttonStyle,
322
+ _ref12$textStyle = _ref12.textStyle,
323
+ answerButtonTextStyle = _ref12$textStyle === void 0 ? null : _ref12$textStyle,
324
+ _ref12$resultStyle = _ref12.resultStyle,
325
+ answerResultStyle = _ref12$resultStyle === void 0 ? null : _ref12$resultStyle;
326
+
327
+ var _ref13 = answerResultStyle || {},
328
+ _ref13$barColor = _ref13.barColor,
329
+ answerResultBarColor = _ref13$barColor === void 0 ? null : _ref13$barColor,
330
+ answerResultTextColor = _ref13.textColor,
331
+ _ref13$percentageText = _ref13.percentageTextStyle,
332
+ answerResultPercentageTextStyle = _ref13$percentageText === void 0 ? null : _ref13$percentageText;
333
+
334
+ var _ref14 = label || {},
335
+ _ref14$body = _ref14.body,
336
+ body = _ref14$body === void 0 ? null : _ref14$body;
337
+
338
+ var _ref15 = body !== null ? quizAnswersComputed[body] || {} : {},
339
+ _ref15$percent = _ref15.percent,
340
+ percent = _ref15$percent === void 0 ? 0 : _ref15$percent;
341
+
342
+ var _ref16 = label || {},
343
+ _ref16$textStyle = _ref16.textStyle,
344
+ textStyle = _ref16$textStyle === void 0 ? null : _ref16$textStyle;
345
+
346
+ var _ref17 = textStyle || {},
347
+ _ref17$color = _ref17.color,
348
+ labelColor = _ref17$color === void 0 ? null : _ref17$color;
356
349
 
357
350
  var hasAnswerLabel = isTextFilled(label);
358
351
  var userAnswer = userAnswerIndex === answerIndex;
@@ -427,7 +420,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
427
420
  }) : null))))) : null));
428
421
  })) : null));
429
422
  return /*#__PURE__*/React.createElement("div", {
430
- className: classNames([styles.container, (_ref20 = {}, _defineProperty(_ref20, className, className !== null), _defineProperty(_ref20, styles.answered, answered), _defineProperty(_ref20, styles.withPercentage, !withoutPercentage), _defineProperty(_ref20, styles.isPlaceholder, isPlaceholder), _ref20)])
423
+ className: classNames([styles.container, (_ref19 = {}, _defineProperty(_ref19, className, className !== null), _defineProperty(_ref19, styles.answered, answered), _defineProperty(_ref19, styles.withPercentage, !withoutPercentage), _defineProperty(_ref19, styles.isPlaceholder, isPlaceholder), _ref19)])
431
424
  }, /*#__PURE__*/React.createElement(Container, {
432
425
  width: width,
433
426
  height: height,
package/lib/index.js CHANGED
@@ -93,7 +93,7 @@ var defaultProps = {
93
93
  };
94
94
 
95
95
  var SurveyScreen = function SurveyScreen(_ref) {
96
- var _ref20;
96
+ var _ref19;
97
97
 
98
98
  var id = _ref.id,
99
99
  layout = _ref.layout,
@@ -115,12 +115,6 @@ var SurveyScreen = function SurveyScreen(_ref) {
115
115
  type = _ref.type,
116
116
  className = _ref.className;
117
117
  var screenId = id || 'screen-id';
118
- var visitor = contexts.useVisitor();
119
-
120
- var _ref2 = visitor || {},
121
- _ref2$id = _ref2.id,
122
- visitorId = _ref2$id === void 0 ? null : _ref2$id;
123
-
124
118
  var trackScreenEvent = hooks.useTrackScreenEvent(type);
125
119
 
126
120
  var _useScreenSize = contexts.useScreenSize(),
@@ -129,8 +123,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
129
123
  resolution = _useScreenSize.resolution;
130
124
 
131
125
  var _useQuizCreate = data.useQuizCreate({
132
- screenId: screenId,
133
- visitorId: visitorId
126
+ screenId: screenId
134
127
  }),
135
128
  submitQuiz = _useQuizCreate.create;
136
129
 
@@ -165,18 +158,18 @@ var SurveyScreen = function SurveyScreen(_ref) {
165
158
  allQuizAnswers = _useQuiz$quiz === void 0 ? [] : _useQuiz$quiz;
166
159
 
167
160
  var quizAnswers = allQuizAnswers.filter(function (item) {
168
- var _ref3 = item || {},
169
- _ref3$choice = _ref3.choice,
170
- choice = _ref3$choice === void 0 ? null : _ref3$choice;
161
+ var _ref2 = item || {},
162
+ _ref2$choice = _ref2.choice,
163
+ choice = _ref2$choice === void 0 ? null : _ref2$choice;
171
164
 
172
165
  var answersBody = answers.map(function (answer) {
173
- var _ref4 = answer || {},
174
- _ref4$label = _ref4.label,
175
- label = _ref4$label === void 0 ? null : _ref4$label;
166
+ var _ref3 = answer || {},
167
+ _ref3$label = _ref3.label,
168
+ label = _ref3$label === void 0 ? null : _ref3$label;
176
169
 
177
- var _ref5 = label || {},
178
- _ref5$body = _ref5.body,
179
- body = _ref5$body === void 0 ? null : _ref5$body;
170
+ var _ref4 = label || {},
171
+ _ref4$body = _ref4.body,
172
+ body = _ref4$body === void 0 ? null : _ref4$body;
180
173
 
181
174
  return body;
182
175
  }).filter(function (body) {
@@ -202,25 +195,25 @@ var SurveyScreen = function SurveyScreen(_ref) {
202
195
 
203
196
  var answered = userAnswerIndex !== null;
204
197
  var quizAnswersComputed = React.useMemo(function () {
205
- var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref6) {
206
- var _ref6$count = _ref6.count,
207
- count = _ref6$count === void 0 ? 0 : _ref6$count;
198
+ var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref5) {
199
+ var _ref5$count = _ref5.count,
200
+ count = _ref5$count === void 0 ? 0 : _ref5$count;
208
201
  return points + parseInt(count, 10);
209
202
  }, userAnswerIndex !== null && userAnswerIndex > -1 ? 1 : 0) : 0;
210
203
  var computed = answers !== null ? (answers || []).reduce(function (answersTotal, ans, i) {
211
- var _ref7 = ans || {},
212
- _ref7$label = _ref7.label,
213
- label = _ref7$label === void 0 ? {} : _ref7$label;
204
+ var _ref6 = ans || {},
205
+ _ref6$label = _ref6.label,
206
+ label = _ref6$label === void 0 ? {} : _ref6$label;
214
207
 
215
- var _ref8 = label || {},
216
- _ref8$body = _ref8.body,
217
- body = _ref8$body === void 0 ? null : _ref8$body;
208
+ var _ref7 = label || {},
209
+ _ref7$body = _ref7.body,
210
+ body = _ref7$body === void 0 ? null : _ref7$body;
218
211
 
219
- var _ref9 = quizAnswers.find(function (qa) {
212
+ var _ref8 = quizAnswers.find(function (qa) {
220
213
  return qa.choice === body;
221
214
  }) || {},
222
- _ref9$count = _ref9.count,
223
- count = _ref9$count === void 0 ? 0 : _ref9$count;
215
+ _ref8$count = _ref8.count,
216
+ count = _ref8$count === void 0 ? 0 : _ref8$count;
224
217
 
225
218
  var countWithUser = i === userAnswerIndex ? count + 1 : count;
226
219
 
@@ -270,9 +263,9 @@ var SurveyScreen = function SurveyScreen(_ref) {
270
263
  }
271
264
  }, [isEdit, current, userAnswerIndex, setUserAnswerIndex]); // Call to Action
272
265
 
273
- var _ref10 = callToAction || {},
274
- _ref10$active = _ref10.active,
275
- hasCallToAction = _ref10$active === void 0 ? false : _ref10$active;
266
+ var _ref9 = callToAction || {},
267
+ _ref9$active = _ref9.active,
268
+ hasCallToAction = _ref9$active === void 0 ? false : _ref9$active;
276
269
 
277
270
  var _useDimensionObserver = hooks.useDimensionObserver(),
278
271
  callToActionRef = _useDimensionObserver.ref,
@@ -286,8 +279,8 @@ var SurveyScreen = function SurveyScreen(_ref) {
286
279
  scrolledBottom = _useState4[0],
287
280
  setScrolledBottom = _useState4[1];
288
281
 
289
- var onScrolledBottom = React.useCallback(function (_ref11) {
290
- var initial = _ref11.initial;
282
+ var onScrolledBottom = React.useCallback(function (_ref10) {
283
+ var initial = _ref10.initial;
291
284
 
292
285
  if (initial) {
293
286
  trackScreenEvent('scroll', 'Screen');
@@ -327,13 +320,13 @@ var SurveyScreen = function SurveyScreen(_ref) {
327
320
 
328
321
  var finalTransitionDuration = showInstantAnswer ? 0 : "".concat(resultTransitionDuration, "ms");
329
322
 
330
- var _ref12 = resultsStyle || {},
331
- _ref12$barColor = _ref12.barColor,
332
- resultsBarColor = _ref12$barColor === void 0 ? null : _ref12$barColor,
333
- _ref12$textColor = _ref12.textColor,
334
- resultsTextColor = _ref12$textColor === void 0 ? null : _ref12$textColor,
335
- _ref12$percentageText = _ref12.percentageTextStyle,
336
- resultsPercentageTextStyle = _ref12$percentageText === void 0 ? null : _ref12$percentageText;
323
+ var _ref11 = resultsStyle || {},
324
+ _ref11$barColor = _ref11.barColor,
325
+ resultsBarColor = _ref11$barColor === void 0 ? null : _ref11$barColor,
326
+ _ref11$textColor = _ref11.textColor,
327
+ resultsTextColor = _ref11$textColor === void 0 ? null : _ref11$textColor,
328
+ _ref11$percentageText = _ref11.percentageTextStyle,
329
+ resultsPercentageTextStyle = _ref11$percentageText === void 0 ? null : _ref11$percentageText;
337
330
 
338
331
  items.push( /*#__PURE__*/React__default["default"].createElement("div", {
339
332
  key: "answers",
@@ -343,38 +336,38 @@ var SurveyScreen = function SurveyScreen(_ref) {
343
336
  }, (isPlaceholder ? _toConsumableArray__default["default"](new Array(3)) : answers).map(function (answer, answerIndex) {
344
337
  var hasAnswer = answer !== null;
345
338
 
346
- var _ref13 = answer || {},
347
- _ref13$label = _ref13.label,
348
- label = _ref13$label === void 0 ? null : _ref13$label,
349
- _ref13$buttonStyle = _ref13.buttonStyle,
350
- answerButtonStyle = _ref13$buttonStyle === void 0 ? null : _ref13$buttonStyle,
351
- _ref13$textStyle = _ref13.textStyle,
352
- answerButtonTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
353
- _ref13$resultStyle = _ref13.resultStyle,
354
- answerResultStyle = _ref13$resultStyle === void 0 ? null : _ref13$resultStyle;
355
-
356
- var _ref14 = answerResultStyle || {},
357
- _ref14$barColor = _ref14.barColor,
358
- answerResultBarColor = _ref14$barColor === void 0 ? null : _ref14$barColor,
359
- answerResultTextColor = _ref14.textColor,
360
- _ref14$percentageText = _ref14.percentageTextStyle,
361
- answerResultPercentageTextStyle = _ref14$percentageText === void 0 ? null : _ref14$percentageText;
362
-
363
- var _ref15 = label || {},
364
- _ref15$body = _ref15.body,
365
- body = _ref15$body === void 0 ? null : _ref15$body;
366
-
367
- var _ref16 = body !== null ? quizAnswersComputed[body] || {} : {},
368
- _ref16$percent = _ref16.percent,
369
- percent = _ref16$percent === void 0 ? 0 : _ref16$percent;
370
-
371
- var _ref17 = label || {},
372
- _ref17$textStyle = _ref17.textStyle,
373
- textStyle = _ref17$textStyle === void 0 ? null : _ref17$textStyle;
374
-
375
- var _ref18 = textStyle || {},
376
- _ref18$color = _ref18.color,
377
- labelColor = _ref18$color === void 0 ? null : _ref18$color;
339
+ var _ref12 = answer || {},
340
+ _ref12$label = _ref12.label,
341
+ label = _ref12$label === void 0 ? null : _ref12$label,
342
+ _ref12$buttonStyle = _ref12.buttonStyle,
343
+ answerButtonStyle = _ref12$buttonStyle === void 0 ? null : _ref12$buttonStyle,
344
+ _ref12$textStyle = _ref12.textStyle,
345
+ answerButtonTextStyle = _ref12$textStyle === void 0 ? null : _ref12$textStyle,
346
+ _ref12$resultStyle = _ref12.resultStyle,
347
+ answerResultStyle = _ref12$resultStyle === void 0 ? null : _ref12$resultStyle;
348
+
349
+ var _ref13 = answerResultStyle || {},
350
+ _ref13$barColor = _ref13.barColor,
351
+ answerResultBarColor = _ref13$barColor === void 0 ? null : _ref13$barColor,
352
+ answerResultTextColor = _ref13.textColor,
353
+ _ref13$percentageText = _ref13.percentageTextStyle,
354
+ answerResultPercentageTextStyle = _ref13$percentageText === void 0 ? null : _ref13$percentageText;
355
+
356
+ var _ref14 = label || {},
357
+ _ref14$body = _ref14.body,
358
+ body = _ref14$body === void 0 ? null : _ref14$body;
359
+
360
+ var _ref15 = body !== null ? quizAnswersComputed[body] || {} : {},
361
+ _ref15$percent = _ref15.percent,
362
+ percent = _ref15$percent === void 0 ? 0 : _ref15$percent;
363
+
364
+ var _ref16 = label || {},
365
+ _ref16$textStyle = _ref16.textStyle,
366
+ textStyle = _ref16$textStyle === void 0 ? null : _ref16$textStyle;
367
+
368
+ var _ref17 = textStyle || {},
369
+ _ref17$color = _ref17.color,
370
+ labelColor = _ref17$color === void 0 ? null : _ref17$color;
378
371
 
379
372
  var hasAnswerLabel = utils.isTextFilled(label);
380
373
  var userAnswer = userAnswerIndex === answerIndex;
@@ -449,7 +442,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
449
442
  }) : null))))) : null));
450
443
  })) : null));
451
444
  return /*#__PURE__*/React__default["default"].createElement("div", {
452
- className: classNames__default["default"]([styles.container, (_ref20 = {}, _defineProperty__default["default"](_ref20, className, className !== null), _defineProperty__default["default"](_ref20, styles.answered, answered), _defineProperty__default["default"](_ref20, styles.withPercentage, !withoutPercentage), _defineProperty__default["default"](_ref20, styles.isPlaceholder, isPlaceholder), _ref20)])
445
+ className: classNames__default["default"]([styles.container, (_ref19 = {}, _defineProperty__default["default"](_ref19, className, className !== null), _defineProperty__default["default"](_ref19, styles.answered, answered), _defineProperty__default["default"](_ref19, styles.withPercentage, !withoutPercentage), _defineProperty__default["default"](_ref19, styles.isPlaceholder, isPlaceholder), _ref19)])
453
446
  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
454
447
  width: width,
455
448
  height: height,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-survey",
3
- "version": "0.3.243",
3
+ "version": "0.3.250",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,17 +49,17 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.243",
53
- "@micromag/data": "^0.3.243",
54
- "@micromag/element-background": "^0.3.243",
55
- "@micromag/element-button": "^0.3.243",
56
- "@micromag/element-call-to-action": "^0.3.243",
57
- "@micromag/element-container": "^0.3.243",
58
- "@micromag/element-heading": "^0.3.243",
59
- "@micromag/element-layout": "^0.3.243",
60
- "@micromag/element-scroll": "^0.3.243",
61
- "@micromag/element-text": "^0.3.243",
62
- "@micromag/transforms": "^0.3.243",
52
+ "@micromag/core": "^0.3.246",
53
+ "@micromag/data": "^0.3.246",
54
+ "@micromag/element-background": "^0.3.246",
55
+ "@micromag/element-button": "^0.3.246",
56
+ "@micromag/element-call-to-action": "^0.3.250",
57
+ "@micromag/element-container": "^0.3.246",
58
+ "@micromag/element-heading": "^0.3.246",
59
+ "@micromag/element-layout": "^0.3.246",
60
+ "@micromag/element-scroll": "^0.3.246",
61
+ "@micromag/element-text": "^0.3.246",
62
+ "@micromag/transforms": "^0.3.246",
63
63
  "classnames": "^2.2.6",
64
64
  "lodash": "^4.17.21",
65
65
  "prop-types": "^15.7.2",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "6f84a07ff98e674e635729831f47dbe68bdb33b8"
72
+ "gitHead": "f0c7716e6a78f4c0025594b668e669f0baf5286d"
73
73
  }