@atlaskit/share 1.0.3 → 3.0.1

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

@@ -0,0 +1,16 @@
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export const BottomMessageWrapper = styled.div`
+  width: ${gridSize() * 44}px;
+`;
+export const CustomFooterWrapper = styled.div`
+  /* Must match inline dialog padding. */
+  margin: 0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px;
+`;
+export const SpinnerWrapper = styled.div`
+  widht: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+`;

package/dist/es2019/components/MessagesIntlProvider.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl-next';
+import { injectIntl, IntlProvider } from 'react-intl-next';
 import { getMessagesForLocale } from '../util/i18n-util';
 
 const MessagesIntlProvider = ({

package/dist/es2019/components/ShareButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import Button from '@atlaskit/button/custom-theme-button';
 import React from 'react';
+import Button from '@atlaskit/button/custom-theme-button';
 export const ShareButton = /*#__PURE__*/React.forwardRef(function ShareButton({
   text,
   ...props

package/dist/es2019/components/ShareDialogContainer.js

@@ -1,18 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import memoizeOne from 'memoize-one';
 import React from 'react';
+import deepEqual from 'fast-deep-equal';
+import memoizeOne from 'memoize-one';
 import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';
 import { messages } from '../i18n';
 import { CHANNEL_ID, copyLinkButtonClicked, errorEncountered, shortUrlGenerated, shortUrlRequested } from './analytics';
+import ErrorBoundary from './ErrorBoundary';
 import MessagesIntlProvider from './MessagesIntlProvider';
 import { ShareDialogWithTrigger } from './ShareDialogWithTrigger';
 import { optionDataToUsers } from './utils';
-import ErrorBoundary from './ErrorBoundary';
-import deepEqual from 'fast-deep-equal';
 const COPY_LINK_EVENT = copyLinkButtonClicked(0);
 export const defaultConfig = {
   disableSharingToEmails: false
@@ -26,6 +26,7 @@ function getCurrentPageUrl() {
  * This component serves as a Provider to provide customizable implementations
  * to ShareDialogTrigger component
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 
 
 export class ShareDialogContainerInternal extends React.Component {
@@ -53,7 +54,7 @@ export class ShareDialogContainerInternal extends React.Component {
         isFetchingConfig: true
       }, async () => {
         try {
-          const config = await this.shareClient.getConfig(this.props.cloudId, this.props.enableEmailPermissionCheck);
+          const config = await this.shareClient.getConfig(this.props.cloudId);
 
           if (this._isMounted) {
             this.setState({

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -1,37 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { AnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import SplitButton from './SplitButton';
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import ShareIcon from '@atlaskit/icon/glyph/share';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
+import { layers } from '@atlaskit/theme/constants';
 import Aktooltip from '@atlaskit/tooltip';
-import { gridSize, layers } from '@atlaskit/theme/constants';
-import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, ANALYTICS_SOURCE, shareTabClicked } from './analytics';
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked // type TabSubjectIdType,
+} from './analytics'; // eslint-disable-next-line no-duplicate-imports
+
+import LazyShareFormLazy from './LazyShareForm/lazy';
 import ShareButton from './ShareButton';
-import { ShareForm } from './ShareForm';
+import SplitButton from './SplitButton';
 import { generateSelectZIndex } from './utils';
-import { InlineDialogContentWrapper } from './styles';
-import { IntegrationForm } from './IntegrationForm';
 const ShareButtonWrapper = styled.div`
   display: inline-flex;
   outline: none;
 `;
-const InlineDialogFormWrapper = styled.div`
-  width: 352px;
-`;
-const BottomMessageWrapper = styled.div`
-  width: 352px;
-`;
-const CustomFooterWrapper = styled.div`
-  /* Must match inline dialog padding. */
-  margin: 0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px;
-`;
 export const defaultShareContentState = {
   users: [],
   comment: {
@@ -39,6 +29,7 @@ export const defaultShareContentState = {
     value: ''
   }
 };
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export class ShareDialogWithTriggerInternal extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -425,48 +416,48 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       onKeyDown: this.handleKeyDown,
       style: style
     }, /*#__PURE__*/React.createElement(Popup, {
-      content: () => /*#__PURE__*/React.createElement(AnalyticsContext, {
-        data: {
-          source: ANALYTICS_SOURCE
-        }
-      }, /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
-        innerRef: this.containerRef
-      }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(IntegrationForm, {
-        Content: selectedIntegration.Content,
-        onIntegrationClose: this.handleCloseDialog
-      })) : /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(ShareForm, {
+      content: () => /*#__PURE__*/React.createElement("div", {
+        ref: this.containerRef
+      }, /*#__PURE__*/React.createElement(LazyShareFormLazy, {
+        Content: selectedIntegration && selectedIntegration.Content,
+        selectedIntegration: selectedIntegration,
         copyLink: copyLink,
+        showIntegrationForm: showIntegrationForm,
+        bottomMessage: bottomMessage,
+        customFooter: customFooter,
         loadOptions: loadUserOptions,
         isSharing: isSharing,
-        onSubmit: this.handleShareSubmit,
-        title: shareFormTitle,
+        shareFormTitle: shareFormTitle,
         showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
-        onTabChange: this.onTabChange,
-        helperMessage: shareFormHelperMessage,
+        shareFormHelperMessage: shareFormHelperMessage,
         shareError: shareError,
-        onDismiss: this.handleFormDismiss,
         defaultValue: defaultValue,
         config: config,
         isFetchingConfig: isFetchingConfig,
-        onLinkCopy: this.handleCopyLink,
         submitButtonLabel: submitButtonLabel,
         product: product,
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
         onUserSelectionChange: onUserSelectionChange,
-        fieldsFooter: shareFieldsFooter,
-        selectPortalRef: this.selectPortalRef,
+        shareFieldsFooter: shareFieldsFooter,
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText,
         integrationMode: integrationMode,
-        handleCloseDialog: this.handleCloseDialog,
-        shareIntegrations: shareIntegrations
-      })), bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter))),
+        shareIntegrations: shareIntegrations // actions
+        ,
+        onLinkCopy: this.handleCopyLink,
+        onSubmit: this.handleShareSubmit,
+        onDismiss: this.handleFormDismiss,
+        onDialogClose: this.handleCloseDialog,
+        onTabChange: this.onTabChange //ref
+        ,
+        selectPortalRef: this.selectPortalRef
+      })),
       isOpen: isDialogOpen,
       onClose: this.handleCloseDialog,
       placement: dialogPlacement,
-      trigger: triggerProps => this.renderShareTriggerButton(triggerProps),
+      trigger: this.renderShareTriggerButton,
       zIndex: dialogZIndex
     }), /*#__PURE__*/React.createElement(Portal, {
       zIndex: generateSelectZIndex(dialogZIndex)

package/dist/es2019/components/ShareForm.js

@@ -1,21 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
 import Button from '@atlaskit/button/custom-theme-button';
 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 Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { messages } from '../i18n';
+import { TabType } from '../types';
 import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
+import { IntegrationForm } from './IntegrationForm';
 import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
-import { IntegrationForm } from './IntegrationForm';
 const SubmitButtonWrapper = styled.div`
   display: flex;
   margin-left: auto;
@@ -60,10 +61,15 @@ const integrationTabText = integrationName => /*#__PURE__*/React.createElement(F
   }
 }));
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class InternalForm extends React.PureComponent {
   constructor(...args) {
     super(...args);
 
+    _defineProperty(this, "state", {
+      selectedTab: TabType.default
+    });
+
     _defineProperty(this, "renderShareForm", () => {
       const {
         formProps,
@@ -97,7 +103,7 @@ class InternalForm extends React.PureComponent {
         defaultValue: defaultValue && defaultValue.users,
         config: config,
         isLoading: isFetchingConfig,
-        product: product,
+        product: product || 'confluence',
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
@@ -164,6 +170,12 @@ class InternalForm extends React.PureComponent {
       };
       return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
     });
+
+    _defineProperty(this, "changeTab", tab => {
+      this.setState({
+        selectedTab: tab
+      });
+    });
   }
 
   componentWillUnmount() {
@@ -195,8 +207,10 @@ class InternalForm extends React.PureComponent {
       return /*#__PURE__*/React.createElement(Tabs, {
         id: "ShareForm-Tabs-Integrations",
         onChange: index => {
+          this.changeTab(index);
           onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-        }
+        },
+        selected: this.state.selectedTab
       }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-default`
       }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
@@ -211,7 +225,10 @@ class InternalForm extends React.PureComponent {
         isMainShare: false
       }, /*#__PURE__*/React.createElement(IntegrationForm, {
         Content: firstIntegration.Content,
-        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog()
+        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
+        changeTab: index => {
+          this.changeTab(index);
+        }
       }))));
     }
 

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ShareHeader } from '../ShareHeader';
+import { InlineDialogContentWrapper, InlineDialogFormWrapper } from './styled';
+
+const ShareFormWrapper = ({
+  shareFormTitle,
+  shouldShowTitle,
+  children = null,
+  footer = null
+}) => /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+  title: shareFormTitle
+}), children), footer);
+
+export default ShareFormWrapper;

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

