@atlaskit/link-datasource 2.11.5 → 2.11.7

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/link-datasource
 
+## 2.11.7
+
+### Patch Changes
+
+- [#132813](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132813)
+  [`62c34ffa30fd8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/62c34ffa30fd8) -
+  Fires events analytics for action discovery and execution errors
+- Updated dependencies
+
+## 2.11.6
+
+### Patch Changes
+
+- [#130683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/130683)
+  [`c61bb13127c88`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c61bb13127c88) -
+  Add datasource table inline edit 403 error message behind feature flag
+- [#132566](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132566)
+  [`3e30b62782282`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e30b62782282) -
+  Fix datasource modal close on pressing escape (ESC) from inline edit behind feature flag
+
 ## 2.11.5
 
 ### Patch Changes

package/dist/cjs/hooks/useDatasourceTableFlag.js

@@ -17,32 +17,35 @@ 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getGenericErrorMessage = function getGenericErrorMessage(status) {
+  switch (status) {
+    case 403:
+      return {
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.updateError403Title),
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.updateError403Description)
+      };
+    default:
+      return {
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.updateErrorGenericTitle),
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.updateErrorGenericDescription)
+      };
+  }
+};
 var useDatasourceTableFlag = exports.useDatasourceTableFlag = function useDatasourceTableFlag(options) {
   var _useFlags = (0, _flag.useFlags)(),
     showFlag = _useFlags.showFlag;
-  var actions = (0, _react.useMemo)(function () {
-    var resourceLink = (options === null || options === void 0 ? void 0 : options.url) && {
-      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.goToResourceLink),
-      href: options === null || options === void 0 ? void 0 : options.url,
-      target: '_blank'
-    };
-    return resourceLink ? [resourceLink] : undefined;
-  }, [options === null || options === void 0 ? void 0 : options.url]);
   var showErrorFlag = (0, _react.useCallback)(function (args) {
-    showFlag(_objectSpread({
-      actions: actions,
-      description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.updateErrorGenericDescription),
-      // We need IconTile (currently in beta) in order to scale the new icon to 24px
+    showFlag(_objectSpread(_objectSpread({
+      // We need IconTile in order to scale the new icon to 24px
       // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
       icon: /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
         label: "Error",
         primaryColor: "var(--ds-icon-danger, #C9372C)"
       }),
       id: (0, _uuid.default)(),
-      isAutoDismiss: true,
-      title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.updateErrorGenericTitle)
-    }, args));
-  }, [actions, showFlag]);
+      isAutoDismiss: true
+    }, getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status)), args));
+  }, [showFlag]);
   return {
     showErrorFlag: showErrorFlag
   };

package/dist/cjs/hooks/useDatasourceTableState.js

@@ -30,7 +30,9 @@ var useDatasourceTableState = exports.useDatasourceTableState = function useData
     captureError = _useErrorLogger.captureError;
   var _useDatasourceActions = (0, _state.useDatasourceActions)(),
     onAddItems = _useDatasourceActions.onAddItems;
-  var _useDiscoverActions = (0, _actions.useDiscoverActions)(),
+  var _useDiscoverActions = (0, _actions.useDiscoverActions)({
+      captureError: captureError
+    }),
     discoverActions = _useDiscoverActions.discoverActions;
   var idFieldCount = 1;
   var keyFieldCount = 1;

package/dist/cjs/hooks/useErrorLogger.js

@@ -1,14 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.logToSentry = exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _sentry = require("@atlaskit/linking-common/sentry");
 var _utils = require("@atlaskit/linking-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getNetworkFields = function getNetworkFields(error) {
   return error instanceof Response ? {
     traceId: (0, _utils.getTraceId)(error),
@@ -24,15 +28,14 @@ var getNetworkFields = function getNetworkFields(error) {
  * a helper Tail type which removes the first element of the tuple
  */
 var logToSentry = exports.logToSentry = function logToSentry(error) {
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasources.enable-sentry-client') && error instanceof Error) {
+  if (error instanceof Error && (0, _platformFeatureFlags.fg)('platform.linking-platform.datasources.enable-sentry-client')) {
     for (var _len = arguments.length, captureExceptionParams = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       captureExceptionParams[_key - 1] = arguments[_key];
     }
     _sentry.captureException.apply(void 0, [error].concat(captureExceptionParams));
   }
 };
-var useErrorLogger = function useErrorLogger(_ref) {
-  var datasourceId = _ref.datasourceId;
+var useErrorLogger = function useErrorLogger(loggerProps) {
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
 
@@ -51,10 +54,8 @@ var useErrorLogger = function useErrorLogger(_ref) {
       traceId: traceId,
       status: status
     });
-    logToSentry(error, 'link-datasource', {
-      datasourceId: datasourceId
-    });
-  }, [fireEvent, datasourceId]);
+    logToSentry(error, 'link-datasource', _objectSpread({}, loggerProps));
+  }, [fireEvent, loggerProps]);
   return {
     captureError: captureError
   };

package/dist/cjs/state/actions/index.js

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.useExecuteAtomicAction = exports.useDiscoverActions = exports.useAtomicUpdateActionSchema = exports.actions = exports.ActionsStore = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _reactSweetState = require("react-sweet-state");
 var _linkClientExtension = require("@atlaskit/link-client-extension");
+var _excluded = ["aris", "fieldKeys"];
 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; }
 /**
@@ -55,17 +57,18 @@ var getInitialState = function getInitialState() {
   };
 };
 var actions = exports.actions = {
-  discoverActions: function discoverActions(api, request) {
+  discoverActions: function discoverActions(captureError, api, request) {
     return /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-        var setState, getState, response, _getState, currentActions, currentPermissions, actionsByIntegration, permissions;
+        var setState, getState, response, _getState, currentActions, currentPermissions, actionsByIntegration, permissions, aris, fieldKeys, rest;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               setState = _ref.setState, getState = _ref.getState;
-              _context.next = 3;
+              _context.prev = 1;
+              _context.next = 4;
               return api.getDatasourceActionsAndPermissions(request);
-            case 3:
+            case 4:
               response = _context.sent;
               if ('permissions' in response) {
                 _getState = getState(), currentActions = _getState.actionsByIntegration, currentPermissions = _getState.permissions;
@@ -85,11 +88,22 @@ var actions = exports.actions = {
                   permissions: permissions
                 });
               }
-            case 5:
+              _context.next = 12;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](1);
+              /**
+               * Requests can be made with datasourceId or integrationKey
+               * We only want one of them with entityType, leave the rest out.
+               */
+              aris = request.aris, fieldKeys = request.fieldKeys, rest = (0, _objectWithoutProperties2.default)(request, _excluded);
+              captureError('actionDiscovery', _context.t0, rest);
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee);
+        }, _callee, null, [[1, 8]]);
       }));
       return function (_x) {
         return _ref2.apply(this, arguments);
@@ -103,24 +117,25 @@ var ActionsStore = exports.ActionsStore = (0, _reactSweetState.createStore)({
   actions: actions
 });
 var useActionStoreActions = (0, _reactSweetState.createActionsHook)(ActionsStore);
-var useDiscoverActions = exports.useDiscoverActions = function useDiscoverActions() {
+var useDiscoverActions = exports.useDiscoverActions = function useDiscoverActions(_ref3) {
+  var captureError = _ref3.captureError;
   var _useDatasourceClientE = (0, _linkClientExtension.useDatasourceClientExtension)(),
     getDatasourceActionsAndPermissions = _useDatasourceClientE.getDatasourceActionsAndPermissions;
   var _useActionStoreAction = useActionStoreActions(),
     discoverActions = _useActionStoreAction.discoverActions;
   return {
     discoverActions: (0, _react.useMemo)(function () {
-      return discoverActions.bind(null, {
+      return discoverActions.bind(null, captureError, {
         getDatasourceActionsAndPermissions: getDatasourceActionsAndPermissions
       });
-    }, [discoverActions, getDatasourceActionsAndPermissions])
+    }, [captureError, discoverActions, getDatasourceActionsAndPermissions])
   };
 };
-var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref3) {
+var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref4) {
   var _state$permissions$ar, _state$actionsByInteg;
-  var ari = _ref3.ari,
-    fieldKey = _ref3.fieldKey,
-    integrationKey = _ref3.integrationKey;
+  var ari = _ref4.ari,
+    fieldKey = _ref4.fieldKey,
+    integrationKey = _ref4.integrationKey;
   var isEditable = (_state$permissions$ar = state.permissions[ari]) === null || _state$permissions$ar === void 0 || (_state$permissions$ar = _state$permissions$ar[fieldKey]) === null || _state$permissions$ar === void 0 ? void 0 : _state$permissions$ar.isEditable;
   if (!isEditable) {
     return;
@@ -146,10 +161,10 @@ var useAtomicUpdateActionSchema = exports.useAtomicUpdateActionSchema = (0, _rea
  * return <button onClick={() => execute('New summary')}>Update summary</button>;
  * ```
  */
-var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecuteAtomicAction(_ref4) {
-  var ari = _ref4.ari,
-    fieldKey = _ref4.fieldKey,
-    integrationKey = _ref4.integrationKey;
+var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
+  var ari = _ref5.ari,
+    fieldKey = _ref5.fieldKey,
+    integrationKey = _ref5.integrationKey;
   var _useAtomicUpdateActio = useAtomicUpdateActionSchema({
       ari: ari,
       fieldKey: fieldKey,
@@ -173,7 +188,7 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
         }
       }
     });
-  }, [executeAction, integrationKey, schema, fieldKey, ari]);
+  }, [schema, executeAction, integrationKey, fieldKey, ari]);
   if (!schema) {
     return {};
   }

