@atlaskit/share 6.12.0 → 6.14.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/share
 
+## 6.14.0
+
+### Minor Changes
+
+- [#177483](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177483)
+  [`a253b30d18585`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a253b30d18585) -
+  [ux] Update extended share dialog header offset
+
+### Patch Changes
+
+- [#176250](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/176250)
+  [`6ad5979076014`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ad5979076014) -
+  clean plan smartlinks feature gate
+
+## 6.13.0
+
+### Minor Changes
+
+- [#175527](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175527)
+  [`4747c395fd276`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4747c395fd276) -
+  [ux] Update compiled migrated button styles for the extended variant
+
 ## 6.12.0
 
 ### Minor Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -129,7 +129,7 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
           xcss: isExtendedShareDialogEnabled ? [boxWrapperStyle, copyIconContainerStyles] : boxWrapperStyle
         }, (0, _react2.jsx)(_linkLinkFilled.default, {
           LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
-          color: "currentColor",
+          color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #44546F)" : 'currentColor',
           label: "",
           LEGACY_size: "medium"
         })),

package/dist/cjs/components/CopyLinkButtonNext.js

@@ -117,7 +117,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
           xcss: (0, _css.cx)(isExtendedShareDialogEnabled ? styles.copyIconContainerStyles : styles.boxWrapper)
         }, /*#__PURE__*/_react.default.createElement(_linkLinkFilled.default, {
           LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
-          color: "currentColor",
+          color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #44546F)" : 'currentColor',
           label: "",
           LEGACY_size: "medium"
         })),
@@ -128,7 +128,8 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
           return {
             buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
               color: "var(--ds-text, #172B4D)",
-              font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+              font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+              alignItems: 'center'
             }),
             spinnerStyles: current(themeProps).spinnerStyles
           };

package/dist/cjs/components/ShareDialogContainer.js

@@ -22,6 +22,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntlNext = require("react-intl-next");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AtlassianUrlShortenerClient = require("../clients/AtlassianUrlShortenerClient");
 var _ShareServiceClient = require("../clients/ShareServiceClient");
 var _i18n = require("../i18n");
@@ -222,8 +223,14 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
       });
     }, _fastDeepEqual.default));
     (0, _defineProperty2.default)(_this, "getFormShareLink", function () {
-      // original share link is used here
-      return _this.getRawLink();
+      var rawLink = _this.getRawLink();
+      // Check if origin tracing on share link is enabled
+      if ((0, _platformFeatureFlags.fg)('page_shared_event_from_share_dialogue')) {
+        var originTracing = _this.getFormShareOriginTracing();
+        return memoizedFormatCopyLink(originTracing, rawLink);
+      }
+      // original share link is used if feature flag is disabled
+      return rawLink;
     });
     (0, _tinyInvariant.default)(!props.client, 'elements/share: Breaking change, please update your props!');
     _this.shareClient = props.shareClient || new _ShareServiceClient.ShareServiceClient();

package/dist/cjs/components/ShareForm.js

@@ -22,7 +22,6 @@ var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _menu = require("@atlaskit/menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _colors = require("@atlaskit/theme/colors");
@@ -391,11 +390,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }, (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) {
+        }), 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, {
+        })), (0, _react2.jsx)(_tabs.TabPanel, {
           key: "share-tabPanel-default"
         }, (0, _react2.jsx)("div", {
           css: formWrapperStyles
@@ -423,7 +422,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })))));
-        }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }), 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", {
@@ -435,7 +434,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })));
-        })));
+        }));
       }
       return this.renderShareForm();
     }

package/dist/cjs/components/ShareFormNext.js

@@ -25,7 +25,6 @@ var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _menu = require("@atlaskit/menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _colors = require("@atlaskit/theme/colors");
@@ -300,11 +299,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             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) {
+        }), 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, {
+        })), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"
         }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
           xcss: (0, _css.cx)(styles.formWrapperStyles)
