@atlaskit/smart-card 25.7.0 → 25.7.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 25.7.1
+
+### Patch Changes
+
+- [`7a58d99e333`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a58d99e333) - [ux] Added error handling for smart link action
+- Updated dependencies
+
 ## 25.7.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -206,6 +206,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: "Uh oh. We can't find this link!",
     description: 'Error case for when a provided link is not found'
   },
+  open_issue_in_jira: {
+    id: 'fabric.linking.open_issue_in_jira',
+    defaultMessage: 'Open issue in Jira',
+    description: 'Click to open link in Jira'
+  },
   open_link_in_a_new_tab: {
     id: 'fabric.linking.open_link_in_a_new_tab',
     defaultMessage: 'Open link in a new tab',
@@ -351,6 +356,21 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Save',
     description: 'Just the "save" word'
   },
+  status_change_load_error: {
+    id: 'fabric.linking.status_change_load_error',
+    defaultMessage: 'We couldn’t load the statuses and transitions',
+    description: 'Informs the user that the loading of status transitions failed'
+  },
+  status_change_permission_error: {
+    id: 'fabric.linking.status_change_permission_error',
+    defaultMessage: 'You don’t have permission to transition this issue. ',
+    description: 'Informs the user that they do not have enough permissions to update a status'
+  },
+  status_change_update_error: {
+    id: 'fabric.linking.status_change_update_error',
+    defaultMessage: 'We couldn’t update the status',
+    description: "Occurs when a user tries to update an issue's status but fails to do so"
+  },
   try_again: {
     id: 'fabric.linking.try_again',
     defaultMessage: 'Try again',

package/dist/cjs/state/hooks/use-invoke/types.js

@@ -2,20 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.InvokeActionError = void 0;
-var InvokeActionError;
-/**
- * Additional details for invoke function that may be required for component
- */
-exports.InvokeActionError = InvokeActionError;
-(function (InvokeActionError) {
-  InvokeActionError["NoData"] = "NoData";
-  InvokeActionError["Unknown"] = "Unknown";
-})(InvokeActionError || (exports.InvokeActionError = InvokeActionError = {}));
-/**
- * Invoke request with additional details for the component
- */
-/**
- * CRUD invoke requests for the component that support server actions
- */
+});

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "25.7.0",
+	"version": "25.7.1",
 	"sideEffects": false
 }

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -18,10 +18,10 @@ var _lozengeActionError = _interopRequireDefault(require("./lozenge-action-error
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _styled = require("./styled");
 var _useInvoke = _interopRequireDefault(require("../../../../../state/hooks/use-invoke"));
-var _types = require("../../../../../state/hooks/use-invoke/types");
 var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../extractors/action/extract-lozenge-action-items"));
 var _createStatusUpdateRequest = _interopRequireDefault(require("../../../../../utils/actions/create-status-update-request"));
 var _useResolve = _interopRequireDefault(require("../../../../../state/hooks/use-resolve"));
+var _types = require("./lozenge-action-error/types");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; } /** @jsx jsx */
@@ -32,6 +32,9 @@ var validateItems = function validateItems() {
     return item.text !== text;
   });
 };
