@kiwicom/smart-faq/lib/SmartFAQ/SingleBookingPage/bookingItem/Notification.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.RawNotification = void 0;

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

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

var _Alert = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Alert"));

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

var _dateUtils = require("../../helpers/dateUtils");

// @flow
var Notification = function Notification(_ref) {
  var isUrgent = _ref.isUrgent,
      hoursLeft = _ref.hoursLeft;
  var formattedTime = (0, _dateUtils.formatCountDown)({
    hoursLeft: hoursLeft
  });
  var type = isUrgent ? 'warning' : 'info';
  return React.createElement("div", {
    className: "jsx-253481468" + " " + "notification"
  }, React.createElement(_Alert.default, {
    type: type,
    icon: true
  }, function () {
    switch (formattedTime.format) {
      case 'days':
        return isUrgent ? React.createElement(_Translate.default, {
          t: "smartfaq.single_booking_page.notification.urgent_message.days",
          values: {
            daysLeft: formattedTime.daysLeft
          }
        }) : React.createElement(_Translate.default, {
          t: "smartfaq.single_booking_page.notification.normal_message.days",
          values: {
            daysLeft: formattedTime.daysLeft
          }
        });

      case 'hours':
        return isUrgent ? React.createElement(_Translate.default, {
          t: "smartfaq.single_booking_page.notification.urgent_message.hours",
          values: {
            hoursLeft: formattedTime.hoursLeft
          }
        }) : React.createElement(_Translate.default, {
          t: "smartfaq.single_booking_page.notification.normal_message.hours",
          values: {
            hoursLeft: formattedTime.hoursLeft
          }
        });

      case 'hours_minutes':
        return isUrgent ? React.createElement(_Translate.default, {
          t: "smartfaq.single_booking_page.notification.urgent_message.hours_minutes",
          values: {
            hoursLeft: formattedTime.hoursLeft,
            minutesLeft: formattedTime.minutesLeft
          }
        }) : React.createElement(_Translate.default, {
          t: "smartfaq.single_booking_page.notification.normal_message.hours_minutes",
          values: {
            hoursLeft: formattedTime.hoursLeft,
            minutesLeft: formattedTime.minutesLeft
          }
        });
    }
  }()), React.createElement(_style.default, {
    styleId: "253481468",
    css: ".notification.jsx-253481468{margin-bottom:24px;}"
  }));
};

var RawNotification = Notification;
exports.RawNotification = RawNotification;
var _default = Notification;
exports.default = _default;