@atlaskit/rovo-agent-components/dist/cjs/ui/agent-verified/index.js

This package host public components related to rovo agents, the components here are needed for other public atlaskit packages

/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AgentVerifiedIcon = exports.AgentVerified = void 0;
require("./index.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _agentVerified_AtlaskitRovoAgentComponents2 = _interopRequireDefault(require("./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql"));
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _reactRelay = require("react-relay");
var _css = require("@atlaskit/css");
var _statusVerified = _interopRequireDefault(require("@atlaskit/icon/core/status-verified"));
var _compiled = require("@atlaskit/primitives/compiled");
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
var _messages = _interopRequireDefault(require("./messages"));
var AgentVerified = exports.AgentVerified = function AgentVerified(_ref) {
  var agentRef = _ref.agentRef,
    adjacentTextSize = _ref.adjacentTextSize;
  var data = (0, _reactRelay.useFragment)(_agentVerified_AtlaskitRovoAgentComponents2.default, agentRef);
  if (!(data !== null && data !== void 0 && data.isVerified)) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(AgentVerifiedIcon, {
    adjacentTextSize: adjacentTextSize
  });
};
var styles = {
  body: "_4t3igktf",
  textLarge: "_4t3i1tcg",
  headingMedium: "_4t3i1tcg",
  headingLarge: "_4t3i1f4h"
};
var AgentVerifiedIcon = exports.AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
  var _ref2$adjacentTextSiz = _ref2.adjacentTextSize,
    adjacentTextSize = _ref2$adjacentTextSiz === void 0 ? 'body' : _ref2$adjacentTextSiz;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
    content: formatMessage(_messages.default.verifiedAgentTooltip)
  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
    justifyContent: "center",
    alignItems: "center",
    xcss: (0, _css.cx)(adjacentTextSize === 'body' && styles['body'], adjacentTextSize === 'headingMedium' && styles['headingMedium'], adjacentTextSize === 'headingLarge' && styles['headingLarge'], adjacentTextSize === 'textLarge' && styles['textLarge'])
  }, /*#__PURE__*/_react.default.createElement(_statusVerified.default, {
    color: "var(--ds-icon-accent-blue, #357DE8)",
    label: formatMessage(_messages.default.verifiedIconLabel),
    size: "small"
  })));
};