+var isInvokeCustomError = function isInvokeCustomError(err) {
+  return err.message !== undefined && err.errorCode !== undefined;
+};
 var LozengeAction = function LozengeAction(_ref) {
   var action = _ref.action,
     appearance = _ref.appearance,
@@ -57,8 +60,8 @@ var LozengeAction = function LozengeAction(_ref) {
     setItems = _useState8[1];
   var _useState9 = (0, _react2.useState)(),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    errorCode = _useState10[0],
-    setErrorCode = _useState10[1];
+    errorMessage = _useState10[0],
+    setErrorMessage = _useState10[1];
   var invoke = (0, _useInvoke.default)();
   var reload = (0, _useResolve.default)();
   var handleOpenChange = (0, _react2.useCallback)( /*#__PURE__*/function () {
@@ -70,7 +73,7 @@ var LozengeAction = function LozengeAction(_ref) {
             case 0:
               setIsOpen(args.isOpen);
               if (!(args.isOpen && !isLoaded && action !== null && action !== void 0 && action.read)) {
-                _context.next = 19;
+                _context.next = 20;
                 break;
               }
               _context.prev = 2;
@@ -83,29 +86,30 @@ var LozengeAction = function LozengeAction(_ref) {
               setItems(validItems);
               setIsLoaded(true);
               if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
-                setErrorCode(_types.InvokeActionError.NoData);
+                setErrorMessage(_types.LozengeActionErrorMessages.noData);
+                setIsLoaded(false);
               }
-              _context.next = 16;
+              _context.next = 17;
               break;
             case 13:
               _context.prev = 13;
               _context.t0 = _context["catch"](2);
-              // TODO: EDM-6261: Error state
-              setErrorCode(_types.InvokeActionError.Unknown);
-            case 16:
-              _context.prev = 16;
+              setErrorMessage(_types.LozengeActionErrorMessages.unknown);
+              setIsLoaded(false);
+            case 17:
+              _context.prev = 17;
               setIsLoading(false);
-              return _context.finish(16);
-            case 19:
+              return _context.finish(17);
+            case 20:
               if (!args.isOpen) {
-                setErrorCode(undefined);
+                setErrorMessage(undefined);
               }
-            case 20:
+            case 21:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 13, 16, 19]]);
+      }, _callee, null, [[2, 13, 17, 20]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -128,7 +132,7 @@ var LozengeAction = function LozengeAction(_ref) {
               _context2.prev = 0;
               updateAction = action === null || action === void 0 ? void 0 : action.update;
               if (!(updateAction && id)) {
-                _context2.next = 13;
+                _context2.next = 15;
                 break;
               }
               setIsLoading(true);
@@ -137,38 +141,43 @@ var LozengeAction = function LozengeAction(_ref) {
               return invoke(request);
             case 7:
               setIsLoading(false);
+              setIsLoaded(false);
               setIsOpen(false);
+              setItems([]);
               _ref4 = updateAction.details || {}, url = _ref4.url, linkId = _ref4.id;
               if (!url) {
-                _context2.next = 13;
+                _context2.next = 15;
                 break;
               }
-              _context2.next = 13;
+              _context2.next = 15;
               return reload(url, true, undefined, linkId);
-            case 13:
-              _context2.next = 19;
-              break;
             case 15:
-              _context2.prev = 15;
+              _context2.next = 21;
+              break;
+            case 17:
+              _context2.prev = 17;
               _context2.t0 = _context2["catch"](0);
-              // TODO: EDM-6261: Error state
               setIsLoading(false);
-              setErrorCode(_types.InvokeActionError.Unknown);
-            case 19:
+              if (isInvokeCustomError(_context2.t0)) {
+                setErrorMessage(_context2.t0.message);
+              } else {
+                setErrorMessage(_types.LozengeActionErrorMessages.updateFailed);
+              }
+            case 21:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 15]]);
+      }, _callee2, null, [[0, 17]]);
     }));
     return function (_x2) {
       return _ref3.apply(this, arguments);
     };
   }(), [action === null || action === void 0 ? void 0 : action.update, invoke, reload]);
   var dropdownItemGroup = (0, _react2.useMemo)(function () {
-    if (errorCode) {
+    if (errorMessage) {
       return (0, _react.jsx)(_lozengeActionError.default, {
-        errorCode: errorCode,
+        errorMessage: errorMessage,
         testId: testId
       });
     }
@@ -184,7 +193,7 @@ var LozengeAction = function LozengeAction(_ref) {
         }));
       })));
     }
