@atlaskit/profilecard 24.14.0 → 24.14.1

package/dist/es2019/components/Agent/AgentProfileCardCompiled.js

@@ -0,0 +1,186 @@
+/* AgentProfileCardCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./AgentProfileCardCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { Box, Stack } from '@atlaskit/primitives/compiled';
+import { AgentAvatar, AgentBanner, AgentProfileCreator, AgentProfileInfo, AgentStarCount } from '@atlaskit/rovo-agent-components';
+import { fireEvent, profileCardRendered } from '../../util/analytics';
+import { LoadingState } from '../common/LoadingState';
+import { ErrorMessage } from '../Error';
+import { AgentActions } from './Actions';
+import { AgentProfileCardWrapper } from './AgentProfileCardWrapper';
+import { ConversationStarters } from './ConversationStarters';
+import { useAgentUrlActions } from './hooks/useAgentActions';
+import { messages } from './messages';
+const styles = {
+  detailWrapper: "_18zrpxbi _1q51xy5q",
+  avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
+  cardContainerStyles: "_2rko1mok _16qs1cd0 _kqswh2mm"
+};
+const AgentProfileCard = ({
+  agent,
+  isLoading,
+  cloudId,
+  onChatClick,
+  hasError,
+  errorType,
+  onConversationStartersClick,
+  resourceClient,
+  addFlag,
+  onDeleteAgent
+}) => {
+  var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
+  const {
+    onEditAgent,
+    onCopyAgent,
+    onDuplicateAgent,
+    onOpenChat: onOpenChatFullScreen,
+    onConversationStarter,
+    onViewFullProfile
+  } = useAgentUrlActions({
+    cloudId: cloudId || '',
+    source: 'agentProfileCard'
+  });
+  const [isStarred, setIsStarred] = useState(false);
+  const [starCount, setStarCount] = useState();
+  const {
+    formatMessage
+  } = useIntl();
+  const userDefinedConversationStarters = agent === null || agent === void 0 ? void 0 : (_agent$user_defined_c = agent.user_defined_conversation_starters) === null || _agent$user_defined_c === void 0 ? void 0 : _agent$user_defined_c.map(starter => {
+    return {
+      message: starter,
+      type: 'user-defined'
+    };
+  });
+  useEffect(() => {
+    setIsStarred(!!(agent !== null && agent !== void 0 && agent.favourite));
+    setStarCount(agent === null || agent === void 0 ? void 0 : agent.favourite_count);
+  }, [agent === null || agent === void 0 ? void 0 : agent.favourite, agent === null || agent === void 0 ? void 0 : agent.favourite_count]);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const fireAnalytics = useCallback(payload => {
+    if (createAnalyticsEvent) {
+      fireEvent(createAnalyticsEvent, payload);
+    }
+  }, [createAnalyticsEvent]);
+  const handleSetFavourite = useCallback(async () => {
+    if (agent !== null && agent !== void 0 && agent.id) {
+      try {
+        await resourceClient.setFavouriteAgent(agent.id, !isStarred, fireAnalytics);
+        if (isStarred) {
+          setStarCount(starCount ? starCount - 1 : 0);
+        } else {
+          setStarCount((starCount || 0) + 1);
+        }
+        setIsStarred(!isStarred);
+      } catch (error) {}
+    }
+  }, [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
+  const handleOnDelete = useCallback(async () => {
+    if (agent && onDeleteAgent) {
+      // Optimistically remove from cache
+      const {
+        restore
+      } = onDeleteAgent(agent.id);
+      try {
+        await resourceClient.deleteAgent(agent.id, fireAnalytics);
+        addFlag === null || addFlag === void 0 ? void 0 : addFlag({
+          title: formatMessage(messages.agentDeletedSuccessFlagTitle),
+          description: formatMessage(messages.agentDeletedSuccessFlagDescription, {
+            agentName: agent.name
+          }),
+          type: 'success',
+          id: 'ptc-directory.agent-profile.delete-agent-success'
+        });
+      } catch (error) {
+        // Restore agent to cache on error
+        restore();
+        addFlag === null || addFlag === void 0 ? void 0 : addFlag({
+          title: formatMessage(messages.agentDeletedErrorFlagTitle),
+          description: formatMessage(messages.agentDeletedErrorFlagDescription),
+          type: 'error',
+          id: 'ptc-directory.agent-profile.delete-agent-error'
+        });
+      }
+    }
+  }, [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
+  useEffect(() => {
+    if (!isLoading && agent) {
+      fireAnalytics(profileCardRendered('agent', 'content'));
+    }
+  }, [agent, fireAnalytics, isLoading]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(LoadingState, {
+      profileType: "agent",
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  if (hasError || !agent) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+      fireAnalyticsNext: () => {},
+      errorType: errorType,
+      fireAnalytics: fireAnalytics
+    }));
+  }
+  return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.cardContainerStyles
+  }, /*#__PURE__*/React.createElement(AgentBanner, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
+    height: 96,
+    agentIdentityAccountId: agent.identity_account_id
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.avatarStyles
+  }, /*#__PURE__*/React.createElement(AgentAvatar, {
+    agentId: agent.id,
+    agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
+    agentIdentityAccountId: agent.identity_account_id,
+    size: "xlarge",
+    isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
+    forgeAgentIconUrl: agent.icon
+  })), /*#__PURE__*/React.createElement(Stack, {
+    space: "space.100",
+    xcss: styles.detailWrapper
+  }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
+    agentName: agent.name,
+    isStarred: isStarred,
+    onStarToggle: handleSetFavourite,
+    isHidden: agent.visibility === 'PRIVATE',
+    creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
+      creator: {
+        type: (_agent$creatorInfo2 = agent.creatorInfo) === null || _agent$creatorInfo2 === void 0 ? void 0 : _agent$creatorInfo2.type,
+        name: ((_agent$creatorInfo3 = agent.creatorInfo) === null || _agent$creatorInfo3 === void 0 ? void 0 : _agent$creatorInfo3.name) || '',
+        profileLink: ((_agent$creatorInfo4 = agent.creatorInfo) === null || _agent$creatorInfo4 === void 0 ? void 0 : _agent$creatorInfo4.profileLink) || ''
+      },
+      isLoading: false,
+      onCreatorLinkClick: () => {}
+    }),
+    starCountRender: /*#__PURE__*/React.createElement(AgentStarCount, {
+      starCount: starCount,
+      isLoading: false
+    }),
+    agentDescription: agent.description
+  }), /*#__PURE__*/React.createElement(ConversationStarters, {
+    isAgentDefault: agent.is_default,
+    userDefinedConversationStarters: userDefinedConversationStarters,
+    onConversationStarterClick: conversationStarter => {
+      onConversationStartersClick ? onConversationStartersClick(conversationStarter) : onConversationStarter({
+        agentId: agent.id,
+        prompt: conversationStarter.message
+      });
+    }
+  })), /*#__PURE__*/React.createElement(AgentActions, {
+    agent: agent,
+    onEditAgent: () => onEditAgent(agent.id),
+    onCopyAgent: () => onCopyAgent(agent.id),
+    onDuplicateAgent: () => onDuplicateAgent(agent.id),
+    onDeleteAgent: handleOnDelete,
+    onChatClick: onChatClick ? event => onChatClick(event) : () => onOpenChatFullScreen(agent.id, agent.name),
+    resourceClient: resourceClient,
+    onViewFullProfileClick: () => onViewFullProfile(agent.id)
+  })));
+};
+export default AgentProfileCard;

