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

Smart FAQ

"use strict";

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

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

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

var _style = _interopRequireDefault(require("styled-jsx/style"));

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

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

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

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

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

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 style = new String("div.initial-screen{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}p.question{font-size:14px;margin-right:10px;color:#46515e;}");
style.__hash = "4088945276";
style.__scoped = "div.initial-screen.jsx-3023658557{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}p.question.jsx-3023658557{font-size:14px;margin-right:10px;color:#46515e;}";
style.__scopedHash = "3023658557";

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("div", {
    className: "jsx-".concat(style.__scopedHash) + " " + "initial-screen"
  }, React.createElement("p", {
    className: "jsx-".concat(style.__scopedHash) + " " + "question"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.voting.title"
  })), React.createElement("span", {
    className: "jsx-".concat(style.__scopedHash) + " " + "thumb-up"
  }, React.createElement(_ButtonLink.default, {
    onClick: function onClick() {
      return handleVote(voteType.UP);
    },
    iconLeft: React.createElement(_ThumbUp.default, {
      size: "medium"
    })
  }, React.createElement("p", {
    className: "jsx-".concat(style.__scopedHash)
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.voting.yes"
  })))), React.createElement("span", {
    className: "jsx-".concat(style.__scopedHash) + " " + "thumb-down"
  }, React.createElement(_ButtonLink.default, {
    onClick: function onClick() {
      return handleVote(voteType.DOWN);
    },
    iconLeft: React.createElement(_ThumbDown.default, {
      size: "medium"
    })
  }, React.createElement("p", {
    className: "jsx-".concat(style.__scopedHash)
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.voting.no"
  })))), React.createElement(_style.default, {
    styleId: style.__scopedHash,
    css: style.__scoped
  }));
};

var _default = ScreenVoting;
exports.default = _default;