@@ -332,7 +331,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })))));
-        }), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }), 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, {
@@ -344,7 +343,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })));
-        })));
+        }));
       }
       return this.renderShareForm();
     }

package/dist/cjs/components/ShareFormWrapper/compiled.js

@@ -10,7 +10,6 @@ require("./compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var styles = {
   menuNotSelectedAndMenuIntegration: "_1bsbpk3t",
@@ -30,12 +29,10 @@ var InlineDialogFormWrapper = exports.InlineDialogFormWrapper = function InlineD
       xcss: (0, _css.cx)(styles.menuNotSelectedAndMenuIntegration)
     }, children);
   }
-  if ((0, _platformFeatureFlags.fg)('smart_links_for_plans_platform')) {
-    if (integrationMode === 'tabs') {
-      return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-        xcss: (0, _css.cx)(styles.tabsIntegration)
-      }, children);
-    }
+  if (integrationMode === 'tabs') {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: (0, _css.cx)(styles.tabsIntegration)
+    }, children);
   }
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(isExtendedShareDialogEnabled ? styles.extendedDefault : styles.default)

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
 var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ShareMenuItem = require("../ShareMenuItem");
 /**
  * @jsxRuntime classic
@@ -27,10 +26,8 @@ var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return _ShareMenuItem.menuWrapperWidth;
   }
-  if ((0, _platformFeatureFlags.fg)('smart_links_for_plans_platform')) {
-    if (integrationMode === 'tabs') {
-      return 'auto';
-    }
+  if (integrationMode === 'tabs') {
+    return 'auto';
   }
   return formWidth;
 };

package/dist/cjs/components/ShareHeader.js

@@ -22,7 +22,7 @@ var headerWrapperStyles = (0, _primitives.xcss)({
   lineHeight: 'space.400'
 });
 var headerWrapperExtraSpaceStyles = (0, _primitives.xcss)({
-  marginBottom: 'space.200',
+  marginBottom: 'space.150',
   color: 'color.text'
 });
 var ShareHeader = exports.ShareHeader = function ShareHeader(_ref) {

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.11.2"
+    packageVersion: "6.13.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/CopyLinkButton.js

@@ -111,7 +111,7 @@ export class CopyLinkButtonInner extends React.Component {
           xcss: isExtendedShareDialogEnabled ? [boxWrapperStyle, copyIconContainerStyles] : boxWrapperStyle
         }, jsx(LinkFilledIcon, {
           LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 0`,
-          color: "currentColor",
+          color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #44546F)" : 'currentColor',
           label: "",
           LEGACY_size: "medium"
         })),

package/dist/es2019/components/CopyLinkButtonNext.js

@@ -95,7 +95,7 @@ export class CopyLinkButton extends React.Component {
           xcss: cx(isExtendedShareDialogEnabled ? styles.copyIconContainerStyles : styles.boxWrapper)
         }, /*#__PURE__*/React.createElement(LinkFilledIcon, {
           LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 0`,
-          color: "currentColor",
+          color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #44546F)" : 'currentColor',
           label: "",
           LEGACY_size: "medium"
         })),
@@ -106,7 +106,8 @@ export class CopyLinkButton extends React.Component {
           buttonStyles: {
             ...current(themeProps).buttonStyles,
             color: "var(--ds-text, #172B4D)",
-            font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+            font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+            alignItems: 'center'
           },
           spinnerStyles: current(themeProps).spinnerStyles
         }) : undefined

package/dist/es2019/components/ShareDialogContainer.js

@@ -5,6 +5,7 @@ import memoizeOne from 'memoize-one';
 import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';
 import { messages } from '../i18n';
@@ -182,8 +183,14 @@ export class ShareDialogContainerInternal extends React.Component {
       });
     }, deepEqual));
     _defineProperty(this, "getFormShareLink", () => {
-      // original share link is used here
-      return this.getRawLink();
+      const rawLink = this.getRawLink();
+      // Check if origin tracing on share link is enabled
+      if (fg('page_shared_event_from_share_dialogue')) {
+        const originTracing = this.getFormShareOriginTracing();
+        return memoizedFormatCopyLink(originTracing, rawLink);
+      }
+      // original share link is used if feature flag is disabled
+      return rawLink;
     });
     assert(!props.client, 'elements/share: Breaking change, please update your props!');
     this.shareClient = props.shareClient || new ShareServiceClient();

package/dist/es2019/components/ShareForm.js

@@ -15,7 +15,6 @@ import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
@@ -367,9 +366,9 @@ class InternalForm extends React.PureComponent {
         css: integrationWrapperStyles
       }, jsx("span", {
         css: integrationIconWrapperStyles
-      }, jsx(integration.Icon, null)), integrationTabText(integration.type)))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(Tab, {
+      }, jsx(integration.Icon, null)), integrationTabText(integration.type)))), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(Tab, {
         key: `share-tab-${tab.label}`
-      }, tab.label)))), jsx(TabPanel, {
+      }, tab.label))), jsx(TabPanel, {
         key: `share-tabPanel-default`
       }, jsx("div", {
         css: formWrapperStyles
@@ -393,7 +392,7 @@ class InternalForm extends React.PureComponent {
         Content: integration.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: this.changeTab
-      })))))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(TabPanel, {
+      })))))), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(TabPanel, {
         key: `share-tabPanel-${tab.label}`
       }, jsx("div", {
         css: formWrapperStyles
@@ -401,7 +400,7 @@ class InternalForm extends React.PureComponent {
         Content: tab.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: this.changeTab
-      }))))));
+      })))));
     }
     return this.renderShareForm();
   }

package/dist/es2019/components/ShareFormNext.js

@@ -12,7 +12,6 @@ import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
@@ -273,9 +272,9 @@ class InternalForm extends React.PureComponent {
       }, /*#__PURE__*/React.createElement(Box, {
         as: "span",
         xcss: cx(styles.integrationIconWrapperStyles)
-      }, /*#__PURE__*/React.createElement(integration.Icon, null)), integrationTabText(integration.type)))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => /*#__PURE__*/React.createElement(Tab, {
+      }, /*#__PURE__*/React.createElement(integration.Icon, null)), integrationTabText(integration.type)))), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-${tab.label}`
-      }, tab.label)))), /*#__PURE__*/React.createElement(TabPanel, {
+      }, tab.label))), /*#__PURE__*/React.createElement(TabPanel, {
         key: `share-tabPanel-default`
       }, /*#__PURE__*/React.createElement(Box, {
         xcss: cx(styles.formWrapperStyles)
@@ -299,7 +298,7 @@ class InternalForm extends React.PureComponent {
         Content: integration.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: this.changeTab
-      })))))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => /*#__PURE__*/React.createElement(TabPanel, {
+      })))))), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => /*#__PURE__*/React.createElement(TabPanel, {
         key: `share-tabPanel-${tab.label}`
       }, /*#__PURE__*/React.createElement(Box, {
         xcss: cx(styles.formWrapperStyles)
@@ -307,7 +306,7 @@ class InternalForm extends React.PureComponent {
         Content: tab.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: this.changeTab
-      }))))));
+      })))));
     }
     return this.renderShareForm();
   }

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

