@atlaskit/share 0.34.2 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,69 @@
 # @atlaskit/share
 
+## 1.0.2
+
+### Patch Changes
+
+- [`1bc9346871a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1bc9346871a) - Updates to prop passing from share to integration. The share-to-slack form needs to make use of this onClose prop in the actual form
+
+## 1.0.1
+
+### Patch Changes
+
+- [`b8afeefa482`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8afeefa482) - Analytics update to tabs onChange event
+
+## 1.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.34.3
+
+### Patch Changes
+
+- [`d506d312f89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d506d312f89) - Updating ts Type to be string restricted for easier use. Tests updated to accommodate.
+
 ## 0.34.2
 
 ### Patch Changes

package/dist/cjs/clients/ShareServiceClient.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareServiceClient = exports.DEFAULT_SHARE_SERVICE_URL = exports.SHARE_CONFIG_PATH = exports.DEFAULT_SHARE_PATH = void 0;
+exports.ShareServiceClient = exports.SHARE_CONFIG_PATH = exports.DEFAULT_SHARE_SERVICE_URL = exports.DEFAULT_SHARE_PATH = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/components/CommentField.js

@@ -15,33 +15,32 @@ var _form = require("@atlaskit/form");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18n = require("../i18n");
 
 var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;
+  var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_form.Field, {
     name: "comment",
     defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.commentPlaceholder, function (placeholder) {
-      return /*#__PURE__*/_react.default.createElement(_fieldTextArea.default, (0, _extends2.default)({}, fieldProps, {
-        onChange: function onChange(event) {
-          return fieldProps.onChange({
-            format: 'plain_text',
-            value: event.target.value
-          });
-        },
-        value: fieldProps.value && fieldProps.value.value,
-        maxLength: 500,
-        minimumRows: 3,
-        shouldFitContainer: true,
-        isLabelHidden: true,
-        placeholder: placeholder
-      }));
-    });
+    return /*#__PURE__*/_react.default.createElement(_fieldTextArea.default, (0, _extends2.default)({}, fieldProps, {
+      onChange: function onChange(event) {
+        return fieldProps.onChange({
+          format: 'plain_text',
+          value: event.target.value
+        });
+      },
+      value: fieldProps.value && fieldProps.value.value,
+      maxLength: 500,
+      minimumRows: 3,
+      shouldFitContainer: true,
+      isLabelHidden: true,
+      placeholder: intl.formatMessage(_i18n.messages.commentPlaceholder)
+    }));
   });
 };
 

package/dist/cjs/components/CopyLinkButton.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CopyLinkButton = exports.HiddenInput = exports.MessageContainer = exports.AUTO_DISMISS_MS = void 0;
+exports.default = exports.MessageContainer = exports.HiddenInput = exports.CopyLinkButton = exports.AUTO_DISMISS_MS = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -41,7 +41,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -152,7 +152,7 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           size: "medium"
         }),
         onClick: _this.handleClick
-      }, triggerProps), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
+      }, triggerProps), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
     });
     return _this;
   }
@@ -180,7 +180,7 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/_react.default.createElement(_styles.InlineDialogContentWrapper, null, /*#__PURE__*/_react.default.createElement(MessageContainer, null, /*#__PURE__*/_react.default.createElement(_checkCircle.default, {
             label: formatMessage(_i18n.messages.copiedToClipboardIconLabel),
             primaryColor: _colors.G300
-          }), /*#__PURE__*/_react.default.createElement(MessageSpan, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.copiedToClipboardMessage))));
+          }), /*#__PURE__*/_react.default.createElement(MessageSpan, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.copiedToClipboardMessage))));
         },
         isOpen: shouldShowCopiedMessage,
         onClose: this.handleDismissCopiedMessage,
@@ -199,6 +199,6 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 
 exports.CopyLinkButton = CopyLinkButton;
 
-var _default = (0, _reactIntl.injectIntl)(CopyLinkButton);
+var _default = (0, _reactIntlNext.injectIntl)(CopyLinkButton);
 
 exports.default = _default;

package/dist/cjs/components/MessagesIntlProvider.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18nUtil = require("../util/i18n-util");
 
@@ -31,11 +31,12 @@ var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
   var mergedMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, intl.messages), (0, _i18nUtil.getMessagesForLocale)(intl.locale));
   }, [intl.messages, intl.locale]);
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    locale: intl.locale,
     messages: mergedMessages
   }, children);
 };
 
-var _default = (0, _reactIntl.injectIntl)(MessagesIntlProvider);
+var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
 
 exports.default = _default;

