@atlaskit/share 4.2.3 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 4.3.1
+
+### Patch Changes
+
+- [`6febf275a0a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6febf275a0a) - [ux] Rename Roadmap to Timeline in the shared success message for roadmap share content type
+
+## 4.3.0
+
+### Minor Changes
+
+- [`1b0098b3680`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b0098b3680) - [ux] Updated the Share dialog to handle errors relating to user, group, or team selection.
+
 ## 4.2.3
 
 ### Patch Changes

package/dist/cjs/clients/ShareServiceClient.js

@@ -45,22 +45,31 @@ var ShareServiceClient = /*#__PURE__*/function () {
   }, {
     key: "share",
     value: function share(content, recipients, metadata, comment) {
-      var options = {
-        path: DEFAULT_SHARE_PATH,
-        requestInit: {
-          method: 'post',
-          headers: {
-            'Content-Type': 'application/json; charset=UTF-8'
-          },
-          body: JSON.stringify({
-            content: content,
-            recipients: recipients,
-            metadata: metadata,
-            comment: comment
-          })
+      return fetch("".concat(this.serviceConfig.url, "/").concat(DEFAULT_SHARE_PATH), {
+        method: 'post',
+        headers: {
+          'Content-Type': 'application/json; charset=UTF-8'
+        },
+        credentials: 'include',
+        body: JSON.stringify({
+          content: content,
+          recipients: recipients,
+          metadata: metadata,
+          comment: comment
+        })
+      }).then(function (response) {
+        if (response.status === 204) {
+          return Promise.resolve();
+        } else if (response.ok) {
+          return response.json();
+        } else {
+          return Promise.reject({
+            code: response.status,
+            reason: response.statusText,
+            body: response.json()
+          });
         }
-      };
-      return _utilServiceSupport.utils.requestService(this.serviceConfig, options);
+      });
     }
   }]);
   return ShareServiceClient;

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -254,19 +256,40 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         });
         showFlags(_this.getFlags());
         _ufoExperiences.shareSubmitExp.success();
-      }).catch(function (err) {
-        _this.setState({
-          isSharing: false,
-          shareError: {
-            message: err.message
-          }
-        });
-        (0, _ufoExperienceHelper.isValidFailedExperience)(_ufoExperiences.shareSubmitExp, err);
-      });
+      }).catch( /*#__PURE__*/function () {
+        var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(err) {
+          var shareError;
+          return _regenerator.default.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _this.generateShareError(err).catch(function (errorGenFailed) {
+                  return {
+                    message: err.message || errorGenFailed.message || 'Unknown error',
+                    retryable: true
+                  };
+                });
+              case 2:
+                shareError = _context.sent;
+                _this.setState({
+                  isSharing: false,
+                  shareError: shareError
+                });
+                (0, _ufoExperienceHelper.isValidFailedExperience)(_ufoExperiences.shareSubmitExp, err);
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }());
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFormDismiss", function (data) {
-      _this.setState(function (_ref) {
-        var ignoreIntermediateState = _ref.ignoreIntermediateState;
+      _this.setState(function (_ref2) {
+        var ignoreIntermediateState = _ref2.ignoreIntermediateState;
         return ignoreIntermediateState ? null : {
           defaultValue: data
         };
@@ -370,6 +393,13 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         isUsingSplitButton: false
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnUserSelectionChange", function (value) {
+      var onUserSelectionChange = _this.props.onUserSelectionChange;
+      _this.setState({
+        shareError: undefined
+      });
+      onUserSelectionChange === null || onUserSelectionChange === void 0 ? void 0 : onUserSelectionChange(value);
+    });
     return _this;
   }
   (0, _createClass2.default)(ShareDialogWithTriggerInternal, [{
@@ -386,6 +416,48 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         this.handleDialogOpen();
       }
     }
+  }, {
+    key: "generateShareError",
+    value: function () {
+      var _generateShareError = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(err) {
+        var _errorBody$messagesDe;
+        var errorBody, firstErrorFromBody;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!err.body) {
+                _context2.next = 6;
+                break;
+              }
+              _context2.next = 3;
+              return err.body;
+            case 3:
+              _context2.t0 = _context2.sent;
+              _context2.next = 7;
+              break;
+            case 6:
+              _context2.t0 = {};
+            case 7:
+              errorBody = _context2.t0;
+              // We'll only try and deal with the first error, sorry
+              firstErrorFromBody = (_errorBody$messagesDe = errorBody.messagesDetails) === null || _errorBody$messagesDe === void 0 ? void 0 : _errorBody$messagesDe[0];
+              return _context2.abrupt("return", {
+                message: (firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.message) || err.message,
+                errorCode: firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.errorCode,
+                helpUrl: firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.helpUrl,
+                retryable: (firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.errorCode) === undefined
+              });
+            case 10:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function generateShareError(_x2) {
+        return _generateShareError.apply(this, arguments);
+      }
+      return generateShareError;
+    }()
   }, {
     key: "render",
     value: function render() {
@@ -414,7 +486,6 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         cloudId = _this$props7.cloudId,
         orgId = _this$props7.orgId,
         shareFieldsFooter = _this$props7.shareFieldsFooter,
-        onUserSelectionChange = _this$props7.onUserSelectionChange,
         dialogZIndex = _this$props7.dialogZIndex,
         isPublicLink = _this$props7.isPublicLink,
         tabIndex = _this$props7.tabIndex,
@@ -460,7 +531,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             loggedInAccountId: loggedInAccountId,
             cloudId: cloudId,
             orgId: orgId,
-            onUserSelectionChange: onUserSelectionChange,
+            onUserSelectionChange: _this2.handleOnUserSelectionChange,
             shareFieldsFooter: shareFieldsFooter,
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,

package/dist/cjs/components/ShareForm.js

@@ -97,7 +97,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         helperMessage = _this$props.helperMessage,
         orgId = _this$props.orgId,
         isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
-        formatMessage = _this$props.intl.formatMessage;
+        formatMessage = _this$props.intl.formatMessage,
+        shareError = _this$props.shareError;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
@@ -121,7 +122,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isPublicLink: isPublicLink,
         helperMessage: helperMessage,
         orgId: orgId,
-        isBrowseUsersDisabled: isBrowseUsersDisabled
+        isBrowseUsersDisabled: isBrowseUsersDisabled,
+        shareError: shareError
       })), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_CommentField.CommentField, {
@@ -147,13 +149,16 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isDisabled = _this$props2.isDisabled,
         isPublicLink = _this$props2.isPublicLink,
         integrationMode = _this$props2.integrationMode;
-      var shouldShowWarning = shareError && !isSharing;
+      var isRetryableError = !!(shareError !== null && shareError !== void 0 && shareError.retryable);
+      var isNonRetryableError = shareError && !shareError.retryable;
+      var shouldShowWarning = isRetryableError && !isSharing;
       var buttonAppearance = !shouldShowWarning ? 'primary' : 'warning';
       var tabMode = integrationMode === 'tabs';
       var formPublicLabel = tabMode ? _i18n.messages.formSharePublic : _i18n.messages.formSendPublic;
       var formSendLabel = _i18n.messages.formShare;
       var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
-      var buttonLabel = shareError ? _i18n.messages.formRetry : sendLabel;
+      var buttonLabel = isRetryableError ? _i18n.messages.formRetry : sendLabel;
+      var buttonDisabled = isDisabled || isNonRetryableError;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : _react.default.Fragment;
       return (0, _react2.jsx)("div", {
         css: submitButtonWrapperStyles
@@ -169,7 +174,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         appearance: buttonAppearance,
         type: "submit",
         isLoading: isSharing,
-        isDisabled: isDisabled
+        isDisabled: buttonDisabled
       }, (0, _react2.jsx)(ButtonLabelWrapper, null, submitButtonLabel || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, buttonLabel))));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMainTabTitle", function () {

package/dist/cjs/components/UserPickerField.js

@@ -103,7 +103,7 @@ var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         return [];
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getInviteWarningMessage", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getHelperMessageOrDefault", function () {
       var _this$props = _this.props,
         product = _this$props.product,
         isPublicLink = _this$props.isPublicLink,
@@ -142,7 +142,8 @@ var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         selectPortalRef = _this$props2.selectPortalRef,
         isPublicLink = _this$props2.isPublicLink,
         orgId = _this$props2.orgId,
-        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
+        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
+        shareError = _this$props2.shareError;
       var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
@@ -176,13 +177,19 @@ var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         transform: this.handleUserPickerTransform
       }, function (_ref2) {
         var fieldProps = _ref2.fieldProps,
-          error = _ref2.error,
-          valid = _ref2.meta.valid;
-        var inviteWarningMessage = _this2.getInviteWarningMessage();
+          fieldValidationError = _ref2.error,
+          fieldValid = _ref2.meta.valid;
+        var helperMessage = _this2.getHelperMessageOrDefault();
+        var addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(_i18n.messages.userPickerAddMoreMessage);
+        var wasValidationOrShareError = !!fieldValidationError || !!shareError;
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(UserPickerComponent, (0, _extends2.default)({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-          addMoreMessage: intl.formatMessage(_i18n.messages.userPickerAddMoreMessage),
+          addMoreMessage: addMoreMessage,
           menuPortalTarget: menuPortalTarget
-        })), inviteWarningMessage && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, requiredMessage)));
+        })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/_react.default.createElement("a", {
+          target: "_blank",
+          href: shareError.helpUrl,
+          rel: "help"
+        }, "Learn why")));
       });
     }
   }]);

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.2.3"
+    packageVersion: "4.3.1"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/cjs/i18n/da.js

@@ -44,7 +44,7 @@ var _default = {
   'fabric.elements.share.in.integration.button': 'Del i {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Del side',
   'fabric.elements.share.main.tab.text.jira': 'Del sag',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Blogindlæg delt}board {Tavle delt}calendar {Kalender delt}draft {Udkast delt}filter {Filter delt}issue {Sag delt}summary {Oversigt delt}list {Liste delt}timeline {Tidslinje delt}form {Formular delt}media {Medier delt}page {Side delt}project {Projekt delt}pullrequest {Pullanmodning delt}question {Spørgsmål delt}report {Rapport delt}repository {Lager delt}request {Anmodning delt}roadmap {Køreplan delt}site {Websted delt}space {Område delt}other {Link delt}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Blogindlæg delt}board {Tavle delt}calendar {Kalender delt}draft {Udkast delt}filter {Filter delt}issue {Sag delt}summary {Oversigt delt}list {Liste delt}timeline {Tidslinje delt}form {Formular delt}media {Medier delt}page {Side delt}project {Projekt delt}pullrequest {Pull-anmodning delt}question {Spørgsmål delt}report {Rapport delt}repository {Lager delt}request {Anmodning delt}roadmap {Køreplan delt}site {Websted delt}space {Område delt}other {Link delt}}',
   'fabric.elements.share.to.integration.button': 'Del med {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Del ikon',
   'fabric.elements.share.trigger.button.invite.text': 'Invitér',

package/dist/cjs/i18n/en_ZZ.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -20,6 +21,7 @@ var _default = {
   'fabric.elements.share.form.comment.placeholder': '⁣⁢Add a message⁠⁡‌⁠⁠⁡‌‍⁡؜‌⁠⁣⁤',
   'fabric.elements.share.form.info.message.no.invite.confluence': '⁣⁢Recipients will see the name of the page and your message⁠‌‌؜⁠‌⁡؜⁠‌‌‌⁠‌⁣⁤',
   'fabric.elements.share.form.info.message.no.invite.jira': '⁣⁢Recipients will see the name of the issue and your message‍‍⁠؜⁡‍⁠⁣⁤',
+  'fabric.elements.share.form.no-permissions': '⁣⁢You do not have the ability to share.؜⁠‍‍‍⁡⁠⁡⁣⁤',
   'fabric.elements.share.form.public.send': '⁣⁢Send public link⁠؜⁠‍⁠⁡؜‌⁡⁠⁣⁤',
   'fabric.elements.share.form.public.share': '⁣⁢Share public link⁠⁡‍‍‍‌⁠؜‍‌‍⁡⁡⁡؜⁣⁤',
   'fabric.elements.share.form.retry': '⁣⁢Retry‌‌⁡؜‌‌⁡⁡‌⁣⁤',
@@ -29,18 +31,20 @@ var _default = {
   'fabric.elements.share.form.user-picker.add-more': '⁣⁢Enter more⁠⁠⁡‍‌؜؜‌‍⁠؜‍⁠⁣⁤',
   'fabric.elements.share.form.user-picker.no-options.existingUserOnly': '⁣⁢We couldn’t find any results for "{inputValue}".⁡‌‌؜⁡⁡⁡⁠⁠‍‍⁣⁤',
   'fabric.elements.share.form.user-picker.no-options.generic': '⁣⁢We couldn’t find any results for "{inputValue}". Invite people by using an email address.⁡؜؜‍⁠؜⁠⁠⁡؜⁡⁠‍‍⁣⁤',
+  'fabric.elements.share.form.user-picker.placeholder.emailOnly': '⁣⁢Enter email⁠⁠⁡⁡‍⁡‌⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '⁣⁢Enter name or team⁡‍؜‍؜⁠‌⁡⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.generic': '⁣⁢Enter name, group, team or email⁡؜‌‍؜؜‍⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.jira': '⁣⁢Enter name, team or email‌‍⁠‌‌⁡⁠⁡؜‍؜⁣⁤',
   'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '⁣⁢Enter name, group or team‍‌‍⁠⁡‌⁡⁠‍⁡⁠⁠⁡⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required': '⁣⁢Select at least one user, group, team or email.⁡⁡؜‌‍‌⁠؜⁣⁤',
+  'fabric.elements.share.form.user-picker.validation.required.email-only': '⁣⁢Select at least one email.⁠‍‍⁠‌⁠⁡⁡‍⁠‌؜⁡‌⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '⁣⁢Select at least one user, group or team.‍‌⁠⁡؜‌⁠⁠‌⁡‍‍⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.jira': '⁣⁢Select at least one user, team or email.؜⁠‍؜‍‍‌⁠⁠⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '⁣⁢Select at least one user or team.‌؜⁠‌‍⁡؜‌‍⁡‌⁠⁡⁣⁤',
   'fabric.elements.share.in.integration.button': '⁣⁢Share in {integrationName}⁠؜⁡⁡‌⁡؜‌‌‌⁣⁤',
   'fabric.elements.share.main.tab.text.confluence': '⁣⁢Share page‌‍‌‍⁠⁡؜‌⁣⁤',
   'fabric.elements.share.main.tab.text.jira': '⁣⁢Share issue؜‍‍؜‍⁡⁠⁠؜‍⁣⁤',
-  'fabric.elements.share.success.message': '{object, select, blogpost {⁣⁢Blog post shared⁡‌‍⁡⁠⁠⁡⁠⁡⁠⁣⁤} board {⁣⁢Board shared‍⁡‍؜⁠⁠‌⁣⁤} calendar {⁣⁢Calendar shared‌⁡⁠⁡⁡‍؜⁠⁠⁣⁤} draft {⁣⁢Draft shared⁠‌‍⁠‍‍‍؜‍⁠؜⁣⁤} filter {⁣⁢Filter shared‍؜؜‍؜⁡‍⁣⁤} issue {⁣⁢Issue shared⁡⁡‍⁡⁡‍⁠؜⁡⁠‌⁣⁤} media {⁣⁢Media shared؜‌‍‌⁠⁠⁣⁤} page {⁣⁢Page shared‍⁡‍‍‌؜‌؜‍⁣⁤} project {⁣⁢Project shared⁡‍⁠⁡‍؜⁡‍‌‌⁡⁣⁤} pullrequest {⁣⁢Pull Request shared‌⁡⁡؜⁠⁡؜‍⁠؜‌⁠؜⁣⁤} question {⁣⁢Question shared⁠‍⁠‍⁠؜‌‌⁣⁤} report {⁣⁢Report shared‍؜⁡⁠‍⁡⁠‍⁠‌⁣⁤} repository {⁣⁢Repository shared‍‌‌‌⁡⁡؜⁣⁤} request {⁣⁢Request shared⁡‌⁡⁡؜‍‌‌‌؜‌⁡⁣⁤} roadmap {⁣⁢Roadmap shared‍‍‌⁡⁡؜⁠⁡‌⁣⁤} site {⁣⁢Site shared؜⁡⁡؜⁡؜؜⁡؜⁠‍⁣⁤} space {⁣⁢Space shared⁡‍‍‍؜؜⁡⁡⁡⁣⁤} other {⁣⁢Link Shared‌‌‍‌‍⁡⁣⁤}}',
+  'fabric.elements.share.success.message': '⁣⁢{object, select,blogpost {Blog post shared}board {Board shared}calendar {Calendar shared}draft {Draft shared}filter {Filter shared}issue {Issue shared}summary {Summary shared}list {List shared}timeline {Timeline shared}form {Form shared}media {Media shared}page {Page shared}project {Project shared}pullrequest {Pull Request shared}question {Question shared}report {Report shared}repository {Repository shared}request {Request shared}roadmap {Roadmap shared}site {Site shared}space {Space shared}other {Link Shared}}؜؜‍‍⁡‍‍⁠⁡⁡‌⁣⁤',
   'fabric.elements.share.to.integration.button': '⁣⁢Share to {integrationName}‌⁡‌⁠⁡⁡⁡⁠‍‍؜‌⁡⁣⁤',
   'fabric.elements.share.trigger.button.icon.label': '⁣⁢Share icon‌‍؜‍‍؜‌⁡⁣⁤',
   'fabric.elements.share.trigger.button.invite.text': '⁣⁢Invite⁡‍‍⁠؜⁡‌⁠؜؜؜؜⁣⁤',

package/dist/cjs/i18n/es.js

@@ -44,7 +44,7 @@ var _default = {
   'fabric.elements.share.in.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Compartir página',
   'fabric.elements.share.main.tab.text.jira': 'Compartir incidencia',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Entrada de blog compartida}board {Tablero compartido}calendar {Calendario compartido}draft {Borrador compartido}filter {Filtro compartido}issue {Incidencia compartida}summary {Resumen compartido}list {Lista compartida}timeline {Cronograma compartido}form {Formulario compartido}media {Recursos multimedia compartidos}page {Página compartida}project {Proyecto compartido}pullrequest {Solicitud de incorporación de cambios compartida}question {Pregunta compartida}report {Informe compartido}repository {Repositorio compartido}request {Solicitud compartida}roadmap {Hoja de ruta compartida}site {Sitio compartido}space {Espacio compartido}other {Enlace compartido}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Entrada de blog compartida}board {Tablero compartido}calendar {Calendario compartido}draft {Borrador compartido}filter {Filtro compartido}issue {Incidencia compartida}summary {Resumen compartido}list {Lista compartida}timeline {Cronograma compartido}form {Formulario compartido}media {Medios compartidos}page {Página compartida}project {Proyecto compartido}pullrequest {Solicitud de incorporación de cambios compartida}question {Pregunta compartida}report {Informe compartido}repository {Repositorio compartido}request {Solicitud compartida}roadmap {Hoja de ruta compartida}site {Sitio compartido}space {Espacio compartido}other {Enlace compartido}}',
   'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',
   'fabric.elements.share.trigger.button.invite.text': 'Invitar',

package/dist/cjs/i18n/nl.js

@@ -44,7 +44,7 @@ var _default = {
   'fabric.elements.share.in.integration.button': 'Delen in {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Pagina delen',
   'fabric.elements.share.main.tab.text.jira': 'Issue delen',
-  'fabric.elements.share.success.message': '{object, select,blogpost {blogpost gedeeld}board {bord gedeeld}calendar {agenda gedeeld}draft {concept gedeeld}filter {filter gedeeld}issue {issue gedeeld}summary {samenvatting gedeeld}list {lijst gedeeld}timeline {tijdlijn gedeeld}form {formulier gedeeld}media {media gedeeld}page {pagina gedeeld}project {project gedeeld}pullrequest {pull-request gedeeld}question {vraag gedeeld}report {rapport gedeeld}repository {repository gedeeld}request {aanvraag gedeeld}roadmap {roadmap gedeeld}site {site gedeeld}space {space gedeeld}other {link gedeeld}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {blogpost gedeeld}board {bord gedeeld}calendar {agenda gedeeld}draft {concept gedeeld}filter {filter gedeeld}issue {issue gedeeld}summary {samenvatting gedeeld}list {lijst gedeeld}timeline {tijdlijn gedeeld}form {formulier gedeeld}media {media gedeeld}page {pagina gedeeld}project {project gedeeld}pullrequest {pull request gedeeld}question {vraag gedeeld}report {rapport gedeeld}repository {repository gedeeld}request {aanvraag gedeeld}roadmap {roadmap gedeeld}site {site gedeeld}space {space gedeeld}other {link gedeeld}}',
   'fabric.elements.share.to.integration.button': 'Delen met {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': "Pictogram 'Delen'",
   'fabric.elements.share.trigger.button.invite.text': 'Uitnodigen',

package/dist/cjs/i18n/pt_BR.js

@@ -44,7 +44,7 @@ var _default = {
   'fabric.elements.share.in.integration.button': 'Compartilhar em {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Compartilhar página',
   'fabric.elements.share.main.tab.text.jira': 'Compartilhar item',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {Pull request compartilhada}question {Pergunta compartilhada}report {Relatório compartilhado}repository {Repositório compartilhado}request {Solicitação compartilhada}roadmap {Roteiro compartilhado}site {Site compartilhado}space {Espaço compartilhado}other {Link compartilhado}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {Solicitação pull compartilhada}question {Pergunta compartilhada}report {Relatório compartilhado}repository {Repositório compartilhado}request {Solicitação compartilhada}roadmap {Roteiro compartilhado}site {Site compartilhado}space {Espaço compartilhado}other {Link compartilhado}}',
   'fabric.elements.share.to.integration.button': 'Compartilhar em {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ícone de compartilhamento',
   'fabric.elements.share.trigger.button.invite.text': 'Convidar',

package/dist/cjs/i18n/tr.js

@@ -44,7 +44,7 @@ var _default = {
   'fabric.elements.share.in.integration.button': '{integrationName} içinde paylaş',
   'fabric.elements.share.main.tab.text.confluence': 'Sayfayı paylaşın',
   'fabric.elements.share.main.tab.text.jira': 'Konuyu paylaşın',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {Yol haritası paylaşıldı}site {Site paylaşıldı}space {Alan paylaşıldı}other {Bağlantı paylaşıldı}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {Yol haritası paylaşıldı}site {Site paylaşıldı}space {Alan paylaşıldı}other {Bağlantı Paylaşıldı}}',
   'fabric.elements.share.to.integration.button': '{integrationName} üzerinden paylaş',
   'fabric.elements.share.trigger.button.icon.label': 'Paylaşma simgesi',
   'fabric.elements.share.trigger.button.invite.text': 'Davet Et',

package/dist/cjs/i18n/uk.js

@@ -44,7 +44,7 @@ var _default = {
   'fabric.elements.share.in.integration.button': 'Поділитися в {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Поділитися сторінкою',
   'fabric.elements.share.main.tab.text.jira': 'Поділитися завданням',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису в блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до плану розробки}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису у блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до плану розробки}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
   'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Надіслати піктограму',
   'fabric.elements.share.trigger.button.invite.text': 'Запросити',

package/dist/cjs/i18n.js

@@ -170,7 +170,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.elements.share.success.message',
     defaultMessage: '{object, select,' + 'blogpost {Blog post shared}' + 'board {Board shared}' + 'calendar {Calendar shared}' + 'draft {Draft shared}' +
     // this is a placeholder for Invite to edit in Confluence
-    'filter {Filter shared}' + 'issue {Issue shared}' + 'summary {Summary shared}' + 'list {List shared}' + 'timeline {Timeline shared}' + 'form {Form shared}' + 'media {Media shared}' + 'page {Page shared}' + 'project {Project shared}' + 'pullrequest {Pull Request shared}' + 'question {Question shared}' + 'report {Report shared}' + 'repository {Repository shared}' + 'request {Request shared}' + 'roadmap {Roadmap shared}' + 'site {Site shared}' + 'space {Space shared}' + 'other {Link Shared}' + '}',
+    'filter {Filter shared}' + 'issue {Issue shared}' + 'summary {Summary shared}' + 'list {List shared}' + 'timeline {Timeline shared}' + 'form {Form shared}' + 'media {Media shared}' + 'page {Page shared}' + 'project {Project shared}' + 'pullrequest {Pull Request shared}' + 'question {Question shared}' + 'report {Report shared}' + 'repository {Repository shared}' + 'request {Request shared}' + 'roadmap {Timeline shared}' + 'site {Site shared}' + 'space {Space shared}' + 'other {Link Shared}' + '}',
     description: 'Default text for share success message displayed in a flag'
   },
   shareToIntegrationButtonText: {

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.2.3"
+	"version": "4.3.1"
 }

package/dist/es2019/clients/ShareServiceClient.js

@@ -26,21 +26,30 @@ export class ShareServiceClient {
    * To send a POST request to the share endpoint in Share service
    */
   share(content, recipients, metadata, comment) {
-    const options = {
-      path: DEFAULT_SHARE_PATH,
-      requestInit: {
-        method: 'post',
-        headers: {
-          'Content-Type': 'application/json; charset=UTF-8'
-        },
-        body: JSON.stringify({
-          content,
-          recipients,
-          metadata,
-          comment
-        })
+    return fetch(`${this.serviceConfig.url}/${DEFAULT_SHARE_PATH}`, {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      credentials: 'include',
+      body: JSON.stringify({
+        content,
+        recipients,
+        metadata,
+        comment
+      })
+    }).then(response => {
+      if (response.status === 204) {
+        return Promise.resolve();
+      } else if (response.ok) {
+        return response.json();
+      } else {
+        return Promise.reject({
+          code: response.status,
+          reason: response.statusText,
+          body: response.json()
+        });
       }
-    };
-    return utils.requestService(this.serviceConfig, options);
+    });
   }
 }

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -249,12 +249,14 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         });
         showFlags(this.getFlags());
         shareSubmitExp.success();
-      }).catch(err => {
+      }).catch(async err => {
+        const shareError = await this.generateShareError(err).catch(errorGenFailed => ({
+          message: err.message || errorGenFailed.message || 'Unknown error',
+          retryable: true
+        }));
         this.setState({
           isSharing: false,
-          shareError: {
-            message: err.message
-          }
+          shareError
         });
         isValidFailedExperience(shareSubmitExp, err);
       });
@@ -369,6 +371,15 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isUsingSplitButton: false
       });
     });
+    _defineProperty(this, "handleOnUserSelectionChange", value => {
+      const {
+        onUserSelectionChange
+      } = this.props;
+      this.setState({
+        shareError: undefined
+      });
+      onUserSelectionChange === null || onUserSelectionChange === void 0 ? void 0 : onUserSelectionChange(value);
+    });
   }
   componentDidMount() {
     if (this.props.isAutoOpenDialog) {
@@ -380,6 +391,19 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       this.handleDialogOpen();
     }
   }
+  async generateShareError(err) {
+    var _errorBody$messagesDe;
+    const errorBody = err.body ? await err.body : {};
+
+    // We'll only try and deal with the first error, sorry
+    const firstErrorFromBody = (_errorBody$messagesDe = errorBody.messagesDetails) === null || _errorBody$messagesDe === void 0 ? void 0 : _errorBody$messagesDe[0];
+    return {
+      message: (firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.message) || err.message,
+      errorCode: firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.errorCode,
+      helpUrl: firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.helpUrl,
+      retryable: (firstErrorFromBody === null || firstErrorFromBody === void 0 ? void 0 : firstErrorFromBody.errorCode) === undefined
+    };
+  }
   render() {
     const {
       isDialogOpen,
@@ -406,7 +430,6 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       cloudId,
       orgId,
       shareFieldsFooter,
-      onUserSelectionChange,
       dialogZIndex,
       isPublicLink,
       tabIndex,
@@ -452,7 +475,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
         orgId: orgId,
-        onUserSelectionChange: onUserSelectionChange,
+        onUserSelectionChange: this.handleOnUserSelectionChange,
         shareFieldsFooter: shareFieldsFooter,
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText,

package/dist/es2019/components/ShareForm.js

@@ -95,7 +95,8 @@ class InternalForm extends React.PureComponent {
         isBrowseUsersDisabled,
         intl: {
           formatMessage
-        }
+        },
+        shareError
       } = this.props;
       return jsx(AnalyticsContext, {
         data: {
@@ -120,7 +121,8 @@ class InternalForm extends React.PureComponent {
         isPublicLink: isPublicLink,
         helperMessage: helperMessage,
         orgId: orgId,
-        isBrowseUsersDisabled: isBrowseUsersDisabled
+        isBrowseUsersDisabled: isBrowseUsersDisabled,
+        shareError: shareError
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {
@@ -149,13 +151,16 @@ class InternalForm extends React.PureComponent {
         isPublicLink,
         integrationMode
       } = this.props;
-      const shouldShowWarning = shareError && !isSharing;
+      const isRetryableError = !!(shareError !== null && shareError !== void 0 && shareError.retryable);
+      const isNonRetryableError = shareError && !shareError.retryable;
+      const shouldShowWarning = isRetryableError && !isSharing;
       const buttonAppearance = !shouldShowWarning ? 'primary' : 'warning';
       const tabMode = integrationMode === 'tabs';
       const formPublicLabel = tabMode ? messages.formSharePublic : messages.formSendPublic;
       const formSendLabel = messages.formShare;
       const sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
-      const buttonLabel = shareError ? messages.formRetry : sendLabel;
+      const buttonLabel = isRetryableError ? messages.formRetry : sendLabel;
+      const buttonDisabled = isDisabled || isNonRetryableError;
       const ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : React.Fragment;
       return jsx("div", {
         css: submitButtonWrapperStyles
@@ -171,7 +176,7 @@ class InternalForm extends React.PureComponent {
         appearance: buttonAppearance,
         type: "submit",
         isLoading: isSharing,
-        isDisabled: isDisabled
+        isDisabled: buttonDisabled
       }, jsx(ButtonLabelWrapper, null, submitButtonLabel || jsx(FormattedMessage, buttonLabel))));
     });
     _defineProperty(this, "renderMainTabTitle", () => {