@atlaskit/smart-card 43.31.7 → 43.31.8

package/dist/cjs/messages.js

@@ -867,45 +867,20 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Get smarter workflows by connecting your account',
     description: 'Banner headline in Rovo unauthorised hover card header when the provider name is unknown.'
   },
-  rovo_unauthorised_feature_document_summaries_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.document_summaries.title',
-    defaultMessage: 'Quick summaries',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_document_summaries_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.document_summaries.desc',
-    defaultMessage: 'Understand long docs in seconds',
-    description: 'Feature description in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_smart_suggestions_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.smart_suggestions.title',
-    defaultMessage: 'Smart suggestions',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_smart_suggestions_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.smart_suggestions.desc',
-    defaultMessage: 'Strengthen your drafts with actionable feedback',
-    description: 'Feature description in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_cross_reference_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.cross_reference.title',
-    defaultMessage: 'Tracked link mentions',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_cross_reference_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.cross_reference.desc',
-    defaultMessage: 'Never miss where your work is referenced',
-    description: 'Feature description in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_related_content_title: {
-    id: 'fabric.linking.rovo_unauthorised.feature.related_content.title',
-    defaultMessage: 'Related content',
-    description: 'Feature title in Rovo unauthorised view.'
-  },
-  rovo_unauthorised_feature_related_content_desc: {
-    id: 'fabric.linking.rovo_unauthorised.feature.related_content.desc',
-    defaultMessage: 'Find relevant work and why it matters',
-    description: 'Feature description in Rovo unauthorised view.'
+  rovo_unauthorised_feature_clear_link_names: {
+    id: 'fabric.linking.rovo_unauthorised.feature.clear_link_names',
+    defaultMessage: 'Turn long URL into clear link names',
+    description: 'First feature bullet in Rovo unauthorised hover card.'
+  },
+  rovo_unauthorised_feature_understand_linked_docs: {
+    id: 'fabric.linking.rovo_unauthorised.feature.understand_linked_docs',
+    defaultMessage: 'Understand linked docs in seconds',
+    description: 'Second feature bullet in Rovo unauthorised hover card.'
+  },
+  rovo_unauthorised_feature_go_deeper_smart_suggestions: {
+    id: 'fabric.linking.rovo_unauthorised.feature.go_deeper_smart_suggestions',
+    defaultMessage: 'Go deeper with smart suggestions',
+    description: 'Third feature bullet in Rovo unauthorised hover card.'
   },
   rovo_unauthorised_connect_account: {
     id: 'fabric.linking.rovo_unauthorised.connect_account',

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

package/dist/cjs/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -65,6 +65,20 @@ var renderDefaultIcon = function renderDefaultIcon(label, testId) {
     color: "currentColor"
   });
 };
+var widthFromSize = function widthFromSize(size, isTiledIcon) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return "var(--ds-space-300, 24px)";
+    case _constants.SmartLinkSize.Large:
+      return "var(--ds-space-300, 24px)";
+    case _constants.SmartLinkSize.Medium:
+      return isTiledIcon ? "var(--ds-space-250, 20px)" : "var(--ds-space-200, 16px)";
+    case _constants.SmartLinkSize.Small:
+      return "var(--ds-space-200, 16px)";
+    default:
+      return "var(--ds-space-200, 16px)";
+  }
+};
 var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.SmartLinkSize.Medium;
   var appearance = arguments.length > 4 ? arguments[4] : undefined;
@@ -85,7 +99,27 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
     }));
   }
 };
