@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleFeedback/ScreenFeedback.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

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

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

var _Radio = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Radio"));

var _Button = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Button"));

var _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

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

var _context = require("@kiwicom/nitro/lib/services/intl/context");

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

var _commentTypeList = _interopRequireDefault(require("./commentTypeList"));

var _Box = _interopRequireDefault(require("../../../SmartFAQ/common/Box"));

// @flow
var style = new String("form{padding:16px;}.feedback-title{margin-bottom:16px;}.button{margin-top:16px;}.radio-button{margin-bottom:12px;}");
style.__hash = "3810608925";
style.__scoped = "form.jsx-3731207068{padding:16px;}.feedback-title.jsx-3731207068{margin-bottom:16px;}.button.jsx-3731207068{margin-top:16px;}.radio-button.jsx-3731207068{margin-bottom:12px;}";
style.__scopedHash = "3731207068";

var ScreenFeedback = function ScreenFeedback(_ref) {
  var _labelMap;

  var changeScreen = _ref.changeScreen,
      handleCommentTypeChange = _ref.handleCommentTypeChange,
      commentType = _ref.commentType;
  var labelMap = (_labelMap = {}, (0, _defineProperty2.default)(_labelMap, _commentTypeList.default.DONT_LIKE, "smartfaq.article_feedback.radio_group.dont_like_label"), (0, _defineProperty2.default)(_labelMap, _commentTypeList.default.CONFUSING, "smartfaq.article_feedback.radio_group.confusing_label"), (0, _defineProperty2.default)(_labelMap, _commentTypeList.default.NOT_ACCURATE, "smartfaq.article_feedback.radio_group.not_accurate_label"), (0, _defineProperty2.default)(_labelMap, _commentTypeList.default.DOESNT_ANSWER, "smartfaq.article_feedback.radio_group.doesnt_answer_label"), _labelMap);

  var handleSubmit = function handleSubmit(e
  /*: SyntheticEvent<HTMLFormElement>*/
  ) {
    e.preventDefault();
    changeScreen(_screenList.default.ADDITIONAL_FEEDBACK);
  };

  var renderRadioButton = function renderRadioButton(labelKey
  /*: string*/
  , label
  /*: string*/
  ) {
    return React.createElement(_context.Consumer, {
      key: labelKey
    }, function (intl) {
      return React.createElement("div", {
        className: "jsx-".concat(style.__scopedHash) + " " + "radio-button"
      }, React.createElement(_Radio.default, {
        label: intl.translate(label),
        value: labelKey,
        checked: commentType === labelKey,
        onChange: handleCommentTypeChange
      }), React.createElement(_style.default, {
        styleId: style.__scopedHash,
        css: style.__scoped
      }));
    });
  };

  return React.createElement(_Box.default, {
    border: "none",
    borderRadius: "4px",
    backgroundColor: "#f5f7f9"
  }, React.createElement("form", {
    onSubmit: handleSubmit,
    className: "jsx-".concat(style.__scopedHash)
  }, React.createElement("div", {
    className: "jsx-".concat(style.__scopedHash) + " " + "feedback-title"
  }, React.createElement(_Heading.default, {
    type: "title3"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.radio_group.title"
  }))), Object.entries(labelMap).map(function (labelMapEntry) {
    var _labelMapEntry = (0, _slicedToArray2.default)(labelMapEntry, 2),
        labelKey = _labelMapEntry[0],
        label = _labelMapEntry[1];

    return renderRadioButton(labelKey, String(label));
  }), React.createElement("div", {
    className: "jsx-".concat(style.__scopedHash) + " " + "button"
  }, React.createElement(_Button.default, {
    submit: true,
    onClick: function onClick() {},
    disabled: !commentType
  }, "Submit"))), React.createElement(_style.default, {
    styleId: style.__scopedHash,
    css: style.__scoped
  }));
};

var _default = ScreenFeedback;
exports.default = _default;