@atlaskit/smart-card 44.9.9 → 44.9.11

package/dist/esm/state/hooks/use-smart-link-seen-event/index.js

@@ -0,0 +1,60 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { useSmartLinkAnalyticsUtils } from '../../../utils/analytics/SmartLinkAnalyticsContext';
+import { isFlexibleUiCard } from '../../../utils/flexible';
+/**
+ * Fires `ui.smartLink.seen` once when a smart link with status `unauthorized`
+ * enters the viewport. Uses refs internally so it never causes re-renders,
+ * which is important for SSR.
+ */
+export function useSmartLinkSeenEvent(_ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    id = _ref.id,
+    ui = _ref.ui,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var _useSmartLinkAnalytic = useSmartLinkAnalyticsUtils(),
+    getByUrl = _useSmartLinkAnalytic.getByUrl;
+  var getAnalyticsProps = useCallback(function () {
+    var isFlexibleUi = isFlexibleUiCard(children, ui);
+    var display = isFlexibleUi ? 'flexible' : appearance;
+    return {
+      display: display,
+      id: id
+    };
+  }, [appearance, children, id, ui]);
+  var statusRef = useRef();
+  var analyticsPropsRef = useRef(null);
+  var hasIntersectedRef = useRef(false);
+  var hasFiredSeenRef = useRef(false);
+  useEffect(function () {
+    analyticsPropsRef.current = getAnalyticsProps();
+  }, [getAnalyticsProps]);
+  var maybeFireSeenEvent = useCallback(function () {
+    if (!hasFiredSeenRef.current && hasIntersectedRef.current && statusRef.current === 'unauthorized') {
+      var payload = getByUrl(url, analyticsPropsRef.current);
+      fireEvent('ui.smartLink.seen', payload === null || payload === void 0 ? void 0 : payload.attributes);
+      hasFiredSeenRef.current = true;
+    }
+  }, [fireEvent, getByUrl, url]);
+  var onIntersecting = useCallback(function () {
+    if (hasIntersectedRef.current) {
+      return;
+    }
+    hasIntersectedRef.current = true;
+    maybeFireSeenEvent();
+  }, [maybeFireSeenEvent]);
+  var onStatusSettled = useCallback(function (status) {
+    statusRef.current = status;
+    maybeFireSeenEvent();
+  }, [maybeFireSeenEvent]);
+  return useMemo(function () {
+    return {
+      onIntersecting: onIntersecting,
+      onStatusSettled: onStatusSettled
+    };
+  }, [onIntersecting, onStatusSettled]);
+}

package/dist/esm/state/hooks/use-social-proof-experiment/index.js

@@ -1,44 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
 import { useMemo } from 'react';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { getCurrentSiteCloudIdSync } from '../../services/current-site-cloud-id';
-import { getProviderPctMapSync, SOCIAL_PROOF_TRAIT_NAME } from '../../services/personalization';
 import useSocialProof from '../use-social-proof';
