@atlaskit/smart-card 44.9.8 → 44.9.9

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

@@ -1,7 +1,42 @@
 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';
-const TIER_THRESHOLD = 30;
+export const SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY = 'social_proof_3p_unauth_block_exp';
+export const INLINE_SOCIAL_PROOF_EXPERIMENT_KEY = 'platform_sl_3p_preauth_social_proof_inline_cta';
+export const SOCIAL_PROOF_TIER_THRESHOLD = 30;
+export const getSocialProofTier = connectedPct => {
+  if (connectedPct === undefined) {
+    return undefined;
+  }
+  return connectedPct >= SOCIAL_PROOF_TIER_THRESHOLD ? 'not-low' : 'low';
+};
+const getSocialProofExperimentMetadata = ({
+  extensionKey,
+  baseUriWithNoTrailingSlash = ''
+}) => {
+  if (!extensionKey) {
+    return {
+      isEligible: false
+    };
+  }
+  const cloudId = getCurrentSiteCloudIdSync(baseUriWithNoTrailingSlash);
+  const providerPctMap = getProviderPctMapSync(cloudId, SOCIAL_PROOF_TRAIT_NAME);
+  const tier = getSocialProofTier(providerPctMap === null || providerPctMap === void 0 ? void 0 : providerPctMap[extensionKey]);
+  return {
+    isEligible: tier !== undefined,
+    ...(tier ? {
+      tier
+    } : {})
+  };
+};
+export const getSocialProofExperimentMeta = params => ({
+  [SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY]: getSocialProofExperimentMetadata(params)
+});
+export const getInlineSocialProofExperimentMeta = params => ({
+  [INLINE_SOCIAL_PROOF_EXPERIMENT_KEY]: getSocialProofExperimentMetadata(params)
+});
 
 /**
  * Returns enrollment and treatment state for the social proof unauth block card experiment.
@@ -25,11 +60,12 @@ const useSocialProofExperiment = (extensionKey, baseUriWithNoTrailingSlash = '')
     isLoading
   } = useSocialProof(extensionKey, true, baseUriWithNoTrailingSlash);
   return useMemo(() => {
+    var _getSocialProofTier;
     const hasSocialProofData = connectedPct !== undefined;
 
     // Only fire exposure when data has loaded (prevents exposure inflation)
     const isTreatment = isEnabled && !isLoading && hasSocialProofData ? editorExperiment('social_proof_3p_unauth_block_exp', true) : false;
-    const tier = connectedPct !== undefined && connectedPct >= TIER_THRESHOLD ? 'not-low' : 'low';
+    const tier = (_getSocialProofTier = getSocialProofTier(connectedPct)) !== null && _getSocialProofTier !== void 0 ? _getSocialProofTier : 'low';
     return {
       isTreatment,
       tier,

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

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

@@ -16,7 +16,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';
@@ -251,19 +251,28 @@ const UnauthorisedViewWithExperiment = ({
     tier,
     connectedPct
   } = useSocialProofExperiment(providerName ? extensionKey : undefined, connections.client.baseUrlOverride);
+  const socialProofExperimentMeta = getSocialProofExperimentMeta({
+    extensionKey,
+    baseUriWithNoTrailingSlash: connections.client.baseUrlOverride
+  });
+  const analyticsContextData = {
+    attributes: {
+      experiment: 'social_proof_3p_unauth_block_exp',
+      cohort: isTreatment ? 'treatment' : 'control',
+      tier,
+      experimentMeta: socialProofExperimentMeta
+    }
+  };
   if (!isTreatment || !providerName) {
-    return /*#__PURE__*/React.createElement(UnauthorisedViewBase, _extends({}, props, {
+    const 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
-      }
-    }
+    data: analyticsContextData
   }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
     content: /*#__PURE__*/React.createElement(SocialProofMessage, {
       tier: tier,

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

@@ -24,6 +24,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';
 const thirdPartyARIPrefix = 'ari:third-party';
 const EmbedCardComponent = componentWithFG('rovo_chat_embed_card_dwell_and_hover_metrics', EmbedCardUpdated, EmbedCard);
 function Component({
@@ -166,6 +167,10 @@ function Component({
     actions.reload();
   }, [actions]);
   const handleInvoke = useCallback(opts => actions.invoke(opts, appearance), [actions, appearance]);
+  const experimentMetaEventAttributes = useExperimentMetaEventAttributes({
+    appearance,
+    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.
@@ -213,10 +218,13 @@ function Component({
         display: isFlexibleUi ? 'flexible' : appearance,
         ...(appearance === 'inline' && {
           rovoActionsCtaShown
+        }),
+        ...(experimentMetaEventAttributes && {
+          experimentMeta: experimentMetaEventAttributes
         })
       });
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status, experimentMetaEventAttributes]);
 
   // Fire smartLink seen event once on a successful render card is in the viewport
   useEffect(() => {
@@ -487,6 +495,10 @@ function ComponentUpdated({
     actions.reload();
   }, [actions]);
   const handleInvoke = useCallback(opts => actions.invoke(opts, appearance), [actions, appearance]);
+  const experimentMetaEventAttributes = useExperimentMetaEventAttributes({
+    appearance,
+    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.
@@ -534,10 +546,13 @@ function ComponentUpdated({
         display: isFlexibleUi ? 'flexible' : appearance,
         ...(appearance === 'inline' && {
           rovoActionsCtaShown
+        }),
+        ...(experimentMetaEventAttributes && {
+          experimentMeta: experimentMetaEventAttributes
         })
       });
     }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
+  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status, experimentMetaEventAttributes]);
 
   // Fire smartLink seen event once on a successful render card is in the viewport
   useEffect(() => {

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

@@ -0,0 +1,40 @@
+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";
+const useExperimentMetaEventAttributes = ({
+  appearance,
+  state
+}) => {
+  const {
+    connections: {
+      client: {
+        baseUrlOverride: baseUriWithNoTrailingSlash
+      }
+    }
+  } = useSmartLinkContext();
+  const {
+    details,
+    status
+  } = state;
+  const extensionKey = getExtensionKey(details);
+  if (!fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+    return undefined;
+  }
+  const blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && fg('social-proof-3p-unauth-block-fg') ? getSocialProofExperimentMeta({
+    extensionKey,
+    baseUriWithNoTrailingSlash
+  }) : undefined;
+  const inlineSocialProofExperimentMeta = appearance === 'inline' && status === 'unauthorized' && fg('platform_sl_3p_preauth_soc_proof_inline_killswitch') ? getInlineSocialProofExperimentMeta({
+    extensionKey,
+    baseUriWithNoTrailingSlash
+  }) : undefined;
+  const experimentMeta = {
+    ...blockSocialProofExperimentMeta,
+    ...inlineSocialProofExperimentMeta
+  };
+  if (Object.keys(experimentMeta).length > 0) {
+    return experimentMeta;
+  }
+};
+export default useExperimentMetaEventAttributes;

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

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