@kiwicom/smart-faq/lib/ContactFormChat/Banner.js

"use strict";

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

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

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

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

var _Button = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Button"));

var _Stack = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Stack"));

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

var _Text = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Text"));

var _context = _interopRequireDefault(require("@kiwicom/nitro/lib/services/intl/context"));

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

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

var _GuaranteeChatWrapper = _interopRequireDefault(require("../shared/GuaranteeChat/GuaranteeChatWrapper"));

var _LogMount = _interopRequireDefault(require("../shared/cuckoo/components/LogMount"));

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
var UnwrappedBanner = function UnwrappedBanner(_ref) {
  var intl = _ref.intl;
  return React.createElement(_Alert.default, {
    type: "info",
    icon: React.createElement(_KiwicomGuarantee.default, null),
    title: intl.translate("smartfaq.contactFormChat.banner.title"),
    closable: false
  }, React.createElement(_Stack.default, {
    spacing: "compact"
  }, React.createElement(_Text.default, {
    t: "smartfaq.contactFormChat.banner.description"
  }), React.createElement(_GuaranteeChatWrapper.default, {
    eventSource: "contactForm",
    elementId: "guaranteeChatContacts"
  }, function (_ref2) {
    var isChatReady = _ref2.isChatReady,
        onClickDisplayChat = _ref2.onClickDisplayChat;
    return React.createElement(_Button.default, {
      type: "info",
      size: "small",
      iconLeft: React.createElement(_Chat.default, null),
      disabled: !isChatReady,
      onClick: onClickDisplayChat
    }, React.createElement(_Translate.default, {
      t: "smartfaq.contactFormChat.banner.open_chat"
    }));
  })));
};

var Banner = function Banner() {
  var intl = React.useContext(_context.default);
  return React.createElement(React.Fragment, null, React.createElement(UnwrappedBanner, {
    intl: intl
  }), React.createElement(_LogMount.default, {
    subCategory: "BookingOverview",
    action: "chatDisplayed",
    props: {
      where: 'contactForm'
    }
  }));
};

var _default = Banner;
exports.default = _default;