@atlaskit/smart-card 44.12.0 → 44.12.2

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: "44.11.4" || ''
+  packageVersion: "0.0.0-development" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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 from '../../../state/hooks/use-social-proof-experiment';
+import useSocialProofExperiment, { getSocialProofExperimentMeta } 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,19 +247,28 @@ 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) {
-    return /*#__PURE__*/React.createElement(UnauthorisedViewBase, _extends({}, props, {
+    var fallbackView = /*#__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: {
-      attributes: {
-        experiment: 'social_proof_3p_unauth_block_exp',
-        cohort: 'treatment',
-        tier: tier
-      }
-    }
+    data: analyticsContextData
   }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
     content: /*#__PURE__*/React.createElement(SocialProofMessage, {
       tier: tier,

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

@@ -28,6 +28,7 @@ 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 TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary_3p_clicks';
 function Component(_ref) {
@@ -195,6 +196,10 @@ 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.
@@ -238,13 +243,15 @@ function Component(_ref) {
       succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
         display: isFlexibleUi ? 'flexible' : appearance
       });
-      fireEvent('ui.smartLink.renderSuccess', _objectSpread({
+      fireEvent('ui.smartLink.renderSuccess', _objectSpread(_objectSpread({
         display: isFlexibleUi ? 'flexible' : appearance
       }, appearance === 'inline' && {
         rovoActionsCtaShown: rovoActionsCtaShown
+      }), experimentMetaEventAttributes && {
+        experimentMeta: experimentMetaEventAttributes
       }));
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status, experimentMetaEventAttributes]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     fireEvent('ui.smartLinkIframe.dwelled', {
       id: id,

package/dist/esm/view/CardWithUrl/experiment-meta-event-attributes/index.js

@@ -0,0 +1,32 @@
+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 { fg } from "@atlaskit/platform-feature-flags";
+import { useSmartLinkContext } from "../../../state";
+import { getExtensionKey } from "../../../state/helpers";
+import { getSocialProofExperimentMeta, getInlineSocialProofExperimentMeta } from "../../../state/hooks/use-social-proof-experiment";
+var useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes(_ref) {
+  var appearance = _ref.appearance,
+    state = _ref.state;
+  var _useSmartLinkContext = useSmartLinkContext(),
+    baseUriWithNoTrailingSlash = _useSmartLinkContext.connections.client.baseUrlOverride;
+  var details = state.details,
+    status = state.status;
+  var extensionKey = getExtensionKey(details);
+  if (!fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+    return undefined;
+  }
+  var blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && fg('social-proof-3p-unauth-block-fg') ? getSocialProofExperimentMeta({
+    extensionKey: extensionKey,
+    baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
+  }) : undefined;
+  var inlineSocialProofExperimentMeta = appearance === 'inline' && status === 'unauthorized' && fg('platform_sl_3p_preauth_soc_proof_inline_killswitch') ? getInlineSocialProofExperimentMeta({
+    extensionKey: extensionKey,
+    baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
+  }) : undefined;
+  var experimentMeta = _objectSpread(_objectSpread({}, blockSocialProofExperimentMeta), inlineSocialProofExperimentMeta);
+  if (Object.keys(experimentMeta).length > 0) {
+    return experimentMeta;
+  }
+};
+export default useExperimentMetaEventAttributes;

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

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

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

@@ -261,6 +261,7 @@ 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-social-proof-experiment/index.d.ts

@@ -1,4 +1,16 @@
 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.
@@ -20,6 +32,16 @@ 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/view/CardWithUrl/experiment-meta-event-attributes/index.d.ts

@@ -0,0 +1,9 @@
+import type { CardAppearance, CardState } from "@atlaskit/linking-common";
+import { type BlockCardSocialProofExperimentMeta, type InlineSocialProofExperimentMeta } from "../../../state/hooks/use-social-proof-experiment";
+type ExperimentMetaEventAttributes = Partial<BlockCardSocialProofExperimentMeta & InlineSocialProofExperimentMeta>;
+type ExperimentMetaEventAttributesParams = {
+    appearance: CardAppearance;
+    state: CardState;
+};
+declare const useExperimentMetaEventAttributes: ({ appearance, state, }: ExperimentMetaEventAttributesParams) => ExperimentMetaEventAttributes | undefined;
+export default useExperimentMetaEventAttributes;

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

@@ -261,6 +261,7 @@ 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-ts4.5/state/hooks/use-social-proof-experiment/index.d.ts

@@ -1,4 +1,16 @@
 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.
@@ -20,6 +32,16 @@ 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-ts4.5/view/CardWithUrl/experiment-meta-event-attributes/index.d.ts

@@ -0,0 +1,9 @@
+import type { CardAppearance, CardState } from "@atlaskit/linking-common";
+import { type BlockCardSocialProofExperimentMeta, type InlineSocialProofExperimentMeta } from "../../../state/hooks/use-social-proof-experiment";
+type ExperimentMetaEventAttributes = Partial<BlockCardSocialProofExperimentMeta & InlineSocialProofExperimentMeta>;
+type ExperimentMetaEventAttributesParams = {
+    appearance: CardAppearance;
+    state: CardState;
+};
+declare const useExperimentMetaEventAttributes: ({ appearance, state, }: ExperimentMetaEventAttributesParams) => ExperimentMetaEventAttributes | undefined;
+export default useExperimentMetaEventAttributes;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.12.0",
+	"version": "44.12.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,14 +46,14 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.8.0",
+		"@atlaskit/dropdown-menu": "^16.9.0",
 		"@atlaskit/embedded-confluence": "^5.0.0",
-		"@atlaskit/feature-gate-js-client": "^5.6.0",
+		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/flag": "^17.11.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/frontend-utilities": "^3.3.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.6.0",
+		"@atlaskit/icon": "^35.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^6.9.0",
 		"@atlaskit/image": "^3.0.0",
@@ -68,13 +68,13 @@
 		"@atlaskit/logo": "^20.1.0",
 		"@atlaskit/lozenge": "^13.8.0",
 		"@atlaskit/menu": "^8.5.0",
-		"@atlaskit/modal-dialog": "^15.0.0",
+		"@atlaskit/modal-dialog": "^15.1.0",
 		"@atlaskit/motion": "^6.2.0",
 		"@atlaskit/object": "^1.0.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
-		"@atlaskit/popup": "^4.19.0",
+		"@atlaskit/popup": "^4.20.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/react-ufo": "^5.21.0",
 		"@atlaskit/rovo-triggers": "^6.2.0",
@@ -86,7 +86,7 @@
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^81.0.0",
+		"@atlaskit/tmp-editor-statsig": "^81.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/ufo": "^0.5.0",
@@ -116,7 +116,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-listeners": "^10.1.0",
 		"@atlaskit/css-reset": "^7.4.0",
-		"@atlaskit/media-test-helpers": "^41.0.0",
+		"@atlaskit/media-test-helpers": "^41.1.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/analytics-tooling": "workspace:^",