UNPKG

@kiwicom/smart-faq

Version:

91 lines (67 loc) 3.59 kB
"use strict"; require("core-js/modules/es.array.slice"); require("core-js/modules/es.object.freeze"); require("core-js/modules/es.object.get-own-property-descriptor"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.GuaranteeChatButton = void 0; var React = _interopRequireWildcard(require("react")); var _Button = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Button")); var _Text = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Text")); var _Chat = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/Chat")); var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate")); var _styledComponents = _interopRequireDefault(require("styled-components")); var _defaultTheme = _interopRequireDefault(require("@kiwicom/orbit-components/lib/defaultTheme")); var _GuaranteeChatWrapper = _interopRequireDefault(require("../../GuaranteeChat/GuaranteeChatWrapper")); var _LogMount = _interopRequireDefault(require("../../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; } } function _templateObject() { var data = _taggedTemplateLiteral(["\n margin-top: ", ";\n margin-bottom: ", ";\n"]); _templateObject = function _templateObject() { return data; }; return data; } function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } var ChatButtonWrapper = _styledComponents.default.div(_templateObject(), _defaultTheme.default.orbit.spaceMedium, _defaultTheme.default.orbit.spaceXXLarge); var GuaranteeChatButton = function GuaranteeChatButton(_ref) { var isChatReady = _ref.isChatReady, onClickDisplayChat = _ref.onClickDisplayChat; return React.createElement(React.Fragment, null, React.createElement(_Text.default, { t: "smartfaq.guarantee_chat.description" }), React.createElement(ChatButtonWrapper, null, 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(_LogMount.default, { subCategory: "GuaranteeChat", action: "chatDisplayed", props: { where: 'smartFAQ' } })); }; 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 _default = GuaranteeChat; exports.default = _default;