@@ -3,7 +3,6 @@ import "./compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
   menuNotSelectedAndMenuIntegration: "_1bsbpk3t",
@@ -24,12 +23,10 @@ export const InlineDialogFormWrapper = ({
       xcss: cx(styles.menuNotSelectedAndMenuIntegration)
     }, children);
   }
-  if (fg('smart_links_for_plans_platform')) {
-    if (integrationMode === 'tabs') {
-      return /*#__PURE__*/React.createElement(Box, {
-        xcss: cx(styles.tabsIntegration)
-      }, children);
-    }
+  if (integrationMode === 'tabs') {
+    return /*#__PURE__*/React.createElement(Box, {
+      xcss: cx(styles.tabsIntegration)
+    }, children);
   }
   return /*#__PURE__*/React.createElement(Box, {
     xcss: cx(isExtendedShareDialogEnabled ? styles.extendedDefault : styles.default)

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

@@ -5,7 +5,6 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { menuWrapperWidth } from '../ShareMenuItem';
 
 /**
@@ -22,10 +21,8 @@ const calculateFormWrapperWidth = ({
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return menuWrapperWidth;
   }
-  if (fg('smart_links_for_plans_platform')) {
-    if (integrationMode === 'tabs') {
-      return 'auto';
-    }
+  if (integrationMode === 'tabs') {
+    return 'auto';
   }
   return formWidth;
 };

package/dist/es2019/components/ShareHeader.js

@@ -15,7 +15,7 @@ const headerWrapperStyles = xcss({
   lineHeight: 'space.400'
 });
 const headerWrapperExtraSpaceStyles = xcss({
-  marginBottom: 'space.200',
+  marginBottom: 'space.150',
   color: 'color.text'
 });
 export const ShareHeader = ({

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

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

package/dist/esm/components/CopyLinkButton.js

@@ -125,7 +125,7 @@ export var CopyLinkButtonInner = /*#__PURE__*/function (_React$Component) {
           xcss: isExtendedShareDialogEnabled ? [boxWrapperStyle, copyIconContainerStyles] : boxWrapperStyle
         }, jsx(LinkFilledIcon, {
           LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
-          color: "currentColor",
+          color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #44546F)" : 'currentColor',
           label: "",
           LEGACY_size: "medium"
         })),

package/dist/esm/components/CopyLinkButtonNext.js

@@ -110,7 +110,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           xcss: cx(isExtendedShareDialogEnabled ? styles.copyIconContainerStyles : styles.boxWrapper)
         }, /*#__PURE__*/React.createElement(LinkFilledIcon, {
           LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
-          color: "currentColor",
+          color: isExtendedShareDialogEnabled ? "var(--ds-text-subtle, #44546F)" : 'currentColor',
           label: "",
           LEGACY_size: "medium"
         })),