-  }, [errorCode, handleItemClick, items, testId]);
+  }, [errorMessage, handleItemClick, items, testId]);
   return (0, _react.jsx)(_dropdownMenu.default, {
     isLoading: isLoading,
     isOpen: isOpen,

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -1,24 +1,45 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+var _react2 = require("react");
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _colors = require("@atlaskit/theme/colors");
+var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+var _styled = require("./styled");
+var _utils = require("../../../utils");
+/** @jsx jsx */
+
+var MAX_LINE_NUMBER = 8;
 var LozengeActionError = function LozengeActionError(_ref) {
-  var errorCode = _ref.errorCode,
-    testId = _ref.testId;
-  // TODO: EDM-5746 and EDM-5782
-  var content = (0, _react.useMemo)(function () {
-    return errorCode;
-  }, [errorCode]);
-  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+  var errorMessage = _ref.errorMessage,
+    testId = _ref.testId,
+    _ref$maxLineNumber = _ref.maxLineNumber,
+    maxLineNumber = _ref$maxLineNumber === void 0 ? MAX_LINE_NUMBER : _ref$maxLineNumber;
+  var content = (0, _react2.useMemo)(function () {
+    return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
+      css: _styled.contentStyles
+    }, (0, _react.jsx)(_error.default, {
+      testId: "".concat(testId, "-icon"),
+      size: "medium",
+      primaryColor: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
+      secondaryColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
+      label: 'error'
+    }), (0, _react.jsx)("span", {
+      css: (0, _styled.textStyles)(maxLineNumber),
+      "data-testid": "".concat(testId, "-error-message")
+    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))));
+  }, [errorMessage, maxLineNumber, testId]);
+  return (0, _react.jsx)("span", {
+    css: _styled.dropdownItemGroupStyles,
+    "data-testid": "".concat(testId, "-error-item-group")
+  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {
     testId: "".concat(testId, "-error")
-  }, content));
+  }, content)));
 };
 var _default = LozengeActionError;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/styled.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textStyles = exports.dropdownItemGroupStyles = exports.contentStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
+var _utils = require("../../../utils");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var dropdownItemGroupStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  button {\n    width: 220px;\n\n    &:hover {\n      background-color: inherit;\n      cursor: default;\n    }\n  }\n"])));
+exports.dropdownItemGroupStyles = dropdownItemGroupStyles;
+var sharedBlockStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: 0.5rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  flex-direction: row;\n  align-items: center;\n"])));
+var contentStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n\n  margin-top: 2px;\n  align-items: flex-start;\n\n  > span,\n  > div {\n    &[data-smart-element-text] {\n      font-size: 0.875rem;\n      color: ", ";\n    }\n  }\n"])), sharedBlockStyles, "var(--ds-text, ".concat(_colors.N800, ")"));
+exports.contentStyles = contentStyles;
+var textStyles = function textStyles(maxLines) {
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 1rem;\n  white-space: normal;\n  ", ";\n"])), (0, _utils.getTruncateStyles)(maxLines));
+};
+exports.textStyles = textStyles;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

@@ -2,4 +2,18 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.LozengeActionErrorMessages = void 0;
+var _messages = require("../../../../../../messages");
+var LozengeActionErrorMessages = {
+  noData: {
+    descriptor: _messages.messages['status_change_permission_error']
+  },
+  unknown: {
+    descriptor: _messages.messages['status_change_load_error']
+  },
+  updateFailed: {
+    descriptor: _messages.messages['status_change_update_error']
+  }
+};
+exports.LozengeActionErrorMessages = LozengeActionErrorMessages;

package/dist/es2019/messages.js

