@atlaskit/smart-card 44.9.7 → 44.9.9

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractSmartLinkIcon = exports.extractLinkIcon = exports.extractErrorIcon = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _extractIconRenderer = _interopRequireDefault(require("./extract-icon-renderer"));
 var _extractJsonldDataIcon = _interopRequireDefault(require("./extract-jsonld-data-icon"));
@@ -62,8 +63,17 @@ var extractSmartLinkIcon = exports.extractSmartLinkIcon = function extractSmartL
   if (!response || !(response !== null && response !== void 0 && response.data)) {
     return undefined;
   }
-  if ((0, _linkExtractors.isEntityPresent)(response)) {
-    return (0, _linkExtractors.extractEntityIcon)(response);
+  if ((0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon')) {
+    if ((0, _linkExtractors.isEntityPresent)(response)) {
+      var entityIcon = (0, _linkExtractors.extractEntityIcon)(response);
+      if (entityIcon) {
+        return entityIcon;
+      }
+    }
+  } else {
+    if ((0, _linkExtractors.isEntityPresent)(response)) {
+      return (0, _linkExtractors.extractEntityIcon)(response);
+    }
   }
   return extractLinkIcon(response, renderers);
 };

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractInlineProps = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _jsonld = require("../../utils/jsonld");
 var _icon = require("../common/icon");
 var _lozenge = require("../common/lozenge");
@@ -28,15 +29,16 @@ var extractInlineIcon = function extractInlineIcon(jsonLd) {
 var extractSmartLinkInlineIcon = function extractSmartLinkInlineIcon(response) {
   var showLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if ((0, _linkExtractors.isEntityPresent)(response)) {
+    if ((0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon')) {
+      var entityIcon = (0, _linkExtractors.extractEntityIcon)(response);
+      if (entityIcon) {
+        return [entityIcon.url, entityIcon.label];
+      }
+    }
     var provider = (0, _linkExtractors.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) || (0, _jsonld.getEmptyJsonLd)(), showLabel);
 };

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

@@ -4,11 +4,48 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getSocialProofTier = exports.getSocialProofExperimentMeta = exports.getInlineSocialProofExperimentMeta = exports.default = exports.SOCIAL_PROOF_TIER_THRESHOLD = exports.SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY = exports.INLINE_SOCIAL_PROOF_EXPERIMENT_KEY = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _currentSiteCloudId = require("../../services/current-site-cloud-id");
+var _personalization = require("../../services/personalization");
 var _useSocialProof2 = _interopRequireDefault(require("../use-social-proof"));
-var TIER_THRESHOLD = 30;
+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 SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY = exports.SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY = 'social_proof_3p_unauth_block_exp';
+var INLINE_SOCIAL_PROOF_EXPERIMENT_KEY = exports.INLINE_SOCIAL_PROOF_EXPERIMENT_KEY = 'platform_sl_3p_preauth_social_proof_inline_cta';
+var SOCIAL_PROOF_TIER_THRESHOLD = exports.SOCIAL_PROOF_TIER_THRESHOLD = 30;
+var getSocialProofTier = exports.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 = (0, _currentSiteCloudId.getCurrentSiteCloudIdSync)(baseUriWithNoTrailingSlash);
+  var providerPctMap = (0, _personalization.getProviderPctMapSync)(cloudId, _personalization.SOCIAL_PROOF_TRAIT_NAME);
+  var tier = getSocialProofTier(providerPctMap === null || providerPctMap === void 0 ? void 0 : providerPctMap[extensionKey]);
+  return _objectSpread({
+    isEligible: tier !== undefined
+  }, tier ? {
+    tier: tier
+  } : {});
+};
+var getSocialProofExperimentMeta = exports.getSocialProofExperimentMeta = function getSocialProofExperimentMeta(params) {
+  return (0, _defineProperty2.default)({}, SOCIAL_PROOF_3P_UNAUTH_BLOCK_EXPERIMENT_KEY, getSocialProofExperimentMetadata(params));
+};
+var getInlineSocialProofExperimentMeta = exports.getInlineSocialProofExperimentMeta = function getInlineSocialProofExperimentMeta(params) {
+  return (0, _defineProperty2.default)({}, INLINE_SOCIAL_PROOF_EXPERIMENT_KEY, getSocialProofExperimentMetadata(params));
+};
 
 /**
  * Returns enrollment and treatment state for the social proof unauth block card experiment.
@@ -32,11 +69,12 @@ var useSocialProofExperiment = function useSocialProofExperiment(extensionKey) {
     isEnabled = _useSocialProof.isEnabled,
     isLoading = _useSocialProof.isLoading;
   return (0, _react.useMemo)(function () {
+    var _getSocialProofTier;
     var hasSocialProofData = connectedPct !== undefined;
 
     // Only fire exposure when data has loaded (prevents exposure inflation)
     var isTreatment = isEnabled && !isLoading && hasSocialProofData ? (0, _experiments.editorExperiment)('social_proof_3p_unauth_block_exp', true) : false;
-    var tier = connectedPct !== undefined && connectedPct >= TIER_THRESHOLD ? 'not-low' : 'low';
+    var tier = (_getSocialProofTier = getSocialProofTier(connectedPct)) !== null && _getSocialProofTier !== void 0 ? _getSocialProofTier : 'low';
     return {
       isTreatment: isTreatment,
       tier: tier,

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.9.6" || ''
+  packageVersion: "0.0.0-development" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -25,7 +25,7 @@ var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 var _flexibleUiContext = require("../../../state/flexible-ui-context");
 var _helpers = require("../../../state/helpers");
-var _useSocialProofExperiment = _interopRequireDefault(require("../../../state/hooks/use-social-proof-experiment"));
+var _useSocialProofExperiment = _interopRequireWildcard(require("../../../state/hooks/use-social-proof-experiment"));
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../common/UnauthorisedViewContent"));
 var _FlexibleCard = _interopRequireDefault(require("../../FlexibleCard"));
 var _actionGroup = _interopRequireDefault(require("../../FlexibleCard/components/blocks/action-group"));
@@ -256,19 +256,28 @@ var UnauthorisedViewWithExperiment = function UnauthorisedViewWithExperiment(_re
     isTreatment = _useSocialProofExperi.isTreatment,
     tier = _useSocialProofExperi.tier,
     connectedPct = _useSocialProofExperi.connectedPct;
+  var socialProofExperimentMeta = (0, _useSocialProofExperiment.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, (0, _extends2.default)({}, props, {
+    var fallbackView = /*#__PURE__*/React.createElement(UnauthorisedViewBase, (0, _extends2.default)({}, props, {
       testId: testId
     }));
+    return connectedPct !== undefined ? /*#__PURE__*/React.createElement(_analyticsNext.AnalyticsContext, {
+      data: analyticsContextData
+    }, fallbackView) : fallbackView;
   }
   return /*#__PURE__*/React.createElement(_analyticsNext.AnalyticsContext, {
-    data: {
-      attributes: {
-        experiment: 'social_proof_3p_unauth_block_exp',
-        cohort: 'treatment',
-        tier: tier
-      }
-    }
+    data: analyticsContextData
   }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, (0, _extends2.default)({}, props, {
     content: /*#__PURE__*/React.createElement(_SocialProofMessage.default, {
       tier: tier,

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

@@ -33,6 +33,7 @@ var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
 var _InlineCard = require("../InlineCard");
 var _useSmartLinkEvents = require("../SmartLinkEvents/useSmartLinkEvents");
 var _cardIntersectionObserver = _interopRequireDefault(require("./card-intersection-observer"));
+var _experimentMetaEventAttributes = _interopRequireDefault(require("./experiment-meta-event-attributes"));
 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; }
@@ -179,6 +180,10 @@ function Component(_ref) {
   var handleInvoke = (0, _react.useCallback)(function (opts) {
     return actions.invoke(opts, appearance);
   }, [actions, appearance]);
+  var experimentMetaEventAttributes = (0, _experimentMetaEventAttributes.default)({
+    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.
@@ -222,13 +227,15 @@ function Component(_ref) {
       (0, _analytics.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]);
 
   // Fire smartLink seen event once on a successful render card is in the viewport
   (0, _react.useEffect)(function () {
@@ -500,6 +507,10 @@ function ComponentUpdated(_ref2) {
   var handleInvoke = (0, _react.useCallback)(function (opts) {
     return actions.invoke(opts, appearance);
   }, [actions, appearance]);
+  var experimentMetaEventAttributes = (0, _experimentMetaEventAttributes.default)({
+    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.
@@ -543,13 +554,15 @@ function ComponentUpdated(_ref2) {
       (0, _analytics.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]);
 
   // Fire smartLink seen event once on a successful render card is in the viewport
   (0, _react.useEffect)(function () {

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _state = require("../../../state");
+var _helpers = require("../../../state/helpers");
+var _useSocialProofExperiment = require("../../../state/hooks/use-social-proof-experiment");
+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 useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes(_ref) {
+  var appearance = _ref.appearance,
+    state = _ref.state;
+  var _useSmartLinkContext = (0, _state.useSmartLinkContext)(),
+    baseUriWithNoTrailingSlash = _useSmartLinkContext.connections.client.baseUrlOverride;
+  var details = state.details,
+    status = state.status;
+  var extensionKey = (0, _helpers.getExtensionKey)(details);
+  if (!(0, _platformFeatureFlags.fg)('social-proof-3p-unauth-block-fg') && !(0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+    return undefined;
+  }
+  var blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && (0, _platformFeatureFlags.fg)('social-proof-3p-unauth-block-fg') ? (0, _useSocialProofExperiment.getSocialProofExperimentMeta)({
+    extensionKey: extensionKey,
+    baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
+  }) : undefined;
+  var inlineSocialProofExperimentMeta = appearance === 'inline' && status === 'unauthorized' && (0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch') ? (0, _useSocialProofExperiment.getInlineSocialProofExperimentMeta)({
+    extensionKey: extensionKey,
+    baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
+  }) : undefined;
+  var experimentMeta = _objectSpread(_objectSpread({}, blockSocialProofExperimentMeta), inlineSocialProofExperimentMeta);
+  if (Object.keys(experimentMeta).length > 0) {
+    return experimentMeta;
+  }
+};
+var _default = exports.default = useExperimentMetaEventAttributes;

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbedCardResolvedView = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _tokens = require("@atlaskit/tokens");
 var _utils = require("../../../utils");
@@ -109,6 +111,7 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
     hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton,
     extensionKey = _ref2.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
+  var iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
   var linkGlyph = _react.default.useMemo(function () {
@@ -122,13 +125,16 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
     if ( /*#__PURE__*/_react.default.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
-      src: src,
+    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, (0, _extends2.default)({
+      src: src
+    }, (0, _platformFeatureFlags.fg)('platform_lp_use_entity_icon_url_for_icon') ? {
+      alt: iconLabel
+    } : undefined, {
       default: linkGlyph,
       appearance: (0, _utils.isProfileType)(type) ? 'round' : 'square',
       hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
+    }));
+  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton, iconLabel]);
   (0, _useEmbedResolvePostMessageListener.useEmbedResolvePostMessageListener)({
     url: link,
     embedIframeRef: embedIframeRef