@kiwicom/smart-faq/lib/shared/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 _classnames = _interopRequireDefault(require("classnames"));

var _reactRouterDom = require("react-router-dom");

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

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

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

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

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

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

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

var styles = new String(".button{height:44px;border-radius:3px;background-color:#ffffff;outline:none;}.active{background-color:#e8edf1;}");
styles.__hash = "1376696199";
styles.__scoped = ".button.jsx-1982640038{height:44px;border-radius:3px;background-color:#ffffff;outline:none;}.active.jsx-1982640038{background-color:#e8edf1;}";
styles.__scopedHash = "1982640038";

var FAQExtraInfoButton = function FAQExtraInfoButton(_ref) {
  var category = _ref.category,
      children = _ref.children,
      history = _ref.history,
      icon = _ref.icon,
      dataTest = _ref.dataTest;
  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("div", {
        "data-test": dataTest,
        className: "jsx-".concat(styles.__scopedHash) + " " + ((0, _classnames.default)('button', {
          active: isActive
        }) || "")
      }, React.createElement(_ButtonLink.default, {
        iconLeft: icon,
        onClick: function onClick() {
          category === 'baggage' ? trackBaggage() : trackBoardingPass();

          if (isActive) {
            deactivate();
          } else {
            activate();
          }
        }
      }, children));
    });
  }), React.createElement(_style.default, {
    styleId: styles.__scopedHash,
    css: styles.__scoped
  }));
};

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

exports.default = _default;