@kiwicom/smart-faq/lib/SmartFAQ/StaticFAQ/FAQExtraInfo/BoardingPassesInfo/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 _Ticket = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/Ticket"));

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

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

var _BoardingPassesSummary = _interopRequireDefault(require("./BoardingPassesSummary"));

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

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

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

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

var nearestInfoBoardingPasses = function nearestInfoBoardingPasses() {
  var node = require("./__generated__/BoardingPassesInfoNearestQuery.graphql");

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

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

var singleBookingBoardingPasses = function singleBookingBoardingPasses() {
  var node = require("./__generated__/BoardingPassesInfoSingleQuery.graphql");

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

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

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

  function BoardingPassesInfo() {
    var _getPrototypeOf2;

    var _this;

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

    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)(BoardingPassesInfo)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "renderBoardingPassesCard", function (queryProps
    /*: QueryProps*/
    ) {
      var boardingPasses = (0, _idx.default)(queryProps.props, function (_) {
        return _.booking.assets;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.nearestBooking.assets;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.singleBooking.assets;
      });
      var directAccessURL = (0, _idx.default)(queryProps.props, function (_) {
        return _.booking.directAccessURL;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.nearestBooking.directAccessURL;
      }) || (0, _idx.default)(queryProps.props, function (_) {
        return _.singleBooking.directAccessURL;
      });
      return React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "boardingPassesCard"
      }, React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "iconTitle"
      }, React.createElement(_Ticket.default, {
        customColor: "black"
      })), React.createElement("h1", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "title"
      }, React.createElement(_Translate.default, {
        t: "smartfaq.boarding_pass_info.title"
      })), React.createElement("div", {
        className: "jsx-".concat(styles.__scopedHash) + " " + "subtitle"
      }, React.createElement(_Text.default, {
        type: "attention"
      }, React.createElement(_Translate.default, {
        t: "smartfaq.boarding_pass_info.subtitle"
      }))), React.createElement(_BoardingPassesSummary.default, {
        data: boardingPasses,
        mmbUrl: directAccessURL
      }), React.createElement(_style.default, {
        styleId: styles.__scopedHash,
        css: styles.__scoped
      }));
    });
    return _this;
  }

  (0, _createClass2.default)(BoardingPassesInfo, [{
    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: singleBookingBoardingPasses,
            variables: {
              id: selectedBooking,
              authToken: (0, _utils.maybeGetAuthToken)(userContext),
              brand: userContext.brand
            },
            render: _this2.renderBoardingPassesCard
          }) : React.createElement(_QueryRenderer.default, {
            query: nearestInfoBoardingPasses,
            render: _this2.renderBoardingPassesCard,
            variables: {
              brand: userContext.brand
            }
          });
        });
      });
    }
  }]);
  return BoardingPassesInfo;
}(React.Component);

var _default = BoardingPassesInfo;
exports.default = _default;