@atlaskit/smart-card 44.9.7 → 44.9.9

package/dist/es2019/extractors/flexible/icon/index.js

@@ -1,4 +1,5 @@
 import { extractEntityIcon, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType, SmartLinkStatus } from '../../../constants';
 import extractIconRenderer from './extract-icon-renderer';
 import extractJsonldDataIcon from './extract-jsonld-data-icon';
@@ -54,8 +55,17 @@ export const extractSmartLinkIcon = (response, renderers) => {
   if (!response || !(response !== null && response !== void 0 && response.data)) {
     return undefined;
   }
-  if (isEntityPresent(response)) {
-    return extractEntityIcon(response);
+  if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+    if (isEntityPresent(response)) {
+      const entityIcon = extractEntityIcon(response);
+      if (entityIcon) {
+        return entityIcon;
+      }
+    }
+  } else {
+    if (isEntityPresent(response)) {
+      return extractEntityIcon(response);
+    }
   }
   return extractLinkIcon(response, renderers);
 };

package/dist/es2019/extractors/inline/index.js

@@ -1,4 +1,5 @@
-import { extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { extractEntityIcon, extractEntityProvider, extractProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractType, isEntityPresent } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmptyJsonLd } from '../../utils/jsonld';
 import { extractIcon } from '../common/icon';
 import { extractLozenge } from '../common/lozenge';
@@ -20,15 +21,16 @@ const extractInlineIcon = (jsonLd, showIconLabel = true) => {
  */
 const extractSmartLinkInlineIcon = (response, showLabel = true) => {
   if (isEntityPresent(response)) {
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      const entityIcon = extractEntityIcon(response);
+      if (entityIcon) {
+        return [entityIcon.url, entityIcon.label];
+      }
+    }
     const provider = extractEntityProvider(response);
     if (provider) {
       return provider.icon;
     }
-    // We don't need this for design entities,
-    // but we can add it back when we support more entities
-    // it requires extractInlineIcon to be moved to the smart link extractor package.
-    // see: https://product-fabric.atlassian.net/browse/EDM-12375
-    // return extractSmartLinkIcon(response);
   }
   return extractInlineIcon((response === null || response === void 0 ? void 0 : response.data) || getEmptyJsonLd(), showLabel);
 };

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.6" || ''
+  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(() => {