@atlaskit/rovo-agent-components 8.10.6 → 8.12.0

package/dist/cjs/ui/agent-conversation-starters/index.js

@@ -1,154 +1,26 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getConversationStarters = exports.ConversationStarters = exports.AgentConversationStarters = void 0;
-require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
-var _css = require("@atlaskit/css");
-var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _agentChatIcon = require("../../common/ui/agent-chat-icon");
-var _chatPill = require("../../common/ui/chat-pill");
-var _messages = require("./messages");
-var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var styles = {
-  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
-  conversationStartersListWithRefreshDesign: "_19pkze3t",
-  conversationStaterItem: "_ca0qze3t",
-  conversationStarterIcon: "_1o9zidpf",
-  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
-  button: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
-  button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
-};
-var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
-  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
-    isAgentDefault = _ref.isAgentDefault;
-  var type = 'static';
-  var customAgentConversationStarters = [{
-    message: _messages.messages.agentEmptyStateSuggestion1,
-    type: type
-  }, {
-    message: _messages.messages.agentEmptyStateSuggestion2,
-    type: type
-  }, {
-    message: _messages.messages.agentEmptyStateSuggestion3,
-    type: type
-  }];
-  var userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  var defaultAgentConversationStarters = [{
-    message: _messages.messages.emptyStateSuggestion1,
-    type: type
-  }, {
-    message: _messages.messages.emptyStateSuggestion2,
-    type: type
-  }, {
-    message: _messages.messages.emptyStateSuggestion3,
-    type: type
-  }];
-  var getCombinedConversationStarters = function getCombinedConversationStarters() {
-    var shouldCombine = !isAgentDefault;
-    if (shouldCombine) {
-      // Return user defined suggestions + static fallback suggestions with a max of 3 suggestions (user defined taking precendence over fallback)
-      return [].concat((0, _toConsumableArray2.default)(userDefinedConversationStarters), customAgentConversationStarters).slice(0, 3);
-    }
-    return defaultAgentConversationStarters;
-  };
-  return {
-    userDefinedConversationStarters: userDefinedConversationStarters,
-    customAgentConversationStarters: customAgentConversationStarters,
-    defaultAgentConversationStarters: defaultAgentConversationStarters,
-    combinedConversationStarters: getCombinedConversationStarters()
-  };
-};
-var AgentConversationStarters = exports.AgentConversationStarters = function AgentConversationStarters(_ref2) {
-  var userDefinedConversationStarters = _ref2.userDefinedConversationStarters,
-    isAgentDefault = _ref2.isAgentDefault,
-    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var _useIntl = (0, _reactIntl.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var _useMemo = (0, _react.useMemo)(function () {
-      return getConversationStarters({
-        userDefinedConversationStarters: userDefinedConversationStarters,
-        isAgentDefault: isAgentDefault
-      });
-    }, [userDefinedConversationStarters, isAgentDefault]),
-    combinedConversationStarters = _useMemo.combinedConversationStarters;
-  var starters = (0, _react.useMemo)(function () {
-    return combinedConversationStarters.map(function (starter) {
-      return typeof starter.message === 'string' ? {
-        message: starter.message,
-        type: starter.type
-      } : {
-        message: formatMessage(starter.message),
-        type: starter.type
-      };
-    });
-  }, [combinedConversationStarters, formatMessage]);
-  return /*#__PURE__*/_react.default.createElement(ConversationStarters, (0, _extends2.default)({
-    starters: starters
-  }, props));
-};
-var ConversationStarters = exports.ConversationStarters = function ConversationStarters(_ref3) {
-  var starters = _ref3.starters,
-    onConversationStarterClick = _ref3.onConversationStarterClick,
-    _ref3$showReloadButto = _ref3.showReloadButton,
-    showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
-    _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
-    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
-    onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
-    _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
-    refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
-    as: "ul",
-    space: "space.050",
-    xcss: (0, _css.cx)(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
-  }, starters.map(function (starter, index) {
-    var isLastStarter = index === starters.length - 1;
-    var chatPill = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      as: "li",
-      key: starter.message,
-      xcss: refreshDesignEnabled && styles.conversationStaterItem
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-      xcss: (0, _fg.fg)('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
-      onClick: function onClick() {
-        return onConversationStarterClick(starter);
-      },
-      testId: "conversation-starter"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-      space: "space.150",
-      alignBlock: "center"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.conversationStarterIcon
-    }, /*#__PURE__*/_react.default.createElement(_agentChatIcon.AgentChatIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.conversationStarterText
-    }, starter.message))));
-    return isLastStarter && showReloadButton ? /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-      space: "space.050",
-      grow: "fill",
-      alignInline: "end",
-      key: starter.message
-    }, chatPill, /*#__PURE__*/_react.default.createElement(_button.default, {
-      icon: _retry.default,
-      onClick: onReloadButtonClick,
-      appearance: "subtle",
-      label: ""
-    })) : chatPill;
-  }), !!onBrowseAgentsClick && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    as: "li"
-  }, /*#__PURE__*/_react.default.createElement(_chatPill.BrowseAgentsPill, {
-    onClick: onBrowseAgentsClick
-  })));
-};
+Object.defineProperty(exports, "AgentConversationStarters", {
+  enumerable: true,
+  get: function get() {
+    return _AgentConversationStarters.AgentConversationStarters;
+  }
+});
+Object.defineProperty(exports, "ConversationStarters", {
+  enumerable: true,
+  get: function get() {
+    return _ConversationStarters.ConversationStarters;
+  }
+});
+Object.defineProperty(exports, "getConversationStarters", {
+  enumerable: true,
+  get: function get() {
+    return _getConversationStarters.getConversationStarters;
+  }
+});
+var _getConversationStarters = require("./getConversationStarters");
+var _AgentConversationStarters = require("./AgentConversationStarters");
+var _ConversationStarters = require("./ConversationStarters");

