@atlaskit/smart-card 27.6.0 → 27.6.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 27.6.1
+
+### Patch Changes
+
+- [#102669](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102669)
+  [`8530f56308283`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8530f56308283) -
+  Refactor useAISummary hook
+- Updated dependencies
+
 ## 27.6.0
 
 ### Minor Changes

package/dist/cjs/extractors/flexible/actions/extract-ai-summary-action.js

@@ -7,14 +7,11 @@ exports.extractAISummaryAction = void 0;
 var _types = require("../../../view/Card/types");
 var _canShowAction = require("../../../utils/actions/can-show-action");
 var _aiSummary = require("../../../utils/ai-summary");
-var _linkExtractors = require("@atlaskit/link-extractors");
 var extractAISummaryAction = exports.extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
-  if (!(0, _canShowAction.canShowAction)(_types.CardAction.AISummaryAction, actionOptions) || !(0, _aiSummary.getIsAISummaryEnabled)(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+  if (!(0, _canShowAction.canShowAction)(_types.CardAction.AISummaryAction, actionOptions) || !(0, _aiSummary.getIsAISummaryEnabled)(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !url) {
     return;
   }
   return {
-    url: url,
-    ari: (0, _linkExtractors.extractAri)(response.data),
-    product: aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.product
+    url: url
   };
 };

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _primitives = require("../common/primitives");
 var _actions = _interopRequireDefault(require("./actions"));
 var _icon = require("./icon");
@@ -17,20 +18,23 @@ var _extractPreview = _interopRequireDefault(require("./extract-preview"));
 var _extractState = _interopRequireDefault(require("./extract-state"));
 var _latestCommit = require("./latest-commit");
 var _extractViewAction = require("./actions/extract-view-action");
+var _excluded = ["id", "renderers", "actionOptions", "response", "aiSummaryConfig"];
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    id = _ref.id,
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var id = _ref.id,
     renderers = _ref.renderers,
     actionOptions = _ref.actionOptions,
     response = _ref.response,
-    aiSummaryConfig = _ref.aiSummaryConfig;
+    aiSummaryConfig = _ref.aiSummaryConfig,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (!response) {
     return undefined;
   }
   var data = response.data;
   var url = (0, _linkExtractors.extractLink)(data);
   return {
-    actions: (0, _actions.default)(response, url, actionOptions, id, aiSummaryConfig),
+    // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
+    actions: (0, _actions.default)(response, props.url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
     authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -15,11 +15,11 @@ var _types = require("./types");
 var _utils = require("./utils");
 var _readStream = require("./readStream");
 var _linkingCommon = require("@atlaskit/linking-common");
+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; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-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; }
 function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
 function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(r) { var n = this.s.return; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, throw: function _throw(r) { var n = this.s.return; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
 var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
@@ -79,11 +79,11 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
     })));
     this.config = {
       requestUrl: this.getRequestUrl(props.envKey, props.baseUrl),
-      headers: _objectSpread({
+      headers: {
         'Content-Type': 'application/json;charset=UTF-8',
         'x-experience-id': 'smart-link',
         'x-product': ((_getXProductHeaderVal = (0, _utils.getXProductHeaderValue)(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence'
-      }, props.headers)
+      }
     };
     this.url = props.url;
     this.ari = props.ari;

package/dist/cjs/state/hooks/use-ai-summary/index.js

@@ -9,17 +9,20 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _store = require("./ai-summary-service/store");
 var _aiSummaryService = require("./ai-summary-service");
-var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
-var _analytics = require("../../analytics");
-var EXPERIENCE_NAME = 'smart-link-ai-summary';
+/**
+ * Stream AI summary for an url.
+ * For hook specific to AI summary on as a smart link, please see useAISummaryAction.
+ */
 var useAISummary = exports.useAISummary = function useAISummary(props) {
   var _AISummariesStore$get;
   var url = props.url,
     baseUrl = props.baseUrl,
-    headers = props.headers,
     product = props.product,
     ari = props.ari,
-    envKey = props.envKey;
+    envKey = props.envKey,
+    onError = props.onError,
+    onStart = props.onStart,
+    onSuccess = props.onSuccess;
   var _useState = (0, _react.useState)(((_AISummariesStore$get = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get === void 0 ? void 0 : _AISummariesStore$get.state) || {
       status: 'ready',
       content: ''
@@ -27,28 +30,6 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var onStart = (0, _react.useCallback)(function (id) {
-    (0, _analytics.startUfoExperience)(EXPERIENCE_NAME, id);
-  }, []);
-  var onSuccess = (0, _react.useCallback)(function (id) {
-    fireEvent('operational.summary.success', {});
-    (0, _analytics.succeedUfoExperience)(EXPERIENCE_NAME, id);
-  }, [fireEvent]);
-  var onError = (0, _react.useCallback)(function (id, reason) {
-    /**
-     * Errors should only be counted to the SLO if they are not due to acceptable use violations
-     * HIPAA content detected or exceeding context length.
-     */
-
-    var isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
-    fireEvent('operational.summary.failed', {
-      reason: reason || null,
-      isSloError: isSloError
-    });
-    (0, _analytics.failUfoExperience)(EXPERIENCE_NAME, id);
-  }, [fireEvent]);
   (0, _react.useEffect)(function () {
     var _AISummariesStore$get2;
     //do not create a service for the empty URL string when the link data is not yet available,
@@ -58,18 +39,17 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
         url: url,
         ari: ari,
         baseUrl: baseUrl,
-        headers: headers,
+        product: product,
+        envKey: envKey,
         onError: onError,
         onStart: onStart,
-        onSuccess: onSuccess,
-        product: product,
-        envKey: envKey
+        onSuccess: onSuccess
       }));
     }
 
     //returns function that calls unsubscribe method
     return (_AISummariesStore$get2 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get2 === void 0 ? void 0 : _AISummariesStore$get2.subscribe(setState);
-  }, [url, baseUrl, headers, onError, onStart, onSuccess, product, ari, envKey]);
+  }, [url, baseUrl, onError, onStart, onSuccess, product, ari, envKey]);
   var summariseUrl = function summariseUrl() {
     var _AISummariesStore$get3;
     return (_AISummariesStore$get3 = _store.AISummariesStore.get(url)) === null || _AISummariesStore$get3 === void 0 ? void 0 : _AISummariesStore$get3.summariseUrl();

package/dist/cjs/state/hooks/use-ai-summary-action/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _react = require("react");
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
+var _analytics = require("../../analytics");
+var _store = require("../../store");
+var _useAiSummary = require("../use-ai-summary");
+var _useAiSummaryConfig = require("../use-ai-summary-config");
+var EXPERIENCE_NAME = 'smart-link-ai-summary';
+var useAISummaryAction = function useAISummaryAction(url) {
+  var _cardState$details;
+  var _useAISummaryConfig = (0, _useAiSummaryConfig.useAISummaryConfig)(),
+    baseUrl = _useAISummaryConfig.baseUrl,
+    envKey = _useAISummaryConfig.envKey,
+    product = _useAISummaryConfig.product;
+  var cardState = (0, _store.useSmartCardState)(url);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var ari = data && (0, _linkExtractors.extractAri)(data);
+  var dataUrl = data && (0, _linkExtractors.extractLink)(data) || '';
+  var onStart = (0, _react.useCallback)(function (id) {
+    (0, _analytics.startUfoExperience)(EXPERIENCE_NAME, id);
+  }, []);
+  var onSuccess = (0, _react.useCallback)(function (id) {
+    fireEvent('operational.summary.success', {});
+    (0, _analytics.succeedUfoExperience)(EXPERIENCE_NAME, id);
+  }, [fireEvent]);
+  var onError = (0, _react.useCallback)(function (id, reason) {
+    /**
+     * Errors should only be counted to the SLO if they are not due to acceptable use violations
+     * HIPAA content detected or exceeding context length.
+     */
+
+    var isSloError = reason === undefined ? true : !['ACCEPTABLE_USE_VIOLATIONS', 'HIPAA_CONTENT_DETECTED', 'EXCEEDING_CONTEXT_LENGTH_ERROR'].includes(reason);
+    fireEvent('operational.summary.failed', {
+      reason: reason || null,
+      isSloError: isSloError
+    });
+    (0, _analytics.failUfoExperience)(EXPERIENCE_NAME, id);
+  }, [fireEvent]);
+  return (0, _useAiSummary.useAISummary)({
+    url: dataUrl,
+    ari: ari,
+    product: product,
+    envKey: envKey,
+    baseUrl: baseUrl,
+    onStart: onStart,
+    onSuccess: onSuccess,
+    onError: onError
+  });
+};
+var _default = exports.default = useAISummaryAction;

package/dist/cjs/state/hooks/use-ai-summary-config/index.js

@@ -8,12 +8,15 @@ var _linkProvider = require("@atlaskit/link-provider");
 var _react = require("react");
 var useAISummaryConfig = exports.useAISummaryConfig = function useAISummaryConfig() {
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+    connections = _useSmartLinkContext.connections,
     product = _useSmartLinkContext.product,
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;
   return (0, _react.useMemo)(function () {
     return {
+      baseUrl: connections.client.baseUrlOverride,
+      envKey: connections.client.envKey,
       product: product,
       isAdminHubAIEnabled: isAdminHubAIEnabled
     };
-  }, [product, isAdminHubAIEnabled]);
+  }, [connections.client.baseUrlOverride, connections.client.envKey, product, isAdminHubAIEnabled]);
 };

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

package/dist/cjs/utils/mocks.js

@@ -166,6 +166,9 @@ var mocks = exports.mocks = {
     status: 'resolved',
     details: {
       meta: {
+        visibility: 'public',
+        access: 'granted',
+        auth: [],
         definitionId: 'spaghetti-id',
         key: 'spaghetti-key',
         resourceType: 'spaghetti-resource',

package/dist/cjs/view/BlockCard/components/Action.js

@@ -11,6 +11,7 @@ var _react2 = require("react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _ActionIcon = require("./ActionIcon");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var spinnerDelay = exports.spinnerDelay = 1000;
 var baseTextStyles = (0, _react.css)({

package/dist/cjs/view/BlockCard/components/ActionList.js

@@ -18,6 +18,7 @@ var _utils = require("../../common/utils");
 var _reactMagneticDi = require("react-magnetic-di");
 var _excluded = ["triggerRef"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var buttonStyles = (0, _react.css)({

package/dist/cjs/view/BlockCard/components/CollaboratorList.js

@@ -9,6 +9,7 @@ var _react = require("@emotion/react");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var CollaboratorList = exports.CollaboratorList = function CollaboratorList(_ref) {
   var items = _ref.items,

package/dist/cjs/view/BlockCard/components/Content.js

@@ -7,6 +7,7 @@ exports.blockCardContentClassName = exports.Content = void 0;
 var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * Class name for selecting non-flexible block card content

package/dist/cjs/view/BlockCard/components/ContentFooter.js

@@ -7,6 +7,7 @@ exports.contentFooterClassName = exports.ContentFooter = void 0;
 var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var contentFooterClassName = exports.contentFooterClassName = 'smart-link-content-footer';
 var ContentFooter = exports.ContentFooter = function ContentFooter(_ref) {

package/dist/cjs/view/BlockCard/components/ContentHeader.js

@@ -7,6 +7,7 @@ exports.blockCardContentHeaderClassName = exports.ContentHeader = void 0;
 var _react = require("@emotion/react");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * Class name for selecting non-flexible block card header

package/dist/cjs/view/BlockCard/components/Emoji.js

@@ -9,6 +9,7 @@ var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var styles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/cjs/view/BlockCard/components/Frame.js

@@ -11,7 +11,7 @@ var _react2 = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var Frame = exports.Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,

package/dist/cjs/view/BlockCard/components/Link.js

@@ -7,6 +7,7 @@ exports.Link = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var styles = (0, _react.css)({
   color: "var(--ds-link, ".concat(_colors.B400, ")"),

package/dist/cjs/view/BlockCard/components/Name.js

@@ -8,6 +8,7 @@ var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * Class name for selecting non-flexible block card header name

package/dist/cjs/view/BlockCard/components/Provider.js

@@ -8,6 +8,7 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var wrapperStyles = (0, _react.css)({
   display: 'flex',

package/dist/cjs/view/BlockCard/components/Thumbnail.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _utils = require("../../common/utils");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var Thumbnail = exports.Thumbnail = function Thumbnail(props) {
   return props.color ? (0, _react.jsx)(ThumbnailWithBackground, props) : (0, _react.jsx)(ThumbnailDefault, props);
 };

package/dist/cjs/view/BlockCard/components/UnresolvedText.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.UnresolvedText = void 0;
 var _react = require("@emotion/react");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var styles = (0, _react.css)({
   display: 'flex',

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

@@ -84,6 +84,8 @@ var _handlers = require("./utils/handlers");
 var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var BlockCard = exports.BlockCard = function BlockCard(_ref) {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
   var id = _ref.id,

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

@@ -23,7 +23,7 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _RetryAction = require("../actions/RetryAction");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
 /**
  * Class name for selecting non-flexible errored block card

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

@@ -23,6 +23,7 @@ var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * Class name for selecting non-flexible forbidden block card

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

@@ -22,7 +22,7 @@ var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _handlers = require("../utils/handlers");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var textDescriptionProps = _objectSpread({}, _messages.messages.not_found_description);
 /**
  * Class name for selecting non-flexible not-found block card

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

@@ -25,6 +25,7 @@ var _ContentFooter = require("../components/ContentFooter");
 var _utils = require("../../common/utils");
 var _handlers = require("../utils/handlers");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var styles = (0, _react.css)({
   display: 'flex',

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

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * Class name for selecting non-flexible resolving block card

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

@@ -20,7 +20,7 @@ var _ContentFooter = require("../components/ContentFooter");
 var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var textBylineProps = _objectSpread({}, _messages.messages.connect_link_account_card_description);
 var UnauthorizedView = exports.UnauthorizedView = function UnauthorizedView(_ref) {
   var _ref$context = _ref.context,

package/dist/cjs/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -19,6 +19,7 @@ var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var contentStyles = (0, _react.css)({
   color: "var(--ds-text-subtlest, #626F86)",
   marginTop: "var(--ds-space-100, 0.5rem)",

package/dist/cjs/view/BlockCard/views/flexible/styled.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.titleBlockCss = exports.metadataBlockCss = exports.footerBlockCss = exports.flexibleBlockCardStyle = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766

package/dist/cjs/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
 var _utils = require("../utils");
 var _react2 = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var customBlockStyles = (0, _react2.css)({
   alignItems: 'flex-start'
 });

package/dist/cjs/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js

@@ -7,6 +7,7 @@ exports.withFlexibleUIBlockCardStyle = void 0;
 var _react = require("@emotion/react");
 var _styled = require("../styled");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {

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

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LozengeBlockWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // TODO: Replace overrides with proper AtlasKit solution.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span({

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

@@ -16,6 +16,7 @@ var _IFrame = require("./IFrame");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 function mergeRefs(refs) {
   return function (value) {

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

@@ -12,7 +12,7 @@ var _constants = require("@atlaskit/theme/constants");
 var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var colors = _colors;
 var _utils = require("../../common/utils");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var className = exports.className = 'media-card-frame';

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

@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var messageStyles = (0, _react.css)({
   fontSize: "".concat((0, _constants.fontSize)(), "px"),

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

@@ -14,6 +14,7 @@ var _Frame = require("../components/Frame");
 var _tokens = require("@atlaskit/tokens");
 var _utils = require("../../../utils");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react2.default.forwardRef(function (_ref, embedIframeRef) {
   var link = _ref.link,

package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js

@@ -16,6 +16,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var UnresolvedView = function UnresolvedView(_ref) {
   var button = _ref.button,
     description = _ref.description,

package/dist/cjs/view/EmbedCard/views/unresolved-view/styled.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.titleStyles = exports.imageStyles = exports.descriptionStyles = exports.contentStyles = exports.containerStyles = void 0;
 var _react = require("@emotion/react");
 var _utils = require("../../../common/utils");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var containerStyles = exports.containerStyles = (0, _react.css)({
   display: 'grid',

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -10,6 +10,8 @@ var _utils = require("../../../../utils");
 var _IFrame = require("../../../EmbedCard/components/IFrame");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var iframeCss = (0, _react.css)({
   width: '100%',
   height: 'calc(100vh - 208px)'

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -23,6 +23,7 @@ var _styled = require("./styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var LinkInfo = function LinkInfo(_ref) {
   var icon = _ref.icon,