@kiwicom/smart-faq/lib/SmartFAQ/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 _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

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

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

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

var _User = require("../../../context/User");

var _utils = require("../../../../shared/relay/utils");

// @flow
var styles = new String("div.baggageCard{margin-top:22px;width:100%;border-radius:3px;background-color:#ffffff;border:solid 1px #e8edf1;margin-bottom:24px;}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;}[dir='rtl'] div.subtitle{margin-right:15px;}");
styles.__hash = "1263878869";
styles.__scoped = "div.baggageCard.jsx-223133524{margin-top:22px;width:100%;border-radius:3px;background-color:#ffffff;border:solid 1px #e8edf1;margin-bottom:24px;}div.iconTitle.jsx-223133524{margin:25px 12px 8.6px 24px;display:inline-block;}h1.title.jsx-223133524{vertical-align:middle;display:inline-block;font-size:22px;font-weight:500;line-height:1.2;color:#171b1e;}div.subtitle.jsx-223133524{margin-left:24px;margin-bottom:24px;}[dir='rtl'] div.subtitle.jsx-223133524{margin-right:15px;}";
styles.__scopedHash = "223133524";

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

  if (node.hash && node.hash !== "ed63bf00ad4877c2a6385bc82b0005d1") {
    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 !== "6a52414336d394b802c7d5b5330ddc82") {
    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 baggage = (0, _idx.default)(queryProps.props, function (_) {
        return _.singleBooking.baggage;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.nearestBooking.baggage;
      });
      var directAccessURL = (0, _idx.default)(queryProps.props, function (_) {
        return _.singleBooking.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(_Translate.default, {
        t: "smartfaq.baggage_info.title"
      })), React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "subtitle"
      }, React.createElement(_Text.default, {
        type: "attention"
      }, React.createElement(_Translate.default, {
        t: "smartfaq.baggage_info.subtitle"
      }))), React.createElement(_BaggageSummary.default, {
        data: 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(_User.UserContext.Consumer, null, function (userContext
      /*: UserContextType*/
      ) {
        return React.createElement(_SelectedBooking.SelectedBooking.Consumer, null, function (_ref) {
          var selectedBooking = _ref.selectedBooking;
          return !selectedBooking ? React.createElement(_QueryRenderer.default, {
            query: nearestInfoBaggage,
            render: _this2.renderBaggageCard,
            cacheConfig: {
              force: true
            },
            variables: {
              brand: userContext.brand
            }
          }) : React.createElement(_QueryRenderer.default, {
            query: selectedInfoBaggage,
            render: _this2.renderBaggageCard,
            cacheConfig: {
              force: true
            },
            variables: {
              id: selectedBooking,
              brand: userContext.brand,
              authToken: (0, _utils.maybeGetAuthToken)(userContext)
            }
          });
        });
      });
    }
  }]);
  return BaggageInfo;
}(React.Component);

var _default = BaggageInfo;
exports.default = _default;