-export var SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY = 'social_proof_3p_unauth_block_exp';
-export var INLINE_SOCIAL_PROOF_EXPERIMENT_KEY = 'platform_sl_3p_preauth_social_proof_inline_cta';
-export var SOCIAL_PROOF_TIER_THRESHOLD = 30;
-export var getSocialProofTier = function getSocialProofTier(connectedPct) {
-  if (connectedPct === undefined) {
-    return undefined;
-  }
-  return connectedPct >= SOCIAL_PROOF_TIER_THRESHOLD ? 'not-low' : 'low';
-};
-var getSocialProofExperimentMetadata = function getSocialProofExperimentMetadata(_ref) {
-  var extensionKey = _ref.extensionKey,
-    _ref$baseUriWithNoTra = _ref.baseUriWithNoTrailingSlash,
-    baseUriWithNoTrailingSlash = _ref$baseUriWithNoTra === void 0 ? '' : _ref$baseUriWithNoTra;
-  if (!extensionKey) {
-    return {
-      isEligible: false
-    };
-  }
-  var cloudId = getCurrentSiteCloudIdSync(baseUriWithNoTrailingSlash);
-  var providerPctMap = getProviderPctMapSync(cloudId, SOCIAL_PROOF_TRAIT_NAME);
-  var tier = getSocialProofTier(providerPctMap === null || providerPctMap === void 0 ? void 0 : providerPctMap[extensionKey]);
-  return _objectSpread({
-    isEligible: tier !== undefined
-  }, tier ? {
-    tier: tier
-  } : {});
-};
-export var getSocialProofExperimentMeta = function getSocialProofExperimentMeta(params) {
-  return _defineProperty({}, SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY, getSocialProofExperimentMetadata(params));
-};
-export var getInlineSocialProofExperimentMeta = function getInlineSocialProofExperimentMeta(params) {
-  return _defineProperty({}, INLINE_SOCIAL_PROOF_EXPERIMENT_KEY, getSocialProofExperimentMetadata(params));
-};
+var TIER_THRESHOLD = 30;
 
 /**
  * Returns enrollment and treatment state for the social proof unauth block card experiment.
@@ -62,12 +25,11 @@ var useSocialProofExperiment = function useSocialProofExperiment(extensionKey) {
     isEnabled = _useSocialProof.isEnabled,
     isLoading = _useSocialProof.isLoading;
   return useMemo(function () {
-    var _getSocialProofTier;
     var hasSocialProofData = connectedPct !== undefined;
 
     // Only fire exposure when data has loaded (prevents exposure inflation)
     var isTreatment = isEnabled && !isLoading && hasSocialProofData ? editorExperiment('social_proof_3p_unauth_block_exp', true) : false;
-    var tier = (_getSocialProofTier = getSocialProofTier(connectedPct)) !== null && _getSocialProofTier !== void 0 ? _getSocialProofTier : 'low';
+    var tier = connectedPct !== undefined && connectedPct >= TIER_THRESHOLD ? 'not-low' : 'low';
     return {
       isTreatment: isTreatment,
       tier: tier,

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

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { getUrl } from '@atlaskit/linking-common';
@@ -25,12 +24,9 @@ var getSmartLinkAnalyticsContext = function getSmartLinkAnalyticsContext(_ref) {
     status = _ref.status,
     url = _ref.url,
     error = _ref.error;
-  var isHyperlinkConnectExperimentEnabled = FeatureGates.getExperimentValue('platform_linking_bluelink_connect_confluence', 'isEnabled', false) || FeatureGates.getExperimentValue('platform_linking_bluelink_connect_jira', 'isEnabled', false);
-  var resolvedAttributes = isHyperlinkConnectExperimentEnabled ? getExtendedResolvedAttributes({
+  var resolvedAttributes = getExtendedResolvedAttributes({
     url: url,
     displayCategory: display === 'url' ? 'link' : 'smartLink'
-  }, response, status, error) : getExtendedResolvedAttributes({
-    url: url
   }, response, status, error);
   return {
     source: source,
@@ -44,13 +40,40 @@ var getSmartLinkAnalyticsContext = function getSmartLinkAnalyticsContext(_ref) {
  * Provides an analytics context data to supply attributes to events based on a URL
  * and the link state in the store
  */
