@atlaskit/smart-card 26.50.7 → 26.50.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.50.8
+
+### Patch Changes
+
+- [#82741](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82741) [`2acb6d77c0a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2acb6d77c0a6) - Update UFO experience type for Smart link AI summary
+
 ## 26.50.7
 
 ### Patch Changes

package/dist/cjs/state/analytics/ufoExperiences.js

@@ -24,7 +24,7 @@ var aiExperience = {
     component: 'smart-links'
   },
   type: _ufo.ExperienceTypes.Experience,
-  performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad
+  performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
 };
 var ufoExperiences = {
   'smart-link-rendered': new _ufo.ConcurrentExperience('smart-link-rendered', renderExperience),

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

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

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

@@ -125,12 +125,13 @@ function Component(_ref) {
   (0, _react.useEffect)(function () {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
+      var _state$error;
       measure.create(id, state.status);
       analytics.operational.instrument({
         id: id,
         status: state.status,
         definitionId: definitionId,
-        extensionKey: extensionKey,
+        extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
         resourceType: resourceType,
         error: state.error
       });

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -183,15 +183,14 @@ var Description = exports.Description = _styled.default.div({
 var ResolvedViewIconWrapper = exports.ResolvedViewIconWrapper = _styled.default.div({
   marginTop: "var(--ds-space-050, 4px)"
 });
-var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), {
-  float: 'right',
-  margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
-  backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
-  backgroundImage: "url(".concat(function (_ref15) {
-    var src = _ref15.src;
-    return src;
-  }, ")"),
-  backgroundSize: 'cover'
+var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), function (props) {
+  return {
+    float: 'right',
+    margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
+    backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
+    backgroundImage: "url(".concat(props.src, ")"),
+    backgroundSize: 'cover'
+  };
 });
 var UsersWrapper = exports.UsersWrapper = _styled.default.div({
   marginTop: "var(--ds-space-100, 8px)"

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.7",
+  packageVersion: "26.50.8",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/state/analytics/ufoExperiences.js

@@ -18,7 +18,7 @@ const aiExperience = {
     component: 'smart-links'
   },
   type: ExperienceTypes.Experience,
-  performanceType: ExperiencePerformanceTypes.PageSegmentLoad
+  performanceType: ExperiencePerformanceTypes.InlineResult
 };
 const ufoExperiences = {
   'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.7"
+  packageVersion: "26.50.8"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -112,12 +112,13 @@ function Component({
   useEffect(() => {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
+      var _state$error;
       measure.create(id, state.status);
       analytics.operational.instrument({
         id,
         status: state.status,
         definitionId,
-        extensionKey,
+        extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
         resourceType,
         error: state.error
       });

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -281,15 +281,13 @@ export const Description = styled.div({
 export const ResolvedViewIconWrapper = styled.div({
   marginTop: "var(--ds-space-050, 4px)"
 });
-export const Thumbnail = styled.div(borderRadius, csssize(48), {
+export const Thumbnail = styled.div(borderRadius, csssize(48), props => ({
   float: 'right',
   margin: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`,
   backgroundColor: `var(--ds-skeleton, ${colors.N30})`,
-  backgroundImage: `url(${({
-    src
-  }) => src})`,
+  backgroundImage: `url(${props.src})`,
   backgroundSize: 'cover'
-});
+}));
 export const UsersWrapper = styled.div({
   marginTop: "var(--ds-space-100, 8px)"
 });

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.7",
+  packageVersion: "26.50.8",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/state/analytics/ufoExperiences.js

@@ -18,7 +18,7 @@ var aiExperience = {
     component: 'smart-links'
   },
   type: ExperienceTypes.Experience,
-  performanceType: ExperiencePerformanceTypes.PageSegmentLoad
+  performanceType: ExperiencePerformanceTypes.InlineResult
 };
 var ufoExperiences = {
   'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.7"
+  packageVersion: "26.50.8"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -115,12 +115,13 @@ function Component(_ref) {
   useEffect(function () {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
+      var _state$error;
       measure.create(id, state.status);
       analytics.operational.instrument({
         id: id,
         status: state.status,
         definitionId: definitionId,
-        extensionKey: extensionKey,
+        extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
         resourceType: resourceType,
         error: state.error
       });

package/dist/esm/view/EmbedCard/components/styled.js

@@ -173,15 +173,14 @@ export var Description = styled.div({
 export var ResolvedViewIconWrapper = styled.div({
   marginTop: "var(--ds-space-050, 4px)"
 });
-export var Thumbnail = styled.div(borderRadius, csssize(48), {
-  float: 'right',
-  margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
-  backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
-  backgroundImage: "url(".concat(function (_ref15) {
-    var src = _ref15.src;
-    return src;
-  }, ")"),
-  backgroundSize: 'cover'
+export var Thumbnail = styled.div(borderRadius, csssize(48), function (props) {
+  return {
+    float: 'right',
+    margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
+    backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
+    backgroundImage: "url(".concat(props.src, ")"),
+    backgroundSize: 'cover'
+  };
 });
 export var UsersWrapper = styled.div({
   marginTop: "var(--ds-space-100, 8px)"

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.7",
+  packageVersion: "26.50.8",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -86,7 +86,7 @@ export interface ThumbnailProps {
 export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts

@@ -86,7 +86,7 @@ export interface ThumbnailProps {
 export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.50.7",
+  "version": "26.50.8",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^5.5.0",
+    "@atlaskit/linking-common": "^5.6.0",
     "@atlaskit/linking-types": "^8.7.0",
     "@atlaskit/logo": "^13.15.0",
     "@atlaskit/lozenge": "^11.6.0",
@@ -74,7 +74,7 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.8.0",
+    "@atlaskit/link-provider": "^1.9.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -84,7 +84,7 @@
     "@af/visual-regression": "*",
     "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/css-reset": "^6.7.0",
-    "@atlaskit/link-test-helpers": "^6.2.0",
+    "@atlaskit/link-test-helpers": "^7.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",