package/dist/cjs/ui/issue-like-table/edit-type/text/index.js

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _layering = require("@atlaskit/layering");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var TextEditType = function TextEditType(props) {
-  return /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_layering.UNSAFE_LAYERING, {
+    isDisabled: false
+  }, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     isCompact: true,
     testId: "inline-edit-text"
-  }));
+  })));
 };
 var _default = exports.default = TextEditType;

package/dist/cjs/ui/issue-like-table/messages.js

@@ -6,18 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.issueLikeTableMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var issueLikeTableMessages = exports.issueLikeTableMessages = (0, _reactIntlNext.defineMessages)({
-  goToResourceLink: {
-    id: 'linkDataSource.issue-line-table.go-to-resource.nonfinal',
-    description: 'Link to navigate to the resource page',
-    defaultMessage: 'Go to item'
+  updateError403Description: {
+    id: 'linkDataSource.issue-line-table.error-403-description',
+    description: 'Generic error message description shown when updating issue field fails due to user does not have permission to update.',
+    defaultMessage: 'You need the right permissions to edit this item.'
+  },
+  updateError403Title: {
+    id: 'linkDataSource.issue-line-table.error-403-title',
+    description: 'Generic error message title shown when updating issue field fails due to user does not have permission to update.',
+    defaultMessage: 'Changes not saved'
   },
   updateErrorGenericDescription: {
-    id: 'linkDataSource.issue-line-table.error-generic-description.nonfinal',
+    id: 'linkDataSource.issue-line-table.error-generic-description',
     description: 'Generic error message description shown when updating issue field fails',
-    defaultMessage: 'We had an issue trying to complete the update. Refresh the page and try again.'
+    defaultMessage: 'We had an issue trying to complete the update. Wait a few minutes, then try again. Contact support if this keeps happening.'
   },
   updateErrorGenericTitle: {
-    id: 'linkDataSource.issue-line-table.error-generic-title.nonfinal',
+    id: 'linkDataSource.issue-line-table.error-generic-title',
     description: 'Generic error message title shown when updating issue field fails',
     defaultMessage: 'Something went wrong'
   },

package/dist/cjs/ui/issue-like-table/table-cell-content/index.js

@@ -108,6 +108,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     execute: execute,
     readView: readView,
     columnKey: columnKey,
+    integrationKey: integrationKey,
     datasourceTypeWithValues: values
   });
 };