@@ -0,0 +1 @@
+export { default as ShareFormWrapper } from './ShareFormWrapper';

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

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export const InlineDialogFormWrapper = styled.div`
+  width: ${gridSize() * 44}px;
+`;
+/**
+ * Apply the same styling, as previous @atlaskit/inline-dialog had,
+ * compared to the @atlaskit/popup we are now using.
+ *
+ * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
+ */
+
+export const InlineDialogContentWrapper = styled.div`
+  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
+`;

package/dist/es2019/components/UserPickerField.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
 import UserPicker, { isValidEmail, SmartUserPicker } from '@atlaskit/user-picker';
-import React from 'react';
-import { injectIntl, FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
-import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 import { MAX_PICKER_HEIGHT } from './styles';
+import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 export const REQUIRED = 'REQUIRED';
 const DEBOUNCE_MS = 150;
 
@@ -58,7 +58,8 @@ const requiredMessagesWithoutEmail = {
 const getRequiredMessage = (product, allowEmail) => {
   const messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
   return messages[product];
-};
+}; // eslint-disable-next-line @repo/internal/react/no-class-components
+
 
 export class UserPickerFieldComponent extends React.Component {
   constructor(...args) {

package/dist/es2019/components/styles.js

@@ -1,21 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { gridSize } from '@atlaskit/theme/constants';
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import styled from 'styled-components';
 export const MAX_PICKER_HEIGHT = 102;
-/**
- * Apply the same styling, as previous @atlaskit/inline-dialog had,
- * compared to the @atlaskit/popup we are now using.
- *
- * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
- */
-
-export const InlineDialogContentWrapper = styled.div`
-  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
-`;
 const StyledButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
   ref: ref
 }, props, {

package/dist/es2019/components/utils.js

@@ -1,6 +1,4 @@
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { layers } from '@atlaskit/theme';
+import { layers } from '@atlaskit/theme/constants';
 
 /**
  * We need to generate correct zIndex, for the PopUp and for the Select inside it.

package/dist/es2019/i18n.js

@@ -100,11 +100,6 @@ export const messages = defineMessages({
     defaultMessage: 'Invite',
     description: 'Button label for when the sharee action is set to "edit".'
   },
-  copyLinkButtonIconLabel: {
-    id: 'fabric.elements.share.copylink.button.icon.label',
-    defaultMessage: 'Copy link icon',
-    description: 'Default text for the aria-label of the copy Link icon'
-  },
   copyLinkButtonText: {
     id: 'fabric.elements.share.copylink.button.text',
     defaultMessage: 'Copy link',
@@ -115,11 +110,6 @@ export const messages = defineMessages({
     defaultMessage: 'Copy public link',
     description: 'Default text for the Copy Link button when the link is public'
   },
-  copiedToClipboardIconLabel: {
-    id: 'fabric.elements.share.copied.to.clipboard.icon.label',
-    defaultMessage: 'Copy link success icon',
-    description: 'Default text for the aria-label of the copied link icon'
-  },
   copiedToClipboardMessage: {
     id: 'fabric.elements.share.copied.to.clipboard.message',
     defaultMessage: 'Link copied to clipboard',

package/dist/es2019/index.js

@@ -1,4 +1,3 @@
-export { ShareServiceClient } from './clients/ShareServiceClient';
 export { ShareDialogContainer } from './components/ShareDialogContainer';
 export { // Constants
 ADMIN_NOTIFIED, OBJECT_SHARED } from './types';

package/dist/es2019/types/ShareDialogContainer.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/types/ShareEntities.js

@@ -1 +1,7 @@
-export {};
+// Third party integrations
+export let TabType;
+
+(function (TabType) {
+  TabType[TabType["default"] = 0] = "default";
+  TabType[TabType["Slack"] = 1] = "Slack";
+})(TabType || (TabType = {}));

package/dist/es2019/types/ShareForm.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/types/index.js

@@ -1 +1,2 @@
-export { ADMIN_NOTIFIED, OBJECT_SHARED } from './Flag';
+export { ADMIN_NOTIFIED, OBJECT_SHARED } from './Flag';
+export { TabType } from './ShareEntities';

package/dist/es2019/util/i18n-util.js

@@ -1,3 +1,6 @@
+// Cannot import from `../i18n` because there is `../i18n.tsx` file there.
+
+/* eslint-disable @atlassian/tangerine/import/no-dangling-index */
 import { cs, da, de, en, en_GB, es, et, fi, fr, hu, is, it, ja, ko, nb, nl, pl, pt_BR, pt_PT, ro, ru, sk, sv, zh } from '../i18n/index';
 const localesMessagesMap = {
   cs,

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "1.0.3"
+	"version": "3.0.1"
 }

package/dist/esm/clients/ShareServiceClient.js

@@ -21,13 +21,7 @@ export var ShareServiceClient = /*#__PURE__*/function () {
 
   _createClass(ShareServiceClient, [{
     key: "getConfig",
-    value: function getConfig(cloudId, enableEmailPermissionCheck) {
-      if (!enableEmailPermissionCheck) {
-        return Promise.resolve({
-          disableSharingToEmails: false
-        });
-      }
-
+    value: function getConfig(cloudId) {
       var options = {
         path: SHARE_CONFIG_PATH,
         queryParams: {

package/dist/esm/clients/index.js

@@ -0,0 +1 @@
+export { ShareServiceClient } from './ShareServiceClient';

package/dist/esm/components/CommentField.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useIntl } from 'react-intl-next'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import FieldTextArea from '@atlaskit/field-text-area';
 import { Field } from '@atlaskit/form';
-import React from 'react';
-import { useIntl } from 'react-intl-next';
 import { messages } from '../i18n';
 export var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;

package/dist/esm/components/CopyLinkButton.js

@@ -14,17 +14,19 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+import React from 'react';
+import { isSafari } from 'react-device-detect';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
-import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
-import Button, { InlineDialogContentWrapper } from './styles';
 import { messages } from '../i18n';
+import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
+import Button from './styles';
 var Z_INDEX = layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 export var AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
@@ -37,11 +39,14 @@ function (props, ref) {
       position: 'absolute',
       left: '-9999px'
     },
+    tabIndex: -1,
+    "aria-hidden": true,
     ref: ref,
     value: props.text,
     readOnly: true
   });
 });
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
   _inherits(CopyLinkButton, _React$Component);
 
@@ -107,10 +112,11 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           isDisabled = _this$props.isDisabled,
           isPublicLink = _this$props.isPublicLink;
       return /*#__PURE__*/React.createElement(Button, _extends({
+        "aria-label": formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
         isDisabled: isDisabled,
         appearance: "subtle-link",
         iconBefore: /*#__PURE__*/React.createElement(LinkFilledIcon, {
-          label: formatMessage(messages.copyLinkButtonIconLabel),
+          label: "",
           size: "medium"
         }),
         onClick: _this.handleClick
@@ -134,14 +140,17 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = this.props,
           formatMessage = _this$props2.intl.formatMessage,
           copyTooltipText = _this$props2.copyTooltipText;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HiddenInput, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isSafari && /*#__PURE__*/React.createElement("div", {
+        className: "assistive",
+        "aria-live": "assertive"
+      }, shouldShowCopiedMessage && formatMessage(messages.copiedToClipboardMessage)), /*#__PURE__*/React.createElement(HiddenInput, {
         ref: this.inputRef,
         text: this.props.link
       }), /*#__PURE__*/React.createElement(Popup, {
         zIndex: Z_INDEX,
         content: function content() {
           return /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(MessageContainer, null, /*#__PURE__*/React.createElement(CheckCircleIcon, {
-            label: formatMessage(messages.copiedToClipboardIconLabel),
+            label: "",
             primaryColor: G300
           }), /*#__PURE__*/React.createElement(MessageSpan, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.copiedToClipboardMessage))));
         },

package/dist/esm/components/ErrorBoundary.js

@@ -14,6 +14,8 @@ import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CHANNEL_ID, errorEncountered } from './analytics';
 
+// ErrorBoundary does not support in functional component
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
 

package/dist/esm/components/IntegrationForm.js

@@ -8,8 +8,16 @@ import { h500 } from '@atlaskit/theme/typography';
 export var FormWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [class^='FormHeader__FormHeaderWrapper'] {\n    h1:first-child {\n      ", "\n\n      > span {\n        /* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n        font-size: inherit !important;\n        line-height: inherit !important;\n        letter-spacing: inherit !important;\n      }\n    }\n  }\n\n  [class^='FormSection__FormSectionWrapper'] {\n    margin-top: 0px;\n  }\n\n  [class^='FormFooter__FormFooterWrapper'] {\n    justify-content: space-between;\n    margin-top: 12px;\n    margin-bottom: 24px;\n  }\n\n  [class^='Field__FieldWrapper']:not(:first-child) {\n    margin-top: 12px;\n  }\n"])), h500());
 export var IntegrationForm = function IntegrationForm(_ref) {
   var Content = _ref.Content,
-      onIntegrationClose = _ref.onIntegrationClose;
-  return /*#__PURE__*/React.createElement(FormWrapper, null, /*#__PURE__*/React.createElement(Content, {
-    onClose: onIntegrationClose
+      _ref$onIntegrationClo = _ref.onIntegrationClose,
+      onIntegrationClose = _ref$onIntegrationClo === void 0 ? function () {
+    return undefined;
+  } : _ref$onIntegrationClo,
+      _ref$changeTab = _ref.changeTab,
+      changeTab = _ref$changeTab === void 0 ? function () {
+    return undefined;
+  } : _ref$changeTab;
+  return /*#__PURE__*/React.createElement(FormWrapper, null, Content && /*#__PURE__*/React.createElement(Content, {
+    onClose: onIntegrationClose,
+    changeTab: changeTab
   }));
 };