package/dist/es2019/components/Agent/AgentProfileCardWrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb1gwv{width:360px}

package/dist/es2019/components/Agent/AgentProfileCardWrapper.js

@@ -1,14 +1,15 @@
+/* AgentProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./AgentProfileCardWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
-const styles = xcss({
-  width: '360px'
-});
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  wrapper: "_1bsb1gwv"
+};
 export const AgentProfileCardWrapper = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles
+    xcss: styles.wrapper
   }, children);
 };

package/dist/es2019/components/Agent/ConversationStarters.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Stack } from '@atlaskit/primitives';
+import { Stack } from '@atlaskit/primitives/compiled';
 import { AgentConversationStarters } from '@atlaskit/rovo-agent-components';
 export const ConversationStarters = ({
   isAgentDefault,

package/dist/es2019/components/Error/ErrorMessage.js

@@ -3,8 +3,7 @@ import Button from '@atlaskit/button/new';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import IconError from '@atlaskit/icon/glyph/cross-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { ErrorTitle, ErrorWrapper } from '../../styled/Error';
 import { PACKAGE_META_DATA, profileCardRendered } from '../../util/analytics';
 const ErrorMessage = props => {

package/dist/es2019/components/Team/TeamProfileCardTrigger.js

@@ -6,8 +6,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
 import messages from '../../messages';

package/dist/es2019/components/User/ProfileCardDetails.compiled.css

@@ -5,7 +5,6 @@
 ._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
-._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bguutpp#profilecard-name-label{margin-bottom:var(--ds-space-150,9pt)}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1hpmutpp#profilecard-name-label{margin-top:var(--ds-space-150,9pt)}

package/dist/es2019/components/User/ProfileCardDetails.js

@@ -7,16 +7,13 @@ import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Text } from '@atlaskit/primitives';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box, Text } from '@atlaskit/primitives/compiled';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
 import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
 import { IconLabel } from '../Icon';
 import ReportingLinesDetails from './ReportingLinesDetails';
 const styles = {
-  detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
   fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
   noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",

package/dist/es2019/components/User/ReportingLinesDetails.js

@@ -6,6 +6,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { Pressable } from '@atlaskit/primitives/compiled';
@@ -13,6 +14,7 @@ import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesSection } from '../../styled/ReportingLines';
 import { PACKAGE_META_DATA, reportingLinesClicked } from '../../util/analytics';
 import { getPageTime } from '../../util/performance';
+import { default as ReportingLinesDetailsCompiled } from './ReportingLinesDetailsCompiled';
 function getProfileHref(userId, profileUrl) {
   return profileUrl ? profileUrl + userId : undefined;
 }
@@ -122,4 +124,5 @@ const ReportingLinesDetails = props => {
     showMoreButtonProps: showMoreButtonProps
   })));
 };
-export default ReportingLinesDetails;
+const ReportingLinesDetailsExport = componentWithFG('profilecard_primitives_compiled', ReportingLinesDetailsCompiled, ReportingLinesDetails);
+export default ReportingLinesDetailsExport;

package/dist/es2019/components/User/ReportingLinesDetailsCompiled.compiled.css

@@ -0,0 +1,11 @@
+._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
+._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}

package/dist/es2019/components/User/ReportingLinesDetailsCompiled.js

@@ -0,0 +1,96 @@
+/* ReportingLinesDetailsCompiled.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./ReportingLinesDetailsCompiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import Avatar from '@atlaskit/avatar';
+import AvatarGroup from '@atlaskit/avatar-group';
+import { cx } from '@atlaskit/css';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
+import messages from '../../messages';
+import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesSection } from '../../styled/ReportingLines';
+import { reportingLinesClicked } from '../../util/analytics';
+function getProfileHref(userId, profileUrl) {
+  return profileUrl ? profileUrl + userId : undefined;
+}
+const styles = {
+  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr3166n",
+  reportingLinesHeadingDefaultStyles: "_11c81vhk _syaz1fxt _k48p1pd9 _otyru2gc",
+  reportingLinesHeadingStyles: "_otyrze3t"
+};
+const avatarGroupMaxCount = 5;
+const ReportingLinesDetails = props => {
+  var _manager$pii, _manager$pii2;
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    fireAnalyticsWithDuration,
+    reportingLines = {},
+    reportingLinesProfileUrl,
+    onReportingLinesClick
+  } = props;
+  const {
+    managers = [],
+    reports = []
+  } = reportingLines;
+  const manager = managers.length >= 1 ? managers[0] : undefined;
+  const hasReports = reports.length > 0;
+  const getReportingLinesOnClick = (user, userType) => onReportingLinesClick ? () => {
+    fireAnalyticsWithDuration(duration => reportingLinesClicked({
+      duration,
+      userType
+    }));
+    onReportingLinesClick(user);
+  } : undefined;
+  const onReportingLinksClick = (user, userType, href) => {
+    let shouldPreventDefault = false;
+    if (onReportingLinesClick) {
+      shouldPreventDefault = onReportingLinesClick(user) === false;
+    }
+    fireAnalyticsWithDuration(duration => reportingLinesClicked({
+      duration,
+      userType
+    }));
+    if (shouldPreventDefault) {
+      return;
+    }
+    if (href) {
+      window.location.href = href;
+    }
+  };
+  const showMoreButtonProps = {
+    'aria-label': formatMessage(messages.profileCardMoreReportingLinesLabel, {
+      count: reports.length - avatarGroupMaxCount + 1
+    })
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.reportingLinesHeadingDefaultStyles, styles.reportingLinesHeadingStyles)
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
+    onClick: () => onReportingLinksClick(manager, 'manager', getProfileHref(manager.accountIdentifier, reportingLinesProfileUrl)),
+    isDisabled: !onReportingLinesClick,
+    xcss: styles.reportingLinesButton
+  }, /*#__PURE__*/React.createElement(ManagerSection, null, /*#__PURE__*/React.createElement(Avatar, {
+    size: "xsmall",
+    src: (_manager$pii = manager.pii) === null || _manager$pii === void 0 ? void 0 : _manager$pii.picture
+  }), /*#__PURE__*/React.createElement(ManagerName, null, (_manager$pii2 = manager.pii) === null || _manager$pii2 === void 0 ? void 0 : _manager$pii2.name))))), hasReports && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.reportingLinesHeadingDefaultStyles
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.directReportsSectionHeading)), /*#__PURE__*/React.createElement(AvatarGroup, {
+    appearance: "stack",
+    size: "small",
+    data: reports.map(member => {
+      var _member$pii, _member$pii2;
+      return {
+        key: member.accountIdentifier,
+        name: ((_member$pii = member.pii) === null || _member$pii === void 0 ? void 0 : _member$pii.name) || '',
+        src: (_member$pii2 = member.pii) === null || _member$pii2 === void 0 ? void 0 : _member$pii2.picture,
+        href: getProfileHref(member.accountIdentifier, reportingLinesProfileUrl),
+        onClick: getReportingLinesOnClick(member, 'direct-report')
+      };
+    }),
+    maxCount: avatarGroupMaxCount,
+    testId: "profilecard-reports-avatar-group",
+    showMoreButtonProps: showMoreButtonProps
+  })));
+};
+export default ReportingLinesDetails;

