@kiwicom/smart-faq/lib/shared/StaticFAQ/FAQExtraInfo/BaggageInfo/BaggageDescription.js

"use strict";

require("core-js/modules/es.object.get-own-property-descriptor");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.BaggageDescription = void 0;

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"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

// @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 null;
  }

  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: "separationLine"
  }), React.createElement("div", {
    className: "baggageRow"
  }, React.createElement("p", {
    className: "quantity"
  }, quantity, "x"), renderIcon(category), React.createElement("p", {
    className: "baggageWeight"
  }, formatCategory(category), " ", weight, " kg"), React.createElement("div", {
    className: "baggageSize"
  }, height && width && length ? React.createElement("p", null, height, " x ", width, " x ", length, " cm") : null)), React.createElement("style", {
    jsx: true
  }, "\n          p {\n            margin: 0px;\n          }\n          div.baggageRow {\n            padding: 5px 24px 5px 24px;\n          }\n          div.baggageSize {\n            display: inline-block;\n            float: right;\n          }\n          div.baggageSize p {\n            font-size: 12px;\n            line-height: 1.4;\n            color: #46515e;\n          }\n          p.baggageWeight {\n            margin-left: 5px;\n            font-size: 14px;\n            font-weight: bold;\n            line-height: 1.4;\n            color: #46515e;\n            display: inline-block;\n          }\n          p.quantity {\n            font-size: 14px;\n            display: inline-block;\n            margin-right: 8px;\n          }\n          hr.separationLine {\n            height: 1px;\n            background-color: #e8edf1;\n            border: none;\n          }\n          :global([dir='rtl']) div.baggageSize {\n            direction: ltr;\n            position: absolute;\n            left: 65px;\n          }\n        "));
};

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;