@atlaskit/emoji 72.2.7 → 72.3.2

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/emoji
 
+## 72.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 72.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 72.3.0
+
+### Minor Changes
+
+- [`61008cdfc8e14`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/61008cdfc8e14) -
+  Added optional `isDecorative?: boolean` prop behind the `emoji_decorative_label` feature gate.
+  When set to `true`, the emoji is treated as a decorative image (removes its accessible label) so
+  it does not add noise for screen-reader users.
+
+## 72.2.8
+
+### Patch Changes
+
+- [`c53eca7e4a2bf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c53eca7e4a2bf) -
+  Cleanup feature gate `add_emoji_media_size_to_media_file_upload_request`. Emoji media uploads now
+  always send file size information in the media file upload request.
+- [`5598b12df2212`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5598b12df2212) -
+  Add feature gate platform_teamoji_26_refresh_emoji_picker_user_id for teamoji changes - by
+  atlassianAccountId, for evaluation from non-tenanted products
+- Updated dependencies
+
 ## 72.2.7
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -61,6 +61,9 @@
 		{
 			"path": "../../../media/media-client-react/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -61,6 +61,9 @@
 		{
 			"path": "../../../media/media-client-react/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
 		},

package/dist/cjs/api/EmojiRepository.js

@@ -16,7 +16,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _jsSearch = require("js-search");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _types = require("../types");
 var _constants = require("../util/constants");
 var _getCategoryId = require("../util/get-category-id");
@@ -26,6 +25,7 @@ var _getEmojiVariation = require("./getEmojiVariation");
 var _UsageFrequencyTracker = require("./internal/UsageFrequencyTracker");
 var _createSearchEmojiComparator = require("./internal/createSearchEmojiComparator");
 var _createUsageOnlyEmojiComparator = require("./internal/createUsageOnlyEmojiComparator");
+var _teamoji26RefreshEmojiPicker = require("../util/teamoji26RefreshEmojiPicker");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
@@ -141,15 +141,8 @@ var findEmojiIndex = function findEmojiIndex(emojis, toFind) {
   });
   return match;
 };
-var teamojiRefreshExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
 var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
-  return isEnabled;
+  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
 };
 var EmojiRepository = exports.default = /*#__PURE__*/function () {
   // protected to allow subclasses to access (for testing and storybooks).

package/dist/cjs/api/EmojiResource.js

@@ -20,7 +20,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _types = require("../types");
@@ -33,6 +32,7 @@ var _logger = _interopRequireDefault(require("../util/logger"));
 var _storageAvailable = _interopRequireDefault(require("../util/storage-available"));
 var _timedPromise = require("../util/timed-promise");
 var _toEmojiId = require("../util/to-emoji-id");
+var _teamoji26RefreshEmojiPicker = require("../util/teamoji26RefreshEmojiPicker");
 var _EmojiLoader = _interopRequireDefault(require("./EmojiLoader"));
 var _EmojiRepository = _interopRequireDefault(require("./EmojiRepository"));
 var _SiteEmojiResource = _interopRequireDefault(require("./media/SiteEmojiResource"));
@@ -42,16 +42,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
-var teamoji26RefreshEmojiPickerExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
 var teamoji26QueryParam = 'useTeamoji26=true';
-var isTeamoji26RefreshEmojiPickerEnabled = function isTeamoji26RefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  return _featureGates.default.getExperimentValue(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false);
-};
 var addTeamoji26QueryParam = function addTeamoji26QueryParam(url) {
   if (!url.includes('/atlassian') || /[?&]useTeamoji26=/.test(url)) {
     return url;
@@ -91,7 +82,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
       return url.replace('/gateway/api/emoji', '/gateway/api/elements/emoji');
     };
     var stargateEmojiPathEnabled = (0, _fg.fg)('use-elements-stargate-emoji-path');
-    var teamoji26RefreshEmojiPickerEnabled = isTeamoji26RefreshEmojiPickerEnabled();
+    var teamoji26RefreshEmojiPickerEnabled = (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
     var singleEmojiApi = config.singleEmojiApi;
     var optimisticImageApi = config.optimisticImageApi;
     var providers = config.providers.map(function (provider) {

package/dist/cjs/api/media/SiteEmojiResource.js

@@ -13,7 +13,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _buildEmojiDescriptionWithAltRepresentation = require("../../util/build-emoji-description-with-alt-representation");
 var _convertImageToMediaRepresentation = require("../../util/convert-image-to-media-representation");
@@ -195,41 +194,10 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
             },
             useSha256ForUploads: true
           });
-          if ((0, _fg.fg)('add_emoji_media_size_to_media_file_upload_request')) {
-            mediaClient.file.uploadExternal(upload.dataURL, collectionName, undefined, true).then(function (_ref3) {
-              var uploadableFileUpfrontIds = _ref3.uploadableFileUpfrontIds;
-              var subscription = mediaClient.file.getFileState(uploadableFileUpfrontIds.id, {
-                collectionName: collectionName
-              }).subscribe({
-                next: function next(state) {
-                  if (state.status === 'uploading' && progressCallback) {
-                    progressCallback({
-                      percent: state.progress * mediaProportionOfProgress
-                    });
-                  } else if (state.status === 'processing' || state.status === 'processed') {
-                    subscription.unsubscribe();
-                    var totalUploadTime = Date.now() - startTime;
-                    var mediaUploadTime = totalUploadTime - tokenLoadTime;
-                    (0, _logger.default)('total upload / media upload times', totalUploadTime, mediaUploadTime);
-                    _this2.postToEmojiService(upload, uploadableFileUpfrontIds.id).then(function (emoji) {
-                      resolve(emoji);
-                    }).catch(function (httpError) {
-                      reject(httpError.reason || httpError);
-                    });
-                  }
-                },
-                error: function error(_error) {
-                  reject(_error);
-                }
-              });
-            }).catch(function (error) {
-              reject(error);
-            });
-          } else {
-            var subscription = mediaClient.file.upload({
-              content: upload.dataURL,
-              name: upload.filename,
-              collection: collectionName
+          mediaClient.file.uploadExternal(upload.dataURL, collectionName, undefined, true).then(function (_ref3) {
+            var uploadableFileUpfrontIds = _ref3.uploadableFileUpfrontIds;
+            var subscription = mediaClient.file.getFileState(uploadableFileUpfrontIds.id, {
+              collectionName: collectionName
             }).subscribe({
               next: function next(state) {
                 if (state.status === 'uploading' && progressCallback) {
@@ -241,18 +209,20 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
                   var totalUploadTime = Date.now() - startTime;
                   var mediaUploadTime = totalUploadTime - tokenLoadTime;
                   (0, _logger.default)('total upload / media upload times', totalUploadTime, mediaUploadTime);
-                  _this2.postToEmojiService(upload, state.id).then(function (emoji) {
+                  _this2.postToEmojiService(upload, uploadableFileUpfrontIds.id).then(function (emoji) {
                     resolve(emoji);
                   }).catch(function (httpError) {
                     reject(httpError.reason || httpError);
                   });
                 }
               },
-              error: function error(_error2) {
-                reject(_error2);
+              error: function error(_error) {
+                reject(_error);
               }
             });
-          }
+          }).catch(function (error) {
+            reject(error);
+          });
         });
       });
     }

package/dist/cjs/components/common/AddEmoji.js

@@ -12,22 +12,13 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _reactIntl = require("react-intl");
 var _i18n = require("../i18n");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiActionsTestId = exports.emojiActionsTestId = 'emoji-actions';
 var uploadEmojiTestId = exports.uploadEmojiTestId = 'upload-emoji';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var addCustomEmoji = null;
 
 // Generic Type for the wrapped functional component
@@ -36,7 +27,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
   var handleOpenUpload = (0, _react.useCallback)(function (event) {
-    if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
+    if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       event.preventDefault();
       event.stopPropagation();
     }

package/dist/cjs/components/common/DeleteButton.js

@@ -15,17 +15,8 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-cir
 var _constants = require("../../util/constants");
 var _styles = require("./styles");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
 };
@@ -37,7 +28,7 @@ var refreshedDeleteButton = null;
  */
 var RENDER_EMOJI_DELETE_BUTTON_TESTID = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 var DeleteButton = function DeleteButton(props) {
-  var isRefreshEnabled = isRefreshEmojiPickerEnabled();
+  var isRefreshEnabled = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
   return /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", _styles.emojiDeleteButton]),

package/dist/cjs/components/common/Emoji.js

@@ -30,7 +30,8 @@ var _handleDelete = require("./handleDelete");
 var _ImageEmoji = require("./ImageEmoji");
 var _SpriteEmoji = require("./SpriteEmoji");
 var _UnicodeEmoji = require("./UnicodeEmoji");
-var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji", "renderUnicodeEmojiAsImage"];
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji", "renderUnicodeEmojiAsImage", "isDecorative"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiSpriteContainer = null;
 var emojiImageContainer = null;
@@ -84,7 +85,6 @@ var handleFocus = function handleFocus(props, event) {
   }
 };
 var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _emoji$name;
   var emoji = props.emoji,
     fitToHeight = props.fitToHeight,
     selected = props.selected,
@@ -107,11 +107,21 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
     type = props.type,
     editorEmoji = props.editorEmoji,
     renderUnicodeEmojiAsImage = props.renderUnicodeEmojiAsImage,
+    isDecorative = props.isDecorative,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
   var intl = (0, _react.useContext)(_reactIntl.IntlContext);
-  var ariaLabel = editorEmoji ? undefined : intl ? intl.formatMessage(_i18n.messages.changeEmojiShortnameButtonLabel, {
-    shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
-  }) : emoji.shortName;
+  var isAriaLabelEmpty = editorEmoji || isDecorative && (0, _fg.fg)('emoji_decorative_label');
+  var ariaLabel;
+  if (isAriaLabelEmpty) {
+    ariaLabel = undefined;
+  } else if (intl) {
+    var _emoji$name;
+    ariaLabel = intl.formatMessage(_i18n.messages.changeEmojiShortnameButtonLabel, {
+      shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
+    });
+  } else {
+    ariaLabel = emoji.shortName;
+  }
   var tooltipContent = showTooltip && (0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName || emoji.name || undefined : undefined;
   var emojiSpan = /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',

package/dist/cjs/components/common/EmojiDeletePreview.js

@@ -18,7 +18,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
@@ -29,18 +28,10 @@ var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
 var _EmojiErrorMessage = _interopRequireWildcard(require("./EmojiErrorMessage"));
 var _RetryableButton = _interopRequireDefault(require("./RetryableButton"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var deleteFooter = null;
 var deletePreview = null;
 var deleteText = null;
@@ -57,7 +48,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     (0, _classCallCheck2.default)(this, EmojiDeletePreview);
     _this = _callSuper(this, EmojiDeletePreview, [props]);
     (0, _defineProperty2.default)(_this, "stopClickPropagationForRefreshEmojiPicker", function (event) {
-      if (isRefreshEmojiPickerEnabled()) {
+      if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
         event === null || event === void 0 || event.stopPropagation();
       }
     });
@@ -113,7 +104,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         loading = _this$state.loading,
         error = _this$state.error;
       var formatMessage = intl.formatMessage;
-      if (isRefreshEmojiPickerEnabled()) {
+      if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
         return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
           noFocusGuards: true
         }, /*#__PURE__*/React.createElement("div", {

package/dist/cjs/components/common/EmojiErrorMessage.js

@@ -14,18 +14,9 @@ var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _errorMessage = require("@atlaskit/form/error-message");
 var _reactIntl = require("react-intl");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _i18n = require("../i18n");
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",
@@ -53,7 +44,7 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     label: formatMessage(_i18n.messages.error),
     spacing: "spacious",
     testId: emojiErrorIconTestId
-  }))) : isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  }))) : (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId
   }, /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId,

package/dist/cjs/components/common/EmojiRadioButton.js

@@ -12,6 +12,7 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 var _constants = require("../../util/constants");
+var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -20,7 +21,7 @@ var emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
 };
 var handleKeyDown = function handleKeyDown(props, event) {
-  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true)) {
+  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)()) {
     var _props$onArrowKey;
     event.preventDefault();
     event.stopPropagation();
@@ -57,7 +58,7 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     onKeyDown: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
-    onChange: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) ? function (e) {
+    onChange: (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)() ? function (e) {
       return e.preventDefault();
     } : undefined,
     className: (0, _runtime.ax)([emojiRadio.default])

package/dist/cjs/components/common/EmojiUploadPicker.js

@@ -29,20 +29,11 @@ var _EmojiUploadPreview = _interopRequireDefault(require("./EmojiUploadPreview")
 var _FileChooser = _interopRequireDefault(require("./FileChooser"));
 var _internalTypes = require("./internal-types");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _browserApis = require("@atlaskit/browser-apis");
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var closeEmojiUploadButton = null;
 var uploadAddRowNew = null;
 var emojiUpload = null;
@@ -78,7 +69,7 @@ var toDefaultUploadName = function toDefaultUploadName(fileName) {
   return sanitizeName(nameWithoutExtension).slice(0, maxNameLength);
 };
 var isSupportedEmojiUploadFileType = function isSupportedEmojiUploadFileType(file) {
-  if (!isRefreshEmojiPickerEnabled()) {
+  if (!(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
     return true;
   }
   if (supportedEmojiUploadMimeTypes.has(file.type)) {
@@ -125,7 +116,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
   var emojiChooseFileTitleNew = formatMessage(_i18n.messages.emojiChooseFileDndTitle);
   var isUploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
   var addEmojiDisabled = !previewImage || !name || isUploading;
-  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": uploadEmojiComponentTestId,
     className: (0, _runtime.ax)(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
   }, /*#__PURE__*/React.createElement("div", {
@@ -137,7 +128,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
   }, /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(_FileChooser.default, {
-      label: isRefreshEmojiPickerEnabled() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
+      label: (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
       onChange: onChooseFile,
       onClick: onClick,
       accept: "image/png,image/jpeg,image/gif",
@@ -222,7 +213,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     "aria-required": true
   })), /*#__PURE__*/React.createElement(_compiled.Text, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(_FileChooser.default, {
-      label: isRefreshEmojiPickerEnabled() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
+      label: (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
       onChange: onChooseFile,
       onClick: onClick,
       accept: "image/png,image/jpeg,image/gif",
@@ -363,7 +354,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
             case 0:
               _context.prev = 0;
               setFilename(file.name);
-              if (!name && isRefreshEmojiPickerEnabled()) {
+              if (!name && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
                 setName(toDefaultUploadName(file.name));
               }
               _context.next = 1;
@@ -418,7 +409,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     }
   }, [cancelChooseFile, errorOnUpload, onFileLoad, onUploadPreviewErrorChange]);
   var cancelUpload = (0, _react.useCallback)(function (event) {
-    if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
+    if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       event === null || event === void 0 || event.preventDefault();
       event === null || event === void 0 || event.stopPropagation();
     }
@@ -437,7 +428,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onChooseFileClicked = function onChooseFileClicked() {
     onFileChooserClicked && onFileChooserClicked();
   };
-  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && isRefreshEmojiPickerEnabled();
+  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
 
   // "Create an emoji with Rovo" AI generation section. Only rendered when the
   // experiment is on AND a page content id is available (the image generation
@@ -449,7 +440,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     fireAnalytics: fireAnalytics,
     onEmojiGenerated: onEmojiGenerated
   }) : null;
-  var content = name && previewImage && !isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
+  var content = name && previewImage && !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -470,7 +461,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     aiSection: aiSection,
     intl: intl
   });
-  return disableFocusLock || isRefreshEmojiPickerEnabled() ? content : /*#__PURE__*/React.createElement(_reactFocusLock.default, {
+  return disableFocusLock || (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? content : /*#__PURE__*/React.createElement(_reactFocusLock.default, {
     noFocusGuards: true
   }, content);
 };

package/dist/cjs/components/common/FileChooser.js

@@ -16,17 +16,8 @@ var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
 var _dropTargetForExternal = require("@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external");
 var _containsFiles = require("@atlaskit/pragmatic-drag-and-drop/utils/contains-files");
 var _getFiles = require("@atlaskit/pragmatic-drag-and-drop/utils/get-files");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!_featureGates.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var chooseFileButtonTestId = exports.chooseFileButtonTestId = 'choose-file-button';
 var fileUploadInputTestId = exports.fileUploadInputTestId = 'file-upload';
 var dropzoneTestId = exports.dropzoneTestId = 'file-dropzone';
@@ -85,7 +76,7 @@ var FileChooser = function FileChooser(props) {
   }, [onChange]);
   (0, _react.useEffect)(function () {
     var element = dropzoneRef.current;
-    if (!element || !isRefreshEmojiPickerEnabled()) {
+    if (!element || !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       return;
     }
     var suppressNativeFileDrop = function suppressNativeFileDrop(event) {
@@ -187,7 +178,7 @@ var FileChooser = function FileChooser(props) {
     },
     "data-testid": fileUploadInputTestId
   });
-  if (isRefreshEmojiPickerEnabled()) {
+  if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: dropzoneRef,
       "data-testid": dropzoneTestId,

package/dist/cjs/components/common/ImageEmoji.js

@@ -28,6 +28,7 @@ var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
 var _Emoji = require("./Emoji");
 var _handleDelete = require("./handleDelete");
 var _styles = require("./styles");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var handleImageError = function handleImageError(props, event) {
   var emoji = props.emoji,
@@ -53,7 +54,8 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
     showDelete = props.showDelete,
     onLoadSuccess = props.onLoadSuccess,
     disableLazyLoad = props.disableLazyLoad,
-    autoWidth = props.autoWidth;
+    autoWidth = props.autoWidth,
+    isDecorative = props.isDecorative;
   var _useInView = (0, _useInView3.useInView)({
       triggerOnce: true
     }),
@@ -140,11 +142,12 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
       onBeforeLoad();
     }
   }, [inView, onBeforeLoad]);
+  var imgAlt = isDecorative && (0, _fg.fg)('emoji_decorative_label') ? '' : emoji.name || emoji.shortName || '';
   var emojiNode = /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
     loading: disableLazyLoad ? 'eager' : 'lazy',
     src: src,
     key: src,
-    alt: emoji.name || emoji.shortName || '',
+    alt: imgAlt,
     "data-emoji-short-name": emoji.shortName,
     "data-emoji-id": emoji.id,
     "data-emoji-text": emoji.fallback || emoji.shortName

package/dist/cjs/components/common/TonePreviewButton.js

@@ -11,6 +11,7 @@ require("./TonePreviewButton.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -31,7 +32,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     _props$isVisible = props.isVisible,
     isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
   var fitToHeight = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
-  return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) ? /*#__PURE__*/React.createElement("button", {
+  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)() ? /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,
     onKeyDown: onKeyDown,