@micromag/screen-survey 0.3.699 → 0.3.701

package/es/index.js

@@ -200,11 +200,11 @@ var SurveyScreen = function SurveyScreen(_ref) {
       var _ref9 = label || {},
         _ref9$body = _ref9.body,
         body = _ref9$body === void 0 ? null : _ref9$body;
-      var _ref10 = quizAnswers.find(function (qa) {
+      var _ref0 = quizAnswers.find(function (qa) {
           return qa.choice === body;
         }) || {},
-        _ref10$count = _ref10.count,
-        count = _ref10$count === void 0 ? 0 : _ref10$count;
+        _ref0$count = _ref0.count,
+        count = _ref0$count === void 0 ? 0 : _ref0$count;
       var countWithUser = i === userAnswerIndex ? count + 1 : count;
       if (body !== null) {
         return _objectSpread(_objectSpread({}, answersTotal), {}, _defineProperty({}, body, {
@@ -240,6 +240,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
         value: 1
       });
       trackScreenEvent('click_answer', "Answer ".concat(userAnswerIndex + 1, ": ").concat(answer.label.body), {
+        linkType: 'survey_answer',
         answer: answer,
         answerIndex: answerIndex,
         answerType: 'button'
@@ -318,8 +319,8 @@ var SurveyScreen = function SurveyScreen(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     scrolledBottom = _useState8[0],
     setScrolledBottom = _useState8[1];
-  var onScrolledBottom = useCallback(function (_ref11) {
-    var initial = _ref11.initial;
+  var onScrolledBottom = useCallback(function (_ref1) {
+    var initial = _ref1.initial;
     if (initial) {
       trackScreenEvent('scroll', 'Screen');
     }
@@ -329,12 +330,12 @@ var SurveyScreen = function SurveyScreen(_ref) {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    hasScroll = _useState10[0],
-    setHasScroll = _useState10[1];
-  var onScrollHeightChange = useCallback(function (_ref12) {
-    var _ref12$canScroll = _ref12.canScroll,
-      canScroll = _ref12$canScroll === void 0 ? false : _ref12$canScroll;
+    _useState0 = _slicedToArray(_useState9, 2),
+    hasScroll = _useState0[0],
+    setHasScroll = _useState0[1];
+  var onScrollHeightChange = useCallback(function (_ref10) {
+    var _ref10$canScroll = _ref10.canScroll,
+      canScroll = _ref10$canScroll === void 0 ? false : _ref10$canScroll;
     setHasScroll(canScroll);
   }, [setHasScroll]);
 
@@ -366,19 +367,19 @@ var SurveyScreen = function SurveyScreen(_ref) {
   var finalTransitionDuration = useMemo(function () {
     return showInstantAnswer ? 0 : "".concat(resultTransitionDuration, "ms");
   }, [showInstantAnswer, resultTransitionDuration]);
-  var _ref13 = resultsStyle || {},
-    _ref13$barColor = _ref13.barColor,
-    resultsBarColor = _ref13$barColor === void 0 ? null : _ref13$barColor,
-    _ref13$textColor = _ref13.textColor,
-    resultsTextColor = _ref13$textColor === void 0 ? null : _ref13$textColor,
-    _ref13$percentageText = _ref13.percentageTextStyle,
-    resultsPercentageTextStyle = _ref13$percentageText === void 0 ? null : _ref13$percentageText;
+  var _ref11 = resultsStyle || {},
+    _ref11$barColor = _ref11.barColor,
+    resultsBarColor = _ref11$barColor === void 0 ? null : _ref11$barColor,
+    _ref11$textColor = _ref11.textColor,
+    resultsTextColor = _ref11$textColor === void 0 ? null : _ref11$textColor,
+    _ref11$percentageText = _ref11.percentageTextStyle,
+    resultsPercentageTextStyle = _ref11$percentageText === void 0 ? null : _ref11$percentageText;
   var finalResult = useMemo(function () {
     var defaultResult = hasDefaultResult ? result : null;
     var answer = answers !== null && userAnswerIndex !== null ? answers[userAnswerIndex] : null;
-    var _ref14 = answer || {},
-      _ref14$result = _ref14.result,
-      answerResult = _ref14$result === void 0 ? null : _ref14$result;
+    var _ref12 = answer || {},
+      _ref12$result = _ref12.result,
+      answerResult = _ref12$result === void 0 ? null : _ref12$result;
     return answerResult || defaultResult;
   }, [hasDefaultResult, result, answers, userAnswerIndex]);
   var showReset = isEdit && userAnswerIndex !== null;
@@ -389,43 +390,43 @@ var SurveyScreen = function SurveyScreen(_ref) {
     className: styles.items
   }, (isPlaceholder ? _toConsumableArray(new Array(3)) : answers).map(function (answer, answerIndex) {
     var hasAnswer = answer !== null;
-    var _ref15 = answer || {},
-      _ref15$label = _ref15.label,
-      label = _ref15$label === void 0 ? null : _ref15$label,
-      _ref15$buttonStyle = _ref15.buttonStyle,
-      answerButtonStyle = _ref15$buttonStyle === void 0 ? null : _ref15$buttonStyle,
-      _ref15$textStyle = _ref15.textStyle,
-      answerButtonTextStyle = _ref15$textStyle === void 0 ? null : _ref15$textStyle,
-      _ref15$resultStyle = _ref15.resultStyle,
-      answerResultStyle = _ref15$resultStyle === void 0 ? null : _ref15$resultStyle;
-    var _ref16 = answerResultStyle || {},
-      _ref16$barColor = _ref16.barColor,
-      answerResultBarColor = _ref16$barColor === void 0 ? null : _ref16$barColor,
-      answerResultTextColor = _ref16.textColor,
-      _ref16$percentageText = _ref16.percentageTextStyle,
-      answerResultPercentageTextStyle = _ref16$percentageText === void 0 ? null : _ref16$percentageText;
+    var _ref13 = answer || {},
+      _ref13$label = _ref13.label,
+      label = _ref13$label === void 0 ? null : _ref13$label,
+      _ref13$buttonStyle = _ref13.buttonStyle,
+      answerButtonStyle = _ref13$buttonStyle === void 0 ? null : _ref13$buttonStyle,
+      _ref13$textStyle = _ref13.textStyle,
+      answerButtonTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
+      _ref13$resultStyle = _ref13.resultStyle,
+      answerResultStyle = _ref13$resultStyle === void 0 ? null : _ref13$resultStyle;
+    var _ref14 = answerResultStyle || {},
+      _ref14$barColor = _ref14.barColor,
+      answerResultBarColor = _ref14$barColor === void 0 ? null : _ref14$barColor,
+      answerResultTextColor = _ref14.textColor,
+      _ref14$percentageText = _ref14.percentageTextStyle,
+      answerResultPercentageTextStyle = _ref14$percentageText === void 0 ? null : _ref14$percentageText;
+    var _ref15 = label || {},
+      _ref15$body = _ref15.body,
+      body = _ref15$body === void 0 ? null : _ref15$body;
+    var _ref16 = body !== null ? quizAnswersComputed[body] || {} : {},
+      _ref16$percent = _ref16.percent,
+      percent = _ref16$percent === void 0 ? 0 : _ref16$percent,
+      _ref16$count = _ref16.count,
+      count = _ref16$count === void 0 ? 0 : _ref16$count;
     var _ref17 = label || {},
-      _ref17$body = _ref17.body,
-      body = _ref17$body === void 0 ? null : _ref17$body;
-    var _ref18 = body !== null ? quizAnswersComputed[body] || {} : {},
-      _ref18$percent = _ref18.percent,
-      percent = _ref18$percent === void 0 ? 0 : _ref18$percent,
-      _ref18$count = _ref18.count,
-      count = _ref18$count === void 0 ? 0 : _ref18$count;
-    var _ref19 = label || {},
-      _ref19$textStyle = _ref19.textStyle,
-      textStyle = _ref19$textStyle === void 0 ? null : _ref19$textStyle;
-    var _ref20 = textStyle || {},
-      _ref20$color = _ref20.color,
-      labelColor = _ref20$color === void 0 ? null : _ref20$color;
+      _ref17$textStyle = _ref17.textStyle,
+      textStyle = _ref17$textStyle === void 0 ? null : _ref17$textStyle;
+    var _ref18 = textStyle || {},
+      _ref18$color = _ref18.color,
+      labelColor = _ref18$color === void 0 ? null : _ref18$color;
     var hasAnswerLabel = isTextFilled(label);
     var userAnswer = userAnswerIndex === answerIndex;
     var buttonStyles = _objectSpread(_objectSpread(_objectSpread({}, buttonsStyle), answerButtonStyle), answered ? {
       textAlign: 'left'
     } : null);
-    var _ref21 = buttonStyles || {},
-      _ref21$borderRadius = _ref21.borderRadius,
-      answerResultBorderRadius = _ref21$borderRadius === void 0 ? null : _ref21$borderRadius;
+    var _ref19 = buttonStyles || {},
+      _ref19$borderRadius = _ref19.borderRadius,
+      answerResultBorderRadius = _ref19$borderRadius === void 0 ? null : _ref19$borderRadius;
     var finalBarBorderRadius = answerResultBorderRadius !== null && isNumber(answerResultBorderRadius) && answerResultBorderRadius > 2 ? answerResultBorderRadius - 2 : answerResultBorderRadius;
     return /*#__PURE__*/React.createElement("div", {
       key: "answer-".concat(answerIndex + 1),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-survey",
-    "version": "0.3.699",
+    "version": "0.3.701",
     "private": false,
     "description": "",
     "keywords": [
@@ -65,7 +65,7 @@
         "@fortawesome/react-fontawesome": "^0.2.0",
         "@micromag/core": "^0.3.679",
         "@micromag/data": "^0.3.699",
-        "@micromag/element-background": "^0.3.682",
+        "@micromag/element-background": "^0.3.700",
         "@micromag/element-button": "^0.3.679",
         "@micromag/element-container": "^0.3.679",
         "@micromag/element-footer": "^0.3.679",
@@ -87,5 +87,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "8d69620bde11630e19004ac76f6ed1454fc33516"
+    "gitHead": "c693ba9ccf9798d2b047c5a8b427453a1b7a09d6"
 }