@atlaskit/profilecard 26.19.8 → 26.20.0

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

@@ -0,0 +1,207 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
+import Avatar from '@atlaskit/avatar/avatar';
+import Button from '@atlaskit/button/default/button';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
+import { TeamsLinkButton } from '@atlaskit/teams-app-internal-navigation/teams-link-button';
+import messages from '../../messages';
+import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AnimationWrapper, CardContainer, CardContent, KudosBlobAnimation, ProfileImage } from '../../styled/Card';
+import { CardWrapper } from '../../styled/UserTrigger';
+import { PACKAGE_META_DATA } from '../../util/analytics';
+import { isBasicClick } from '../../util/click';
+import { getPageTime } from '../../util/performance';
+import { default as ErrorMessage } from '../Error/ErrorMessage';
+import { LoadingView } from './LoadingView';
+import { ACTION_OVERFLOW_THRESHOLD, OverflowProfileCardButtons } from './OverflowProfileCardButtons';
+import { ProfileCardDetails } from './ProfileCardDetails';
+const GIVE_KUDOS_ACTION_ID = 'give-kudos';
+const useKudos = (cloudId, userId, teamCentralBaseUrl, openKudosDrawer) => {
+  const kudosUrl = useMemo(() => {
+    const recipientId = userId ? `&recipientId=${userId}` : '';
+    const cloudIdParam = cloudId ? `&cloudId=${cloudId}` : '';
+    return `${teamCentralBaseUrl || ''}/kudos/give?type=individual${recipientId}${cloudIdParam}`;
+  }, [cloudId, teamCentralBaseUrl, userId]);
+  const kudosButtonCallback = useCallback(() => {
+    if (openKudosDrawer) {
+      openKudosDrawer();
+    } else {
+      window.open(kudosUrl);
+    }
+  }, [kudosUrl, openKudosDrawer]);
+  const kudosAction = useMemo(() => {
+    return {
+      label: /*#__PURE__*/React.createElement(FormattedMessage, messages.giveKudosButton),
+      id: GIVE_KUDOS_ACTION_ID,
+      callback: kudosButtonCallback,
+      link: kudosUrl
+    };
+  }, [kudosButtonCallback, kudosUrl]);
+  return {
+    kudosAction,
+    kudosButtonCallback,
+    kudosUrl
+  };
+};
+const Wrapper = props => /*#__PURE__*/React.createElement(CardWrapper, {
+  testId: "profilecard",
+  role: "dialog",
+  labelledBy: props.labelledBy,
+  ariaLabel: props.ariaLabel
+}, props.children);
+const Actions = ({
+  actions,
+  fireAnalyticsWithDuration,
+  isTriggeredUsingKeyboard,
+  isRenderedInPortal,
+  fullName
+}) => {
+  const onActionClick = useCallback((action, args, event, index) => {
+    fireAnalyticsWithDuration('ui.profilecard.clicked.action', duration => ({
+      method: 'click',
+      firedAt: Math.round(getPageTime()),
+      duration,
+      hasHref: !!action.link,
+      hasOnClick: !!action.callback,
+      index,
+      actionId: action.id || 'no-id-specified',
+      ...PACKAGE_META_DATA
+    }));
+    if (action.callback && isBasicClick(event)) {
+      event.preventDefault();
+      action.callback(event, ...args);
+    }
+  }, [fireAnalyticsWithDuration]);
+  if (!actions || actions.length === 0) {
+    return null;
+  }
+  const regularActions = actions.slice(0, ACTION_OVERFLOW_THRESHOLD);
+  const overflowActions = actions.length > ACTION_OVERFLOW_THRESHOLD ? actions.slice(ACTION_OVERFLOW_THRESHOLD) : undefined;
+  return /*#__PURE__*/React.createElement(ActionButtonGroup, {
+    testId: "profilecard-actions"
+  }, regularActions.map((action, index) => {
+    const isKudos = action.id === GIVE_KUDOS_ACTION_ID;
+    if (isKudos && fg('fix_give_kudos_btn_incorrect_role')) {
+      const kudosButton = /*#__PURE__*/React.createElement(Button, {
+        appearance: "default",
+        key: action.id || index,
+        onClick: (event, ...args) => onActionClick(action, args, event, index),
+        autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
+        id: `action-button-${action.id}`,
+        "aria-labelledby": `action-button-${action.id} profilecard-name-label`
+      }, action.label, /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
+      return /*#__PURE__*/React.createElement(AnimatedKudosButton, {
+        key: `profile-card-action-kudos_${action.id || index}`
+      }, kudosButton);
+    }
+    const button = /*#__PURE__*/React.createElement(TeamsLinkButton, {
+      appearance: "default",
+      key: action.id || index,
+      onClick: (event, ...args) => onActionClick(action, args, event, index),
+      href: action.link || '',
+      intent: "action",
+      autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
+      id: `action-button-${action.id}`,
+      "aria-labelledby": `action-button-${action.id} profilecard-name-label`
+    }, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
+
+    // TODO: Remove this once fix_give_kudos_btn_incorrect_role is fully rolled out
+    if (isKudos) {
+      return /*#__PURE__*/React.createElement(AnimatedKudosButton, {
+        key: `profile-card-action-kudos_${action.id || index}`
+      }, button);
+    }
+    return button;
+  }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, _extends({
+    actions: overflowActions,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    onItemClick: (action, args, event, index) => onActionClick(action, args, event, index + ACTION_OVERFLOW_THRESHOLD)
+  }, fg('jfp_a11y_team_profile_card_actions_label') && {
+    fullName
+  })));
+};
+export const ProfilecardInternal = props => {
+  const [openTime] = useState(getPageTime());
+  const intl = useIntl();
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const fireAnalyticsWithDuration = useCallback((eventKey, generator) => {
+    const duration = getPageTime() - openTime;
+    const attributes = generator(duration);
+    fireEvent(eventKey, attributes);
+  }, [openTime, fireEvent]);
+  const {
+    kudosAction
+  } = useKudos(props.cloudId, props.userId, props.teamCentralBaseUrl, props.openKudosDrawer);
+  const {
+    actions = [],
+    isCurrentUser,
+    isKudosEnabled,
+    status = 'active'
+  } = props;
+  const realActions = useMemo(() => {
+    if (isCurrentUser || !isKudosEnabled || status !== 'active') {
+      return actions;
+    }
+    return actions.concat([kudosAction]);
+  }, [actions, isCurrentUser, isKudosEnabled, kudosAction, status]);
+  const {
+    isLoading,
+    fullName,
+    hasError
+  } = props;
+  const canRender = !hasError && !isLoading && !!(fullName || status === 'closed');
+  useEffect(() => {
+    if (canRender) {
+      fireAnalyticsWithDuration('ui.profilecard.rendered.content', duration => ({
+        duration,
+        numActions: realActions.length,
+        firedAt: Math.round(getPageTime()),
+        ...PACKAGE_META_DATA
+      }));
+    }
+  }, [canRender, fireAnalyticsWithDuration, realActions]);
+  if (hasError) {
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(messages.errorDialogLabel)
+    }, /*#__PURE__*/React.createElement(ErrorMessage, {
+      reload: props.clientFetchProfile,
+      errorType: props.errorType || null,
+      fireAnalytics: fireEvent
+    }));
+  }
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(messages.loadingDialogLabel)
+    }, /*#__PURE__*/React.createElement(LoadingView, {
+      fireAnalyticsWithDuration: fireAnalyticsWithDuration
+    }));
+  }
+  if (!canRender) {
+    return null;
+  }
+  const isDisabledUser = status === 'inactive' || status === 'closed';
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    labelledBy: "profilecard-name-label"
+  }, /*#__PURE__*/React.createElement(CardContainer, {
+    isDisabledUser: isDisabledUser,
+    withoutElevation: props.withoutElevation
+  }, /*#__PURE__*/React.createElement(ProfileImage, null, /*#__PURE__*/React.createElement(Avatar, {
+    size: "xlarge",
+    src: status !== 'closed' ? props.avatarUrl : undefined,
+    borderColor: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
+  })), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(ProfileCardDetails, _extends({}, props, {
+    status: status,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration
+  })), realActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), /*#__PURE__*/React.createElement(Actions, _extends({}, fg('jfp_a11y_team_profile_card_actions_label') && {
+    fullName
+  }, {
+    fullName: fullName,
+    actions: realActions,
+    fireAnalyticsWithDuration: fireAnalyticsWithDuration,
+    isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard,
+    isRenderedInPortal: props.isRenderedInPortal
+  }))))));
+};

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