@@ -200,6 +200,11 @@ export const messages = defineMessages({
     defaultMessage: "Uh oh. We can't find this link!",
     description: 'Error case for when a provided link is not found'
   },
+  open_issue_in_jira: {
+    id: 'fabric.linking.open_issue_in_jira',
+    defaultMessage: 'Open issue in Jira',
+    description: 'Click to open link in Jira'
+  },
   open_link_in_a_new_tab: {
     id: 'fabric.linking.open_link_in_a_new_tab',
     defaultMessage: 'Open link in a new tab',
@@ -345,6 +350,21 @@ export const messages = defineMessages({
     defaultMessage: 'Save',
     description: 'Just the "save" word'
   },
+  status_change_load_error: {
+    id: 'fabric.linking.status_change_load_error',
+    defaultMessage: 'We couldn’t load the statuses and transitions',
+    description: 'Informs the user that the loading of status transitions failed'
+  },
+  status_change_permission_error: {
+    id: 'fabric.linking.status_change_permission_error',
+    defaultMessage: 'You don’t have permission to transition this issue. ',
+    description: 'Informs the user that they do not have enough permissions to update a status'
+  },
+  status_change_update_error: {
+    id: 'fabric.linking.status_change_update_error',
+    defaultMessage: 'We couldn’t update the status',
+    description: "Occurs when a user tries to update an issue's status but fails to do so"
+  },
   try_again: {
     id: 'fabric.linking.try_again',
     defaultMessage: 'Try again',

package/dist/es2019/state/hooks/use-invoke/types.js

@@ -1,15 +1 @@
-export let InvokeActionError;
-
-/**
- * Additional details for invoke function that may be required for component
- */
-(function (InvokeActionError) {
-  InvokeActionError["NoData"] = "NoData";
-  InvokeActionError["Unknown"] = "Unknown";
-})(InvokeActionError || (InvokeActionError = {}));
-/**
- * Invoke request with additional details for the component
- */
-/**
- * CRUD invoke requests for the component that support server actions
- */
+export {};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "25.7.0",
+	"version": "25.7.1",
 	"sideEffects": false
 }

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -9,13 +9,14 @@ import LozengeActionError from './lozenge-action-error';
 import withErrorBoundary from './error-boundary';
 import { dropdownItemGroupStyles } from './styled';
 import useInvoke from '../../../../../state/hooks/use-invoke';
-import { InvokeActionError } from '../../../../../state/hooks/use-invoke/types';
 import extractLozengeActionItems from '../../../../../extractors/action/extract-lozenge-action-items';
 import createStatusUpdateRequest from '../../../../../utils/actions/create-status-update-request';
 import useResolve from '../../../../../state/hooks/use-resolve';
+import { LozengeActionErrorMessages } from './lozenge-action-error/types';
 const validateItems = (items = [], text) => {
   return items.filter(item => item.text !== text);
 };
+const isInvokeCustomError = err => err.message !== undefined && err.errorCode !== undefined;
 const LozengeAction = ({
   action,
   appearance,
@@ -27,7 +28,7 @@ const LozengeAction = ({
   const [isLoading, setIsLoading] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [items, setItems] = useState();
-  const [errorCode, setErrorCode] = useState();
+  const [errorMessage, setErrorMessage] = useState();
   const invoke = useInvoke();
   const reload = useResolve();
   const handleOpenChange = useCallback(async args => {
@@ -40,17 +41,18 @@ const LozengeAction = ({
         setItems(validItems);
         setIsLoaded(true);
         if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
-          setErrorCode(InvokeActionError.NoData);
+          setErrorMessage(LozengeActionErrorMessages.noData);
+          setIsLoaded(false);
         }
       } catch (err) {
-        // TODO: EDM-6261: Error state
-        setErrorCode(InvokeActionError.Unknown);
+        setErrorMessage(LozengeActionErrorMessages.unknown);
+        setIsLoaded(false);
       } finally {
         setIsLoading(false);
       }
     }
     if (!args.isOpen) {
-      setErrorCode(undefined);
+      setErrorMessage(undefined);
     }
   }, [action === null || action === void 0 ? void 0 : action.read, invoke, isLoaded, text]);
   const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
@@ -66,7 +68,9 @@ const LozengeAction = ({
         const request = createStatusUpdateRequest(updateAction, id);
         await invoke(request);
         setIsLoading(false);
+        setIsLoaded(false);
         setIsOpen(false);
+        setItems([]);
         const {
           url,
           id: linkId
@@ -76,15 +80,18 @@ const LozengeAction = ({
         }
       }
     } catch (err) {
-      // TODO: EDM-6261: Error state
       setIsLoading(false);
-      setErrorCode(InvokeActionError.Unknown);
+      if (isInvokeCustomError(err)) {
+        setErrorMessage(err.message);
+      } else {
+        setErrorMessage(LozengeActionErrorMessages.updateFailed);
+      }
     }
   }, [action === null || action === void 0 ? void 0 : action.update, invoke, reload]);
   const dropdownItemGroup = useMemo(() => {
-    if (errorCode) {
+    if (errorMessage) {
       return jsx(LozengeActionError, {
-        errorCode: errorCode,
+        errorMessage: errorMessage,
         testId: testId
       });
     }
@@ -98,7 +105,7 @@ const LozengeAction = ({
         testId: `${testId}-item-${idx}`
       })))));
     }
-  }, [errorCode, handleItemClick, items, testId]);
+  }, [errorMessage, handleItemClick, items, testId]);
   return jsx(DropdownMenu, {
     isLoading: isLoading,
     isOpen: isOpen,

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -1,13 +1,36 @@
-import React, { useMemo } from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { Fragment, useMemo } from 'react';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import { R50, R500 } from '@atlaskit/theme/colors';
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { dropdownItemGroupStyles, contentStyles, textStyles } from './styled';
+import { getFormattedMessage } from '../../../utils';
+const MAX_LINE_NUMBER = 8;
 const LozengeActionError = ({
-  errorCode,
-  testId
+  errorMessage,
+  testId,
+  maxLineNumber = MAX_LINE_NUMBER
 }) => {
-  // TODO: EDM-5746 and EDM-5782
-  const content = useMemo(() => errorCode, [errorCode]);
-  return /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
+  const content = useMemo(() => {
+    return jsx(Fragment, null, jsx("div", {
+      css: contentStyles
+    }, jsx(ErrorIcon, {
+      testId: `${testId}-icon`,
+      size: "medium",
+      primaryColor: `var(--ds-icon-danger, ${R500})`,
+      secondaryColor: `var(--ds-background-danger, ${R50})`,
+      label: 'error'
+    }), jsx("span", {
+      css: textStyles(maxLineNumber),
+      "data-testid": `${testId}-error-message`
+    }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))));
+  }, [errorMessage, maxLineNumber, testId]);
+  return jsx("span", {
+    css: dropdownItemGroupStyles,
+    "data-testid": `${testId}-error-item-group`
+  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     testId: `${testId}-error`
-  }, content));
+  }, content)));
 };
 export default LozengeActionError;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/styled.js