package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -1,23 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineEdit = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _inlineEdit = _interopRequireDefault(require("@atlaskit/inline-edit"));
 var _primitives = require("@atlaskit/primitives");
-var _responseItem = require("../../../common/utils/response-item");
 var _useDatasourceTableFlag = require("../../../hooks/useDatasourceTableFlag");
+var _useErrorLogger2 = _interopRequireDefault(require("../../../hooks/useErrorLogger"));
 var _state = require("../../../state");
 var _editType = require("../edit-type");
 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; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var containerStyles = (0, _primitives.xcss)({
@@ -41,6 +42,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     execute = _ref.execute,
     _readView = _ref.readView,
     columnKey = _ref.columnKey,
+    integrationKey = _ref.integrationKey,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -49,13 +51,14 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   var item = (0, _state.useDatasourceItem)({
     id: ari
   });
-  var url = (0, _responseItem.getResourceUrl)(item === null || item === void 0 ? void 0 : item.data);
-  var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)({
-      url: url
-    }),
+  var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)(),
     showErrorFlag = _useDatasourceTableFl.showErrorFlag;
   var _useDatasourceActions = (0, _state.useDatasourceActions)(),
     onUpdateItem = _useDatasourceActions.onUpdateItem;
+  var _useErrorLogger = (0, _useErrorLogger2.default)({
+      integrationKey: integrationKey
+    }),
+    captureError = _useErrorLogger.captureError;
   var onCommitUpdate = (0, _react.useCallback)(function (value) {
     if (!item) {
       setIsEditing(false);
@@ -69,11 +72,15 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
     }
     onUpdateItem(ari, newItem);
     execute(value).catch(function (error) {
-      showErrorFlag();
+      var status = error && (0, _typeof2.default)(error) === 'object' ? error.status : undefined;
+      showErrorFlag({
+        status: status
+      });
       onUpdateItem(ari, existingData);
+      captureError('actionExecution', error);
     });
     setIsEditing(false);
-  }, [ari, execute, datasourceTypeWithValues, item, columnKey, onUpdateItem, showErrorFlag]);
+  }, [item, datasourceTypeWithValues.type, columnKey, onUpdateItem, ari, execute, showErrorFlag, captureError]);
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: containerStyles
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)(datasourceTypeWithValues), {

package/dist/es2019/hooks/useDatasourceTableFlag.js

@@ -1,26 +1,30 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import uuid from 'uuid';
 import { useFlags } from '@atlaskit/flag';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { issueLikeTableMessages } from '../ui/issue-like-table/messages';
+const getGenericErrorMessage = status => {
+  switch (status) {
+    case 403:
+      return {
+        title: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateError403Title),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateError403Description)
+      };
+    default:
+      return {
+        title: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateErrorGenericTitle),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateErrorGenericDescription)
+      };
+  }
+};
 export const useDatasourceTableFlag = options => {
   const {
     showFlag
   } = useFlags();
-  const actions = useMemo(() => {
-    const resourceLink = (options === null || options === void 0 ? void 0 : options.url) && {
-      content: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.goToResourceLink),
-      href: options === null || options === void 0 ? void 0 : options.url,
-      target: '_blank'
-    };
-    return resourceLink ? [resourceLink] : undefined;
-  }, [options === null || options === void 0 ? void 0 : options.url]);
   const showErrorFlag = useCallback(args => {
     showFlag({
-      actions,
-      description: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateErrorGenericDescription),
-      // We need IconTile (currently in beta) in order to scale the new icon to 24px
+      // We need IconTile in order to scale the new icon to 24px
       // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
       icon: /*#__PURE__*/React.createElement(CrossCircleIcon, {
         label: "Error",
@@ -28,10 +32,10 @@ export const useDatasourceTableFlag = options => {
       }),
       id: uuid(),
       isAutoDismiss: true,
-      title: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.updateErrorGenericTitle),
+      ...getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status),
       ...args
     });
