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

Smart FAQ

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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 _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

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 _context = 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 _trackers = require("../shared/helpers/analytics/trackers");

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

// @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, null, React.createElement(_Translate.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() {
  return React.createElement(_context.Consumer, null, function (intl) {
    return React.createElement(UnwrappedBanner, {
      intl: intl
    });
  });
};

var LogladyTrackedBanner = (0, _trackers.LogladyTracker)(Banner, 'BookingOverview', 'chatDisplayed', function () {
  return {
    where: 'contactForm'
  };
});
var EnterTrackedBanner = (0, _trackers.EnterTracker)(LogladyTrackedBanner, 'smartFAQBookingOverview', function () {
  return {
    action: 'chatDisplayed',
    where: 'contactForm'
  };
});
var _default = EnterTrackedBanner;
exports.default = _default;