@@ -0,0 +1,41 @@
+import { css } from '@emotion/react';
+import { N800 } from '@atlaskit/theme/colors';
+import { getTruncateStyles } from '../../../utils';
+export const dropdownItemGroupStyles = css`
+  button {
+    width: 220px;
+
+    &:hover {
+      background-color: inherit;
+      cursor: default;
+    }
+  }
+`;
+const sharedBlockStyles = css`
+  display: flex;
+  gap: 0.5rem;
+  line-height: 1rem;
+  min-width: 0;
+  overflow: hidden;
+  flex-direction: row;
+  align-items: center;
+`;
+export const contentStyles = css`
+  ${sharedBlockStyles};
+
+  margin-top: 2px;
+  align-items: flex-start;
+
+  > span,
+  > div {
+    &[data-smart-element-text] {
+      font-size: 0.875rem;
+      color: ${`var(--ds-text, ${N800})`};
+    }
+  }
+`;
+export const textStyles = maxLines => css`
+  line-height: 1rem;
+  white-space: normal;
+  ${getTruncateStyles(maxLines)};
+`;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

@@ -1 +1,12 @@
-export {};
+import { messages } from '../../../../../../messages';
+export const LozengeActionErrorMessages = {
+  noData: {
+    descriptor: messages['status_change_permission_error']
+  },
+  unknown: {
+    descriptor: messages['status_change_load_error']
+  },
+  updateFailed: {
+    descriptor: messages['status_change_update_error']
+  }
+};

package/dist/esm/messages.js

