@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleFeedback/ScreenVoting.js

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var React = _interopRequireWildcard(require("react"));

var _Text = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Text"));

var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

var _Stack = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Stack"));

var _ButtonLink = _interopRequireDefault(require("@kiwicom/orbit-components/lib/ButtonLink"));

var _ThumbDown = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/ThumbDown"));

var _ThumbUp = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/ThumbUp"));

var _screenList = _interopRequireDefault(require("./screenList"));

var _VoteArticleMutation = _interopRequireDefault(require("../../../SmartFAQ/mutations/VoteArticleMutation"));

var _trackers = require("../../helpers/analytics/trackers");

var _tracker = require("../../cuckoo/tracker");

// @flow
var voteType = {
  UP: 'up',
  DOWN: 'down'
};

var ScreenVoting = function ScreenVoting(props
/*: Props*/
) {
  var handleVote = function handleVote(vote) {
    var articleId = props.articleId,
        changeScreen = props.changeScreen;
    var screen = vote === voteType.UP ? _screenList.default.THANK_YOU : _screenList.default.FEEDBACK;
    var action = vote === voteType.UP ? 'upVote' : 'downVote';
    (0, _VoteArticleMutation.default)(articleId, vote, function () {
      return changeScreen(screen);
    }, function () {
      return changeScreen(screen);
    });
    (0, _trackers.simpleTracker)('smartFAQCategories', {
      action: action
    });
    (0, _tracker.track)('FAQs', action);
  };

  return React.createElement(_Stack.default, {
    flex: true,
    align: "center"
  }, React.createElement(_Text.default, {
    t: "smartfaq.article_feedback.voting.title"
  }), React.createElement(_ButtonLink.default, {
    onClick: function onClick() {
      return handleVote(voteType.UP);
    },
    iconLeft: React.createElement(_ThumbUp.default, {
      size: "medium"
    }),
    dataTest: "thumbUp"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.voting.yes"
  })), React.createElement(_ButtonLink.default, {
    onClick: function onClick() {
      return handleVote(voteType.DOWN);
    },
    iconLeft: React.createElement(_ThumbDown.default, {
      size: "medium"
    }),
    dataTest: "thumbDown"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.voting.no"
  })));
};

var _default = ScreenVoting;
exports.default = _default;