@@ -121,7 +121,8 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           return {
             buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
               color: "var(--ds-text, #172B4D)",
-              font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+              font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+              alignItems: 'center'
             }),
             spinnerStyles: current(themeProps).spinnerStyles
           };

package/dist/esm/components/ShareDialogContainer.js

@@ -20,6 +20,7 @@ import memoizeOne from 'memoize-one';
 import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';
 import { messages } from '../i18n';
@@ -215,8 +216,14 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
       });
     }, deepEqual));
     _defineProperty(_this, "getFormShareLink", function () {
-      // original share link is used here
-      return _this.getRawLink();
+      var rawLink = _this.getRawLink();
+      // Check if origin tracing on share link is enabled
+      if (fg('page_shared_event_from_share_dialogue')) {
+        var originTracing = _this.getFormShareOriginTracing();
+        return memoizedFormatCopyLink(originTracing, rawLink);
+      }
+      // original share link is used if feature flag is disabled
+      return rawLink;
     });
     assert(!props.client, 'elements/share: Breaking change, please update your props!');
     _this.shareClient = props.shareClient || new ShareServiceClient();

package/dist/esm/components/ShareForm.js

@@ -24,7 +24,6 @@ import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
@@ -385,11 +384,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }, jsx("span", {
             css: integrationIconWrapperStyles
           }, jsx(integration.Icon, null)), integrationTabText(integration.type)));
-        }), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return jsx(Tab, {
             key: "share-tab-".concat(tab.label)
           }, tab.label);
-        }))), jsx(TabPanel, {
+        })), jsx(TabPanel, {
           key: "share-tabPanel-default"
         }, jsx("div", {
           css: formWrapperStyles
@@ -417,7 +416,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })))));
-        }), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return jsx(TabPanel, {
             key: "share-tabPanel-".concat(tab.label)
           }, jsx("div", {
@@ -429,7 +428,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })));
-        })));
+        }));
       }
       return this.renderShareForm();
     }