@@ -200,6 +200,11 @@ export var messages = defineMessages({
     defaultMessage: "Uh oh. We can't find this link!",
     description: 'Error case for when a provided link is not found'
   },
+  open_issue_in_jira: {
+    id: 'fabric.linking.open_issue_in_jira',
+    defaultMessage: 'Open issue in Jira',
+    description: 'Click to open link in Jira'
+  },
   open_link_in_a_new_tab: {
     id: 'fabric.linking.open_link_in_a_new_tab',
     defaultMessage: 'Open link in a new tab',
@@ -345,6 +350,21 @@ export var messages = defineMessages({
     defaultMessage: 'Save',
     description: 'Just the "save" word'
   },
+  status_change_load_error: {
+    id: 'fabric.linking.status_change_load_error',
+    defaultMessage: 'We couldn’t load the statuses and transitions',
+    description: 'Informs the user that the loading of status transitions failed'
+  },
+  status_change_permission_error: {
+    id: 'fabric.linking.status_change_permission_error',
+    defaultMessage: 'You don’t have permission to transition this issue. ',
+    description: 'Informs the user that they do not have enough permissions to update a status'
+  },
+  status_change_update_error: {
+    id: 'fabric.linking.status_change_update_error',
+    defaultMessage: 'We couldn’t update the status',
+    description: "Occurs when a user tries to update an issue's status but fails to do so"
+  },
   try_again: {
     id: 'fabric.linking.try_again',
     defaultMessage: 'Try again',

package/dist/esm/state/hooks/use-invoke/types.js

@@ -1,15 +1 @@
-export var InvokeActionError;
-
-/**
- * Additional details for invoke function that may be required for component
- */
-(function (InvokeActionError) {
-  InvokeActionError["NoData"] = "NoData";
-  InvokeActionError["Unknown"] = "Unknown";
-})(InvokeActionError || (InvokeActionError = {}));
-/**
- * Invoke request with additional details for the component
- */
-/**
- * CRUD invoke requests for the component that support server actions
- */
+export {};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "25.7.0",
+	"version": "25.7.1",
 	"sideEffects": false
 }

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -13,10 +13,10 @@ import LozengeActionError from './lozenge-action-error';
 import withErrorBoundary from './error-boundary';
 import { dropdownItemGroupStyles } from './styled';
 import useInvoke from '../../../../../state/hooks/use-invoke';
-import { InvokeActionError } from '../../../../../state/hooks/use-invoke/types';
 import extractLozengeActionItems from '../../../../../extractors/action/extract-lozenge-action-items';
 import createStatusUpdateRequest from '../../../../../utils/actions/create-status-update-request';
 import useResolve from '../../../../../state/hooks/use-resolve';
+import { LozengeActionErrorMessages } from './lozenge-action-error/types';
 var validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var text = arguments.length > 1 ? arguments[1] : undefined;
@@ -24,6 +24,9 @@ var validateItems = function validateItems() {
     return item.text !== text;
   });
 };
+var isInvokeCustomError = function isInvokeCustomError(err) {
+  return err.message !== undefined && err.errorCode !== undefined;
+};
 var LozengeAction = function LozengeAction(_ref) {
   var action = _ref.action,
     appearance = _ref.appearance,
@@ -49,8 +52,8 @@ var LozengeAction = function LozengeAction(_ref) {
     setItems = _useState8[1];
   var _useState9 = useState(),
     _useState10 = _slicedToArray(_useState9, 2),
-    errorCode = _useState10[0],
-    setErrorCode = _useState10[1];
+    errorMessage = _useState10[0],
+    setErrorMessage = _useState10[1];
   var invoke = useInvoke();
   var reload = useResolve();
   var handleOpenChange = useCallback( /*#__PURE__*/function () {
@@ -62,7 +65,7 @@ var LozengeAction = function LozengeAction(_ref) {
             case 0:
               setIsOpen(args.isOpen);
               if (!(args.isOpen && !isLoaded && action !== null && action !== void 0 && action.read)) {
-                _context.next = 19;
+                _context.next = 20;
                 break;
               }
               _context.prev = 2;
@@ -75,29 +78,30 @@ var LozengeAction = function LozengeAction(_ref) {
               setItems(validItems);
               setIsLoaded(true);
               if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
-                setErrorCode(InvokeActionError.NoData);
+                setErrorMessage(LozengeActionErrorMessages.noData);
+                setIsLoaded(false);
               }
-              _context.next = 16;
+              _context.next = 17;
               break;
             case 13:
               _context.prev = 13;
               _context.t0 = _context["catch"](2);
-              // TODO: EDM-6261: Error state
-              setErrorCode(InvokeActionError.Unknown);
-            case 16:
-              _context.prev = 16;
+              setErrorMessage(LozengeActionErrorMessages.unknown);
+              setIsLoaded(false);
+            case 17:
+              _context.prev = 17;
               setIsLoading(false);
-              return _context.finish(16);
-            case 19:
+              return _context.finish(17);
+            case 20:
               if (!args.isOpen) {
-                setErrorCode(undefined);
+                setErrorMessage(undefined);
               }
-            case 20:
+            case 21:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 13, 16, 19]]);
+      }, _callee, null, [[2, 13, 17, 20]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
@@ -120,7 +124,7 @@ var LozengeAction = function LozengeAction(_ref) {
               _context2.prev = 0;
               updateAction = action === null || action === void 0 ? void 0 : action.update;
               if (!(updateAction && id)) {
-                _context2.next = 13;
+                _context2.next = 15;
                 break;
               }
               setIsLoading(true);
@@ -129,38 +133,43 @@ var LozengeAction = function LozengeAction(_ref) {
               return invoke(request);
             case 7:
               setIsLoading(false);
+              setIsLoaded(false);
               setIsOpen(false);
+              setItems([]);
               _ref4 = updateAction.details || {}, url = _ref4.url, linkId = _ref4.id;
               if (!url) {
-                _context2.next = 13;
+                _context2.next = 15;
                 break;
               }
-              _context2.next = 13;
+              _context2.next = 15;
               return reload(url, true, undefined, linkId);
-            case 13:
-              _context2.next = 19;
-              break;
             case 15:
-              _context2.prev = 15;
+              _context2.next = 21;
+              break;
+            case 17:
+              _context2.prev = 17;
               _context2.t0 = _context2["catch"](0);
-              // TODO: EDM-6261: Error state
               setIsLoading(false);
-              setErrorCode(InvokeActionError.Unknown);
-            case 19:
+              if (isInvokeCustomError(_context2.t0)) {
+                setErrorMessage(_context2.t0.message);
+              } else {
+                setErrorMessage(LozengeActionErrorMessages.updateFailed);
+              }
+            case 21:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 15]]);
+      }, _callee2, null, [[0, 17]]);
     }));
     return function (_x2) {
       return _ref3.apply(this, arguments);
     };
   }(), [action === null || action === void 0 ? void 0 : action.update, invoke, reload]);
   var dropdownItemGroup = useMemo(function () {
-    if (errorCode) {
+    if (errorMessage) {
       return jsx(LozengeActionError, {
-        errorCode: errorCode,
+        errorMessage: errorMessage,
         testId: testId
       });
     }
@@ -176,7 +185,7 @@ var LozengeAction = function LozengeAction(_ref) {
         }));
       })));
     }