@@ -1,4 +1,12 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '@atlaskit/profilecard/config'` instead.
+ */
 export { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
+
+/**
+ * @deprecated Use `import { ProfileCardLazy } from '@atlaskit/profilecard/lazy-profile-card'` instead.
+ */
 export { ProfileCardLazy } from './lazyProfileCard';
 import ProfileCardTrigger from './ProfileCardTrigger';
 export default ProfileCardTrigger;

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

@@ -1,7 +1,8 @@
 import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner/spinner';
 import { SpinnerContainer } from '../../styled/UserTrigger';
-import { getActionSubject, PACKAGE_META_DATA } from '../../util/analytics';
+import { PACKAGE_META_DATA } from '../../util/analytics';
+import { getActionSubject } from '../../util/getActionSubject';
 import { getPageTime } from '../../util/performance';
 export const LoadingState = ({
   fireAnalytics,

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

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { Popup } from '@atlaskit/popup/popup';
 import { layers } from '@atlaskit/theme/constants';
-import { getActionSubject, PACKAGE_META_DATA } from '../../util/analytics';
+import { PACKAGE_META_DATA } from '../../util/analytics';
+import { getActionSubject } from '../../util/getActionSubject';
 import { getPageTime } from '../../util/performance';
 import { useProfileInfo } from '../../util/useProfileInfo';
 import { LoadingState } from './LoadingState';

package/dist/es2019/components/team-profile-card/main.js

@@ -159,4 +159,11 @@ export const TeamProfileCard = ({
     isDisplayedOnProfileCard: true,
     maxNumberOfContainersToShow: loading ? 0 : 9
   })))));
-};
+};
+
+// Public API aliases preserved from an eliminated entry-point (volt-migrate-package).
+/**
+ * @deprecated Use the `TeamProfileCard` export from
+ * `@atlaskit/profilecard/team-profile-card/main` instead.
+ */
+export { TeamProfileCard as TeamProfileCardWithContainer };

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

@@ -2,7 +2,7 @@ import React, { Suspense, useCallback, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { extractIdFromAri } from '../../../client/getTeamFromAGG';
+import { extractIdFromAri } from '../../../client/extractIdFromAri';
 import { messages } from './messages';
 import { MoreActions } from './more-actions';
 const GIVE_KUDOS_ACTION_ID = 'give-kudos';

package/dist/es2019/i18n/index.js

@@ -1,36 +1,127 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 /**
  * NOTE:
  *
  * This file was generated by i18n-tools which has been deprecated.
  * It now requires manual updates.
  */
+/**
+ * @deprecated Use `import zh from '@atlaskit/profilecard/i18n/zh'` instead.
+ */
 export { default as zh } from './zh';
+/**
+ * @deprecated Use `import zh_TW from '@atlaskit/profilecard/i18n/zh_TW'` instead.
+ */
 export { default as zh_TW } from './zh_TW';
+/**
+ * @deprecated Use `import cs from '@atlaskit/profilecard/i18n/cs'` instead.
+ */
 export { default as cs } from './cs';
+/**
+ * @deprecated Use `import da from '@atlaskit/profilecard/i18n/da'` instead.
+ */
 export { default as da } from './da';
+/**
+ * @deprecated Use `import nl from '@atlaskit/profilecard/i18n/nl'` instead.
+ */
 export { default as nl } from './nl';
+/**
+ * @deprecated Use `import et from '@atlaskit/profilecard/i18n/et'` instead.
+ */
 export { default as et } from './et';
+/**
+ * @deprecated Use `import fi from '@atlaskit/profilecard/i18n/fi'` instead.
+ */
 export { default as fi } from './fi';
+/**
+ * @deprecated Use `import fr from '@atlaskit/profilecard/i18n/fr'` instead.
+ */
 export { default as fr } from './fr';
+/**
+ * @deprecated Use `import de from '@atlaskit/profilecard/i18n/de'` instead.
+ */
 export { default as de } from './de';
+/**
+ * @deprecated Use `import hu from '@atlaskit/profilecard/i18n/hu'` instead.
+ */
 export { default as hu } from './hu';
+/**
+ * @deprecated Use `import it from '@atlaskit/profilecard/i18n/it'` instead.
+ */
 export { default as it } from './it';
+/**
+ * @deprecated Use `import ja from '@atlaskit/profilecard/i18n/ja'` instead.
+ */
 export { default as ja } from './ja';
+/**
+ * @deprecated Use `import ko from '@atlaskit/profilecard/i18n/ko'` instead.
+ */
 export { default as ko } from './ko';
+/**
+ * @deprecated Use `import nb from '@atlaskit/profilecard/i18n/nb'` instead.
+ */
 export { default as nb } from './nb';
+/**
+ * @deprecated Use `import pl from '@atlaskit/profilecard/i18n/pl'` instead.
+ */
 export { default as pl } from './pl';
+/**
+ * @deprecated Use `import pt_BR from '@atlaskit/profilecard/i18n/pt_BR'` instead.
+ */
 export { default as pt_BR } from './pt_BR';
+/**
+ * @deprecated Use `import pt_PT from '@atlaskit/profilecard/i18n/pt_PT'` instead.
+ */
 export { default as pt_PT } from './pt_PT';
+/**
+ * @deprecated Use `import ru from '@atlaskit/profilecard/i18n/ru'` instead.
+ */
 export { default as ru } from './ru';
+/**
+ * @deprecated Use `import sk from '@atlaskit/profilecard/i18n/sk'` instead.
+ */
 export { default as sk } from './sk';
+/**
+ * @deprecated Use `import es from '@atlaskit/profilecard/i18n/es'` instead.
+ */
 export { default as es } from './es';
+/**
+ * @deprecated Use `import sv from '@atlaskit/profilecard/i18n/sv'` instead.
+ */
 export { default as sv } from './sv';
+/**
+ * @deprecated Use `import th from '@atlaskit/profilecard/i18n/th'` instead.
+ */
 export { default as th } from './th';
+/**
+ * @deprecated Use `import tr from '@atlaskit/profilecard/i18n/tr'` instead.
+ */
 export { default as tr } from './tr';
+/**
+ * @deprecated Use `import uk from '@atlaskit/profilecard/i18n/uk'` instead.
+ */
 export { default as uk } from './uk';
+/**
+ * @deprecated Use `import vi from '@atlaskit/profilecard/i18n/vi'` instead.
+ */
 export { default as vi } from './vi';
+/**
+ * @deprecated Use `import en_ZZ from '@atlaskit/profilecard/i18n/en_ZZ'` instead.
+ */
 export { default as en_ZZ } from './en_ZZ';
+/**
+ * @deprecated Use `import en from '@atlaskit/profilecard/i18n/en'` instead.
+ */
 export { default as en } from './en';
+/**
+ * @deprecated Use `import en_GB from '@atlaskit/profilecard/i18n/en_GB'` instead.
+ */
 export { default as en_GB } from './en_GB';
+/**
+ * @deprecated Use `import is from '@atlaskit/profilecard/i18n/is'` instead.
+ */
 export { default as is } from './is';
+/**
+ * @deprecated Use `import ro from '@atlaskit/profilecard/i18n/ro'` instead.
+ */
 export { default as ro } from './ro';

package/dist/es2019/index.js

@@ -1,16 +1,18 @@
 // Avoid exporting new components in this file as they will affect the bundle size of all consumers
 // importing directly from @atlaskit/profilecard.
+
 import ProfileCardClient from './client/ProfileCardClient';
 // Note: when generating and updating Flow types in Jira, `TeamProfileClient` and `TeamProfileCardClient` are the same type
 import TeamProfileClient from './client/TeamProfileCardClient';
 // Note: when generating and updating Flow types in Jira, `UserProfileClient` and `UserProfileCardClient` are the same type
-import UserProfileClient, { modifyResponse } from './client/UserProfileCardClient';
+import UserProfileClient from './client/UserProfileCardClient';
+import { modifyResponse } from './client/modifyResponse';
 import AgentProfileCard from './components/Agent/AgentProfileCard';
-import { TeamProfileCard } from './components/team-profile-card';
 import TeamProfileCardTrigger from './components/Team/TeamProfileCardTrigger';
 import ProfileCard from './components/User/ProfileCard';
 import ProfileCardResourced from './components/User/ProfileCardResourced';
 import ProfileCardTrigger from './components/User/ProfileCardTrigger';
+import { TeamProfileCard } from './components/team-profile-card/main';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from './util/config';
 
 // Legacy Profile Card in Jira still needs to use `withOuterListeners`

package/dist/es2019/internal/isValidDate.js

@@ -0,0 +1,4 @@
+import isValid from 'date-fns/isValid';
+export function isValidDate(date, today = new Date()) {
+  return !!date.getTime && isValid(date) && date.getTime() <= today.getTime();
+}

package/dist/es2019/internal/relative-date.js

@@ -1,10 +1,7 @@
 import differenceInMonths from 'date-fns/differenceInMonths';
 import isThisMonth from 'date-fns/isThisMonth';
 import isThisWeek from 'date-fns/isThisWeek';
-import isValid from 'date-fns/isValid';
-export function isValidDate(date, today = new Date()) {
-  return !!date.getTime && isValid(date) && date.getTime() <= today.getTime();
-}
+import { isValidDate } from './isValidDate';
 export default function getRelativeDateKey(date, today = new Date()) {
   if (!date || !isValidDate(date, today)) {
     return null;

package/dist/es2019/mocks/{util.js → get-time-string.js}

@@ -1,15 +1,7 @@
+import { random } from './random';
 function padMinutes(minutes) {
   return minutes < 10 ? `0${minutes}` : String(minutes);
 }
-export const random = int => Math.floor(Math.random() * (int + 1));
-export const getWeekday = () => {
-  const array = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
-  const index = random(6);
-  return {
-    index,
-    string: array[index]
-  };
-};
 export const getTimeString = () => {
   const hours = random(23);
   const minutes = random(59);

package/dist/es2019/mocks/get-weekday.js

@@ -0,0 +1,9 @@
+import { random } from './random';
+export const getWeekday = () => {
+  const array = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
+  const index = random(6);
+  return {
+    index,
+    string: array[index]
+  };
+};

package/dist/es2019/mocks/index.js

@@ -1,4 +1,17 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import getMockProfileClient from '@atlaskit/profilecard/mock-profile-client'` instead.
+ */
 export { default as getMockProfileClient } from './mock-profile-client';