package/dist/cjs/components/ShareDialogContainer.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareDialogContainer = exports.ShareDialogContainerInternal = exports.defaultConfig = void 0;
+exports.defaultConfig = exports.ShareDialogContainerInternal = exports.ShareDialogContainer = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -31,7 +31,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 
@@ -458,7 +458,7 @@ var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
         triggerButtonTooltipPosition: triggerButtonTooltipPosition,
         triggerButtonTooltipText: triggerButtonTooltipText,
         bottomMessage: bottomMessage,
-        submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.inviteTriggerButtonText),
+        submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.inviteTriggerButtonText),
         product: product,
         customFooter: customFooter,
         onUserSelectionChange: onUserSelectionChange,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareDialogWithTrigger = exports.ShareDialogWithTriggerInternal = exports.defaultShareContentState = void 0;
+exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -41,7 +41,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -61,8 +61,6 @@ var _styles = require("./styles");
 
 var _IntegrationForm = require("./IntegrationForm");
 
-var _ShareEntities = require("../types/ShareEntities");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -152,6 +150,15 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         createAnalyticsEvent(payload).fire(_analytics.CHANNEL_ID);
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTabChange", function (index) {
+      var subjectId = 'shareTab';
+
+      if (index === 1) {
+        subjectId = 'shareToSlackTab';
+      }
+
+      _this.createAndFireEvent((0, _analytics.shareTabClicked)(subjectId));
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFlags", function () {
       var formatMessage = _this.props.intl.formatMessage; // The reason for providing message property is that in jira,
       // the Flag system takes only Message Descriptor as payload
@@ -346,7 +353,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       } else {
         button = /*#__PURE__*/_react.default.createElement(_ShareButton.default, (0, _extends2.default)({
           appearance: triggerButtonAppearance,
-          text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
+          text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
           onClick: _this.onTriggerClick,
           iconBefore: triggerButtonStyle !== 'text-only' ? /*#__PURE__*/_react.default.createElement(ShareButtonIcon, {
             label: formatMessage(_i18n.messages.shareTriggerButtonIconLabel)
@@ -366,7 +373,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       } // If there are any integrations, wrap the share button in a split button with integrations.
 
 
-      if (integrationMode === _ShareEntities.IntegrationMode.Split && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
+      if (integrationMode === 'split' && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
         button = /*#__PURE__*/_react.default.createElement(_SplitButton.default, {
           shareButton: button,
           handleOpenSplitButton: _this.handleOpenSplitButton,
@@ -474,7 +481,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             isSharing: isSharing,
             onSubmit: _this2.handleShareSubmit,
             title: shareFormTitle,
-            showTitle: integrationMode !== _ShareEntities.IntegrationMode.Tabs || !shareIntegrations || !shareIntegrations.length,
+            showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
+            onTabChange: _this2.onTabChange,
             helperMessage: shareFormHelperMessage,
             shareError: shareError,
             onDismiss: _this2.handleFormDismiss,
@@ -493,6 +501,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
+            handleCloseDialog: _this2.handleCloseDialog,
             shareIntegrations: shareIntegrations
           })), bottomMessage ? /*#__PURE__*/_react.default.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/_react.default.createElement(CustomFooterWrapper, null, customFooter)));
         },
@@ -523,5 +532,5 @@ exports.ShareDialogWithTriggerInternal = ShareDialogWithTriggerInternal;
   triggerButtonTooltipPosition: 'top',
   dialogZIndex: _constants.layers.modal()
 });
-var ShareDialogWithTrigger = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(ShareDialogWithTriggerInternal));
+var ShareDialogWithTrigger = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(ShareDialogWithTriggerInternal));
 exports.ShareDialogWithTrigger = ShareDialogWithTrigger;

package/dist/cjs/components/ShareForm.js

@@ -7,9 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareForm = exports.FormFooter = exports.FormWrapper = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.ShareForm = exports.FormWrapper = exports.FormFooter = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -25,6 +23,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
@@ -43,7 +43,7 @@ var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -59,8 +59,6 @@ var _UserPickerField = require("./UserPickerField");
 
 var _IntegrationForm = require("./IntegrationForm");
 
-var _ShareEntities = require("../types/ShareEntities");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -91,6 +89,14 @@ var IntegrationWrapper = _styledComponents.default.div(_templateObject6 || (_tem
 
 var IntegrationIconWrapper = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n"])));
 
+var integrationTabText = function integrationTabText(integrationName) {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
+    values: {
+      integrationName: integrationName
+    }
+  }));
+};
+
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(InternalForm, _React$PureComponent);
 
