@atlaskit/share 6.6.1 → 6.6.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/share
 
+## 6.6.3
+
+### Patch Changes
+
+- [#160514](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160514)
+  [`106f4550f0e10`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/106f4550f0e10) -
+  clean outgoing mail fix feature gate
+- Updated dependencies
+
+## 6.6.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.6.1
 
 ### Patch Changes

package/dist/cjs/components/ShareForm.js

@@ -245,7 +245,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var formSendLabel = _i18n.messages.formShare;
       var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
       var buttonLabel = isRetryableError ? _i18n.messages.formRetry : sendLabel;
-      var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled && (0, _platformFeatureFlags.fg)('plans_outgoing_mail_fix');
+      var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : _react.default.Fragment;
       return (0, _react2.jsx)("div", {
         css: submitButtonWrapperStyles
@@ -318,163 +318,64 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         handleCloseDialog = _this$props7.handleCloseDialog,
         isExtendedShareDialogEnabled = _this$props7.isExtendedShareDialogEnabled;
       var selectedMenuItem = this.state.selectedMenuItem;
-      if ((0, _platformFeatureFlags.fg)('plans_outgoing_mail_fix')) {
-        var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
-        var hasAdditionalTabs = additionalTabs && additionalTabs.length;
-        if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
-          return this.renderShareForm();
-        }
-        if (selectedMenuItem === 'default') {
-          return this.renderShareForm();
-        }
-        if (hasShareIntegrations) {
-          var _firstIntegration = shareIntegrations[0];
-          if (selectedMenuItem === 'Slack') {
-            return (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-              Content: _firstIntegration.Content,
-              onIntegrationClose: function onIntegrationClose() {
-                return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-              }
-            });
-          }
-          if (integrationMode === 'menu') {
-            return (0, _react2.jsx)(_primitives.Box, {
-              xcss: menuGroupContainerStyles
-            }, (0, _react2.jsx)(_menu.MenuGroup, null, (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
-              iconName: (0, _react2.jsx)(_firstIntegration.Icon, null),
-              labelId: _i18n.messages.slackMenuItemText,
-              onClickHandler: function onClickHandler() {
-                return _this2.changeMenuItem('Slack');
-              }
-            }), (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
-              iconName: (0, _react2.jsx)(_email.default, {
-                color: "currentColor",
-                label: "",
-                LEGACY_size: "medium",
-                spacing: "spacious"
-              }),
-              labelId: _i18n.messages.emailMenuItemText,
-              onClickHandler: function onClickHandler() {
-                return _this2.changeMenuItem('default');
-              }
-            })));
-          }
-        }
-        if (integrationMode === 'tabs') {
-          var DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
-          return (0, _react2.jsx)(_tabs.default, {
-            id: "ShareForm-Tabs-Integrations",
-            onChange: this.changeTab,
-            selected: this.state.selectedTab
-          }, (0, _react2.jsx)(_tabs.TabList, null, (0, _react2.jsx)(_tabs.Tab, {
-            key: "share-tab-default"
-          }, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
-            return (0, _react2.jsx)(_tabs.Tab, {
-              key: "share-tab-".concat(integration.type)
-            }, (0, _react2.jsx)("div", {
-              css: integrationWrapperStyles
-            }, (0, _react2.jsx)("span", {
-              css: integrationIconWrapperStyles
-            }, (0, _react2.jsx)(integration.Icon, null)), integrationTabText(integration.type)));
-          }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
-            return (0, _react2.jsx)(_tabs.Tab, {
-              key: "share-tab-".concat(tab.label)
-            }, tab.label);
-          }))), (0, _react2.jsx)(_tabs.TabPanel, {
-            key: "share-tabPanel-default"
-          }, (0, _react2.jsx)("div", {
-            css: formWrapperStyles
-          }, (0, _react2.jsx)("div", {
-            style: {
-              width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
-            }
-          }, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
-            return (0, _react2.jsx)(_tabs.TabPanel, {
-              key: "share-tabPanel-integration"
-            }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
-              data: {
-                source: _analytics.INTEGRATION_MODAL_SOURCE
-              }
-            }, (0, _react2.jsx)("div", {
-              css: formWrapperStyles
-            }, (0, _react2.jsx)("div", {
-              style: {
-                width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
-              }
-            }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-              Content: integration.Content,
-              onIntegrationClose: function onIntegrationClose() {
-                return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-              },
-              changeTab: _this2.changeTab
-            })))));
-          }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
-            return (0, _react2.jsx)(_tabs.TabPanel, {
-              key: "share-tabPanel-".concat(tab.label)
-            }, (0, _react2.jsx)("div", {
-              css: formWrapperStyles
-            }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-              Content: tab.Content,
-              onIntegrationClose: function onIntegrationClose() {
-                return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-              },
-              changeTab: _this2.changeTab
-            })));
-          })));
-        }
-      }
-      if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
+      var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
+      var hasAdditionalTabs = additionalTabs && additionalTabs.length;
+      if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
         return this.renderShareForm();
       }