package/dist/cjs/ui/agent-dropdown-menu/AgentDropdownMenu.js

@@ -0,0 +1,223 @@
+/* AgentDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentDropdownMenu = void 0;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
+var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
+var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
+var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
+var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
+var _agentVerificationDropdownItem = require("../agent-verification-dropdown-item");
+var _messages = _interopRequireDefault(require("./messages"));
+var _excluded = ["triggerRef"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_ref) {
+  var isAutodevTemplateAgent = _ref.isAutodevTemplateAgent,
+    onEditAgent = _ref.onEditAgent,
+    onCopyAgent = _ref.onCopyAgent,
+    onDuplicateAgent = _ref.onDuplicateAgent,
+    onDeleteAgent = _ref.onDeleteAgent,
+    onViewAgentFullProfileClick = _ref.onViewAgentFullProfileClick,
+    _onOpenChange = _ref.onOpenChange,
+    isForgeAgent = _ref.isForgeAgent,
+    _ref$showDeleteOption = _ref.showDeleteOption,
+    showDeleteOption = _ref$showDeleteOption === void 0 ? true : _ref$showDeleteOption,
+    _ref$showViewAgentOpt = _ref.showViewAgentOption,
+    showViewAgentOption = _ref$showViewAgentOpt === void 0 ? false : _ref$showViewAgentOpt,
+    onViewAgentClick = _ref.onViewAgentClick,
+    onDropdownTriggerClick = _ref.onDropdownTriggerClick,
+    spacing = _ref.spacing,
+    appearance = _ref.appearance,
+    dropdownMenuTestId = _ref.dropdownMenuTestId,
+    doesAgentHaveIdentityAccountId = _ref.doesAgentHaveIdentityAccountId,
+    loadAgentPermissions = _ref.loadAgentPermissions,
+    loadPermissionsOnMount = _ref.loadPermissionsOnMount,
+    shouldTriggerStopPropagation = _ref.shouldTriggerStopPropagation,
+    shouldRenderToParent = _ref.shouldRenderToParent,
+    agentName = _ref.agentName,
+    agentRef = _ref.agentRef,
+    userPermissionsRef = _ref.userPermissionsRef,
+    onVerificationSuccess = _ref.onVerificationSuccess,
+    customDropdownOptions = _ref.customDropdownOptions;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDuplicating = _useState4[0],
+    setIsDuplicating = _useState4[1];
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    hasBeenCopied = _useState6[0],
+    setHasBeenCopied = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    isOpen = _useState8[0],
+    setIsOpen = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    permissions = _useState0[0],
+    setPermissions = _useState0[1];
+  (0, _react.useEffect)(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _yield$loadAgentPermi, isCreateEnabled, isEditEnabled, isDeleteEnabled;
+        return _regenerator.default.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              setIsLoading(true);
+              _context.next = 1;
+              return loadAgentPermissions();
+            case 1:
+              _yield$loadAgentPermi = _context.sent;
+              isCreateEnabled = _yield$loadAgentPermi.isCreateEnabled;
+              isEditEnabled = _yield$loadAgentPermi.isEditEnabled;
+              isDeleteEnabled = _yield$loadAgentPermi.isDeleteEnabled;
+              setIsLoading(false);
+              setPermissions({
+                isCreateEnabled: isCreateEnabled,
+                isEditEnabled: isEditEnabled,
+                isDeleteEnabled: isDeleteEnabled
+              });
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function fetchData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    // Only load once
+    if (!permissions && (isOpen || loadPermissionsOnMount)) {
+      fetchData();
+    }
+  }, [isOpen, loadAgentPermissions, loadPermissionsOnMount, permissions]);
+  (0, _react.useEffect)(function () {
+    if (!isOpen) {
+      setHasBeenCopied(false);
+    }
+  }, [isOpen]);
+  var renderEditDelete = function renderEditDelete() {
+    if (!(permissions !== null && permissions !== void 0 && permissions.isEditEnabled) && !(permissions !== null && permissions !== void 0 && permissions.isDeleteEnabled)) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenuItemGroup.default, {
+      hasSeparator: true
+    }, permissions.isEditEnabled && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+      onClick: onEditAgent
+    }, formatMessage(_messages.default.editAgent)), permissions.isDeleteEnabled && showDeleteOption && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+      onClick: onDeleteAgent
+    }, formatMessage(_messages.default.deleteAgent)));
+  };
+  var isCreateAgentsEnabled = permissions === null || permissions === void 0 ? void 0 : permissions.isCreateEnabled;
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
+    shouldRenderToParent: shouldRenderToParent,
+    isLoading: isLoading,
+    isOpen: isOpen,
+    testId: dropdownMenuTestId,
+    trigger: function trigger(_ref3) {
+      var triggerRef = _ref3.triggerRef,
+        props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props, {
+        icon: _showMoreHorizontal.default,
+        label: agentName ? formatMessage(_messages.default.moreActionsForLabel, {
+          agentName: agentName
+        }) : formatMessage(_messages.default.moreActionsLabel),
+        ref: triggerRef,
+        spacing: spacing,
+        appearance: appearance,
+        onClick: function onClick(e, analyticsEvent) {
+          var _props$onClick;
+          if (onDropdownTriggerClick) {
+            onDropdownTriggerClick(e, analyticsEvent);
+          }
+          if (shouldTriggerStopPropagation) {
+            e.stopPropagation();
+          }
+          (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+        }
+      }));
+    },
+    onOpenChange: function onOpenChange(args) {
+      setIsOpen(args.isOpen);
+      _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(args);
+      if (!args.isOpen) {
+        setHasBeenCopied(false);
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenuItemGroup.default, null, customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+      key: option.id,
+      onClick: option.onClick
+    }, option.label);
+  }), showViewAgentOption && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    onClick: onViewAgentClick
+  }, formatMessage(_messages.default.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    onClick: onViewAgentFullProfileClick
+  }, formatMessage(_messages.default.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    onClick: ( /*#__PURE__*/function () {
+      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
+        return _regenerator.default.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if ((0, _fg.fg)('rovo_agent_versioning_enabled')) {
+                e.stopPropagation();
+              }
+              setIsDuplicating(true);
+              _context2.prev = 1;
+              _context2.next = 2;
+              return onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e);
+            case 2:
+              _context2.prev = 2;
+              setIsDuplicating(false);
+              return _context2.finish(2);
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[1,, 2, 3]]);
+      }));
+      return function (_x) {
+        return _ref4.apply(this, arguments);
+      };
+    }()),
+    isDisabled: isDuplicating
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.050"
+  }, isDuplicating && /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    size: "small"
+  }), isAutodevTemplateAgent ? formatMessage(_messages.default.useTemplateButton) : formatMessage(_messages.default.duplicateAgent))), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setHasBeenCopied(true);
+      onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
+    }
+  }, formatMessage(hasBeenCopied ? _messages.default.linkedCopiedToProfile : _messages.default.copyLinkToProfile)), agentRef && userPermissionsRef && (0, _fg.fg)('rovo_agents_agent_verification') && /*#__PURE__*/_react.default.createElement(_agentVerificationDropdownItem.AgentVerificationDropdownItem, {
+    agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
+    userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
+    onVerificationSuccess: onVerificationSuccess,
+    testId: "agent-actions-menu-verification"
+  })), renderEditDelete());
+};

package/dist/cjs/ui/agent-dropdown-menu/ChatToAgentButton.js

@@ -0,0 +1,46 @@
+/* ChatToAgentButton.tsx generated by @compiled/babel-plugin v3.0.2 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatToAgentButton = void 0;
+require("./ChatToAgentButton.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactIntl = require("react-intl");
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _chatIcon = require("../../common/ui/chat-icon");
+var _messages = _interopRequireDefault(require("./messages"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8",
+  chatPillButtonInline: "_18zrv77o",
+  chatPillText: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf"
+};
+var ChatToAgentButton = exports.ChatToAgentButton = function ChatToAgentButton(_ref) {
+  var onClick = _ref.onClick;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/React.createElement(_button.default, {
+    testId: "view-agent-modal-chat-to-agent-button",
+    shouldFitContainer: true,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
+    space: "space.050",
+    xcss: styles.chatPillButtonInline
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/React.createElement(_chatIcon.ChatPillIcon, null)), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatPillText
+  }, formatMessage(_messages.default.chatToAgentButton))))));
+};