@@ -170,7 +176,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var buttonLabel = shareError ? _i18n.messages.formRetry : sendLabel;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : _react.default.Fragment;
       return /*#__PURE__*/_react.default.createElement(SubmitButtonWrapper, null, /*#__PURE__*/_react.default.createElement(CenterAlignedIconWrapper, null, shouldShowWarning && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-        content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.shareFailureMessage),
+        content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareFailureMessage),
         position: "top"
       }, /*#__PURE__*/_react.default.createElement(_error.default, {
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
@@ -180,7 +186,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         type: "submit",
         isLoading: isSharing,
         isDisabled: isDisabled
-      }, /*#__PURE__*/_react.default.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, buttonLabel))));
+      }, /*#__PURE__*/_react.default.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, buttonLabel))));
     });
     return _this;
   }
@@ -202,23 +208,28 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props4 = this.props,
           title = _this$props4.title,
           _this$props4$integrat = _this$props4.integrationMode,
-          integrationMode = _this$props4$integrat === void 0 ? _ShareEntities.IntegrationMode.Off : _this$props4$integrat,
-          shareIntegrations = _this$props4.shareIntegrations;
+          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
+          shareIntegrations = _this$props4.shareIntegrations,
+          onTabChange = _this$props4.onTabChange,
+          handleCloseDialog = _this$props4.handleCloseDialog;
 
-      if (integrationMode === _ShareEntities.IntegrationMode.Off || !shareIntegrations || !shareIntegrations.length) {
+      if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
       }
 
       var firstIntegration = shareIntegrations[0];
 
-      if (integrationMode === _ShareEntities.IntegrationMode.Tabs) {
+      if (integrationMode === 'tabs') {
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
-          id: "ShareForm-Tabs-Integrations"
+          id: "ShareForm-Tabs-Integrations",
+          onChange: function onChange(index) {
+            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
+          }
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
-        }, title || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.formTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
+        }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-".concat(firstIntegration.type)
-        }, /*#__PURE__*/_react.default.createElement(IntegrationWrapper, null, /*#__PURE__*/_react.default.createElement(IntegrationIconWrapper, null, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), firstIntegration.type))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
+        }, /*#__PURE__*/_react.default.createElement(IntegrationWrapper, null, /*#__PURE__*/_react.default.createElement(IntegrationIconWrapper, null, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"
         }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
           isMainShare: true
@@ -229,7 +240,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
-            return null;
+            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           }
         }))));
       }
@@ -243,7 +254,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 (0, _defineProperty2.default)(InternalForm, "defaultProps", {
   onSubmit: function onSubmit() {}
 });
-var InternalFormWithIntl = (0, _reactIntl.injectIntl)(InternalForm);
+var InternalFormWithIntl = (0, _reactIntlNext.injectIntl)(InternalForm);
 
 var ShareForm = function ShareForm(props) {
   return /*#__PURE__*/_react.default.createElement(_form.default, {

package/dist/cjs/components/ShareHeader.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -31,7 +31,7 @@ exports.FormHeaderTitle = FormHeaderTitle;
 
 var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement(HeaderWrapper, null, /*#__PURE__*/_react.default.createElement(FormHeaderTitle, null, title || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.formTitle)));
+  return /*#__PURE__*/_react.default.createElement(HeaderWrapper, null, /*#__PURE__*/_react.default.createElement(FormHeaderTitle, null, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
 };
 
 exports.ShareHeader = ShareHeader;

package/dist/cjs/components/SplitButton.js

@@ -17,7 +17,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -50,7 +50,7 @@ var DropdownMenuWrapper = _styledComponents.default.div(_templateObject2 || (_te
 var DropDownIntegrationButtonWrapper = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  button:hover {\n    background: rgba(255, 255, 255, 0);\n  }\n"])));
 
 var integrationButtonText = function integrationButtonText(integrationName) {
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareToIntegrationButtonText, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareToIntegrationButtonText, {
     values: {
       integrationName: integrationName
     }

package/dist/cjs/components/UserPickerField.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UserPickerField = exports.REQUIRED = void 0;
+exports.UserPickerFieldComponent = exports.UserPickerField = exports.REQUIRED = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -31,7 +31,7 @@ var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18n = require("../i18n");
 
@@ -66,7 +66,7 @@ var getNoOptionsMessageDescriptor = function getNoOptionsMessageDescriptor(email
 var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail) {
   return function (_ref) {
     var inputValue = _ref.inputValue;
-    return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, getNoOptionsMessageDescriptor((0, _userPicker.isValidEmail)(inputValue), isPublicLink, allowEmail), {
+    return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, getNoOptionsMessageDescriptor((0, _userPicker.isValidEmail)(inputValue), isPublicLink, allowEmail), {
       values: {
         inputValue: inputValue
       }
@@ -107,15 +107,15 @@ var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
   return messages[product];
 };
 
-var UserPickerField = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(UserPickerField, _React$Component);
+var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(UserPickerFieldComponent, _React$Component);
 
-  var _super = _createSuper(UserPickerField);
+  var _super = _createSuper(UserPickerFieldComponent);
 
-  function UserPickerField() {
+  function UserPickerFieldComponent() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, UserPickerField);
+    (0, _classCallCheck2.default)(this, UserPickerFieldComponent);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -145,7 +145,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
         return helperMessage;
       }
 
-      return product === 'jira' ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.infoMessageDefaultJira) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.infoMessageDefaultConfluence);
+      return product === 'jira' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.infoMessageDefaultJira) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.infoMessageDefaultConfluence);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleUserPickerTransform", function (event, current) {
       var onChange = _this.props.onChange;
@@ -159,7 +159,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(UserPickerField, [{
+  (0, _createClass2.default)(UserPickerFieldComponent, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -168,6 +168,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
           defaultValue = _this$props2.defaultValue,
           enableSmartUserPicker = _this$props2.enableSmartUserPicker,
           config = _this$props2.config,
+          intl = _this$props2.intl,
           isLoading = _this$props2.isLoading,
           product = _this$props2.product,
           onInputChange = _this$props2.onInputChange,
@@ -190,7 +191,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
-        placeholder: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
+        placeholder: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
         allowEmail: allowEmail,
         noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
         isLoading: isLoading,
@@ -212,16 +213,16 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
 
         var inviteWarningMessage = _this2.getInviteWarningMessage();
 
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.userPickerAddMoreMessage, function (addMore) {
-          return /*#__PURE__*/_react.default.createElement(UserPickerComponent, (0, _extends2.default)({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-            addMoreMessage: addMore,
-            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(_reactIntl.FormattedMessage, requiredMessage)));
+        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),
+          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)));
       });
     }
   }]);
-  return UserPickerField;
+  return UserPickerFieldComponent;
 }(_react.default.Component);
 
