@micromag/screen-quiz 0.3.652 → 0.3.656

package/es/index.js

@@ -103,14 +103,14 @@ var Answers = function Answers(_ref) {
   var answered = answeredIndex !== null;
   var _ref2 = answeredIndex !== null ? items[answeredIndex] : {},
     _ref2$good = _ref2.good,
-    hasAnsweredRight = _ref2$good === undefined ? false : _ref2$good;
+    hasAnsweredRight = _ref2$good === void 0 ? false : _ref2$good;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 1),
     visible = _useState2[0];
   var hasRightAnswer = items !== null && !isPlaceholder ? items.reduce(function (hasGood, answer) {
     var _ref3 = answer || {},
       _ref3$good = _ref3.good,
-      good = _ref3$good === undefined ? false : _ref3$good;
+      good = _ref3$good === void 0 ? false : _ref3$good;
     return hasGood || good;
   }, false) : false;
   var finalShowUserAnswer = showUserAnswer || !hasRightAnswer;
@@ -179,7 +179,7 @@ var Answers = function Answers(_ref) {
         if (itemsRefs.current[i] && collapseAnimated) {
           var _ref4 = itemsRefs.current[i].getBoundingClientRect() || {},
             _ref4$height = _ref4.height,
-            height = _ref4$height === undefined ? 0 : _ref4$height;
+            height = _ref4$height === void 0 ? 0 : _ref4$height;
           acc.push(height);
         }
         return acc;
@@ -194,7 +194,7 @@ var Answers = function Answers(_ref) {
     var userAnswer = answerI === answeredIndex;
     var _ref5 = answer || {},
       _ref5$good = _ref5.good,
-      rightAnswer = _ref5$good === undefined ? false : _ref5$good;
+      rightAnswer = _ref5$good === void 0 ? false : _ref5$good;
     var hidden = false;
     if (answeredIndex !== null && showAnimation && answersDidCollapse && !rightAnswer && (hasRightAnswer || !userAnswer)) {
       hidden = true;
@@ -212,16 +212,16 @@ var Answers = function Answers(_ref) {
   var transitions = useTransition(filteredListOfItems, {
     key: function key(_ref6) {
       var _ref6$index = _ref6.index,
-        index = _ref6$index === undefined ? 0 : _ref6$index,
+        index = _ref6$index === void 0 ? 0 : _ref6$index,
         _ref6$label = _ref6.label,
-        label = _ref6$label === undefined ? null : _ref6$label;
-      return "key-".concat(index, "-").concat((label === null || label === undefined ? undefined : label.body) || null);
+        label = _ref6$label === void 0 ? null : _ref6$label;
+      return "key-".concat(index, "-").concat((label === null || label === void 0 ? void 0 : label.body) || null);
     },
     update: function update(_ref7) {
       var _ref7$hidden = _ref7.hidden,
-        hidden = _ref7$hidden === undefined ? false : _ref7$hidden,
+        hidden = _ref7$hidden === void 0 ? false : _ref7$hidden,
         _ref7$maxHeight = _ref7.maxHeight,
-        maxHeight = _ref7$maxHeight === undefined ? 0 : _ref7$maxHeight;
+        maxHeight = _ref7$maxHeight === void 0 ? 0 : _ref7$maxHeight;
       return {
         opacity: hidden && showAnimation && !withoutGoodAnswer ? 0 : 1,
         // Animate this, not height
@@ -245,7 +245,7 @@ var Answers = function Answers(_ref) {
   var hasOpacity = useMemo(function () {
     var _ref8 = inactiveButtonsStyle || {},
       _ref8$backgroundColor = _ref8.backgroundColor,
-      backgroundColor = _ref8$backgroundColor === undefined ? null : _ref8$backgroundColor;
+      backgroundColor = _ref8$backgroundColor === void 0 ? null : _ref8$backgroundColor;
     return backgroundColor === null;
   }, [inactiveButtonsStyle]);
   return /*#__PURE__*/React.createElement("div", {
@@ -256,16 +256,16 @@ var Answers = function Answers(_ref) {
     var userAnswer = answerI === answeredIndex;
     var _ref10 = answer || {},
       _ref10$good = _ref10.good,
-      rightAnswer = _ref10$good === undefined ? null : _ref10$good,
+      rightAnswer = _ref10$good === void 0 ? null : _ref10$good,
       _ref10$label = _ref10.label,
-      label = _ref10$label === undefined ? null : _ref10$label,
+      label = _ref10$label === void 0 ? null : _ref10$label,
       _ref10$buttonStyle = _ref10.buttonStyle,
-      answerButtonStyle = _ref10$buttonStyle === undefined ? null : _ref10$buttonStyle,
+      answerButtonStyle = _ref10$buttonStyle === void 0 ? null : _ref10$buttonStyle,
       _ref10$textStyle = _ref10.textStyle,
-      answerButtonTextStyle = _ref10$textStyle === undefined ? null : _ref10$textStyle;
+      answerButtonTextStyle = _ref10$textStyle === void 0 ? null : _ref10$textStyle;
     var _ref11 = label || {},
       _ref11$textStyle = _ref11.textStyle,
-      textStyle = _ref11$textStyle === undefined ? null : _ref11$textStyle;
+      textStyle = _ref11$textStyle === void 0 ? null : _ref11$textStyle;
     var hasAnswer = isTextFilled(label);
     var isUserAnswer = withoutGoodAnswer && userAnswer;
     var isOtherAnswer = withoutGoodAnswer && !userAnswer;
@@ -442,7 +442,7 @@ var Question = function Question(_ref) {
   var hasQuestion = isTextFilled(question);
   var _ref2 = question || {},
     _ref2$textStyle = _ref2.textStyle,
-    questionTextStyle = _ref2$textStyle === undefined ? null : _ref2$textStyle;
+    questionTextStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
   var _useState = useState(showInstantAnswer),
     _useState2 = _slicedToArray(_useState, 2),
     resultVisible = _useState2[0],
@@ -451,9 +451,9 @@ var Question = function Question(_ref) {
   var answer = answeredIndex !== null && answers[answeredIndex] ? answers[answeredIndex] : null;
   var _ref3 = answer || {},
     _ref3$result = _ref3.result,
-    answerResult = _ref3$result === undefined ? null : _ref3$result,
+    answerResult = _ref3$result === void 0 ? null : _ref3$result,
     _ref3$answerImage = _ref3.answerImage,
-    answerImage = _ref3$answerImage === undefined ? null : _ref3$answerImage;
+    answerImage = _ref3$answerImage === void 0 ? null : _ref3$answerImage;
   var hasResult = isTextFilled(answerResult) || isTextFilled(result);
   var hasResultVisual = isImageFilled(answerImage) || isImageFilled(resultImage);
   var defaultResult = isTextFilled(result) ? result : null;
@@ -461,7 +461,7 @@ var Question = function Question(_ref) {
   var finalResult = customResult || defaultResult;
   var _ref4 = finalResult || {},
     _ref4$textStyle = _ref4.textStyle,
-    resultTextStyle = _ref4$textStyle === undefined ? null : _ref4$textStyle;
+    resultTextStyle = _ref4$textStyle === void 0 ? null : _ref4$textStyle;
   var onAnswersCollapse = useCallback(function () {
     setResultVisible(true);
   }, [setResultVisible]);
@@ -679,11 +679,11 @@ var QuizScreen = function QuizScreen(_ref) {
   var _useDimensionObserver = useDimensionObserver(),
     headerRef = _useDimensionObserver.ref,
     _useDimensionObserver2 = _useDimensionObserver.height,
-    headerHeight = _useDimensionObserver2 === undefined ? 0 : _useDimensionObserver2;
+    headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
   var _useDimensionObserver3 = useDimensionObserver(),
     footerRef = _useDimensionObserver3.ref,
     _useDimensionObserver4 = _useDimensionObserver3.height,
-    footerHeight = _useDimensionObserver4 === undefined ? 0 : _useDimensionObserver4;
+    footerHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
   var showInstantAnswer = isStatic || isCapture;
   var goodAnswerIndex = answers !== null ? answers.findIndex(function (answer) {
     return answer !== null && answer.good;
@@ -719,12 +719,12 @@ var QuizScreen = function QuizScreen(_ref) {
     if (userAnswerIndex !== null) {
       var _ref2 = userAnswerIndex !== null && answers ? answers[userAnswerIndex] : {},
         _ref2$good = _ref2.good,
-        isGood = _ref2$good === undefined ? false : _ref2$good,
+        isGood = _ref2$good === void 0 ? false : _ref2$good,
         _ref2$label = _ref2.label,
-        label = _ref2$label === undefined ? {} : _ref2$label;
+        label = _ref2$label === void 0 ? {} : _ref2$label;
       var _ref3 = label || {},
         _ref3$body = _ref3.body,
-        body = _ref3$body === undefined ? '' : _ref3$body;
+        body = _ref3$body === void 0 ? '' : _ref3$body;
       submitQuiz({
         choice: body || userAnswerIndex,
         value: isGood ? 1 : 0
@@ -752,7 +752,7 @@ var QuizScreen = function QuizScreen(_ref) {
     setHasScroll = _useState6[1];
   var onScrollHeightChange = useCallback(function (_ref5) {
     var _ref5$canScroll = _ref5.canScroll,
-      canScroll = _ref5$canScroll === undefined ? false : _ref5$canScroll;
+      canScroll = _ref5$canScroll === void 0 ? false : _ref5$canScroll;
     setHasScroll(canScroll);
   }, [setHasScroll]);
   var onQuizReset = useCallback(function () {
@@ -900,11 +900,11 @@ var Results = function Results(_ref) {
   var hasTitle = isTextFilled(title);
   var _ref2 = title || {},
     _ref2$textStyle = _ref2.textStyle,
-    titleTextStyle = _ref2$textStyle === undefined ? null : _ref2$textStyle;
+    titleTextStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
   var hasDescription = isTextFilled(description);
   var _ref3 = description || {},
     _ref3$textStyle = _ref3.textStyle,
-    descriptionTextStyle = _ref3$textStyle === undefined ? null : _ref3$textStyle;
+    descriptionTextStyle = _ref3$textStyle === void 0 ? null : _ref3$textStyle;
   return /*#__PURE__*/React.createElement(Layout, {
     className: classNames([styles$1.container, _defineProperty({}, className, className !== null)]),
     fullscreen: true,
@@ -1177,9 +1177,9 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
   var _ref2 = screenState !== null ? screenState.split('.') : [],
     _ref3 = _slicedToArray(_ref2, 2),
     _ref3$ = _ref3[0],
-    stateId = _ref3$ === undefined ? null : _ref3$,
+    stateId = _ref3$ === void 0 ? null : _ref3$,
     _ref3$2 = _ref3[1],
-    stateIndex = _ref3$2 === undefined ? 0 : _ref3$2;
+    stateIndex = _ref3$2 === void 0 ? 0 : _ref3$2;
   var transitionPlaying = current;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
   var backgroundPlaying = current && (isView || isEdit);
@@ -1198,11 +1198,11 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
   var _useDimensionObserver = useDimensionObserver(),
     headerRef = _useDimensionObserver.ref,
     _useDimensionObserver2 = _useDimensionObserver.height,
-    headerHeight = _useDimensionObserver2 === undefined ? 0 : _useDimensionObserver2;
+    headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
   var _useDimensionObserver3 = useDimensionObserver(),
     footerRef = _useDimensionObserver3.ref,
     _useDimensionObserver4 = _useDimensionObserver3.height,
-    callToActionHeight = _useDimensionObserver4 === undefined ? 0 : _useDimensionObserver4;
+    callToActionHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
   var showInstantAnswer = isStatic || isCapture;
   var hasIntro = title !== null || description !== null || isEdit || stateId === 'intro';
   var _useState = useState(null),
@@ -1245,25 +1245,25 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
   var currentQuestion = hasQuestions ? questions[questionIndex] || {} : {};
   var _ref4 = currentQuestion || {},
     _ref4$text = _ref4.text,
-    text = _ref4$text === undefined ? null : _ref4$text,
+    text = _ref4$text === void 0 ? null : _ref4$text,
     _ref4$answers = _ref4.answers,
-    answers = _ref4$answers === undefined ? [] : _ref4$answers,
+    answers = _ref4$answers === void 0 ? [] : _ref4$answers,
     _ref4$background = _ref4.background,
-    questionBackground = _ref4$background === undefined ? null : _ref4$background,
+    questionBackground = _ref4$background === void 0 ? null : _ref4$background,
     _ref4$layout = _ref4.layout,
-    questionLayout = _ref4$layout === undefined ? null : _ref4$layout,
+    questionLayout = _ref4$layout === void 0 ? null : _ref4$layout,
     _ref4$result = _ref4.result,
-    questionResult = _ref4$result === undefined ? null : _ref4$result,
+    questionResult = _ref4$result === void 0 ? null : _ref4$result,
     _ref4$resultImage = _ref4.resultImage,
-    questionResultImage = _ref4$resultImage === undefined ? null : _ref4$resultImage;
+    questionResultImage = _ref4$resultImage === void 0 ? null : _ref4$resultImage;
   var currentAnsweredIndex = userAnswers !== null && typeof userAnswers[questionIndex] !== 'undefined' ? userAnswers[questionIndex] : null;
   var answer = currentAnsweredIndex !== null && typeof answers[currentAnsweredIndex] !== 'undefined' ? answers[currentAnsweredIndex] : null;
   var _ref5 = answer || {},
     _ref5$result = _ref5.result,
-    answerResult = _ref5$result === undefined ? null : _ref5$result;
+    answerResult = _ref5$result === void 0 ? null : _ref5$result;
   var firstCustomResult = (answers || []).find(function () {
     var it = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    return (it === null || it === undefined ? undefined : it.result) !== null;
+    return (it === null || it === void 0 ? void 0 : it.result) !== null;
   }) || null;
   var hasResult = questionResult !== null || questionResultImage !== null || answerResult !== null || firstCustomResult !== null;
   var onNextSlide = useCallback(function () {
@@ -1282,11 +1282,11 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
     return userAnswers !== null ? Object.keys(userAnswers).reduce(function (totalPoints, answerQuestionIndex) {
       var _ref6 = questions !== null ? questions[answerQuestionIndex] || {} : {},
         _ref6$answers = _ref6.answers,
-        questionAnswers = _ref6$answers === undefined ? [] : _ref6$answers;
+        questionAnswers = _ref6$answers === void 0 ? [] : _ref6$answers;
       var answerIndex = userAnswers[answerQuestionIndex];
       var _ref7 = questionAnswers[answerIndex] || {},
         _ref7$points = _ref7.points,
-        points = _ref7$points === undefined ? 0 : _ref7$points;
+        points = _ref7$points === void 0 ? 0 : _ref7$points;
       return points + totalPoints;
     }, 0) : 0;
   }, [userAnswers, questions]);
@@ -1302,9 +1302,9 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
     }
     return (results || []).sort(function (_ref8, _ref9) {
       var _ref8$points = _ref8.points,
-        pointsA = _ref8$points === undefined ? 0 : _ref8$points;
+        pointsA = _ref8$points === void 0 ? 0 : _ref8$points;
       var _ref9$points = _ref9.points,
-        pointsB = _ref9$points === undefined ? 0 : _ref9$points;
+        pointsB = _ref9$points === void 0 ? 0 : _ref9$points;
       if (pointsA === pointsB) {
         return 0;
       }
@@ -1312,18 +1312,18 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
     }).reduce(function (lastResult, result) {
       var _ref10 = lastResult || {},
         _ref10$points = _ref10.points,
-        lastPoints = _ref10$points === undefined ? 0 : _ref10$points;
+        lastPoints = _ref10$points === void 0 ? 0 : _ref10$points;
       var _ref11 = result || {},
         _ref11$points = _ref11.points,
-        points = _ref11$points === undefined ? 0 : _ref11$points;
+        points = _ref11$points === void 0 ? 0 : _ref11$points;
       return currentPoints >= (lastPoints || 0) && currentPoints >= points ? result : lastResult;
     }, null);
   }, [isResults, results, currentPoints, stateId, stateIndex]);
   var _ref12 = currentResult || {},
     _ref12$background = _ref12.background,
-    resultBackground = _ref12$background === undefined ? null : _ref12$background,
+    resultBackground = _ref12$background === void 0 ? null : _ref12$background,
     _ref12$layout = _ref12.layout,
-    resultLayout = _ref12$layout === undefined ? null : _ref12$layout;
+    resultLayout = _ref12$layout === void 0 ? null : _ref12$layout;
   var _useQuizCreate = useQuizCreate({
       screenId: screenId
     }),
@@ -1399,7 +1399,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
     setHasScroll = _useState8[1];
   var onScrollHeightChange = useCallback(function (_ref14) {
     var _ref14$canScroll = _ref14.canScroll,
-      canScroll = _ref14$canScroll === undefined ? false : _ref14$canScroll;
+      canScroll = _ref14$canScroll === void 0 ? false : _ref14$canScroll;
     setHasScroll(canScroll);
   }, [setHasScroll]);
   var onQuizReset = useCallback(function () {
@@ -1943,20 +1943,19 @@ var definition = [{
           "value": "Answers"
         }]
       })
-    }, {
-      name: 'result',
-      type: 'text-element',
-      theme: {
-        textStyle: 'text'
-      },
-      label: defineMessage({
-        id: "iQ5Uf7",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Default feedback"
-        }]
-      })
-    }, {
+    },
+    // {
+    //     name: 'result',
+    //     type: 'text-element',
+    //     theme: {
+    //         textStyle: 'text',
+    //     },
+    //     label: defineMessage({
+    //         defaultMessage: 'Default feedback',
+    //         description: 'Field label',
+    //     }),
+    // },
+    {
       name: 'resultImage',
       type: 'visual',
       label: defineMessage({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-quiz",
-    "version": "0.3.652",
+    "version": "0.3.656",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,19 +63,19 @@
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.0",
-        "@micromag/core": "^0.3.651",
-        "@micromag/data": "^0.3.651",
-        "@micromag/element-background": "^0.3.651",
-        "@micromag/element-button": "^0.3.651",
-        "@micromag/element-container": "^0.3.651",
-        "@micromag/element-footer": "^0.3.651",
-        "@micromag/element-header": "^0.3.651",
-        "@micromag/element-heading": "^0.3.651",
-        "@micromag/element-layout": "^0.3.651",
-        "@micromag/element-scroll": "^0.3.651",
-        "@micromag/element-text": "^0.3.651",
-        "@micromag/element-visual": "^0.3.651",
-        "@micromag/transforms": "^0.3.651",
+        "@micromag/core": "^0.3.656",
+        "@micromag/data": "^0.3.656",
+        "@micromag/element-background": "^0.3.656",
+        "@micromag/element-button": "^0.3.656",
+        "@micromag/element-container": "^0.3.656",
+        "@micromag/element-footer": "^0.3.656",
+        "@micromag/element-header": "^0.3.656",
+        "@micromag/element-heading": "^0.3.656",
+        "@micromag/element-layout": "^0.3.656",
+        "@micromag/element-scroll": "^0.3.656",
+        "@micromag/element-text": "^0.3.656",
+        "@micromag/element-visual": "^0.3.656",
+        "@micromag/transforms": "^0.3.656",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "classnames": "^2.2.6",
@@ -89,5 +89,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "77f459a1fabeb2d40fb26866e2d2c8353d54fd9f"
+    "gitHead": "fd956cc4a183b621df124f3f3afbae4af974db27"
 }