@atlaskit/smart-card 40.7.2 → 40.8.0

package/dist/cjs/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -10,6 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _state = require("../../../state");
 var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
+var _store = require("../../../state/store");
 var _shouldSample = require("../../../utils/shouldSample");
 var _component = require("../component");
 var _LoadingCardLink = require("./LoadingCardLink");
@@ -19,18 +20,25 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
+// Returns true on SSR and SPA if page was SSR'd
+var isPageSSRd = function isPageSSRd() {
+  return Boolean(process.env.REACT_SSR || window.__SSR_RENDERED__);
+};
 function LazyIntersectionObserverCard(props) {
+  var appearance = props.appearance,
+    url = props.url,
+    id = props.id;
   var ref = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
+  var state = (0, _store.useSmartCardState)(url);
+  // If page was SSR we don't need to enable intersection for already resolved cards,
+  // to avoid flickering.
+  var _useState = (0, _react.useState)(isPageSSRd() && state.status === 'resolved'),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIntersecting = _useState2[0],
     setIsIntersecting = _useState2[1];
   var _useState3 = (0, _react.useState)((0, _shouldSample.shouldSample)()),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
     shouldSendRenderedUFOEvent = _useState4[0];
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
   var prefetch = (0, _state.usePrefetch)(url);
   var Component = appearance === 'inline' ? 'span' : 'div';
   var ComponentObserver = Component;
@@ -39,15 +47,23 @@ function LazyIntersectionObserverCard(props) {
       return entry.isIntersecting;
     });
     if (isVisible) {
-      if (shouldSendRenderedUFOEvent) {
-        (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
-      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
+  }, [prefetch]);
+  var isSartUfoExperienceSend = (0, _react.useRef)(false);
+  // We need to use `useLayoutEffect` here to ensure that the UFO start event is sent
+  // before another component is rendered.
+  (0, _react.useLayoutEffect)(function () {
+    if (isIntersecting && !isSartUfoExperienceSend.current) {
+      isSartUfoExperienceSend.current = true;
+      if (shouldSendRenderedUFOEvent) {
+        (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
+      }
+    }
+  }, [id, isIntersecting, shouldSendRenderedUFOEvent]);
   (0, _react.useEffect)(function () {
     if (!ref.current) {
       return;

package/dist/cjs/view/CardWithUrl/component.js

@@ -26,6 +26,7 @@ var _EmbedCard = require("../EmbedCard");
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
 var _InlineCard = require("../InlineCard");
 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 thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -89,6 +90,28 @@ function Component(_ref) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed: isModifierKeyPressed
     });
+    if ((0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
+      if (ari && ari.startsWith(thirdPartyARIPrefix)) {
+        var sourceURL = window.location.href;
+        var clickURL = (0, _helpers.getClickUrl)(url, state.details);
+        if (clickURL === url) {
+          // For questions or concerns about this event,
+          // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
+          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'smartLink',
+            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+            eventType: 'ui',
+            attributes: {},
+            nonPrivacySafeAttributes: {
+              sourceURL: sourceURL,
+              thirdPartyARI: ari
+            }
+          });
+          smartlinkClickAnalyticsEvent.fire();
+        }
+      }
+    }
 
     // If preview panel is available and the user clicked on the link,
     // delegate the click to the preview panel handler

package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.compiled.css

@@ -1,6 +1,4 @@
 ._102oidpf ul{margin-top:0}
 ._1e0c116y{display:inline-flex}
 ._1kvxu2gc ul{margin-right:var(--ds-space-100,8px)}
-._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._6fu61k92 li span, ._1rrq1k92 li svg{max-height:1.25rem}
-._udwj1k92 li span, ._10pr1k92 li svg{max-width:1.25rem}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}

package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -22,14 +22,7 @@ var _utils = require("../../../utils");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var stylesOld = null;
 var styles = null;
-var stylesMap = {
-  xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
-  large: "_1e0c116y _1kvxu2gc _102oidpf",
-  medium: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92",
-  small: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92"
-};
 var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, personName, intl) {
   switch (elementName) {
     case _constants.ElementName.AssignedToGroup:
@@ -56,8 +49,6 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     maxCount = _ref$maxCount === void 0 ? 4 : _ref$maxCount,
     name = _ref.name,
     className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
     _ref$showNamePrefix = _ref.showNamePrefix,
@@ -96,7 +87,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], (0, _platformFeatureFlags.fg)('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
+    className: (0, _runtime.ax)(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
   }), /*#__PURE__*/React.createElement(_avatarGroup.default, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/cjs/view/LinkUrl/index.js

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.7.1",
+  packageVersion: "40.7.3",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.7.1"
+  packageVersion: "40.7.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,6 +1,7 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
+import { useSmartCardState } from '../../../state/store';
 import { shouldSample } from '../../../utils/shouldSample';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
@@ -10,30 +11,45 @@ import { LoadingCardLink } from './LoadingCardLink';
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 const ROOT_MARGIN_VERTICAL = '360px';
+// Returns true on SSR and SPA if page was SSR'd
+const isPageSSRd = () => {
+  return Boolean(process.env.REACT_SSR || window.__SSR_RENDERED__);
+};
 export function LazyIntersectionObserverCard(props) {
-  const ref = useRef(null);
-  const [isIntersecting, setIsIntersecting] = useState(false);
-  const [shouldSendRenderedUFOEvent] = useState(shouldSample());
   const {
     appearance,
     url,
     id
   } = props;
+  const ref = useRef(null);
+  const state = useSmartCardState(url);
+  // If page was SSR we don't need to enable intersection for already resolved cards,
+  // to avoid flickering.
+  const [isIntersecting, setIsIntersecting] = useState(isPageSSRd() && state.status === 'resolved');
+  const [shouldSendRenderedUFOEvent] = useState(shouldSample());
   const prefetch = usePrefetch(url);
   const Component = appearance === 'inline' ? 'span' : 'div';
   const ComponentObserver = Component;
   const onIntersection = useCallback((entries, observer) => {
     const isVisible = entries.some(entry => entry.isIntersecting);
     if (isVisible) {
-      if (shouldSendRenderedUFOEvent) {
-        startUfoExperience('smart-link-rendered', id);
-      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
+  }, [prefetch]);
+  const isSartUfoExperienceSend = useRef(false);
+  // We need to use `useLayoutEffect` here to ensure that the UFO start event is sent
+  // before another component is rendered.
+  useLayoutEffect(() => {
+    if (isIntersecting && !isSartUfoExperienceSend.current) {
+      isSartUfoExperienceSend.current = true;
+      if (shouldSendRenderedUFOEvent) {
+        startUfoExperience('smart-link-rendered', id);
+      }
+    }
+  }, [id, isIntersecting, shouldSendRenderedUFOEvent]);
   useEffect(() => {
     if (!ref.current) {
       return;

package/dist/es2019/view/CardWithUrl/component.js

@@ -17,6 +17,7 @@ import { BlockCard } from '../BlockCard';
 import { EmbedCard } from '../EmbedCard';
 import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
+const thirdPartyARIPrefix = 'ari:third-party';
 function Component({
   id,
   url,
@@ -82,6 +83,28 @@ function Component({
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed
     });
+    if (fg('platform_smartlink_3pclick_analytics')) {
+      if (ari && ari.startsWith(thirdPartyARIPrefix)) {
+        const sourceURL = window.location.href;
+        const clickURL = getClickUrl(url, state.details);
+        if (clickURL === url) {
+          // For questions or concerns about this event,
+          // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
+          const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'smartLink',
+            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+            eventType: 'ui',
+            attributes: {},
+            nonPrivacySafeAttributes: {
+              sourceURL: sourceURL,
+              thirdPartyARI: ari
+            }
+          });
+          smartlinkClickAnalyticsEvent.fire();
+        }
+      }
+    }
 
     // If preview panel is available and the user clicked on the link,
     // delegate the click to the preview panel handler

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.compiled.css

@@ -1,6 +1,4 @@
 ._102oidpf ul{margin-top:0}
 ._1e0c116y{display:inline-flex}
 ._1kvxu2gc ul{margin-right:var(--ds-space-100,8px)}
-._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._6fu61k92 li span, ._1rrq1k92 li svg{max-height:1.25rem}
-._udwj1k92 li span, ._10pr1k92 li svg{max-width:1.25rem}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -7,17 +7,10 @@ import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { ElementName, SmartLinkSize } from '../../../../../../constants';
+import { ElementName } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
-const stylesOld = null;
 const styles = null;
-const stylesMap = {
-  xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
-  large: "_1e0c116y _1kvxu2gc _102oidpf",
-  medium: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92",
-  small: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92"
-};
 const getPersonNameWithPrefix = (elementName, personName, intl) => {
   switch (elementName) {
     case ElementName.AssignedToGroup:
@@ -42,7 +35,6 @@ const BaseAvatarGroup = ({
   maxCount = 4,
   name,
   className,
-  size = SmartLinkSize.Medium,
   testId = 'smart-element-avatar-group',
   showNamePrefix = false,
   showFallbackAvatar = true
@@ -82,7 +74,7 @@ const BaseAvatarGroup = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], fg('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
+    className: ax(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
   }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/es2019/view/LinkUrl/index.js

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.7.1",
+  packageVersion: "40.7.3",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.7.1"
+  packageVersion: "40.7.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
+import { useSmartCardState } from '../../../state/store';
 import { shouldSample } from '../../../utils/shouldSample';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
@@ -11,18 +12,25 @@ import { LoadingCardLink } from './LoadingCardLink';
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
+// Returns true on SSR and SPA if page was SSR'd
+var isPageSSRd = function isPageSSRd() {
+  return Boolean(process.env.REACT_SSR || window.__SSR_RENDERED__);
+};
 export function LazyIntersectionObserverCard(props) {
+  var appearance = props.appearance,
+    url = props.url,
+    id = props.id;
   var ref = useRef(null);
-  var _useState = useState(false),
+  var state = useSmartCardState(url);
+  // If page was SSR we don't need to enable intersection for already resolved cards,
+  // to avoid flickering.
+  var _useState = useState(isPageSSRd() && state.status === 'resolved'),
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
     setIsIntersecting = _useState2[1];
   var _useState3 = useState(shouldSample()),
     _useState4 = _slicedToArray(_useState3, 1),
     shouldSendRenderedUFOEvent = _useState4[0];
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
   var prefetch = usePrefetch(url);
   var Component = appearance === 'inline' ? 'span' : 'div';
   var ComponentObserver = Component;
@@ -31,15 +39,23 @@ export function LazyIntersectionObserverCard(props) {
       return entry.isIntersecting;
     });
     if (isVisible) {
-      if (shouldSendRenderedUFOEvent) {
-        startUfoExperience('smart-link-rendered', id);
-      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
+  }, [prefetch]);
+  var isSartUfoExperienceSend = useRef(false);
+  // We need to use `useLayoutEffect` here to ensure that the UFO start event is sent
+  // before another component is rendered.
+  useLayoutEffect(function () {
+    if (isIntersecting && !isSartUfoExperienceSend.current) {
+      isSartUfoExperienceSend.current = true;
+      if (shouldSendRenderedUFOEvent) {
+        startUfoExperience('smart-link-rendered', id);
+      }
+    }
+  }, [id, isIntersecting, shouldSendRenderedUFOEvent]);
   useEffect(function () {
     if (!ref.current) {
       return;

package/dist/esm/view/CardWithUrl/component.js

@@ -17,6 +17,7 @@ import { BlockCard } from '../BlockCard';
 import { EmbedCard } from '../EmbedCard';
 import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
+var thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -80,6 +81,28 @@ function Component(_ref) {
       definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
       isModifierKeyPressed: isModifierKeyPressed
     });
+    if (fg('platform_smartlink_3pclick_analytics')) {
+      if (ari && ari.startsWith(thirdPartyARIPrefix)) {
+        var sourceURL = window.location.href;
+        var clickURL = getClickUrl(url, state.details);
+        if (clickURL === url) {
+          // For questions or concerns about this event,
+          // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
+          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'smartLink',
+            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+            eventType: 'ui',
+            attributes: {},
+            nonPrivacySafeAttributes: {
+              sourceURL: sourceURL,
+              thirdPartyARI: ari
+            }
+          });
+          smartlinkClickAnalyticsEvent.fire();
+        }
+      }
+    }
 
     // If preview panel is available and the user clicked on the link,
     // delegate the click to the preview panel handler

package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.compiled.css

@@ -1,6 +1,4 @@
 ._102oidpf ul{margin-top:0}
 ._1e0c116y{display:inline-flex}
 ._1kvxu2gc ul{margin-right:var(--ds-space-100,8px)}
-._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._6fu61k92 li span, ._1rrq1k92 li svg{max-height:1.25rem}
-._udwj1k92 li span, ._10pr1k92 li svg{max-width:1.25rem}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}

package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -10,17 +10,10 @@ import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { ElementName, SmartLinkSize } from '../../../../../../constants';
+import { ElementName } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
-var stylesOld = null;
 var styles = null;
-var stylesMap = {
-  xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
-  large: "_1e0c116y _1kvxu2gc _102oidpf",
-  medium: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92",
-  small: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92"
-};
 var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, personName, intl) {
   switch (elementName) {
     case ElementName.AssignedToGroup:
@@ -47,8 +40,6 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     maxCount = _ref$maxCount === void 0 ? 4 : _ref$maxCount,
     name = _ref.name,
     className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
     _ref$showNamePrefix = _ref.showNamePrefix,
@@ -87,7 +78,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-fix-smart-card-avatar-overrides') && stylesMap[size], fg('platform-linking-fix-smart-card-avatar-overrides') ? "_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf" : "_1ul91ns9", className])
+    className: ax(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
   }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",

package/dist/esm/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.7.1",
+  packageVersion: "40.7.3",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::84c7074821df29c52dd13557dab19219>>
+ * @codegen <<SignedSource::18e5687cdc42ba3ac58b306a03a60d9d>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -230,6 +230,10 @@ export type SmartLinkRenderFailedAttributesType = {
     errorInfo: Record<string, unknown>;
     id: string | null;
 };
+export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
+    sourceURL: string;
+    thirdPartyARI: string;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fired when an copy link is clicked */
@@ -385,5 +389,8 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a Smart Link renders unsuccessfully. */
     'ui.smartLink.renderFailed': SmartLinkRenderFailedAttributesType;
+    /**
+     * fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
+    'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,3 +1,8 @@
 import React from 'react';
 import { type CardWithUrlContentProps } from '../types';
+declare global {
+    interface Window {
+        __SSR_RENDERED__?: boolean;
+    }
+}
 export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): React.JSX.Element;

package/dist/types/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts

@@ -35,6 +35,6 @@ export type BaseAvatarGroupElementProps = ElementProps & {
  * @see AuthorGroup
  * @see CollaboratorGroup
  */
-declare const BaseAvatarGroup: ({ items, maxCount, name, className, size, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
+declare const BaseAvatarGroup: ({ items, maxCount, name, className, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
 export default BaseAvatarGroup;
 export declare const toAvatarGroupProps: (items?: BaseAvatarItemProps[], showFallbackAvatar?: boolean) => Partial<BaseAvatarGroupElementProps> | undefined;

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::84c7074821df29c52dd13557dab19219>>
+ * @codegen <<SignedSource::18e5687cdc42ba3ac58b306a03a60d9d>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -230,6 +230,10 @@ export type SmartLinkRenderFailedAttributesType = {
     errorInfo: Record<string, unknown>;
     id: string | null;
 };
+export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
+    sourceURL: string;
+    thirdPartyARI: string;
+};
 export type AnalyticsEventAttributes = {
     /**
      * Fired when an copy link is clicked */
@@ -385,5 +389,8 @@ export type AnalyticsEventAttributes = {
     /**
      * fires an event that represents when a Smart Link renders unsuccessfully. */
     'ui.smartLink.renderFailed': SmartLinkRenderFailedAttributesType;
+    /**
+     * fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
+    'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
 };
 export type EventKey = keyof AnalyticsEventAttributes;

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,3 +1,8 @@
 import React from 'react';
 import { type CardWithUrlContentProps } from '../types';
+declare global {
+    interface Window {
+        __SSR_RENDERED__?: boolean;
+    }
+}
 export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): React.JSX.Element;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts

@@ -35,6 +35,6 @@ export type BaseAvatarGroupElementProps = ElementProps & {
  * @see AuthorGroup
  * @see CollaboratorGroup
  */
-declare const BaseAvatarGroup: ({ items, maxCount, name, className, size, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
+declare const BaseAvatarGroup: ({ items, maxCount, name, className, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
 export default BaseAvatarGroup;
 export declare const toAvatarGroupProps: (items?: BaseAvatarItemProps[], showFallbackAvatar?: boolean) => Partial<BaseAvatarGroupElementProps> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.7.2",
+	"version": "40.8.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.1.0",
-		"@atlaskit/avatar-group": "^12.1.0",
+		"@atlaskit/avatar-group": "^12.2.0",
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/checkbox": "^17.1.0",
@@ -38,9 +38,9 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.10.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.3.0",
+		"@atlaskit/icon-lab": "^5.4.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
@@ -231,9 +231,6 @@
 		"platform_editor_inline_card_selected_state_fix": {
 			"type": "boolean"
 		},
-		"platform-linking-fix-smart-card-avatar-overrides": {
-			"type": "boolean"
-		},
 		"platform-linking-slack-entity-support": {
 			"type": "boolean"
 		},
@@ -242,6 +239,9 @@
 		},
 		"navx-1304-related-links-remove-false-autofocus": {
 			"type": "boolean"
+		},
+		"platform_smartlink_3pclick_analytics": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"