package/dist/esm/components/ShareFormNext.js

@@ -21,7 +21,6 @@ import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
@@ -291,11 +290,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             as: "span",
             xcss: cx(styles.integrationIconWrapperStyles)
           }, /*#__PURE__*/React.createElement(integration.Icon, null)), integrationTabText(integration.type)));
-        }), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return /*#__PURE__*/React.createElement(Tab, {
             key: "share-tab-".concat(tab.label)
           }, tab.label);
-        }))), /*#__PURE__*/React.createElement(TabPanel, {
+        })), /*#__PURE__*/React.createElement(TabPanel, {
           key: "share-tabPanel-default"
         }, /*#__PURE__*/React.createElement(Box, {
           xcss: cx(styles.formWrapperStyles)
@@ -323,7 +322,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })))));
-        }), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+        }), additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
           return /*#__PURE__*/React.createElement(TabPanel, {
             key: "share-tabPanel-".concat(tab.label)
           }, /*#__PURE__*/React.createElement(Box, {
@@ -335,7 +334,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             },
             changeTab: _this2.changeTab
           })));
-        })));
+        }));
       }
       return this.renderShareForm();
     }

package/dist/esm/components/ShareFormWrapper/compiled.js

@@ -3,7 +3,6 @@ import "./compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
   menuNotSelectedAndMenuIntegration: "_1bsbpk3t",
@@ -23,12 +22,10 @@ export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
       xcss: cx(styles.menuNotSelectedAndMenuIntegration)
     }, children);
   }
-  if (fg('smart_links_for_plans_platform')) {
-    if (integrationMode === 'tabs') {
-      return /*#__PURE__*/React.createElement(Box, {
-        xcss: cx(styles.tabsIntegration)
-      }, children);
-    }
+  if (integrationMode === 'tabs') {
+    return /*#__PURE__*/React.createElement(Box, {
+      xcss: cx(styles.tabsIntegration)
+    }, children);
   }
   return /*#__PURE__*/React.createElement(Box, {
     xcss: cx(isExtendedShareDialogEnabled ? styles.extendedDefault : styles.default)

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

@@ -5,7 +5,6 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { menuWrapperWidth } from '../ShareMenuItem';
 
 /**
@@ -21,10 +20,8 @@ var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
   if (!isMenuItemSelected && integrationMode === 'menu') {
     return menuWrapperWidth;
   }
-  if (fg('smart_links_for_plans_platform')) {
-    if (integrationMode === 'tabs') {
-      return 'auto';
-    }
+  if (integrationMode === 'tabs') {
+    return 'auto';
   }
   return formWidth;
 };

package/dist/esm/components/ShareHeader.js

@@ -15,7 +15,7 @@ var headerWrapperStyles = xcss({
   lineHeight: 'space.400'
 });
 var headerWrapperExtraSpaceStyles = xcss({
-  marginBottom: 'space.200',
+  marginBottom: 'space.150',
   color: 'color.text'
 });
 export var ShareHeader = function ShareHeader(_ref) {

package/dist/esm/components/analytics/analytics.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.12.0",
+	"version": "6.14.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,11 +44,11 @@
 		"@atlaskit/dropdown-menu": "^16.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.0.0",
+		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/primitives": "^14.9.0",
@@ -57,10 +57,10 @@
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.2.0",
+		"@atlaskit/user-picker": "^11.3.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -122,9 +122,6 @@
 		"enable-appropriate-reading-order-in-share-dialog": {
 			"type": "boolean"
 		},
-		"smart_links_for_plans_platform": {
-			"type": "boolean"
-		},
 		"jira-issue-terminology-refresh-m3": {
 			"type": "boolean"
 		},
@@ -139,6 +136,9 @@
 		},
 		"should-render-to-parent-should-be-true-people-and-": {
 			"type": "boolean"
+		},
+		"page_shared_event_from_share_dialogue": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [