UNPKG

@kiwicom/smart-faq

Version:

182 lines (128 loc) 8.14 kB
"use strict"; require("core-js/modules/es.symbol"); require("core-js/modules/es.symbol.description"); require("core-js/modules/es.symbol.iterator"); require("core-js/modules/es.array.concat"); require("core-js/modules/es.array.iterator"); require("core-js/modules/es.object.get-own-property-descriptor"); require("core-js/modules/es.object.get-prototype-of"); require("core-js/modules/es.object.set-prototype-of"); require("core-js/modules/es.object.to-string"); require("core-js/modules/es.string.iterator"); require("core-js/modules/web.dom-collections.iterator"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _style = _interopRequireDefault(require("styled-jsx/style")); var React = _interopRequireWildcard(require("react")); var _reactRelay = require("react-relay"); var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate")); var _Modal = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Modal")); var _ModalHeader = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Modal/ModalHeader")); var _ModalSection = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Modal/ModalSection")); var _Responsive = require("../common/Responsive"); var _Loader = _interopRequireDefault(require("../common/Loader")); var _ScrollableContent = _interopRequireDefault(require("../common/ScrollableContent")); var _QueryRenderer = _interopRequireDefault(require("../relay/QueryRenderer")); var _FutureBookingsPaginationContainer = _interopRequireDefault(require("./FutureBookingsPaginationContainer")); var _PastBookingsPaginationContainer = _interopRequireDefault(require("./PastBookingsPaginationContainer")); var _SelectedBooking = require("../context/SelectedBooking"); var _User = require("../context/User"); var _graphql; 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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var styles = new String(".allBookings{width:100%;height:100%;padding:0 10px;}@media only screen and (max-width:900px){.allBookings{display:grid;place-items:center center;padding-top:20px;}}"); styles.__hash = "516408935"; /*:: type Props = {||};*/ /*:: type State = {||};*/ /*:: type RenderProps = { props: ?AllBookingsQueryResponse, error: ?Error, };*/ var AllBookings = /*#__PURE__*/ function (_React$Component) { _inherits(AllBookings, _React$Component); function AllBookings() { var _getPrototypeOf2; var _this; _classCallCheck(this, AllBookings); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AllBookings)).call.apply(_getPrototypeOf2, [this].concat(args))); _defineProperty(_assertThisInitialized(_this), "renderAllBookingPaginationList", function (renderProps /*: RenderProps*/ ) { var modalTitle = React.createElement(_Translate.default, { t: "smartfaq.all_bookings.modal.title" }); var modalDesctiption = React.createElement(_Translate.default, { t: "smartfaq.all_bookings.modal.description" }); return React.createElement(React.Fragment, null, React.createElement(_Responsive.Desktop, null, React.createElement(_SelectedBooking.SelectedBooking.Consumer, null, function (_ref) { var closeAllBooking = _ref.closeAllBooking; return React.createElement(_Modal.default, { onClose: closeAllBooking }, React.createElement(_ModalHeader.default, { title: modalTitle, description: modalDesctiption }), React.createElement(_ModalSection.default, { suppressed: true }, renderProps.props ? React.createElement("div", { className: "allBookings" }, React.createElement(_FutureBookingsPaginationContainer.default, { data: renderProps.props }), React.createElement(_PastBookingsPaginationContainer.default, { data: renderProps.props })) : React.createElement(_Loader.default, { fullHeight: true }))); })), React.createElement(_Responsive.Mobile, null, React.createElement(_ScrollableContent.default, { styles: "background-color: #f5f7f9;" }, renderProps.props ? React.createElement("div", { className: "allBookings" }, React.createElement(_FutureBookingsPaginationContainer.default, { data: renderProps.props }), React.createElement(_PastBookingsPaginationContainer.default, { data: renderProps.props })) : React.createElement(_Loader.default, { fullHeight: true }))), React.createElement(_style.default, { styleId: styles.__hash, css: styles })); }); _defineProperty(_assertThisInitialized(_this), "render", function () { return React.createElement(_User.UserContext.Consumer, null, function (_ref2) { var brand = _ref2.brand; return React.createElement(_QueryRenderer.default, { query: _graphql || (_graphql = function _graphql() { var node = require("./__generated__/AllBookingsQuery.graphql"); if (node.hash && node.hash !== "9ecf9bc07fc86cb459d5ff03ad21e969") { console.error("The definition of 'AllBookingsQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."); } return require("./__generated__/AllBookingsQuery.graphql"); }), variables: { brand: brand, first: 3 }, render: _this.renderAllBookingPaginationList }); }); }); return _this; } return AllBookings; }(React.Component); exports.default = AllBookings;