-      var firstIntegration = shareIntegrations[0];
       if (selectedMenuItem === 'default') {
         return this.renderShareForm();
       }
-      if (selectedMenuItem === 'Slack') {
-        return (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          }
-        });
-      }
-      if (integrationMode === 'menu') {
-        return (0, _react2.jsx)(_primitives.Box, {
-          xcss: menuGroupContainerStyles
-        }, (0, _react2.jsx)(_menu.MenuGroup, null, (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
-          iconName: (0, _react2.jsx)(firstIntegration.Icon, null),
-          labelId: _i18n.messages.slackMenuItemText,
-          onClickHandler: function onClickHandler() {
-            return _this2.changeMenuItem('Slack');
-          }
-        }), (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
-          iconName: (0, _react2.jsx)(_email.default, {
-            color: "currentColor",
-            label: "",
-            LEGACY_size: "medium",
-            spacing: "spacious"
-          }),
-          labelId: _i18n.messages.emailMenuItemText,
-          onClickHandler: function onClickHandler() {
-            return _this2.changeMenuItem('default');
-          }
-        })));
+      if (hasShareIntegrations) {
+        var firstIntegration = shareIntegrations[0];
+        if (selectedMenuItem === 'Slack') {
+          return (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
+            Content: firstIntegration.Content,
+            onIntegrationClose: function onIntegrationClose() {
+              return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+            }
+          });
+        }
+        if (integrationMode === 'menu') {
+          return (0, _react2.jsx)(_primitives.Box, {
+            xcss: menuGroupContainerStyles
+          }, (0, _react2.jsx)(_menu.MenuGroup, null, (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
+            iconName: (0, _react2.jsx)(firstIntegration.Icon, null),
+            labelId: _i18n.messages.slackMenuItemText,
+            onClickHandler: function onClickHandler() {
+              return _this2.changeMenuItem('Slack');
+            }
+          }), (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
+            iconName: (0, _react2.jsx)(_email.default, {
+              color: "currentColor",
+              label: "",
+              LEGACY_size: "medium",
+              spacing: "spacious"
+            }),
+            labelId: _i18n.messages.emailMenuItemText,
+            onClickHandler: function onClickHandler() {
+              return _this2.changeMenuItem('default');
+            }
+          })));
+        }
       }
       if (integrationMode === 'tabs') {
-        var _DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
+        var DEFAULT_TAB_CONTENT_WIDTH = isExtendedShareDialogEnabled ? 452 : 304;
         return (0, _react2.jsx)(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
           onChange: this.changeTab,
           selected: this.state.selectedTab
         }, (0, _react2.jsx)(_tabs.TabList, null, (0, _react2.jsx)(_tabs.Tab, {
           key: "share-tab-default"
-        }, this.renderMainTabTitle()), (0, _react2.jsx)(_tabs.Tab, {
-          key: "share-tab-".concat(firstIntegration.type)
-        }, (0, _react2.jsx)("div", {
-          css: integrationWrapperStyles
-        }, (0, _react2.jsx)("span", {
-          css: integrationIconWrapperStyles
-        }, (0, _react2.jsx)(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
+          return (0, _react2.jsx)(_tabs.Tab, {
+            key: "share-tab-".concat(integration.type)
+          }, (0, _react2.jsx)("div", {
+            css: integrationWrapperStyles
+          }, (0, _react2.jsx)("span", {
+            css: integrationIconWrapperStyles
+          }, (0, _react2.jsx)(integration.Icon, null)), integrationTabText(integration.type)));
+        }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return (0, _react2.jsx)(_tabs.Tab, {
             key: "share-tab-".concat(tab.label)
           }, tab.label);
@@ -484,27 +385,29 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           css: formWrapperStyles
         }, (0, _react2.jsx)("div", {
           style: {
-            width: "".concat(builtInTabContentWidth || _DEFAULT_TAB_CONTENT_WIDTH, "px")
-          }
-        }, this.renderShareForm()))), (0, _react2.jsx)(_tabs.TabPanel, {
-          key: "share-tabPanel-integration"
-        }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
-          data: {
-            source: _analytics.INTEGRATION_MODAL_SOURCE
-          }
-        }, (0, _react2.jsx)("div", {
-          css: formWrapperStyles
-        }, (0, _react2.jsx)("div", {
-          style: {
-            width: "".concat(builtInTabContentWidth || _DEFAULT_TAB_CONTENT_WIDTH, "px")
+            width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
           }
-        }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          },
-          changeTab: this.changeTab
-        }))))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
+          return (0, _react2.jsx)(_tabs.TabPanel, {
+            key: "share-tabPanel-integration"
+          }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+            data: {
+              source: _analytics.INTEGRATION_MODAL_SOURCE
+            }
+          }, (0, _react2.jsx)("div", {
+            css: formWrapperStyles
+          }, (0, _react2.jsx)("div", {
+            style: {
+              width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
+            }
+          }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
+            Content: integration.Content,
+            onIntegrationClose: function onIntegrationClose() {
+              return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+            },
+            changeTab: _this2.changeTab
+          })))));
+        }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return (0, _react2.jsx)(_tabs.TabPanel, {
             key: "share-tabPanel-".concat(tab.label)
           }, (0, _react2.jsx)("div", {

package/dist/cjs/components/ShareFormNext.js

@@ -170,7 +170,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var formSendLabel = _i18n.messages.formShare;
       var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
       var buttonLabel = isRetryableError ? _i18n.messages.formRetry : sendLabel;
-      var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled && (0, _platformFeatureFlags.fg)('plans_outgoing_mail_fix');
+      var buttonDisabled = isDisabled || isNonRetryableError || isSubmitShareDisabled;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : _react.default.Fragment;
       return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
         xcss: (0, _css.cx)(styles.submitButtonWrapperStyles)
@@ -242,167 +242,66 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         builtInTabContentWidth = _this$props7.builtInTabContentWidth,
         handleCloseDialog = _this$props7.handleCloseDialog;
       var selectedMenuItem = this.state.selectedMenuItem;
-      if ((0, _platformFeatureFlags.fg)('plans_outgoing_mail_fix')) {
-        var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
-        var hasAdditionalTabs = additionalTabs && additionalTabs.length;
-        if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
-          return this.renderShareForm();
-        }
-        if (selectedMenuItem === 'default') {
-          return this.renderShareForm();
-        }
-        if (hasShareIntegrations) {
-          var _firstIntegration = shareIntegrations[0];
-          if (selectedMenuItem === 'Slack') {
-            return /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
-              Content: _firstIntegration.Content,
-              onIntegrationClose: function onIntegrationClose() {
-                return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-              }
-            });
-          }
-          if (integrationMode === 'menu') {
-            return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-              xcss: (0, _css.cx)(styles.menuGroupContainerStyles),
-              backgroundColor: "elevation.surface.overlay"
-            }, /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_ShareMenuItem.ShareMenuItem, {
-              iconName: /*#__PURE__*/_react.default.createElement(_firstIntegration.Icon, null),
-              labelId: _i18n.messages.slackMenuItemText,
-              onClickHandler: function onClickHandler() {
-                return _this2.changeMenuItem('Slack');
-              }
-            }), /*#__PURE__*/_react.default.createElement(_ShareMenuItem.ShareMenuItem, {
-              iconName: /*#__PURE__*/_react.default.createElement(_email.default, {
-                color: "currentColor",
-                label: "",
-                LEGACY_size: "medium",
-                spacing: "spacious"
-              }),
-              labelId: _i18n.messages.emailMenuItemText,
-              onClickHandler: function onClickHandler() {
-                return _this2.changeMenuItem('default');
-              }
-            })));
-          }
-        }
-        if (integrationMode === 'tabs') {
-          var DEFAULT_TAB_CONTENT_WIDTH = 304;
-          return /*#__PURE__*/_react.default.createElement(_tabs.default, {
-            id: "ShareForm-Tabs-Integrations",
-            onChange: this.changeTab,
-            selected: this.state.selectedTab
-          }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
-            key: "share-tab-default"
-          }, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
-            return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
-              key: "share-tab-".concat(integration.type)
-            }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-              xcss: (0, _css.cx)(styles.integrationWrapperStyles)
-            }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-              as: "span",
-              xcss: (0, _css.cx)(styles.integrationIconWrapperStyles)
-            }, /*#__PURE__*/_react.default.createElement(integration.Icon, null)), integrationTabText(integration.type)));
-          }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
-            return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
-              key: "share-tab-".concat(tab.label)
-            }, tab.label);
-          }))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
-            key: "share-tabPanel-default"
-          }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-            xcss: (0, _css.cx)(styles.formWrapperStyles)
-          }, /*#__PURE__*/_react.default.createElement("div", {
-            style: {
-              width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
-            }
-          }, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
-            return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
-              key: "share-tabPanel-integration"
-            }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-              data: {
-                source: _analytics.INTEGRATION_MODAL_SOURCE
-              }
-            }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-              xcss: (0, _css.cx)(styles.formWrapperStyles)
-            }, /*#__PURE__*/_react.default.createElement("div", {
-              style: {
-                width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
-              }
-            }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
-              Content: integration.Content,
-              onIntegrationClose: function onIntegrationClose() {
-                return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-              },
-              changeTab: _this2.changeTab
-            })))));
-          }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
-            return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
-              key: "share-tabPanel-".concat(tab.label)
-            }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-              xcss: (0, _css.cx)(styles.formWrapperStyles)
-            }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
-              Content: tab.Content,
-              onIntegrationClose: function onIntegrationClose() {
-                return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-              },
-              changeTab: _this2.changeTab
-            })));
-          })));
-        }
-      }
-      if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
+      var hasShareIntegrations = shareIntegrations && shareIntegrations.length;
+      var hasAdditionalTabs = additionalTabs && additionalTabs.length;
+      if (integrationMode === 'off' || !hasShareIntegrations && !hasAdditionalTabs) {
         return this.renderShareForm();
       }
