@kiwicom/smart-faq/lib/StaticFAQ/FAQExtraInfo/FAQExtraInfoButton.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 _reactRouterDom = require("react-router-dom");

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

var _SearchState = require("../../context/SearchState");

var _ExtraInfoState = require("../../context/ExtraInfoState");

// @flow
var trackBaggage = function trackBaggage() {
  return (0, _trackers.simpleTracker)('smartFAQBookingOverview', {
    action: 'clickOnBaggageButton'
  });
};

var trackBoardingPass = function trackBoardingPass() {
  return (0, _trackers.simpleTracker)('smartFAQBookingOverview', {
    action: 'clickOnBoardingPassButton'
  });
};

var styles = new String("button.extraInfoRadioButton{padding:0 12px;height:44px;border-radius:3px;background-color:#f5f7f9;outline:none;border:none;cursor:pointer;margin-bottom:24px;}button.active{background-color:#e8edf1;}");
styles.__hash = "1461503158";
styles.__scoped = "button.extraInfoRadioButton.jsx-1382707191{padding:0 12px;height:44px;border-radius:3px;background-color:#f5f7f9;outline:none;border:none;cursor:pointer;margin-bottom:24px;}button.active.jsx-1382707191{background-color:#e8edf1;}";
styles.__scopedHash = "1382707191";

var FAQExtraInfoButton = function FAQExtraInfoButton(_ref) {
  var category = _ref.category,
      children = _ref.children,
      history = _ref.history;
  return React.createElement(React.Fragment, null, React.createElement(_SearchState.SearchState.Consumer, null, function (_ref2) {
    var changeSearchText = _ref2.changeSearchText;
    return React.createElement(_ExtraInfoState.ExtraInfoState.Consumer, null, function (_ref3) {
      var activeExtraInfoCategory = _ref3.activeExtraInfoCategory,
          setExtraInfoCategory = _ref3.setExtraInfoCategory;
      var categoryId = category === 'baggage' ? _ExtraInfoState.categories.BAGGAGE : _ExtraInfoState.categories.BOARDING_PASS;
      var isActive = activeExtraInfoCategory === category && history.location.pathname.includes("/faq/".concat(categoryId));

      var activate = function activate() {
        setExtraInfoCategory(category);
        history.push("/faq/".concat(categoryId));
        changeSearchText('');
      };

      var deactivate = function deactivate() {
        setExtraInfoCategory(null);
        history.push('/');
      };

      return React.createElement("button", {
        onClick: function onClick() {
          category === 'baggage' ? trackBaggage() : trackBoardingPass();

          if (isActive) {
            deactivate();
          } else {
            activate();
          }
        },
        className: "jsx-".concat(styles.__scopedHash) + " " + "extraInfoRadioButton ".concat(isActive ? 'active' : '')
      }, children);
    });
  }), React.createElement(_style.default, {
    styleId: styles.__scopedHash,
    css: styles.__scoped
  }));
};

var _default = (0, _reactRouterDom.withRouter)(FAQExtraInfoButton);

exports.default = _default;