package/dist/es2019/components/common/ProfileCardWrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb1gwv{width:360px}

package/dist/es2019/components/common/ProfileCardWrapper.js

@@ -1,16 +1,17 @@
+/* ProfileCardWrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./ProfileCardWrapper.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
-const styles = xcss({
-  width: '360px'
-});
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  wrapper: "_1bsb1gwv"
+};
 export const ProfileCardWrapper = ({
   children,
   testId
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles,
+    xcss: styles.wrapper,
     testId: testId
   }, children);
 };

package/dist/es2019/components/team-profile-card/team-actions/more-actions/index.js

@@ -5,8 +5,7 @@ import { IconButton } from '@atlaskit/button/new';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { MenuGroup, Section } from '@atlaskit/menu';
 import Popup from '@atlaskit/popup';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { messages } from './messages';
 export const MoreActions = ({
   actions,

package/dist/es2019/styled/CoverImage.compiled.css

@@ -6,7 +6,9 @@
 ._1e0c1txw{display:flex}
 ._1reo15vq{overflow-x:hidden}
 ._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
 ._4t3i1qr7{height:8pc}
 ._4t3i1wug{height:auto}
+._5ral1dfr{object-fit:cover}
 ._kqswh2mm{position:relative}
 ._qrwq12b0{border-top-right-radius:var(--ds-radius-small,4px)}

package/dist/es2019/styled/CoverImage.js

@@ -2,10 +2,12 @@
 import "./CoverImage.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
   container: "_1reo15vq _18m915vq _1bsb1osq _4t3i1qr7 _kqswh2mm _13li12b0 _qrwq12b0 _1e0c1txw _1bah1h6o _4cvr1h6o",
-  image: "_1bsbnklw _4t3i1wug"
+  image: "_1bsbnklw _4t3i1wug",
+  imageNext: "_4t3i1osq _5ral1dfr"
 };
 
 /**
@@ -26,6 +28,6 @@ export const CoverImage = ({
     ref: imgRef,
     src: src,
     alt: alt,
-    xcss: styles.image
+    xcss: fg('cover-header-image-team-profilecard') ? styles.imageNext : styles.image
   }));
 };

package/dist/es2019/styled/Error.compiled.css

@@ -1,9 +1,7 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
 ._y3gn1h6o{text-align:center}

package/dist/es2019/styled/Error.js

@@ -4,19 +4,21 @@ import "./Error.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box, Text } from '@atlaskit/primitives/compiled';
 import { N200 } from '@atlaskit/theme/colors';
 const styles = {
   errorWrapper: "_y3gn1h6o _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb",
-  errorTitle: "_11c82smr _syaz1fxt _19pku2gc",
+  errorTitle: "_19pku2gc",
   teamErrorText: "_syaz1wmz _19pku2gc"
 };
 export const ErrorWrapper = props => /*#__PURE__*/React.createElement(Box, _extends({
   xcss: cx(styles.errorWrapper)
 }, props));
 export const ErrorTitle = props => /*#__PURE__*/React.createElement(Box, {
-  xcss: cx(styles.errorTitle)
-}, props.children);
+  xcss: styles.errorTitle
+}, /*#__PURE__*/React.createElement(Text, {
+  color: "color.text"
+}, props.children));
 export const TeamErrorText = props => /*#__PURE__*/React.createElement(Box, {
   xcss: cx(styles.teamErrorText)
 }, props.children);

