@atlaskit/share 4.2.2 → 4.3.0

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

@@ -10,7 +10,6 @@ import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -34,7 +33,7 @@ const centerAlignedIconWrapperStyles = css`
   }
 `;
 export const formWrapperStyles = css`
-  margin-top: ${gridSize()}px;
+  margin-top: ${"var(--ds-space-100, 8px)"};
   width: 100%;
 
   /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */
@@ -96,7 +95,8 @@ class InternalForm extends React.PureComponent {
         isBrowseUsersDisabled,
         intl: {
           formatMessage
-        }
+        },
+        shareError
       } = this.props;
       return jsx(AnalyticsContext, {
         data: {
@@ -121,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, {
@@ -150,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
@@ -172,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", () => {

package/dist/es2019/components/ShareFormWrapper/styled.js

@@ -2,12 +2,11 @@
 
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 export const InlineDialogFormWrapper = ({
   children
 }) => jsx("div", {
   css: {
-    width: `${gridSize() * 44}px`
+    width: `${8 * 44}px`
   }
 }, children);
 
@@ -21,6 +20,6 @@ export const InlineDialogContentWrapper = ({
   children
 }) => jsx("div", {
   css: {
-    padding: `${gridSize() * 2}px ${gridSize() * 3}px`
+    padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
   }
 }, children);

package/dist/es2019/components/ShareHeader.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 const headerWrapperStyles = css`
@@ -11,9 +10,9 @@ const headerWrapperStyles = css`
 `;
 export const getFormHeaderTitleStyles = theme => css`
   ${h500(theme)}
-  line-height: ${gridSize() * 4}px;
-  margin-right: ${gridSize() * 4}px;
-  margin-top: ${gridSize() * 4}px;
+  line-height: ${"var(--ds-font-lineHeight-500, 32px)"};
+  margin-right: ${"var(--ds-space-400, 32px)"};
+  margin-top: ${"var(--ds-space-400, 32px)"};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/es2019/components/UserPickerField.js

@@ -73,7 +73,7 @@ export class UserPickerFieldComponent extends React.Component {
         return [];
       }
     });
-    _defineProperty(this, "getInviteWarningMessage", () => {
+    _defineProperty(this, "getHelperMessageOrDefault", () => {
       const {
         product,
         isPublicLink,
@@ -111,7 +111,8 @@ export class UserPickerFieldComponent extends React.Component {
       selectPortalRef,
       isPublicLink,
       orgId,
-      isBrowseUsersDisabled
+      isBrowseUsersDisabled,
+      shareError
     } = this.props;
     const smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
       productKey: product,
@@ -146,16 +147,22 @@ export class UserPickerFieldComponent extends React.Component {
       transform: this.handleUserPickerTransform
     }, ({
       fieldProps,
-      error,
+      error: fieldValidationError,
       meta: {
-        valid
+        valid: fieldValid
       }
     }) => {
-      const inviteWarningMessage = this.getInviteWarningMessage();
+      const helperMessage = this.getHelperMessageOrDefault();
+      const addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(messages.userPickerAddMoreMessage);
+      const wasValidationOrShareError = !!fieldValidationError || !!shareError;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-        addMoreMessage: intl.formatMessage(messages.userPickerAddMoreMessage),
+        addMoreMessage: addMoreMessage,
         menuPortalTarget: menuPortalTarget
-      })), inviteWarningMessage && /*#__PURE__*/React.createElement(HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)));
+      })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/React.createElement(HelperMessage, null, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/React.createElement(ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/React.createElement("a", {
+        target: "_blank",
+        href: shareError.helpUrl,
+        rel: "help"
+      }, "Learn why")));
     });
   }
 }

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.2.2",
+  packageVersion: "4.3.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/es2019/i18n/da.js

@@ -38,7 +38,7 @@ export 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/es2019/i18n/en_ZZ.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -14,6 +15,7 @@ export 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‌‌⁡؜‌‌⁡⁡‌⁣⁤',
@@ -23,18 +25,20 @@ export 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/es2019/i18n/es.js

@@ -38,7 +38,7 @@ export 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/es2019/i18n/nl.js

@@ -38,7 +38,7 @@ export 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/es2019/i18n/pt_BR.js

@@ -38,7 +38,7 @@ export 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/es2019/i18n/tr.js

@@ -38,7 +38,7 @@ export 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/es2019/i18n/uk.js

@@ -38,7 +38,7 @@ export 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/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.2.2"
+	"version": "4.3.0"
 }

package/dist/esm/clients/ShareServiceClient.js

@@ -35,22 +35,31 @@ export 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 utils.requestService(this.serviceConfig, options);
+      });
     }
   }]);
   return ShareServiceClient;

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -4,6 +4,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../i18n';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
@@ -56,7 +57,7 @@ function LazyShareForm(props) {
     }
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
     css: {
-      margin: "0 ".concat(-gridSize() * 3, "px ").concat(-gridSize() * 2, "px ").concat(-gridSize() * 3, "px")
+      margin: "0 calc(-1 * ".concat("var(--ds-space-300, 24px)", ") calc(-1 * ", "var(--ds-space-200, 16px)", ") calc(-1 * ", "var(--ds-space-300, 24px)", ")")
     }
   }, customFooter));
   React.useEffect(function () {

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -8,6 +9,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -249,19 +251,40 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         });
         showFlags(_this.getFlags());
         shareSubmitExp.success();
-      }).catch(function (err) {
-        _this.setState({
-          isSharing: false,
-          shareError: {
-            message: err.message
-          }
-        });
-        isValidFailedExperience(shareSubmitExp, err);
-      });
+      }).catch( /*#__PURE__*/function () {
+        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
+          var shareError;
+          return _regeneratorRuntime.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
+                });
+                isValidFailedExperience(shareSubmitExp, err);
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }());
     });
     _defineProperty(_assertThisInitialized(_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
         };
@@ -365,6 +388,13 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         isUsingSplitButton: false
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "handleOnUserSelectionChange", function (value) {
+      var onUserSelectionChange = _this.props.onUserSelectionChange;
+      _this.setState({
+        shareError: undefined
+      });
+      onUserSelectionChange === null || onUserSelectionChange === void 0 ? void 0 : onUserSelectionChange(value);
+    });
     return _this;
   }
   _createClass(ShareDialogWithTriggerInternal, [{
@@ -381,6 +411,48 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         this.handleDialogOpen();
       }
     }
+  }, {
+    key: "generateShareError",
+    value: function () {
+      var _generateShareError = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(err) {
+        var _errorBody$messagesDe;
+        var errorBody, firstErrorFromBody;
+        return _regeneratorRuntime.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() {
@@ -409,7 +481,6 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         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,
@@ -455,7 +526,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             loggedInAccountId: loggedInAccountId,
             cloudId: cloudId,
             orgId: orgId,
-            onUserSelectionChange: onUserSelectionChange,
+            onUserSelectionChange: _this2.handleOnUserSelectionChange,
             shareFieldsFooter: shareFieldsFooter,
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,