@atlaskit/share 4.18.10 → 4.19.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/share
 
+## 4.19.0
+
+### Minor Changes
+
+- [#121686](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121686)
+  [`806f67cf6655e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/806f67cf6655e) -
+  [ux] passing an optional productAttributes
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.18.11
+
+### Patch Changes
+
+- [#121516](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121516)
+  [`d2d28eeaef085`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2d28eeaef085) -
+  [ux] Announce copied to clipboard text when copy link button is clicked for screen readers
+
 ## 4.18.10
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -25,7 +25,10 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styled = require("./ShareFormWrapper/styled");
 var _styles = _interopRequireDefault(require("./styles"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var Z_INDEX = _constants.layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 var AUTO_DISMISS_MS = exports.AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
@@ -53,6 +56,7 @@ function (props, ref) {
     "aria-hidden": true,
     ref: ref,
     value: props.text,
+    "aria-label": props.label,
     readOnly: true
   });
 });
@@ -143,14 +147,16 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
         "aria-live": "assertive"
       }, shouldShowCopiedMessage && copiedToClipboardText), (0, _react2.jsx)(HiddenInput, {
         ref: this.inputRef,
-        text: this.props.link
+        text: this.props.link,
+        label: copiedToClipboardText
       }), (0, _react2.jsx)(_popup.default, {
         zIndex: Z_INDEX,
         autoFocus: false,
         content: function content() {
           return (0, _react2.jsx)(_styled.InlineDialogContentWrapper, null, (0, _react2.jsx)("div", {
             css: messageContainerStyle,
-            "data-testid": "message-container"
+            "data-testid": "message-container",
+            "aria-hidden": true
           }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_checkCircle.default, {
             label: "",
             primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
@@ -167,7 +173,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
             position: "bottom-start"
           }, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
         },
-        shouldRenderToParent: (0, _platformFeatureFlags.getBooleanFF)('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
       }));
     }
   }]);

package/dist/cjs/components/IntegrationButton.js

@@ -13,7 +13,10 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["text", "textColor", "IntegrationIcon"];
 var _templateObject, _templateObject2;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var integrationButtonCopyWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tjustify-content: left;\n"])));

package/dist/cjs/components/IntegrationForm.js

@@ -10,7 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _typography = require("@atlaskit/theme/typography");
 var _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var formWrapperStyle = exports.formWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\t", "\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), (0, _typography.h500)(), "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");

package/dist/cjs/components/LazyShareForm/LazyShareForm.js

@@ -16,7 +16,10 @@ var _IntegrationForm = require("../IntegrationForm");
 var _ShareForm = require("../ShareForm");
 var _ShareFormWrapper = require("../ShareFormWrapper");
 var _utils = require("../utils");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 /** @jsxFrag */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -46,6 +49,7 @@ function LazyShareForm(props) {
     bottomMessage = props.bottomMessage,
     submitButtonLabel = props.submitButtonLabel,
     product = props.product,
+    productAttributes = props.productAttributes,
     customFooter = props.customFooter,
     enableSmartUserPicker = props.enableSmartUserPicker,
     loggedInAccountId = props.loggedInAccountId,
@@ -108,6 +112,7 @@ function LazyShareForm(props) {
     config: config,
     submitButtonLabel: submitButtonLabel,
     product: product,
+    productAttributes: productAttributes,
     enableSmartUserPicker: enableSmartUserPicker,
     loggedInAccountId: loggedInAccountId,
     cloudId: cloudId,

package/dist/cjs/components/LazyShareForm/lazy.js

@@ -12,7 +12,10 @@ var _reactLooselyLazy = require("react-loosely-lazy");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ShareFormWrapper = require("../ShareFormWrapper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var spinnerWrapperStyles = (0, _react2.css)({
   width: '100%',
   height: '100%',

package/dist/cjs/components/ShareDialogContainer.js

@@ -344,6 +344,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         bottomMessage = _this$props2.bottomMessage,
         shareeAction = _this$props2.shareeAction,
         product = _this$props2.product,
+        productAttributes = _this$props2.productAttributes,
         customFooter = _this$props2.customFooter,
         onTriggerButtonClick = _this$props2.onTriggerButtonClick,
         onUserSelectionChange = _this$props2.onUserSelectionChange,
@@ -394,6 +395,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         bottomMessage: bottomMessage,
         submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.inviteTriggerButtonText),
         product: product,
+        productAttributes: productAttributes,
         customFooter: customFooter,
         onUserSelectionChange: onUserSelectionChange,
         shareFieldsFooter: shareFieldsFooter,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -36,7 +36,10 @@ var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line no-duplicate-imports
 var shareButtonWrapperStyles = (0, _react2.css)({
   display: 'inline-flex',
@@ -532,6 +535,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         bottomMessage = _this$props7.bottomMessage,
         submitButtonLabel = _this$props7.submitButtonLabel,
         product = _this$props7.product,
+        productAttributes = _this$props7.productAttributes,
         customFooter = _this$props7.customFooter,
         enableSmartUserPicker = _this$props7.enableSmartUserPicker,
         loggedInAccountId = _this$props7.loggedInAccountId,
@@ -582,6 +586,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             setIsLoading: _this2.setIsLoading,
             submitButtonLabel: submitButtonLabel,
             product: product,
+            productAttributes: productAttributes,
             enableSmartUserPicker: enableSmartUserPicker,
             loggedInAccountId: loggedInAccountId,
             cloudId: cloudId,

package/dist/cjs/components/ShareForm.js

@@ -42,7 +42,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var submitButtonWrapperStyles = (0, _react2.css)({
   display: 'flex',
   marginLeft: 'auto'
@@ -148,7 +151,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
         formatMessage = _this$props.intl.formatMessage,
         shareError = _this$props.shareError,
-        userPickerOptions = _this$props.userPickerOptions;
+        userPickerOptions = _this$props.userPickerOptions,
+        productAttributes = _this$props.productAttributes;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
@@ -176,7 +180,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
-        userPickerOptions: userPickerOptions
+        userPickerOptions: userPickerOptions,
+        productAttributes: productAttributes
       })), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_CommentField.CommentField, {

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

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineDialogFormWrapper = exports.InlineDialogContentWrapper = void 0;
 var _react = require("@emotion/react");
 var _ShareMenuItem = require("../ShareMenuItem");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/components/ShareHeader.js

@@ -10,7 +10,10 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _typography = require("@atlaskit/theme/typography");
 var _i18n = require("../i18n");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/components/SplitButton.js

@@ -20,7 +20,10 @@ var _i18n = require("../i18n");
 var _analytics = require("./analytics/analytics");
 var _IntegrationButton = _interopRequireDefault(require("./IntegrationButton"));
 var _excluded = ["triggerRef"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/components/UserPickerField.js

@@ -171,7 +171,8 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         orgId = _this$props2.orgId,
         enableSmartUserPicker = _this$props2.enableSmartUserPicker,
         isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        userPickerOptions = _this$props2.userPickerOptions;
+        userPickerOptions = _this$props2.userPickerOptions,
+        productAttributes = _this$props2.productAttributes;
       if (!enableSmartUserPicker || isBrowseUsersDisabled) {
         return {};
       }
@@ -182,7 +183,8 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         includeTeams: true,
         includeGroups: true,
         debounceTime: DEBOUNCE_MS,
-        orgId: orgId
+        orgId: orgId,
+        productAttributes: productAttributes
       };
       var externalUserBylineByProduct = {
         confluence: intl.formatMessage(_i18n.messages.inviteToConfluence),

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

package/dist/es2019/components/CopyLinkButton.js

@@ -1,12 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box, xcss } from '@atlaskit/primitives';
 import { G300 } from '@atlaskit/theme/colors';
@@ -41,6 +44,7 @@ export const HiddenInput = /*#__PURE__*/React.forwardRef(
   "aria-hidden": true,
   ref: ref,
   value: props.text,
+  "aria-label": props.label,
   readOnly: true
 }));
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -121,13 +125,15 @@ export class CopyLinkButton extends React.Component {
       "aria-live": "assertive"
     }, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
       ref: this.inputRef,
-      text: this.props.link
+      text: this.props.link,
+      label: copiedToClipboardText
     }), jsx(Popup, {
       zIndex: Z_INDEX,
       autoFocus: false,
       content: () => jsx(InlineDialogContentWrapper, null, jsx("div", {
         css: messageContainerStyle,
-        "data-testid": "message-container"
+        "data-testid": "message-container",
+        "aria-hidden": true
       }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
         label: "",
         primaryColor: `var(--ds-icon-success, ${G300})`
@@ -141,7 +147,7 @@ export class CopyLinkButton extends React.Component {
         content: copyTooltipText,
         position: "bottom-start"
       }, this.renderTriggerButton(triggerProps)) : this.renderTriggerButton(triggerProps),
-      shouldRenderToParent: getBooleanFF('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
+      shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
     }));
   }
 }

package/dist/es2019/components/IntegrationButton.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/IntegrationForm.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 /** @jsxFrag */
 import React from 'react';
 
@@ -38,6 +41,7 @@ function LazyShareForm(props) {
     bottomMessage,
     submitButtonLabel,
     product,
+    productAttributes,
     customFooter,
     enableSmartUserPicker,
     loggedInAccountId,
@@ -104,6 +108,7 @@ function LazyShareForm(props) {
     config: config,
     submitButtonLabel: submitButtonLabel,
     product: product,
+    productAttributes: productAttributes,
     enableSmartUserPicker: enableSmartUserPicker,
     loggedInAccountId: loggedInAccountId,
     cloudId: cloudId,

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/ShareDialogContainer.js

@@ -290,6 +290,7 @@ export class ShareDialogContainerInternal extends React.Component {
       bottomMessage,
       shareeAction,
       product,
+      productAttributes,
       customFooter,
       onTriggerButtonClick,
       onUserSelectionChange,
@@ -342,6 +343,7 @@ export class ShareDialogContainerInternal extends React.Component {
       bottomMessage: bottomMessage,
       submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/React.createElement(FormattedMessage, messages.inviteTriggerButtonText),
       product: product,
+      productAttributes: productAttributes,
       customFooter: customFooter,
       onUserSelectionChange: onUserSelectionChange,
       shareFieldsFooter: shareFieldsFooter,

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -1,5 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -480,6 +483,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       bottomMessage,
       submitButtonLabel,
       product,
+      productAttributes,
       customFooter,
       enableSmartUserPicker,
       loggedInAccountId,
@@ -530,6 +534,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         setIsLoading: this.setIsLoading,
         submitButtonLabel: submitButtonLabel,
         product: product,
+        productAttributes: productAttributes,
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,

package/dist/es2019/components/ShareForm.js

@@ -1,6 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -123,7 +126,8 @@ class InternalForm extends React.PureComponent {
           formatMessage
         },
         shareError,
-        userPickerOptions
+        userPickerOptions,
+        productAttributes
       } = this.props;
       return jsx(AnalyticsContext, {
         data: {
@@ -152,7 +156,8 @@ class InternalForm extends React.PureComponent {
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
-        userPickerOptions: userPickerOptions
+        userPickerOptions: userPickerOptions,
+        productAttributes: productAttributes
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/es2019/components/ShareHeader.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/SplitButton.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/UserPickerField.js

@@ -138,7 +138,8 @@ export class UserPickerFieldComponent extends React.Component {
         orgId,
         enableSmartUserPicker,
         isBrowseUsersDisabled,
-        userPickerOptions
+        userPickerOptions,
+        productAttributes
       } = this.props;
       if (!enableSmartUserPicker || isBrowseUsersDisabled) {
         return {};
@@ -150,7 +151,8 @@ export class UserPickerFieldComponent extends React.Component {
         includeTeams: true,
         includeGroups: true,
         debounceTime: DEBOUNCE_MS,
-        orgId
+        orgId,
+        productAttributes
       };
       const externalUserBylineByProduct = {
         confluence: intl.formatMessage(messages.inviteToConfluence),

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

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

package/dist/esm/components/CopyLinkButton.js

@@ -7,14 +7,17 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box, xcss } from '@atlaskit/primitives';
 import { G300 } from '@atlaskit/theme/colors';
@@ -49,6 +52,7 @@ function (props, ref) {
     "aria-hidden": true,
     ref: ref,
     value: props.text,
+    "aria-label": props.label,
     readOnly: true
   });
 });
@@ -139,14 +143,16 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
         "aria-live": "assertive"
       }, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
         ref: this.inputRef,
-        text: this.props.link
+        text: this.props.link,
+        label: copiedToClipboardText
       }), jsx(Popup, {
         zIndex: Z_INDEX,
         autoFocus: false,
         content: function content() {
           return jsx(InlineDialogContentWrapper, null, jsx("div", {
             css: messageContainerStyle,
-            "data-testid": "message-container"
+            "data-testid": "message-container",
+            "aria-hidden": true
           }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
             label: "",
             primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
@@ -163,7 +169,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
             position: "bottom-start"
           }, _this2.renderTriggerButton(triggerProps)) : _this2.renderTriggerButton(triggerProps);
         },
-        shouldRenderToParent: getBooleanFF('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
+        shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
       }));
     }
   }]);

package/dist/esm/components/IntegrationButton.js

@@ -2,7 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["text", "textColor", "IntegrationIcon"];
 var _templateObject, _templateObject2;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/IntegrationForm.js

@@ -1,6 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 /** @jsxFrag */
 import React from 'react';
 
@@ -37,6 +40,7 @@ function LazyShareForm(props) {
     bottomMessage = props.bottomMessage,
     submitButtonLabel = props.submitButtonLabel,
     product = props.product,
+    productAttributes = props.productAttributes,
     customFooter = props.customFooter,
     enableSmartUserPicker = props.enableSmartUserPicker,
     loggedInAccountId = props.loggedInAccountId,
@@ -99,6 +103,7 @@ function LazyShareForm(props) {
     config: config,
     submitButtonLabel: submitButtonLabel,
     product: product,
+    productAttributes: productAttributes,
     enableSmartUserPicker: enableSmartUserPicker,
     loggedInAccountId: loggedInAccountId,
     cloudId: cloudId,

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/ShareDialogContainer.js

@@ -337,6 +337,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         bottomMessage = _this$props2.bottomMessage,
         shareeAction = _this$props2.shareeAction,
         product = _this$props2.product,
+        productAttributes = _this$props2.productAttributes,
         customFooter = _this$props2.customFooter,
         onTriggerButtonClick = _this$props2.onTriggerButtonClick,
         onUserSelectionChange = _this$props2.onUserSelectionChange,
@@ -387,6 +388,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         bottomMessage: bottomMessage,
         submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/React.createElement(FormattedMessage, messages.inviteTriggerButtonText),
         product: product,
+        productAttributes: productAttributes,
         customFooter: customFooter,
         onUserSelectionChange: onUserSelectionChange,
         shareFieldsFooter: shareFieldsFooter,

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -11,7 +11,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -531,6 +534,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         bottomMessage = _this$props7.bottomMessage,
         submitButtonLabel = _this$props7.submitButtonLabel,
         product = _this$props7.product,
+        productAttributes = _this$props7.productAttributes,
         customFooter = _this$props7.customFooter,
         enableSmartUserPicker = _this$props7.enableSmartUserPicker,
         loggedInAccountId = _this$props7.loggedInAccountId,
@@ -581,6 +585,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             setIsLoading: _this2.setIsLoading,
             submitButtonLabel: submitButtonLabel,
             product: product,
+            productAttributes: productAttributes,
             enableSmartUserPicker: enableSmartUserPicker,
             loggedInAccountId: loggedInAccountId,
             cloudId: cloudId,

package/dist/esm/components/ShareForm.js

@@ -10,7 +10,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -141,7 +144,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
         formatMessage = _this$props.intl.formatMessage,
         shareError = _this$props.shareError,
-        userPickerOptions = _this$props.userPickerOptions;
+        userPickerOptions = _this$props.userPickerOptions,
+        productAttributes = _this$props.productAttributes;
       return jsx(AnalyticsContext, {
         data: {
           source: ANALYTICS_SOURCE
@@ -169,7 +173,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
         shareError: shareError,
-        userPickerOptions: userPickerOptions
+        userPickerOptions: userPickerOptions,
+        productAttributes: productAttributes
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/components/ShareHeader.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/SplitButton.js

@@ -2,7 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["triggerRef"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/UserPickerField.js

@@ -161,7 +161,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         orgId = _this$props2.orgId,
         enableSmartUserPicker = _this$props2.enableSmartUserPicker,
         isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        userPickerOptions = _this$props2.userPickerOptions;
+        userPickerOptions = _this$props2.userPickerOptions,
+        productAttributes = _this$props2.productAttributes;
       if (!enableSmartUserPicker || isBrowseUsersDisabled) {
         return {};
       }
@@ -172,7 +173,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         includeTeams: true,
         includeGroups: true,
         debounceTime: DEBOUNCE_MS,
-        orgId: orgId
+        orgId: orgId,
+        productAttributes: productAttributes
       };
       var externalUserBylineByProduct = {
         confluence: intl.formatMessage(messages.inviteToConfluence),

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

package/dist/types/components/CopyLinkButton.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 import { type TriggerProps } from '@atlaskit/popup';
@@ -6,6 +9,7 @@ export declare const AUTO_DISMISS_MS: number;
 export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
 type InputProps = {
     text: string;
+    label: string;
 };
 export declare const HiddenInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export type Props = {

package/dist/types/components/IntegrationButton.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type CustomThemeButtonProps } from '@atlaskit/button/types';
 type Props = CustomThemeButtonProps & {

package/dist/types/components/IntegrationForm.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type IntegrationContentProps } from '../types';

package/dist/types/components/LazyShareForm/LazyShareForm.d.ts

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types/components/ShareDialogWithTrigger.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type WrappedComponentProps } from 'react-intl-next';

package/dist/types/components/ShareForm.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type FormChildrenArgs, type MenuType, type ShareData, type ShareFormProps, TabType } from '../types';

package/dist/types/components/ShareFormWrapper/styled.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type IntegrationMode } from '../../types/ShareEntities';

package/dist/types/components/ShareHeader.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type Theme } from '@emotion/react';
 export type Props = {

package/dist/types/components/SplitButton.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type IconButtonProps } from '@atlaskit/button/new';

package/dist/types/components/UserPickerField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-import { type LoadOptions, type OptionData, type Value } from '@atlaskit/smart-user-picker';
+import { type LoadOptions, type OptionData, type Props as SmartUserPickerProps, type Value } from '@atlaskit/smart-user-picker';
 import { type ConfigResponse, type ProductName, type ShareError, type UserPickerOptions } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
@@ -21,6 +21,7 @@ export type Props = {
     isBrowseUsersDisabled?: boolean;
     shareError?: ShareError;
     userPickerOptions?: UserPickerOptions;
+    productAttributes?: SmartUserPickerProps['productAttributes'];
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

package/dist/types/types/ShareDialogContainer.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@atlaskit/button/new';
 import type { IconProps } from '@atlaskit/icon';
-import type { LoadOptions, Value } from '@atlaskit/smart-user-picker';
+import type { LoadOptions, Props as SmartUserPickerProps, Value } from '@atlaskit/smart-user-picker';
 import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import type { ShareClient } from '../clients/ShareServiceClient';
 import type { Flag } from './Flag';
@@ -134,6 +134,7 @@ export type ShareDialogContainerProps = {
      * We use this prop to control different text messages in UI.
      */
     product?: ProductName;
+    productAttributes?: SmartUserPickerProps['productAttributes'];
     /**
      * Footer for the share dialog.
      */

package/dist/types/types/ShareDialogWithTrigger.d.ts

@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/dist/types/types/ShareForm.d.ts

@@ -5,7 +5,7 @@ import type { ProductName } from './Products';
 import type { ShareData, ShareError } from './ShareContentState';
 import type { ShareDialogContainerProps } from './ShareDialogContainer';
 import { type MenuType } from './ShareEntities';
-export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
+export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/dist/types-ts4.5/components/CopyLinkButton.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 import { type TriggerProps } from '@atlaskit/popup';
@@ -6,6 +9,7 @@ export declare const AUTO_DISMISS_MS: number;
 export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
 type InputProps = {
     text: string;
+    label: string;
 };
 export declare const HiddenInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export type Props = {

package/dist/types-ts4.5/components/IntegrationButton.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type CustomThemeButtonProps } from '@atlaskit/button/types';
 type Props = CustomThemeButtonProps & {

package/dist/types-ts4.5/components/IntegrationForm.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type IntegrationContentProps } from '../types';

package/dist/types-ts4.5/components/LazyShareForm/LazyShareForm.d.ts

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types-ts4.5/components/ShareDialogWithTrigger.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type WrappedComponentProps } from 'react-intl-next';

package/dist/types-ts4.5/components/ShareForm.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type FormChildrenArgs, type MenuType, type ShareData, type ShareFormProps, TabType } from '../types';

package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type IntegrationMode } from '../../types/ShareEntities';

package/dist/types-ts4.5/components/ShareHeader.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type Theme } from '@emotion/react';
 export type Props = {

package/dist/types-ts4.5/components/SplitButton.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type IconButtonProps } from '@atlaskit/button/new';

package/dist/types-ts4.5/components/UserPickerField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-import { type LoadOptions, type OptionData, type Value } from '@atlaskit/smart-user-picker';
+import { type LoadOptions, type OptionData, type Props as SmartUserPickerProps, type Value } from '@atlaskit/smart-user-picker';
 import { type ConfigResponse, type ProductName, type ShareError, type UserPickerOptions } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
@@ -21,6 +21,7 @@ export type Props = {
     isBrowseUsersDisabled?: boolean;
     shareError?: ShareError;
     userPickerOptions?: UserPickerOptions;
+    productAttributes?: SmartUserPickerProps['productAttributes'];
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

package/dist/types-ts4.5/types/ShareDialogContainer.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@atlaskit/button/new';
 import type { IconProps } from '@atlaskit/icon';
-import type { LoadOptions, Value } from '@atlaskit/smart-user-picker';
+import type { LoadOptions, Props as SmartUserPickerProps, Value } from '@atlaskit/smart-user-picker';
 import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import type { ShareClient } from '../clients/ShareServiceClient';
 import type { Flag } from './Flag';
@@ -134,6 +134,7 @@ export type ShareDialogContainerProps = {
      * We use this prop to control different text messages in UI.
      */
     product?: ProductName;
+    productAttributes?: SmartUserPickerProps['productAttributes'];
     /**
      * Footer for the share dialog.
      */

package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts

@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/dist/types-ts4.5/types/ShareForm.d.ts

@@ -5,7 +5,7 @@ import type { ProductName } from './Products';
 import type { ShareData, ShareError } from './ShareContentState';
 import type { ShareDialogContainerProps } from './ShareDialogContainer';
 import { type MenuType } from './ShareEntities';
-export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
+export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.18.10",
+	"version": "4.19.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,14 +45,14 @@
 		"@atlaskit/button": "^19.0.0",
 		"@atlaskit/dropdown-menu": "^12.14.0",
 		"@atlaskit/form": "^10.4.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/menu": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.1.0",
 		"@atlaskit/popup": "^1.20.0",
 		"@atlaskit/portal": "^4.6.0",
 		"@atlaskit/primitives": "^11.0.0",
-		"@atlaskit/smart-user-picker": "^6.9.0",
+		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/tabs": "^16.3.0",
 		"@atlaskit/textarea": "^5.5.0",