@kiwicom/smart-faq/lib/SmartFAQ/StaticFAQ/FAQExtraInfo/BaggageInfo/BaggageDescription.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 = exports.BaggageDescription = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

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

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

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

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

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

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

// @flow
function renderIcon(category
/*: ?string*/
) {
  switch (category) {
    case 'CABIN_BAG':
      return React.createElement(_BaggageCabin.default, {
        size: "medium",
        customColor: "#bac7d5"
      });

    case 'CHECKED':
      return React.createElement(_BaggageChecked.default, {
        size: "medium",
        customColor: "#bac7d5"
      });

    case 'PERSONAL_ITEM':
      return React.createElement(_BaggagePersonalItem.default, {
        size: "medium",
        customColor: "#bac7d5"
      });
  }

  return null;
}

function formatCategory(category
/*: ?string*/
) {
  switch (category) {
    case 'CABIN_BAG':
      return React.createElement(_Translate.default, {
        t: "smartfaq.baggage_info.cabin_bag"
      });

    case 'CHECKED':
      return React.createElement(_Translate.default, {
        t: "smartfaq.baggage_info.checked_baggage"
      });

    case 'PERSONAL_ITEM':
      return React.createElement(_Translate.default, {
        t: "smartfaq.baggage_info.personal_item"
      });
  }

  return null;
}

var BaggageDescription = function BaggageDescription(_ref) {
  var _ref$data = _ref.data,
      bag = _ref$data.bag,
      quantity = _ref$data.quantity;

  if (!bag) {
    return;
  }

  var height = bag.height,
      weight = bag.weight,
      width = bag.width,
      length = bag.length,
      category = bag.category;
  return React.createElement(React.Fragment, null, React.createElement("hr", {
    className: "jsx-2920732678" + " " + "separationLine"
  }), React.createElement("div", {
    className: "jsx-2920732678" + " " + "baggageRow"
  }, React.createElement("p", {
    className: "jsx-2920732678" + " " + "quantity"
  }, quantity, "x"), renderIcon(category), React.createElement("p", {
    className: "jsx-2920732678" + " " + "baggageWeight"
  }, formatCategory(category), " ", weight, " kg"), React.createElement("div", {
    className: "jsx-2920732678" + " " + "baggageSize"
  }, height && width && length ? React.createElement("p", {
    className: "jsx-2920732678"
  }, height, " x ", width, " x ", length, " cm") : null)), React.createElement(_style.default, {
    styleId: "2920732678",
    css: "p.jsx-2920732678{margin:0px;}div.baggageRow.jsx-2920732678{padding:5px 24px 5px 24px;}div.baggageSize.jsx-2920732678{display:inline-block;float:right;}div.baggageSize.jsx-2920732678 p.jsx-2920732678{font-size:12px;line-height:1.4;color:#46515e;}p.baggageWeight.jsx-2920732678{margin-left:5px;font-size:14px;font-weight:bold;line-height:1.4;color:#46515e;display:inline-block;}p.quantity.jsx-2920732678{font-size:14px;display:inline-block;margin-right:8px;}hr.separationLine.jsx-2920732678{height:1px;background-color:#e8edf1;border:none;}[dir='rtl'] div.baggageSize.jsx-2920732678{direction:ltr;position:absolute;left:65px;}"
  }));
};

exports.BaggageDescription = BaggageDescription;

var _default = (0, _reactRelay.createFragmentContainer)(BaggageDescription, {
  data: function data() {
    var node = require("./__generated__/BaggageDescription.graphql");

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

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

exports.default = _default;