-  }, [errorCode, handleItemClick, items, testId]);
+  }, [errorMessage, handleItemClick, items, testId]);
   return jsx(DropdownMenu, {
     isLoading: isLoading,
     isOpen: isOpen,

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/index.js

@@ -1,14 +1,36 @@
-import React, { useMemo } from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { Fragment, useMemo } from 'react';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import { R50, R500 } from '@atlaskit/theme/colors';
+import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { dropdownItemGroupStyles, contentStyles, textStyles } from './styled';
+import { getFormattedMessage } from '../../../utils';
+var MAX_LINE_NUMBER = 8;
 var LozengeActionError = function LozengeActionError(_ref) {
-  var errorCode = _ref.errorCode,
-    testId = _ref.testId;
-  // TODO: EDM-5746 and EDM-5782
+  var errorMessage = _ref.errorMessage,
+    testId = _ref.testId,
+    _ref$maxLineNumber = _ref.maxLineNumber,
+    maxLineNumber = _ref$maxLineNumber === void 0 ? MAX_LINE_NUMBER : _ref$maxLineNumber;
   var content = useMemo(function () {
-    return errorCode;
-  }, [errorCode]);
-  return /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
+    return jsx(Fragment, null, jsx("div", {
+      css: contentStyles
+    }, jsx(ErrorIcon, {
+      testId: "".concat(testId, "-icon"),
+      size: "medium",
+      primaryColor: "var(--ds-icon-danger, ".concat(R500, ")"),
+      secondaryColor: "var(--ds-background-danger, ".concat(R50, ")"),
+      label: 'error'
+    }), jsx("span", {
+      css: textStyles(maxLineNumber),
+      "data-testid": "".concat(testId, "-error-message")
+    }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))));
+  }, [errorMessage, maxLineNumber, testId]);
+  return jsx("span", {
+    css: dropdownItemGroupStyles,
+    "data-testid": "".concat(testId, "-error-item-group")
+  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     testId: "".concat(testId, "-error")
-  }, content));
+  }, content)));
 };
 export default LozengeActionError;

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/styled.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { css } from '@emotion/react';
+import { N800 } from '@atlaskit/theme/colors';
+import { getTruncateStyles } from '../../../utils';
+export var dropdownItemGroupStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  button {\n    width: 220px;\n\n    &:hover {\n      background-color: inherit;\n      cursor: default;\n    }\n  }\n"])));
+var sharedBlockStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 0.5rem;\n  line-height: 1rem;\n  min-width: 0;\n  overflow: hidden;\n  flex-direction: row;\n  align-items: center;\n"])));
+export var contentStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n\n  margin-top: 2px;\n  align-items: flex-start;\n\n  > span,\n  > div {\n    &[data-smart-element-text] {\n      font-size: 0.875rem;\n      color: ", ";\n    }\n  }\n"])), sharedBlockStyles, "var(--ds-text, ".concat(N800, ")"));
+export var textStyles = function textStyles(maxLines) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  line-height: 1rem;\n  white-space: normal;\n  ", ";\n"])), getTruncateStyles(maxLines));
+};

