@kiwicom/smart-faq/lib/StaticFAQ/FAQExtraInfo/BaggageInfo/index.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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

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

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

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

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

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

var _idx = _interopRequireDefault(require("idx"));

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

var _reactRelay = require("react-relay");

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

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

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

var _SelectedBooking = require("../../../context/SelectedBooking");

var _BaggageSummary = _interopRequireDefault(require("./BaggageSummary"));

var _QueryRenderer = _interopRequireDefault(require("../../../relay/QueryRenderer"));

// @flow
var styles = new String("div.baggageCard{margin-top:22px;width:100%;border-radius:3px;background-color:#ffffff;border:solid 1px #e8edf1;}div.iconTitle{margin:25px 12px 8.6px 24px;display:inline-block;}h1.title{vertical-align:middle;display:inline-block;font-size:22px;font-weight:500;line-height:1.2;color:#171b1e;}div.subtitle{margin-left:24px;margin-bottom:24px;}");
styles.__hash = "2379710401";
styles.__scoped = "div.baggageCard.jsx-2212198368{margin-top:22px;width:100%;border-radius:3px;background-color:#ffffff;border:solid 1px #e8edf1;}div.iconTitle.jsx-2212198368{margin:25px 12px 8.6px 24px;display:inline-block;}h1.title.jsx-2212198368{vertical-align:middle;display:inline-block;font-size:22px;font-weight:500;line-height:1.2;color:#171b1e;}div.subtitle.jsx-2212198368{margin-left:24px;margin-bottom:24px;}";
styles.__scopedHash = "2212198368";

var selectedInfoBaggage = function selectedInfoBaggage() {
  var node = require("./__generated__/BaggageInfoSelectedQuery.graphql");

  if (node.hash && node.hash !== "95e3036e4c4c8a35bcc2fa5ad4301662") {
    console.error("The definition of 'BaggageInfoSelectedQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.");
  }

  return require("./__generated__/BaggageInfoSelectedQuery.graphql");
};

var nearestInfoBaggage = function nearestInfoBaggage() {
  var node = require("./__generated__/BaggageInfoNearestQuery.graphql");

  if (node.hash && node.hash !== "23106cf346ce916e79ef55b4bd4f49e6") {
    console.error("The definition of 'BaggageInfoNearestQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.");
  }

  return require("./__generated__/BaggageInfoNearestQuery.graphql");
};

var BaggageInfo =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2.default)(BaggageInfo, _React$Component);

  function BaggageInfo() {
    var _getPrototypeOf2;

    var _this;

    (0, _classCallCheck2.default)(this, BaggageInfo);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(BaggageInfo)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "renderBaggageCard", function (queryProps
    /*: QueryProps*/
    ) {
      var unstable_baggage = (0, _idx.default)(queryProps.props, function (_) {
        return _.booking.unstable_baggage;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.nearestBooking.unstable_baggage;
      });
      var directAccessURL = (0, _idx.default)(queryProps.props, function (_) {
        return _.booking.directAccessURL;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.nearestBooking.directAccessURL;
      });
      return React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "baggageCard"
      }, React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "iconTitle"
      }, React.createElement(_BaggageChecked.default, {
        customColor: "black"
      })), React.createElement("h1", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "title"
      }, React.createElement(_Text2.default, {
        t: "smartfaq.baggage_info.title"
      })), React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "subtitle"
      }, React.createElement(_Text.default, {
        type: "attention"
      }, React.createElement(_Text2.default, {
        t: "smartfaq.baggage_info.subtitle"
      }))), React.createElement(_BaggageSummary.default, {
        data: unstable_baggage || null,
        mmbUrl: directAccessURL
      }), React.createElement(_style.default, {
        styleId: styles.__scopedHash,
        css: styles.__scoped
      }));
    });
    return _this;
  }

  (0, _createClass2.default)(BaggageInfo, [{
    key: "render",
    value: function render() {
      var _this2 = this;

      return React.createElement(_SelectedBooking.SelectedBooking.Consumer, null, function (_ref) {
        var selectedBooking = _ref.selectedBooking;
        return selectedBooking === null ? React.createElement(_QueryRenderer.default, {
          query: nearestInfoBaggage,
          render: _this2.renderBaggageCard,
          cacheConfig: {
            force: true
          }
        }) : React.createElement(_QueryRenderer.default, {
          query: selectedInfoBaggage,
          render: _this2.renderBaggageCard,
          cacheConfig: {
            force: true
          },
          variables: {
            id: selectedBooking
          }
        });
      });
    }
  }]);
  return BaggageInfo;
}(React.Component);

var _default = BaggageInfo;
exports.default = _default;