+/**
+ * @deprecated Use `import getMockTeamClient from '@atlaskit/profilecard/mock-team-client'` instead.
+ */
 export { default as getMockTeamClient } from './mock-team-client';
+/**
+ * @deprecated Use `import profiles from '@atlaskit/profilecard/profile-data'` instead.
+ */
 export { default as profiles } from './profile-data';
+/**
+ * @deprecated Use `import { simpleMockTeamClient, simpleMockUserClient, simpleProfileClient, simpleMockAgentClient } from '@atlaskit/profilecard/simple-mock-clients'` instead.
+ */
 export { simpleMockTeamClient, simpleMockUserClient, simpleProfileClient, simpleMockAgentClient } from './simple-mock-clients';

package/dist/es2019/mocks/mock-profile-client.js

@@ -1,8 +1,10 @@
-import TeamCentralCardClient from '../client/TeamCentralCardClient';
+import { default as TeamCentralCardClient } from '../client/TeamCentralCardClient';
 import UserProfileCardClient from '../client/UserProfileCardClient';
+import { getTimeString } from './get-time-string';
+import { getWeekday } from './get-weekday';
 import profiles from './profile-data';
+import { random } from './random';
 import { reportingLinesData } from './reporting-lines-data';
-import { getTimeString, getWeekday, random } from './util';
 export default function getMockProfileClient(BaseProfileClient, modifyResponse) {
   class MockUserClient extends UserProfileCardClient {
     makeRequest(cloudId, userId) {

package/dist/es2019/mocks/mock-team-client.js

@@ -1,5 +1,5 @@
-import { handleAGGErrors } from '../client/errorUtils';
 import TeamProfileCardClient from '../client/TeamProfileCardClient';
+import { handleAGGErrors } from '../client/handleAGGErrors';
 export default function getMockTeamClient(data) {
   return class MockTeamClient extends TeamProfileCardClient {
     makeRequest(teamId) {

package/dist/es2019/mocks/profile-data.js

@@ -1,5 +1,6 @@
 import sample from 'lodash/sample';
-import { getTimeString, getWeekday } from './util';
+import { getTimeString } from './get-time-string';
+import { getWeekday } from './get-weekday';
 export const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
 ];
 const getAvatar = () => sample(avatarImages);

package/dist/es2019/mocks/random.js

@@ -0,0 +1 @@
+export const random = int => Math.floor(Math.random() * (int + 1));

package/dist/es2019/mocks/simple-mock-clients.js

@@ -1,11 +1,12 @@
 import ProfileCardClient from '../client/ProfileCardClient';
-import RovoAgentCardClient from '../client/RovoAgentCardClient';
+import { default as RovoAgentCardClient } from '../client/RovoAgentCardClient';
 import TeamProfileCardClient from '../client/TeamProfileCardClient';
 import UserProfileCardClient from '../client/UserProfileCardClient';
 import agentData, { agentAggData } from './agent-data';
+import { getTimeString } from './get-time-string';
+import { getWeekday } from './get-weekday';
 import profiles from './profile-data';
 import teamData from './team-data';
-import { getTimeString, getWeekday } from './util';
 class SimpleMockTeamClient extends TeamProfileCardClient {
   makeRequest(teamId) {
     const simpleMockTeam = teamData({

package/dist/es2019/mocks/static-team-data.js

@@ -0,0 +1,21 @@
+import { avatarImages, descriptions, memberNames, names, sampleImage } from './team-data';
+export function staticTeamData({
+  headerImage = 'None',
+  displayName = 'Short',
+  members: memberCount = 1,
+  description = 'Long',
+  isVerified = false
+}) {
+  return {
+    id: 'team-id',
+    largeHeaderImageUrl: headerImage === 'Picture' ? sampleImage : undefined,
+    displayName: names[displayName] || names.Short,
+    members: memberNames.map((name, index) => ({
+      id: index.toString(),
+      avatarUrl: avatarImages[index % avatarImages.length],
+      fullName: name
+    })).slice(0, memberCount),
+    description: description ? descriptions[description] : descriptions.Long,
+    isVerified
+  };
+}

package/dist/es2019/mocks/team-data.js

@@ -1,22 +1,22 @@
 import sample from 'lodash/sample';
-const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
+export const avatarImages = ['data:image/gif;base64,R0lGODdhgACAAPIHAABRzMHT8l6O3o2w6env+zh22P///xRe0CwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CwGDgTA4RA4DBHoBAnADeoh7BQ8HgokGA24Cj4gED3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAQ2poouspacLsZmrap2UswsFpa9sjZnCsLJuBY6IAbrHiQSfbQcCAQED0g8FA9YCznbg4eLj5OVO2zMDvlXKrt8qB3kE61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjAPw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRK4NgBbAQE1uS2TCdCKQZdAUaq0ImBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUrQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACjv2fE1sXp70S2zR+qxJbV4////+r3+SwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BwKD4VAgRAgFB3oCAXAFeoh7Aw8EgokGBW4Bj4gHD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGAg2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IArrHiQefbQQBAgIF0g8DBdYBznbg4eLj5OVO2zMFvlXKrt8qBHkH61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOEjAfw04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSR64VgDbgAA1uS2TCdCKQZdAUaq0EmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAACHWur18arVxYjDrlarjMnk2v///yeUbSwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83CQKDISA4RA4DAXoFBHADeoh7fg4HgokGAm4Ej4gBDwWUeoVsmJkGmwuTnpZsnnqRDIemi2qmBgUNqp6gaa4Dsa6saXmzDQemsGyNmai4mbpqw4kFyAu8lbTCAwUFAtEOeNQDzXbd3t/g4eJMgDPbWMPMLwd5AdxPyq/vJQedilT1jwHXJQSOlfOS5Mt0zgQgT+qiPKO0r98/SgkVuiIUgoC9TBGlLMRIIIagBIuuIGERFdKaRwUH8Dz0dCuLv5CVqg0YQKDmzGkrTTXcwg6mz58Zt7z8SVQfPy6BihINUHAMoJxKEzE96UVl1ErW4AASAJWhgKZ1UhK4ObMm1XFo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI8tNAAA7', 'data:image/gif;base64,R0lGODdhgACAAPIHAFJCqfDu+LGp2XlqvJGFyGBRsP///9TQ6iwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83BweDISAoRAoCAXoHBHACeoh7Aw8FgokGAm4Ej4gBD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsDpa9sjZnCsLJuA46IB7rHiQGfbQUEBwcC0g8DAtYEznbg4eLj5OVO2zMCvlXKrt8qBXkB61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSQa4JgDbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YUbQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', 'data:image/gif;base64,R0lGODdhgACAAPIHAN41Cvzs6vfMxPGgkeRTNeBAG////+lvVywAAAAAgACAAEAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+62DMdEA8REDTA+x7uZ1BUIDIdoHDbzkh9H6DG5N1EFpngoO0eRjorrvndOwgHLqD9OC8Jbvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIUrYFgNR2BKho6GBQJgA0UmBYtCRI8RXoienwYBlJukpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vRySjA1VYAG9wFeNCwSIAr7OzzAFX0NtKQTHNqWYVlkhB8dXmqeRoOXmAtWwXdPmSGvQ8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxI4tsMUZUeXPrSzYfXMCvFHIDbkUyXJzEKtglJZ+ukIk8ZcwXh9kDlDJa4LgkQ8E5Cl51RKAodGieIuBbkspEih6TkiQPsQsUsZPOiUxBQmU2l+inLVgsWXaLKWi4AzzRn0AwQEBVREldk28m1SmvjXE8YezlhW5YnTqKAAwseTLiw4cOIEytezLix48eQI0smkQAAOw==', 'data:image/gif;base64,R0lGODdhgACAAPIHAP+ZH/+vUv/Rnf+gMv+9cf/26//////mySwAAAAAgACAAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq83AweDoSAYRAYCBXoHBHACeoh7AQ8DgokGAm4Ej4gFD3mUBoVsmJmbC5OZe22iepEMh6V+a6UGBw2poouspacLsZmrap2UswsBpa9sjZnCsLJuAY6IB7rHiQWfbQMEBwcC0g8BAtYEznbg4eLj5OVO2zMCvlXKrt8qA3kF61LEg/Qo8ZX4TvrQ2SbaQXvHxB+lPicAiWomBdejaCUEFiPIxOGjA/w04GnFkIiKxYveOFRrBQlLKJKEKDagFohkySwSSRa4JgBbAAI1uS2TCdCKQZdAUaq0QmBn0KN6IIppiTQon6FbqBlt+hBhmm1Tj/LpebVaVkoz1YULQDZnTbIZzaldy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0uenDcBADs=', '' // to test invalid img src
 ];
 const getAvatar = () => sample(avatarImages);
-const memberNames = ['Kramer Hatfield', 'Schwartz Mclaughlin', 'Nichole Walter', 'Cleveland Rodriquez', 'Hess Stone', 'Lewis Cervantes', 'Abbott Lamb', 'Conner Duncan', 'Bauer Burch', 'Mcbride Haynes', 'Maddy Estes', 'Nikki Villanueva', 'Adam Burks', 'Milly Walters', 'Phoebe Clarkson', 'Samuel Dunlap', 'Naomi Boyer', 'Silas Gomez', 'Josie Lancaster', 'Fred Kirkpatrick', 'Beck Rutledge', 'Rebecca Woods'];
-const members = memberNames.map((name, index) => ({
+export const memberNames = ['Kramer Hatfield', 'Schwartz Mclaughlin', 'Nichole Walter', 'Cleveland Rodriquez', 'Hess Stone', 'Lewis Cervantes', 'Abbott Lamb', 'Conner Duncan', 'Bauer Burch', 'Mcbride Haynes', 'Maddy Estes', 'Nikki Villanueva', 'Adam Burks', 'Milly Walters', 'Phoebe Clarkson', 'Samuel Dunlap', 'Naomi Boyer', 'Silas Gomez', 'Josie Lancaster', 'Fred Kirkpatrick', 'Beck Rutledge', 'Rebecca Woods'];
+export const members = memberNames.map((name, index) => ({
   id: index.toString(),
   avatarUrl: getAvatar(),
   fullName: name
 }));
-const sampleImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAMAAACqVYydAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGBQTFRF/zX7+DP73i77uyb8kR78ZhX9PQz+GwX+/jT78jL71Sz7ryT8hRv8WhL9Mwr+EwT+/TT76jD7yyr7pCL8eRn9ThD9KQj+DAL/+jT74i/7wCj8lx/8bBb9Qw3+IAb+BgH/HFKiKQAAAIBJREFUeJztzjkOggAAAEEEORTkFOQS/v9L+u1INDQ7L5ggOOkGIURwhxgSSOHsz6BBgwYNGjRo0OBvgxk84Ak5FPCCEiowaNCgQYMGDRo0eG2whgZa6OANPQzwAYMGDRo0aNCgQYPXBkeYYIYFVvjCBjsYNGjQoEGDBg0a/GvwADIe8BAKQVCtAAAAAElFTkSuQmCC';
-const names = {
+export const sampleImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAMAAACqVYydAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGBQTFRF/zX7+DP73i77uyb8kR78ZhX9PQz+GwX+/jT78jL71Sz7ryT8hRv8WhL9Mwr+EwT+/TT76jD7yyr7pCL8eRn9ThD9KQj+DAL/+jT74i/7wCj8lx/8bBb9Qw3+IAb+BgH/HFKiKQAAAIBJREFUeJztzjkOggAAAEEEORTkFOQS/v9L+u1INDQ7L5ggOOkGIURwhxgSSOHsz6BBgwYNGjRo0OBvgxk84Ak5FPCCEiowaNCgQYMGDRo0eG2whgZa6OANPQzwAYMGDRo0aNCgQYPXBkeYYIYFVvjCBjsYNGjQoEGDBg0a/GvwADIe8BAKQVCtAAAAAElFTkSuQmCC';
+export const names = {
   Short: 'Lemon',
   Medium: 'The Fat Cats',
   Long: 'People and Teams Collective Developers',
   Overlong: "Teamwork Platform's People and Teams Collective Frontend Developer Group"
 };
 const longDescription = 'This is information about the team. They are responsible for all the cool stuff that happens at Acme.';
-const descriptions = {
+export const descriptions = {
   None: '',
   Short: 'A very cool team!',
   Medium: 'This is a pretty cool team, that does a lot of work here.',
@@ -38,24 +38,4 @@ export default function teamData({
     description: description ? descriptions[description] : descriptions.Long,
     isVerified
   };
-}
-export function staticTeamData({
-  headerImage = 'None',
-  displayName = 'Short',
-  members: memberCount = 1,
-  description = 'Long',
-  isVerified = false
-}) {
-  return {
-    id: 'team-id',
-    largeHeaderImageUrl: headerImage === 'Picture' ? sampleImage : undefined,
-    displayName: names[displayName] || names.Short,
-    members: memberNames.map((name, index) => ({
-      id: index.toString(),
-      avatarUrl: avatarImages[index % avatarImages.length],
-      fullName: name
-    })).slice(0, memberCount),
-    description: description ? descriptions[description] : descriptions.Long,
-    isVerified
-  };
 }

package/dist/es2019/styled/Card.js

@@ -1,4 +1,5 @@
 /* Card.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports -- exports share Compiled style value(s) [styles] which cannot be exported across files (UI Styling Standard: no-exported-css) */
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
 import "./Card.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";