+export var useSmartLinkAnalyticsUtils = function useSmartLinkAnalyticsUtils() {
+  var _useSmartLinkContext = useSmartLinkContext(),
+    store = _useSmartLinkContext.store;
+  var getByUrl = useCallback(function (url, props) {
+    var state = store ? getUrl(store, url) : undefined;
+    return getSmartLinkAnalyticsContext({
+      display: props === null || props === void 0 ? void 0 : props.display,
+      id: props === null || props === void 0 ? void 0 : props.id,
+      response: state === null || state === void 0 ? void 0 : state.details,
+      source: props === null || props === void 0 ? void 0 : props.source,
+      status: state === null || state === void 0 ? void 0 : state.status,
+      url: url,
+      error: state === null || state === void 0 ? void 0 : state.error
+    });
+  }, [store]);
+  return useMemo(function () {
+    return {
+      getByUrl: getByUrl
+    };
+  }, [getByUrl]);
+};
+
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ * @deprecated Use useSmartLinkAnalyticsUtils instead
+ */
 export var useSmartLinkAnalyticsContext = function useSmartLinkAnalyticsContext(_ref2) {
   var display = _ref2.display,
     id = _ref2.id,
     source = _ref2.source,
     url = _ref2.url;
-  var _useSmartLinkContext = useSmartLinkContext(),
-    store = _useSmartLinkContext.store;
+  var _useSmartLinkContext2 = useSmartLinkContext(),
+    store = _useSmartLinkContext2.store;
   var state = store ? getUrl(store, url) : undefined;
   return useMemo(function () {
     return getSmartLinkAnalyticsContext({

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -20,7 +20,7 @@ import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '
 import { messages } from '../../../messages';
 import { useFlexibleCardContext } from '../../../state/flexible-ui-context';
 import { hasAuthScopeOverrides } from '../../../state/helpers';
-import useSocialProofExperiment, { getSocialProofExperimentMeta } from '../../../state/hooks/use-social-proof-experiment';
+import useSocialProofExperiment from '../../../state/hooks/use-social-proof-experiment';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 import FlexibleCard from '../../FlexibleCard';
 import ActionGroup from '../../FlexibleCard/components/blocks/action-group';
@@ -247,28 +247,19 @@ var UnauthorisedViewWithExperiment = function UnauthorisedViewWithExperiment(_re
     isTreatment = _useSocialProofExperi.isTreatment,
     tier = _useSocialProofExperi.tier,
     connectedPct = _useSocialProofExperi.connectedPct;
-  var socialProofExperimentMeta = getSocialProofExperimentMeta({
-    extensionKey: extensionKey,
-    baseUriWithNoTrailingSlash: connections.client.baseUrlOverride
-  });
-  var analyticsContextData = {
-    attributes: {
-      experiment: 'social_proof_3p_unauth_block_exp',
-      cohort: isTreatment ? 'treatment' : 'control',
-      tier: tier,
-      experimentMeta: socialProofExperimentMeta
-    }
-  };
   if (!isTreatment || !providerName) {
-    var fallbackView = /*#__PURE__*/React.createElement(UnauthorisedViewBase, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(UnauthorisedViewBase, _extends({}, props, {
       testId: testId
     }));
-    return connectedPct !== undefined ? /*#__PURE__*/React.createElement(AnalyticsContext, {
-      data: analyticsContextData
-    }, fallbackView) : fallbackView;
   }
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: analyticsContextData
+    data: {
+      attributes: {
+        experiment: 'social_proof_3p_unauth_block_exp',
+        cohort: 'treatment',
+        tier: tier
+      }
+    }
   }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
     content: /*#__PURE__*/React.createElement(SocialProofMessage, {
       tier: tier,

package/dist/esm/view/CardWithUrl/card-intersection-observer/index.js

@@ -1,19 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useState } from 'react';
+import React, { useCallback } from 'react';
 import useIntersectionObserver from '../../../state/hooks/use-intersection-observer';
-import { isIntersectionObserverSupported } from '../../../utils';
+import { useSmartLinkSeenEvent } from '../../../state/hooks/use-smart-link-seen-event';
 import CardLoaderWrapper from '../card-loader-wrapper';
 var withCardIntersectionObserver = function withCardIntersectionObserver(Component) {
   return function (props) {
     // TODO: NAVX-4682: Add feature parity to LazyIntersectionObserverCard for no lazy loading
-    var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isIntersected = _useState2[0],
-      setIsIntersected = _useState2[1];
-    var onIntersecting = useCallback(function () {
-      setIsIntersected(true);
-    }, []);
+    var appearance = props.appearance,
+      children = props.children,
+      id = props.id,
+      onErrorCallback = props.onError,
+      ui = props.ui,
+      _props$url = props.url,
+      url = _props$url === void 0 ? '' : _props$url;
+    var _useSmartLinkSeenEven = useSmartLinkSeenEvent({
+        appearance: appearance,
+        children: children,
+        id: id,
+        ui: ui,
+        url: url
+      }),
+      onIntersecting = _useSmartLinkSeenEven.onIntersecting,
+      onStatusSettled = _useSmartLinkSeenEven.onStatusSettled;
+    var onError = useCallback(function (data) {
+      if (data !== null && data !== void 0 && data.status) {
+        onStatusSettled(data.status);
+      }
+      onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(data);
+    }, [onStatusSettled, onErrorCallback]);
     var ref = useIntersectionObserver({
       onIntersecting: onIntersecting
     });
@@ -21,17 +35,8 @@ var withCardIntersectionObserver = function withCardIntersectionObserver(Compone
       appearance: props.appearance,
       ref: ref
     }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      isIntersected: isIntersected
+      onError: onError
     })));
   };
 };
-var withCardIntersectionObserverFallback = function withCardIntersectionObserverFallback(Component) {
-  return function (props) {
-    return /*#__PURE__*/React.createElement(CardLoaderWrapper, {
-      appearance: props.appearance
-    }, /*#__PURE__*/React.createElement(Component, props));
-  };
-};
-export default (function (Component) {
-  return isIntersectionObserverSupported() ? withCardIntersectionObserver(Component) : withCardIntersectionObserverFallback(Component);
-});
+export default withCardIntersectionObserver;

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

@@ -5,6 +5,7 @@ import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { usePrefetch } from '../../../state';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 import useIntersectionObserver from '../../../state/hooks/use-intersection-observer';
+import { useSmartLinkSeenEvent } from '../../../state/hooks/use-smart-link-seen-event';
 import { shouldSample } from '../../../utils/shouldSample';
 import CardLoaderWrapper from '../card-loader-wrapper';
 import { CardWithUrlContent } from '../component';
@@ -74,25 +75,44 @@ var LazyIntersectionObserverCardNew = function LazyIntersectionObserverCardNew(p
     _useState8 = _slicedToArray(_useState7, 1),
     shouldSendRenderedUFOEvent = _useState8[0];
   var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
+    children = props.children,
+    id = props.id,
+    onErrorCallback = props.onError,
+    ui = props.ui,
+    url = props.url;
   var prefetch = usePrefetch(url);
   var ComponentObserver = appearance === 'inline' ? 'span' : 'div';
+  var _useSmartLinkSeenEven = useSmartLinkSeenEvent({
+      appearance: appearance,
+      children: children,
+      id: id,
+      ui: ui,
+      url: url
+    }),
+    onSeenIntersecting = _useSmartLinkSeenEven.onIntersecting,
+    onStatusSettled = _useSmartLinkSeenEven.onStatusSettled;
+  var onError = useCallback(function (data) {
+    if (data !== null && data !== void 0 && data.status) {
+      onStatusSettled(data.status);
+    }
+    onErrorCallback === null || onErrorCallback === void 0 || onErrorCallback(data);
+  }, [onStatusSettled, onErrorCallback]);
   var onIntersection = useCallback(function (isIntersecting) {
     if (isIntersecting) {
       if (shouldSendRenderedUFOEvent) {
         startUfoExperience('smart-link-rendered', id);
       }
+      onSeenIntersecting();
       setIsIntersected(true);
     } else {
       prefetch();
     }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
+  }, [id, onSeenIntersecting, prefetch, shouldSendRenderedUFOEvent]);
   var ref = useIntersectionObserver({
     onIntersection: onIntersection
   });
   var content = isIntersected ? /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
-    isIntersected: true
+    onError: onError
   })) : /*#__PURE__*/React.createElement(ComponentObserver, {
     ref: ref
   }, /*#__PURE__*/React.createElement(LoadingCardLink, props));

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -27,7 +27,6 @@ import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
 import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 import withCardIntersectionObserver from './card-intersection-observer';
-import useExperimentMetaEventAttributes from './experiment-meta-event-attributes';
 var thirdPartyARIPrefix = 'ari:third-party';
 var EmbedCardComponent = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', EmbedCardUpdated, EmbedCard);
 function Component(_ref) {
@@ -35,7 +34,6 @@ function Component(_ref) {
     url = _ref.url,
     isSelected = _ref.isSelected,
     isHovered = _ref.isHovered,
-    isIntersected = _ref.isIntersected,
     frameStyle = _ref.frameStyle,
     platform = _ref.platform,
     onClick = _ref.onClick,
@@ -63,7 +61,6 @@ function Component(_ref) {
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var hasFiredSeenRef = useRef(false);
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children, ui);
   }, [children, ui]);
@@ -171,10 +168,6 @@ function Component(_ref) {
   var handleInvoke = useCallback(function (opts) {
     return actions.invoke(opts, appearance);
   }, [actions, appearance]);
-  var experimentMetaEventAttributes = useExperimentMetaEventAttributes({
-    appearance: appearance,
-    state: state
-  });
 
   // NB: for each status change in a Smart Link, a performance mark is created.
   // Measures are sent relative to the first mark, matching what a user sees.
@@ -218,28 +211,13 @@ function Component(_ref) {
       succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
         display: isFlexibleUi ? 'flexible' : appearance
       });
-      fireEvent('ui.smartLink.renderSuccess', _objectSpread(_objectSpread({
+      fireEvent('ui.smartLink.renderSuccess', _objectSpread({
         display: isFlexibleUi ? 'flexible' : appearance
       }, appearance === 'inline' && {
         rovoActionsCtaShown: rovoActionsCtaShown
-      }), experimentMetaEventAttributes && {
-        experimentMeta: experimentMetaEventAttributes
       }));
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status, experimentMetaEventAttributes]);
-
-  // Fire smartLink seen event once on a successful render card is in the viewport
-  useEffect(function () {
-    if (fg('platform_sl_event_ui_seen')) {
-      if (state.status !== 'unauthorized') return;
-      if (isIntersected && !hasFiredSeenRef.current) {
-        fireEvent('ui.smartLink.seen', {
-          display: appearance
-        });
-        hasFiredSeenRef.current = true;
-      }
-    }
-  }, [state.status, isIntersected, fireEvent, appearance]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     fireEvent('ui.smartLinkIframe.dwelled', {
       id: id,
@@ -362,7 +340,6 @@ function ComponentUpdated(_ref2) {
     url = _ref2.url,
     isSelected = _ref2.isSelected,
     isHovered = _ref2.isHovered,
-    isIntersected = _ref2.isIntersected,
     frameStyle = _ref2.frameStyle,
     platform = _ref2.platform,
     onClick = _ref2.onClick,
@@ -390,7 +367,6 @@ function ComponentUpdated(_ref2) {
     createAnalyticsEvent = _useAnalyticsEventsNe2.createAnalyticsEvent;
   var _useAnalyticsEvents2 = useAnalyticsEvents(),
     fireEvent = _useAnalyticsEvents2.fireEvent;
-  var hasFiredSeenRef = useRef(false);
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children, ui);
   }, [children, ui]);
@@ -498,10 +474,6 @@ function ComponentUpdated(_ref2) {
   var handleInvoke = useCallback(function (opts) {
     return actions.invoke(opts, appearance);
   }, [actions, appearance]);
-  var experimentMetaEventAttributes = useExperimentMetaEventAttributes({
-    appearance: appearance,
-    state: state
-  });
 
   // NB: for each status change in a Smart Link, a performance mark is created.
   // Measures are sent relative to the first mark, matching what a user sees.
@@ -545,28 +517,13 @@ function ComponentUpdated(_ref2) {
       succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
         display: isFlexibleUi ? 'flexible' : appearance
       });
-      fireEvent('ui.smartLink.renderSuccess', _objectSpread(_objectSpread({
+      fireEvent('ui.smartLink.renderSuccess', _objectSpread({
         display: isFlexibleUi ? 'flexible' : appearance
       }, appearance === 'inline' && {
         rovoActionsCtaShown: rovoActionsCtaShown
-      }), experimentMetaEventAttributes && {
-        experimentMeta: experimentMetaEventAttributes
       }));
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status, experimentMetaEventAttributes]);
-
-  // Fire smartLink seen event once on a successful render card is in the viewport
-  useEffect(function () {
-    if (fg('platform_sl_event_ui_seen')) {
-      if (state.status !== 'unauthorized') return;
-      if (isIntersected && !hasFiredSeenRef.current) {
-        fireEvent('ui.smartLink.seen', {
-          display: appearance
-        });
-        hasFiredSeenRef.current = true;
-      }
-    }
-  }, [state.status, isIntersected, fireEvent, appearance]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     fireEvent('ui.smartLinkIframe.dwelled', {
       id: id,

package/dist/esm/view/InlineCard/Frame/index.js

@@ -1,4 +1,5 @@
 import React, { forwardRef, useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import { WrapperAnchor, WrapperSpan } from './styled';
 export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -40,8 +41,8 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     withoutBackground: withoutBackground,
     isSelected: isSelected,
     isInteractive: isInteractive,
-    tabIndex: isInteractive ? 0 : undefined,
-    role: isInteractive ? 'button' : undefined,
+    tabIndex: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
+    role: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     onKeyPress: handleKeyPress,

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

@@ -4,17 +4,14 @@ var _excluded = ["onClick"];
 import React, { useCallback } from 'react';
 import { withErrorBoundary as withReactErrorBoundary } from 'react-error-boundary';
 import { injectIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
-import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
+import { getFirstPartyIdentifier, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
 import useResolveHyperlinkValidator from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import withIntlProvider from '../../common/intl-provider';
 import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
-import HyperlinkUnauthorizedView from './unauthorize-view';
 var HyperlinkFallbackComponent = function HyperlinkFallbackComponent() {
   return null;
 };
@@ -33,9 +30,7 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
   var _useResolveHyperlink = useResolveHyperlink({
       href: props.href || ''
     }),
-    actions = _useResolveHyperlink.actions,
     state = _useResolveHyperlink.state;
-  var services = getServices(state === null || state === void 0 ? void 0 : state.details);
   var thirdPartyARI = getThirdPartyARI(state === null || state === void 0 ? void 0 : state.details);
   var firstPartyIdentifier = getFirstPartyIdentifier();
   var fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
@@ -50,42 +45,6 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-  var onAuthorize = useCallback(function () {
-    return actions.authorize('url');
-  }, [actions]);
-  var shouldRenderConnectBtn = function shouldRenderConnectBtn() {
-    if (!props.children || !Array.isArray(props.children) || props.children.length === 0) {
-      return false;
-    }
-    var firstChild = props.children[0];
-    try {
-      var _firstChild$props;
-      // Check if first child has a string matching href
-      if (typeof firstChild === 'string') {
-        return props.href === firstChild;
-      }
-
-      // Check if first child has another child object containing matching href. This aligns with the behavior of the TextWrapper component used by editor to render link nodes
-      if (firstChild !== null && firstChild !== void 0 && (_firstChild$props = firstChild.props) !== null && _firstChild$props !== void 0 && _firstChild$props.children && typeof firstChild.props.children === 'string') {
-        return props.href === firstChild.props.children;
-      }
-    } catch (_) {
-      return false;
-    }
-  };
-  if ((state === null || state === void 0 ? void 0 : state.status) === 'unauthorized' && shouldRenderConnectBtn() && (
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- Statsig migration pending for Bluelink connect experiments
-  FeatureGates.getExperimentValue('platform_linking_bluelink_connect_confluence', 'isEnabled', false) ||
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- Statsig migration pending for Bluelink connect experiments
-  FeatureGates.getExperimentValue('platform_linking_bluelink_connect_jira', 'isEnabled', false))) {
-    var provider = extractSmartLinkProvider(state === null || state === void 0 ? void 0 : state.details);
-    return /*#__PURE__*/React.createElement(HyperlinkUnauthorizedView, _extends({}, props, {
-      onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
-      onClick: onClick,
-      showConnectBtn: (services === null || services === void 0 ? void 0 : services.length) > 0,
-      provider: provider
-    }));
-  }
   return /*#__PURE__*/React.createElement(Hyperlink, _extends({}, props, {
     onClick: onClick
   }));

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

@@ -261,7 +261,6 @@ export type ButtonClickedEmbedPreviewResizeAttributesType = {
 export type SmartLinkRenderSuccessAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
     rovoActionsCtaShown?: boolean | null;
-    experimentMeta?: Record<string, unknown> | null;
 };
 export type SmartLinkRenderFailedAttributesType = {
     display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';

package/dist/types/state/hooks/use-smart-link-seen-event/index.d.ts

@@ -0,0 +1,14 @@
+import { type CardType } from '@atlaskit/linking-common';
+import type { CardProps } from '../../../view/Card';
+type UseSmartLinkSeenEventProps = Pick<CardProps, 'appearance' | 'children' | 'id' | 'ui' | 'url'>;
+type UseSmartLinkSeenEventReturn = {
+    onIntersecting: () => void;
+    onStatusSettled: (status: CardType) => void;
+};
+/**
+ * Fires `ui.smartLink.seen` once when a smart link with status `unauthorized`
+ * enters the viewport. Uses refs internally so it never causes re-renders,
+ * which is important for SSR.
+ */
+export declare function useSmartLinkSeenEvent({ appearance, children, id, ui, url, }: UseSmartLinkSeenEventProps): UseSmartLinkSeenEventReturn;
+export {};

package/dist/types/state/hooks/use-social-proof-experiment/index.d.ts

@@ -1,16 +1,4 @@
 export type SocialProofTier = 'low' | 'not-low';
-export declare const SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY = "social_proof_3p_unauth_block_exp";
-export declare const INLINE_SOCIAL_PROOF_EXPERIMENT_KEY = "platform_sl_3p_preauth_social_proof_inline_cta";
-type SocialProofExperimentMetadata = {
-    isEligible: boolean;
-    tier?: SocialProofTier;
-};
-export type BlockCardSocialProofExperimentMeta = {
-    [SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY]: SocialProofExperimentMetadata;
-};
-export type InlineSocialProofExperimentMeta = {
-    [INLINE_SOCIAL_PROOF_EXPERIMENT_KEY]: SocialProofExperimentMetadata;
-};
 export interface SocialProofExperiment {
     /**
      * The raw connected users percentage for the current provider, or undefined if not loaded/available.
@@ -32,16 +20,6 @@ export interface SocialProofExperiment {
      */
     tier: SocialProofTier;
 }
-export declare const SOCIAL_PROOF_TIER_THRESHOLD = 30;
-export declare const getSocialProofTier: (connectedPct?: number) => SocialProofTier | undefined;
-export declare const getSocialProofExperimentMeta: (params: {
-    baseUriWithNoTrailingSlash?: string;
-    extensionKey?: string;
-}) => BlockCardSocialProofExperimentMeta;
-export declare const getInlineSocialProofExperimentMeta: (params: {
-    baseUriWithNoTrailingSlash?: string;
-    extensionKey?: string;
-}) => InlineSocialProofExperimentMeta;
 /**
  * Returns enrollment and treatment state for the social proof unauth block card experiment.
  *

package/dist/types/utils/analytics/SmartLinkAnalyticsContext.d.ts

@@ -15,9 +15,19 @@ type SmartLinkAnalyticsContextType = {
     };
     source?: string;
 };
+type GetByUrlFn = (url: string, props: Omit<SmartLinkAnalyticsContextProps, 'children' | 'url'>) => SmartLinkAnalyticsContextType;
+type UseSmartLinkAnalyticsUtilsReturn = {
+    getByUrl: GetByUrlFn;
+};
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export declare const useSmartLinkAnalyticsUtils: () => UseSmartLinkAnalyticsUtilsReturn;
 /**
  * Provides an analytics context data to supply attributes to events based on a URL
  * and the link state in the store
+ * @deprecated Use useSmartLinkAnalyticsUtils instead
  */
 export declare const useSmartLinkAnalyticsContext: ({ display, id, source, url, }: Exclude<SmartLinkAnalyticsContextProps, "children">) => SmartLinkAnalyticsContextType | undefined;
 /**