+exports.UserPickerFieldComponent = UserPickerFieldComponent;
+var UserPickerField = (0, _reactIntlNext.injectIntl)(UserPickerFieldComponent);
 exports.UserPickerField = UserPickerField;

package/dist/cjs/components/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formShareSubmitted = exports.copyLinkButtonClicked = exports.shortUrlGenerated = exports.shortUrlRequested = exports.cancelShare = exports.shareTriggerButtonClicked = exports.errorEncountered = exports.shareIntegrationButtonEvent = exports.shareSplitButtonEvent = exports.screenEvent = exports.INTEGRATION_MODAL_SOURCE = exports.ANALYTICS_SOURCE = exports.CHANNEL_ID = void 0;
+exports.shortUrlRequested = exports.shortUrlGenerated = exports.shareTriggerButtonClicked = exports.shareTabClicked = exports.shareSplitButtonEvent = exports.shareIntegrationButtonEvent = exports.screenEvent = exports.formShareSubmitted = exports.errorEncountered = exports.copyLinkButtonClicked = exports.cancelShare = exports.INTEGRATION_MODAL_SOURCE = exports.CHANNEL_ID = exports.ANALYTICS_SOURCE = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -94,6 +94,12 @@ var shareTriggerButtonClicked = function shareTriggerButtonClicked() {
 
 exports.shareTriggerButtonClicked = shareTriggerButtonClicked;
 
+var shareTabClicked = function shareTabClicked(subjectId) {
+  return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'tab', subjectId || 'shareTab');
+};
+
+exports.shareTabClicked = shareTabClicked;
+
 var cancelShare = function cancelShare(start) {
   return createEvent('ui', ANALYTICS_SOURCE, 'pressed', 'keyboardShortcut', 'cancelShare', {
     source: ANALYTICS_SOURCE,

package/dist/cjs/components/localStorageUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setIsOnboardingDismissed = exports.getIsOnboardingDismissed = exports.setDefaultSlackWorkSpace = exports.getDefaultSlackWorkSpace = void 0;
+exports.setIsOnboardingDismissed = exports.setDefaultSlackWorkSpace = exports.getIsOnboardingDismissed = exports.getDefaultSlackWorkSpace = void 0;
 
 var getLocalStorageKey = function getLocalStorageKey(key) {
   try {

package/dist/cjs/components/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.InlineDialogContentWrapper = exports.MAX_PICKER_HEIGHT = void 0;
+exports.default = exports.MAX_PICKER_HEIGHT = exports.InlineDialogContentWrapper = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/dist/cjs/components/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowEmails = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.zIndexAddition = void 0;
+exports.zIndexAddition = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.allowEmails = void 0;
 
 var _theme = require("@atlaskit/theme");