-      var firstIntegration = shareIntegrations[0];
       if (selectedMenuItem === 'default') {
         return this.renderShareForm();
       }
-      if (selectedMenuItem === 'Slack') {
-        return /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          }
-        });
-      }
-      if (integrationMode === 'menu') {
-        return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-          xcss: (0, _css.cx)(styles.menuGroupContainerStyles),
-          backgroundColor: "elevation.surface.overlay"
-        }, /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_ShareMenuItem.ShareMenuItem, {
-          iconName: /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null),
-          labelId: _i18n.messages.slackMenuItemText,
-          onClickHandler: function onClickHandler() {
-            return _this2.changeMenuItem('Slack');
-          }
-        }), /*#__PURE__*/_react.default.createElement(_ShareMenuItem.ShareMenuItem, {
-          iconName: /*#__PURE__*/_react.default.createElement(_email.default, {
-            color: "currentColor",
-            label: "",
-            LEGACY_size: "medium",
-            spacing: "spacious"
-          }),
-          labelId: _i18n.messages.emailMenuItemText,
-          onClickHandler: function onClickHandler() {
-            return _this2.changeMenuItem('default');
-          }
-        })));
+      if (hasShareIntegrations) {
+        var firstIntegration = shareIntegrations[0];
+        if (selectedMenuItem === 'Slack') {
+          return /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
+            Content: firstIntegration.Content,
+            onIntegrationClose: function onIntegrationClose() {
+              return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+            }
+          });
+        }
+        if (integrationMode === 'menu') {
+          return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+            xcss: (0, _css.cx)(styles.menuGroupContainerStyles),
+            backgroundColor: "elevation.surface.overlay"
+          }, /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_ShareMenuItem.ShareMenuItem, {
+            iconName: /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null),
+            labelId: _i18n.messages.slackMenuItemText,
+            onClickHandler: function onClickHandler() {
+              return _this2.changeMenuItem('Slack');
+            }
+          }), /*#__PURE__*/_react.default.createElement(_ShareMenuItem.ShareMenuItem, {
+            iconName: /*#__PURE__*/_react.default.createElement(_email.default, {
+              color: "currentColor",
+              label: "",
+              LEGACY_size: "medium",
+              spacing: "spacious"
+            }),
+            labelId: _i18n.messages.emailMenuItemText,
+            onClickHandler: function onClickHandler() {
+              return _this2.changeMenuItem('default');
+            }
+          })));
+        }
       }
       if (integrationMode === 'tabs') {
-        var _DEFAULT_TAB_CONTENT_WIDTH = 304;
+        var DEFAULT_TAB_CONTENT_WIDTH = 304;
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
           onChange: this.changeTab,
           selected: this.state.selectedTab
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
-        }, this.renderMainTabTitle()), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
-          key: "share-tab-".concat(firstIntegration.type)
-        }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-          xcss: (0, _css.cx)(styles.integrationWrapperStyles)
-        }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-          as: "span",
-          xcss: (0, _css.cx)(styles.integrationIconWrapperStyles)
-        }, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }, this.renderMainTabTitle()), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
+          return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
+            key: "share-tab-".concat(integration.type)
+          }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+            xcss: (0, _css.cx)(styles.integrationWrapperStyles)
+          }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+            as: "span",
+            xcss: (0, _css.cx)(styles.integrationIconWrapperStyles)
+          }, /*#__PURE__*/_react.default.createElement(integration.Icon, null)), integrationTabText(integration.type)));
+        }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
             key: "share-tab-".concat(tab.label)
           }, tab.label);