-  }, [actions, showFlag]);
+  }, [showFlag]);
   return {
     showErrorFlag
   };

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -24,7 +24,9 @@ export const useDatasourceTableState = ({
   } = useDatasourceActions();
   const {
     discoverActions
-  } = useDiscoverActions();
+  } = useDiscoverActions({
+    captureError
+  });
   const idFieldCount = 1;
   const keyFieldCount = 1;
   const [initialEmptyArray] = useState([]);

package/dist/es2019/hooks/useErrorLogger.js

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import { captureException } from '@atlaskit/linking-common/sentry';
 import { getTraceId } from '@atlaskit/linking-common/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../analytics';
 const getNetworkFields = error => {
   return error instanceof Response ? {
@@ -18,13 +18,11 @@ const getNetworkFields = error => {
  * a helper Tail type which removes the first element of the tuple
  */
 export const logToSentry = (error, ...captureExceptionParams) => {
-  if (getBooleanFF('platform.linking-platform.datasources.enable-sentry-client') && error instanceof Error) {
+  if (error instanceof Error && fg('platform.linking-platform.datasources.enable-sentry-client')) {
     captureException(error, ...captureExceptionParams);
   }
 };
-const useErrorLogger = ({
-  datasourceId
-}) => {
+const useErrorLogger = loggerProps => {
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();
@@ -46,9 +44,9 @@ const useErrorLogger = ({
       status
     });
     logToSentry(error, 'link-datasource', {
-      datasourceId
+      ...loggerProps
     });
-  }, [fireEvent, datasourceId]);
+  }, [fireEvent, loggerProps]);
   return {
     captureError
   };

package/dist/es2019/state/actions/index.js

@@ -41,39 +41,52 @@ const getInitialState = () => ({
   permissions: {}
 });
 export const actions = {
-  discoverActions: (api, request) => async ({
+  discoverActions: (captureError, api, request) => async ({
     setState,
     getState
   }) => {
-    const response = await api.getDatasourceActionsAndPermissions(request);
-    if ('permissions' in response) {
-      const {
-        actionsByIntegration: currentActions,
-        permissions: currentPermissions
-      } = getState();
-      const actionsByIntegration = response.actions.reduce((acc, action) => ({
-        ...acc,
-        [action.integrationKey]: {
-          ...acc[action.integrationKey],
-          [action.fieldKey]: {
-            actionKey: action.actionKey,
-            type: action.type
+    try {
+      const response = await api.getDatasourceActionsAndPermissions(request);
+      if ('permissions' in response) {
+        const {
+          actionsByIntegration: currentActions,
+          permissions: currentPermissions
+        } = getState();
+        const actionsByIntegration = response.actions.reduce((acc, action) => ({
+          ...acc,
+          [action.integrationKey]: {
+            ...acc[action.integrationKey],
+            [action.fieldKey]: {
+              actionKey: action.actionKey,
+              type: action.type
+            }
           }
-        }
-      }), currentActions);
-      const permissions = response.permissions.data.reduce((acc, permission) => ({
-        ...acc,
-        [permission.ari]: {
-          ...acc[permission.ari],
-          [permission.fieldKey]: {
-            isEditable: permission.isEditable
+        }), currentActions);
+        const permissions = response.permissions.data.reduce((acc, permission) => ({
+          ...acc,
+          [permission.ari]: {
+            ...acc[permission.ari],
+            [permission.fieldKey]: {
+              isEditable: permission.isEditable
+            }
           }
-        }
-      }), currentPermissions);
-      setState({
-        actionsByIntegration,
-        permissions
-      });
+        }), currentPermissions);
+        setState({
+          actionsByIntegration,
+          permissions
+        });
+      }
+    } catch (error) {
+      /**
+       * Requests can be made with datasourceId or integrationKey
+       * We only want one of them with entityType, leave the rest out.
+       */
+      const {
+        aris,
+        fieldKeys,
+        ...rest
+      } = request;
+      captureError('actionDiscovery', error, rest);
     }
   }
 };
@@ -83,7 +96,9 @@ export const ActionsStore = createStore({
   actions
 });
 const useActionStoreActions = createActionsHook(ActionsStore);
-export const useDiscoverActions = () => {
+export const useDiscoverActions = ({
+  captureError
+}) => {
   const {
     getDatasourceActionsAndPermissions
   } = useDatasourceClientExtension();
@@ -91,9 +106,9 @@ export const useDiscoverActions = () => {
     discoverActions
   } = useActionStoreActions();
   return {
-    discoverActions: useMemo(() => discoverActions.bind(null, {
+    discoverActions: useMemo(() => discoverActions.bind(null, captureError, {
       getDatasourceActionsAndPermissions
-    }), [discoverActions, getDatasourceActionsAndPermissions])
+    }), [captureError, discoverActions, getDatasourceActionsAndPermissions])
   };
 };
 const getFieldUpdateActionByAri = (state, {
@@ -156,7 +171,7 @@ export const useExecuteAtomicAction = ({
         }
       }
     });
-  }, [executeAction, integrationKey, schema, fieldKey, ari]);
+  }, [schema, executeAction, integrationKey, fieldKey, ari]);
   if (!schema) {
     return {};
   }

package/dist/es2019/ui/issue-like-table/edit-type/text/index.js

@@ -1,9 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { UNSAFE_LAYERING } from '@atlaskit/layering';
 import Textfield from '@atlaskit/textfield';
-const TextEditType = props => /*#__PURE__*/React.createElement(Textfield, _extends({}, props, {
+const TextEditType = props => /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
+  isDisabled: false
+}, /*#__PURE__*/React.createElement(Textfield, _extends({}, props, {
   autoFocus: true,
   isCompact: true,
   testId: "inline-edit-text"
-}));
+})));
 export default TextEditType;