-
+var renderImageIconNew = function renderImageIconNew(defaultIcon, url, testId) {
+  var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.SmartLinkSize.Medium;
+  var appearance = arguments.length > 4 ? arguments[4] : undefined;
+  var hideLoadingSkeleton = arguments.length > 5 ? arguments[5] : undefined;
+  var label = arguments.length > 6 ? arguments[6] : undefined;
+  var isTiledIcon = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+  var width = widthFromSize(size, isTiledIcon);
+  if (url) {
+    return /*#__PURE__*/React.createElement(_imageIcon.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? {
+      label: label
+    } : {}, {
+      defaultIcon: defaultIcon,
+      testId: testId,
+      url: url,
+      width: width,
+      height: width,
+      appearance: appearance,
+      hideLoadingSkeleton: hideLoadingSkeleton
+    }));
+  }
+};
 /**
  * A base element that displays an Icon or favicon.
  * @internal
@@ -113,8 +147,8 @@ var IconElement = function IconElement(_ref) {
   var label = (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? labelProp !== null && labelProp !== void 0 ? labelProp : '' : labelProp !== null && labelProp !== void 0 ? labelProp : 'Link';
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || renderAtlaskitIcon(icon, testId, size, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
-  }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || ((0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch') ? renderImageIconNew(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined, isTiledIcon) : renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined)) || renderAtlaskitIcon(icon, testId, size, (0, _platformFeatureFlags.fg)('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
+  }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon, isTiledIcon]);
   var width = (0, _utils2.getIconWidth)(size);
   return /*#__PURE__*/React.createElement("div", {
     "data-smart-element": name,
@@ -123,11 +157,15 @@ var IconElement = function IconElement(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
-  }, isTiledIcon && (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)() ? /*#__PURE__*/React.createElement(_tile.default, {
+  }, isTiledIcon && ((0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch') || (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)()) ? /*#__PURE__*/React.createElement(_tile.default, {
     size: size,
-    label: label
+    hasBorder: true,
+    backgroundColor: "white",
+    label: label,
+    testId: "".concat(testId, "-tile")
   }, element) : /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.iconWrapperStyle,
+    testId: "".concat(testId, "-box"),
     style: {
       width: width,
       height: width

package/dist/cjs/view/HoverCard/components/ContentContainer.compiled.css

@@ -3,7 +3,7 @@
 ._189eidpf{border-width:0}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bsb1f23{width:25rem}
-._1bsbiolt{width:22rem}
+._1bsbtye8{width:20rem}
 ._9spsglyw .smart-link-loading-placeholder{display:none}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._vchhusvi{box-sizing:border-box}

package/dist/cjs/view/HoverCard/components/ContentContainer.js

@@ -46,7 +46,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   var resolvedWidthAppearance = widthAppearance !== null && widthAppearance !== void 0 ? widthAppearance : 'default';
   var container = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi", resolvedWidthAppearance === 'slim' ? "_1bsbiolt" : "_1bsb1f23", "_9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", _HoverCardContent.hoverCardClassName]),
+    className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi", resolvedWidthAppearance === 'slim' ? "_1bsbtye8" : "_1bsb1f23", "_9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", _HoverCardContent.hoverCardClassName]),
     "data-testid": testId
   }, props), children);
   return isAIEnabled ? /*#__PURE__*/React.createElement(_aiPrism.default, {

package/dist/cjs/view/HoverCard/components/views/unauthorised/RovoUnauthorisedView.compiled.css

@@ -1,16 +1,39 @@
 
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._zulputpp{gap:var(--ds-space-150,9pt)}._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
+._154i1crf{top:9pt}
+._154i1ul9{top:30px}
+._154i1ylp{top:40px}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._19pkutpp{margin-top:var(--ds-space-150,9pt)}
+._1bah1h6o{justify-content:center}
 ._1bahesu3{justify-content:flex-end}
+._1bsb7vkz{width:1pc}
+._1bsbqslr{width:22px}
+._1bsbzwfg{width:2pc}
 ._1e0c1txw{display:flex}
+._1ltv1v6z{left:7px}
 ._1n261g80{flex-wrap:wrap}
+._1o9zidpf{flex-shrink:0}
+._1xi21v6z{right:7px}
+._1xi2qslr{right:22px}
 ._4cvr1h6o{align-items:center}
-._bfhkomb0{background-color:var(--ds-background-brand-bold,#0052cc)}
+._4t3izwfg{height:2pc}
+._bfhk11bn{background-color:var(--ds-background-accent-gray-subtlest,#f1f2f4)}
+._bfhk16e3{background-color:var(--ds-background-accent-blue-bolder,#1868db)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
-._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
 ._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
-._syaz15cr{color:var(--ds-text-inverse,#fff)}
-._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syaz1yjp{color:var(--ds-icon-success,#22a06b)}
+._syazuq3u{color:var(--ds-icon-accent-purple,#af59e1)}
+._syazwejn{color:var(--ds-background-accent-gray-subtlest-hovered,#dddee1)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._y3gn1h6o{text-align:center}