@@ -412,27 +311,29 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           xcss: (0, _css.cx)(styles.formWrapperStyles)
         }, /*#__PURE__*/_react.default.createElement("div", {
           style: {
-            width: "".concat(builtInTabContentWidth || _DEFAULT_TAB_CONTENT_WIDTH, "px")
-          }
-        }, this.renderShareForm()))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
-          key: "share-tabPanel-integration"
-        }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-          data: {
-            source: _analytics.INTEGRATION_MODAL_SOURCE
+            width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
           }
-        }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-          xcss: (0, _css.cx)(styles.formWrapperStyles)
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          style: {
-            width: "".concat(builtInTabContentWidth || _DEFAULT_TAB_CONTENT_WIDTH, "px")
-          }
-        }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
-          Content: firstIntegration.Content,
-          onIntegrationClose: function onIntegrationClose() {
-            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
-          },
-          changeTab: this.changeTab
-        }))))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }, this.renderShareForm()))), shareIntegrations === null || shareIntegrations === void 0 ? void 0 : shareIntegrations.map(function (integration) {
+          return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
+            key: "share-tabPanel-integration"
+          }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+            data: {
+              source: _analytics.INTEGRATION_MODAL_SOURCE
+            }
+          }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+            xcss: (0, _css.cx)(styles.formWrapperStyles)
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            style: {
+              width: "".concat(builtInTabContentWidth || DEFAULT_TAB_CONTENT_WIDTH, "px")
+            }
+          }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
+            Content: integration.Content,
+            onIntegrationClose: function onIntegrationClose() {
+              return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+            },
+            changeTab: _this2.changeTab
+          })))));
+        }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
             key: "share-tabPanel-".concat(tab.label)
           }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {

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

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