@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleDetail/GuaranteeChat.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.GuaranteeChatButton = void 0;

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

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

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

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

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

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

var _trackers = require("../../helpers/analytics/trackers");

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

// @flow
var GuaranteeChatButton = function GuaranteeChatButton(_ref) {
  var isChatReady = _ref.isChatReady,
      onClickDisplayChat = _ref.onClickDisplayChat;
  return React.createElement(React.Fragment, null, React.createElement(_Text.default, null, React.createElement(_Translate.default, {
    t: "smartfaq.guarantee_chat.description"
  })), React.createElement("div", {
    className: "jsx-2937434317" + " " + "chatButton"
  }, React.createElement(_Button.default, {
    type: "secondary",
    size: "normal",
    icon: React.createElement(_Chat.default, null),
    disabled: !isChatReady,
    onClick: onClickDisplayChat,
    dataTest: "guaranteeChatButton"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.guarantee_chat.button"
  }))), React.createElement(_style.default, {
    styleId: "2937434317",
    css: ".chatButton.jsx-2937434317{margin-top:16px;margin-bottom:40px;}"
  }));
};

exports.GuaranteeChatButton = GuaranteeChatButton;

var GuaranteeChat = function GuaranteeChat() {
  return React.createElement(_GuaranteeChatWrapper.default, {
    eventSource: "smartFAQ",
    elementId: "guaranteeChatFAQ",
    withPrompt: true
  }, function (_ref2) {
    var isChatReady = _ref2.isChatReady,
        onClickDisplayChat = _ref2.onClickDisplayChat;
    return React.createElement(GuaranteeChatButton, {
      isChatReady: isChatReady,
      onClickDisplayChat: onClickDisplayChat
    });
  });
};

var LogladyTrackedGuaranteeChat = (0, _trackers.LogladyTracker)(GuaranteeChat, 'GuaranteeChat', 'chatDisplayed', function () {
  return {
    where: 'smartFAQ'
  };
});
var EnterTrackedGuaranteeChat = (0, _trackers.EnterTracker)(LogladyTrackedGuaranteeChat, 'smartFAQBookingOverview', function () {
  return {
    action: 'chatDisplayed',
    where: 'smartFAQ'
  };
});
var _default = EnterTrackedGuaranteeChat;
exports.default = _default;