package/dist/es2019/util/analytics.js

@@ -4,7 +4,7 @@ import { getPageTime } from './performance';
 const ANALYTICS_CHANNEL = 'peopleTeams';
 export const PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "24.13.7"
+  packageVersion: "0.0.0-development"
 };
 const runItLater = cb => {
   const requestIdleCallback = window.requestIdleCallback;
@@ -45,7 +45,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.13.7",
+    packageVersion: "0.0.0-development",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.13.7");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -59,7 +59,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.13.7");
+  headers.append('atl-client-version', "0.0.0-development");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Agent/Actions.js

@@ -9,10 +9,12 @@ import { defineMessages, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import { AgentDropdownMenu, ChatPillIcon } from '@atlaskit/rovo-agent-components';
 import { fireEvent } from '../../util/analytics';
+import { AgentActions as AgentActionsCompiled } from './ActionsCompiled';
 import { AgentDeleteConfirmationModal } from './AgentDeleteConfirmationModal';
 var chatToAgentButtonContainer = xcss({
   width: '100%'
@@ -43,7 +45,7 @@ var actionsWrapperStyles = xcss({
   marginBlockStart: 'space.200',
   color: 'color.text'
 });
-export var AgentActions = function AgentActions(_ref) {
+var _AgentActions = function _AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
     onDeleteAgent = _ref.onDeleteAgent,
     onDuplicateAgent = _ref.onDuplicateAgent,
@@ -146,4 +148,5 @@ var messages = defineMessages({
     defaultMessage: 'Chat to Agent',
     description: 'Text for the "chat to agent" action to chat to the agent'
   }
-});
+});
+export var AgentActions = componentWithFG('profilecard_primitives_compiled', AgentActionsCompiled, _AgentActions);

package/dist/esm/components/Agent/ActionsCompiled.compiled.css

@@ -0,0 +1,19 @@
+
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zrv77o{padding-inline:var(--ds-space-025,2px)}
+._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1nmz1hna{word-break:break-word}
+._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
+._1ul9gktf{min-width:20px}
+._4t3igktf{height:20px}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._o5721jtm{white-space:pre-wrap}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._y3gn1e5h{text-align:left}