package/dist/esm/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

@@ -1 +1,12 @@
-export {};
+import { messages } from '../../../../../../messages';
+export var LozengeActionErrorMessages = {
+  noData: {
+    descriptor: messages['status_change_permission_error']
+  },
+  unknown: {
+    descriptor: messages['status_change_load_error']
+  },
+  updateFailed: {
+    descriptor: messages['status_change_update_error']
+  }
+};

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export declare type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export declare type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export declare type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 declare type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/hooks/use-invoke/types.d.ts

@@ -1,8 +1,4 @@
 import type { InvokeRequest } from '@atlaskit/linking-types/smart-link-actions';
-export declare enum InvokeActionError {
-    NoData = "NoData",
-    Unknown = "Unknown"
-}
 /**
  * Additional details for invoke function that may be required for component
  */

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const dropdownItemGroupStyles: import("@emotion/react").SerializedStyles;
+export declare const contentStyles: import("@emotion/react").SerializedStyles;
+export declare const textStyles: (maxLines: number) => import("@emotion/react").SerializedStyles;

package/dist/types/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.d.ts

@@ -1,5 +1,17 @@
-import type { InvokeActionError } from '../../../../../../state/hooks/use-invoke/types';
+import { MessageProps } from '../../../types';
 export declare type LozengeActionErrorProps = {
-    errorCode: InvokeActionError;
+    errorMessage: string | MessageProps;
     testId?: string;
+    maxLineNumber?: number;
+};
+export declare const LozengeActionErrorMessages: {
+    noData: {
+        descriptor: import("react-intl-next").MessageDescriptor;
+    };
+    unknown: {
+        descriptor: import("react-intl-next").MessageDescriptor;
+    };
+    updateFailed: {
+        descriptor: import("react-intl-next").MessageDescriptor;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "25.7.0",
+  "version": "25.7.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/link-client-extension": "^0.4.0",
     "@atlaskit/linking-common": "^2.6.0",
-    "@atlaskit/linking-types": "^1.1.0",
+    "@atlaskit/linking-types": "^1.2.0",
     "@atlaskit/logo": "^13.13.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/media-common": "^4.0.0",