@micromag/screen-quiz 0.3.767 → 0.3.771

package/es/index.js

@@ -742,7 +742,8 @@ var QuizScreen = function QuizScreen(_ref) {
     trackScreenEvent('click_answer', "".concat(userAnswerIndex + 1, ": ").concat(answer.label.body), {
       linkType: 'quiz_answer',
       answer: answer,
-      answerIndex: answerI
+      answerIndex: answerI,
+      isGood: answer.good || false
     });
   }, [userAnswerIndex, setUserAnswerIndex, trackScreenEvent, answers]);
   useEffect(function () {
@@ -784,6 +785,15 @@ var QuizScreen = function QuizScreen(_ref) {
   var onScrolledNotBottom = useCallback(function () {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
+  var onScrolledTrigger = useCallback(function () {
+    var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (trigger !== null) {
+      var scrollPercent = Math.round(trigger * 100);
+      trackScreenEvent('scroll', scrollPercent, {
+        scrollPercent: scrollPercent
+      });
+    }
+  }, [trackScreenEvent]);
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     hasScroll = _useState6[0],
@@ -822,6 +832,7 @@ var QuizScreen = function QuizScreen(_ref) {
     // disabled={scrollingDisabled || userAnswerIndex !== null}
     ,
     disabled: scrollingDisabled,
+    onScrolledTrigger: onScrolledTrigger,
     onScrolledBottom: onScrolledBottom,
     onScrolledNotBottom: onScrolledNotBottom,
     onScrollHeightChange: onScrollHeightChange,
@@ -1372,11 +1383,24 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
       return currentPoints >= (lastPoints || 0) && currentPoints >= points ? result : lastResult;
     }, null);
   }, [isResults, results, currentPoints, stateId, stateIndex]);
-  var _ref10 = currentResult || {},
-    _ref10$background = _ref10.background,
-    resultBackground = _ref10$background === void 0 ? null : _ref10$background,
-    _ref10$layout = _ref10.layout,
-    resultLayout = _ref10$layout === void 0 ? null : _ref10$layout;
+  useEffect(function () {
+    if (currentResult !== null && isResults) {
+      var _ref10 = currentResult || {},
+        _ref10$title = _ref10.title,
+        resultTitle = _ref10$title === void 0 ? null : _ref10$title,
+        _ref10$points = _ref10.points,
+        points = _ref10$points === void 0 ? null : _ref10$points;
+      trackScreenEvent('view_result', "Result: ".concat((resultTitle === null || resultTitle === void 0 ? void 0 : resultTitle.body) || 'No title'), {
+        resultPoints: points || null,
+        userPoints: currentPoints || null
+      });
+    }
+  }, [currentResult, currentPoints, isResults, trackScreenEvent]);
+  var _ref11 = currentResult || {},
+    _ref11$background = _ref11.background,
+    resultBackground = _ref11$background === void 0 ? null : _ref11$background,
+    _ref11$layout = _ref11.layout,
+    resultLayout = _ref11$layout === void 0 ? null : _ref11$layout;
   var _useQuizCreate = useQuizCreate({
       screenId: screenId
     }),
@@ -1436,8 +1460,8 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     scrolledBottom = _useState6[0],
     setScrolledBottom = _useState6[1];
-  var onScrolledBottom = useCallback(function (_ref11) {
-    var initial = _ref11.initial;
+  var onScrolledBottom = useCallback(function (_ref12) {
+    var initial = _ref12.initial;
     if (initial) {
       trackScreenEvent('scroll', 'Screen');
     }
@@ -1446,13 +1470,22 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
   var onScrolledNotBottom = useCallback(function () {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
+  var onScrolledTrigger = useCallback(function () {
+    var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (trigger !== null) {
+      var scrollPercent = Math.round(trigger * 100);
+      trackScreenEvent('scroll', scrollPercent, {
+        scrollPercent: scrollPercent
+      });
+    }
+  }, [trackScreenEvent]);
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     hasScroll = _useState8[0],
     setHasScroll = _useState8[1];
-  var onScrollHeightChange = useCallback(function (_ref12) {
-    var _ref12$canScroll = _ref12.canScroll,
-      canScroll = _ref12$canScroll === void 0 ? false : _ref12$canScroll;
+  var onScrollHeightChange = useCallback(function (_ref13) {
+    var _ref13$canScroll = _ref13.canScroll,
+      canScroll = _ref13$canScroll === void 0 ? false : _ref13$canScroll;
     setHasScroll(canScroll);
   }, [setHasScroll]);
   var onQuizReset = useCallback(function () {
@@ -1503,6 +1536,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
   }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(Scroll, {
     verticalAlign: verticalAlign,
     disabled: scrollingDisabled,
+    onScrolledTrigger: onScrolledTrigger,
     onScrolledBottom: onScrolledBottom,
     onScrolledNotBottom: onScrolledNotBottom,
     onScrollHeightChange: onScrollHeightChange,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-quiz",
-    "version": "0.3.767",
+    "version": "0.3.771",
     "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.767",
-        "@micromag/data": "^0.3.767",
-        "@micromag/element-background": "^0.3.767",
-        "@micromag/element-button": "^0.3.767",
-        "@micromag/element-container": "^0.3.767",
-        "@micromag/element-footer": "^0.3.767",
-        "@micromag/element-header": "^0.3.767",
-        "@micromag/element-heading": "^0.3.767",
-        "@micromag/element-layout": "^0.3.767",
-        "@micromag/element-scroll": "^0.3.767",
-        "@micromag/element-text": "^0.3.767",
-        "@micromag/element-visual": "^0.3.767",
-        "@micromag/transforms": "^0.3.767",
+        "@micromag/core": "^0.3.769",
+        "@micromag/data": "^0.3.769",
+        "@micromag/element-background": "^0.3.771",
+        "@micromag/element-button": "^0.3.769",
+        "@micromag/element-container": "^0.3.769",
+        "@micromag/element-footer": "^0.3.771",
+        "@micromag/element-header": "^0.3.771",
+        "@micromag/element-heading": "^0.3.769",
+        "@micromag/element-layout": "^0.3.769",
+        "@micromag/element-scroll": "^0.3.771",
+        "@micromag/element-text": "^0.3.771",
+        "@micromag/element-visual": "^0.3.771",
+        "@micromag/transforms": "^0.3.769",
         "@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": "af57b08ccc073db83b6480e3a43fe14e6f36e0f6"
+    "gitHead": "a74bf984979f2bee58b57859808a8d9f6fa31f4a"
 }