@atlaskit/emoji 72.2.7 → 72.3.2

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

@@ -9,7 +9,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _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; }
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { buildEmojiDescriptionWithAltRepresentation } from '../../util/build-emoji-description-with-alt-representation';
 import { convertImageToMediaRepresentation } from '../../util/convert-image-to-media-representation';
@@ -188,41 +187,10 @@ var SiteEmojiResource = /*#__PURE__*/function () {
             },
             useSha256ForUploads: true
           });
-          if (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;
-                    debug('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) {
@@ -234,18 +202,20 @@ var SiteEmojiResource = /*#__PURE__*/function () {
                   var totalUploadTime = Date.now() - startTime;
                   var mediaUploadTime = totalUploadTime - tokenLoadTime;
                   debug('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/esm/components/common/AddEmoji.js

@@ -4,21 +4,12 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { FormattedMessage } from 'react-intl';
 import { messages } from '../i18n';
 import Button from '@atlaskit/button/default/button';
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 export var emojiActionsTestId = 'emoji-actions';
 export var uploadEmojiTestId = 'upload-emoji';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var addCustomEmoji = null;
 
 // Generic Type for the wrapped functional component

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

@@ -7,16 +7,7 @@ import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { deleteEmojiLabel } from '../../util/constants';
 import { emojiDeleteButton } from './styles';
 import { Box } from '@atlaskit/primitives/compiled';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 var styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
 };

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

@@ -1,7 +1,7 @@
 /* Emoji.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji", "renderUnicodeEmojiAsImage"];
+var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji", "renderUnicodeEmojiAsImage", "isDecorative"];
 import "./Emoji.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useContext, forwardRef } from 'react';
@@ -23,6 +23,7 @@ import { handleDelete } from './handleDelete';
 import { ImageEmoji } from './ImageEmoji';
 import { SpriteEmoji } from './SpriteEmoji';
 import { UnicodeEmoji } from './UnicodeEmoji';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var emojiSpriteContainer = null;
 var emojiImageContainer = null;
 
@@ -75,7 +76,6 @@ var handleFocus = function handleFocus(props, event) {
   }
 };
 export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _emoji$name;
   var emoji = props.emoji,
     fitToHeight = props.fitToHeight,
     selected = props.selected,
@@ -98,11 +98,21 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     type = props.type,
     editorEmoji = props.editorEmoji,
     renderUnicodeEmojiAsImage = props.renderUnicodeEmojiAsImage,
+    isDecorative = props.isDecorative,
     other = _objectWithoutProperties(props, _excluded);
   var intl = useContext(IntlContext);
-  var ariaLabel = editorEmoji ? undefined : intl ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
-    shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
-  }) : emoji.shortName;
+  var isAriaLabelEmpty = editorEmoji || isDecorative && fg('emoji_decorative_label');
+  var ariaLabel;
+  if (isAriaLabelEmpty) {
+    ariaLabel = undefined;
+  } else if (intl) {
+    var _emoji$name;
+    ariaLabel = intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
+      shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
+    });
+  } else {
+    ariaLabel = emoji.shortName;
+  }
   var tooltipContent = showTooltip && expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName || emoji.name || undefined : undefined;
   var emojiSpan = /*#__PURE__*/React.createElement("span", _extends({
     role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',

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

@@ -12,7 +12,6 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import { Component } from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import AkButton from '@atlaskit/button/default/button';
 import Heading from '@atlaskit/heading/heading';
@@ -23,15 +22,7 @@ import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
 import RetryableButton from './RetryableButton';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 var deleteFooter = null;
 var deletePreview = null;
 var deleteText = null;

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

@@ -6,17 +6,8 @@ import Tooltip from '@atlaskit/tooltip/Tooltip';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { ErrorMessage } from '@atlaskit/form/error-message';
 import { useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { messages } from '../i18n';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 var errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",

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

@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
 import Emoji from './Emoji';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
+import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var emojiButton = null;
@@ -11,7 +12,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') && expValEqualsNoExposure('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true)) {
+  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTeamoji26RefreshEmojiPickerEnabledNoExposure()) {
     var _props$onArrowKey;
     event.preventDefault();
     event.stopPropagation();
@@ -48,7 +49,7 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     onKeyDown: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
-    onChange: expValEqualsNoExposure('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) ? function (e) {
+    onChange: isTeamoji26RefreshEmojiPickerEnabledNoExposure() ? function (e) {
       return e.preventDefault();
     } : undefined,
     className: ax([emojiRadio.default])

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

@@ -21,20 +21,11 @@ import EmojiUploadPreview from './EmojiUploadPreview';
 import FileChooser from './FileChooser';
 import { UploadStatus } from './internal-types';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Button from '@atlaskit/button/default/button';
 import { Box } from '@atlaskit/primitives/compiled';
 import { getDocument } from '@atlaskit/browser-apis';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 var closeEmojiUploadButton = null;
 var uploadAddRowNew = null;
 var emojiUpload = null;

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

@@ -8,16 +8,7 @@ import UploadIcon from '@atlaskit/icon/core/upload';
 import { dropTargetForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external';
 import { containsFiles } from '@atlaskit/pragmatic-drag-and-drop/utils/contains-files';
 import { getFiles } from '@atlaskit/pragmatic-drag-and-drop/utils/get-files';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 export var chooseFileButtonTestId = 'choose-file-button';
 export var fileUploadInputTestId = 'file-upload';
 export var dropzoneTestId = 'file-dropzone';

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

@@ -20,6 +20,7 @@ import DeleteButton from './DeleteButton';
 import { EmojiNodeWrapper } from './Emoji';
 import { handleDelete } from './handleDelete';
 import { emojiNodeStyles, commonSelectedStyles, selectOnHoverStyles, emojiMainStyle, emojiImage, deletableEmoji } from './styles';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var handleImageError = function handleImageError(props, event) {
   var emoji = props.emoji,
     onLoadError = props.onLoadError;
@@ -44,7 +45,8 @@ export var ImageEmoji = function ImageEmoji(props) {
     showDelete = props.showDelete,
     onLoadSuccess = props.onLoadSuccess,
     disableLazyLoad = props.disableLazyLoad,
-    autoWidth = props.autoWidth;
+    autoWidth = props.autoWidth,
+    isDecorative = props.isDecorative;
   var _useInView = useInView({
       triggerOnce: true
     }),
@@ -131,11 +133,12 @@ export var ImageEmoji = function ImageEmoji(props) {
       onBeforeLoad();
     }
   }, [inView, onBeforeLoad]);
+  var imgAlt = isDecorative && fg('emoji_decorative_label') ? '' : emoji.name || emoji.shortName || '';
   var emojiNode = /*#__PURE__*/React.createElement("img", _extends({
     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/esm/components/common/TonePreviewButton.js

@@ -3,6 +3,7 @@ import "./TonePreviewButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo } from 'react';
+import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import Emoji from './Emoji';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 export var tonePreviewTestId = 'tone-preview';
@@ -22,7 +23,7 @@ export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$isVisible = props.isVisible,
     isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
   var fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
-  return expValEqualsNoExposure('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) ? /*#__PURE__*/React.createElement("button", {
+  return isTeamoji26RefreshEmojiPickerEnabledNoExposure() ? /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,
     onKeyDown: onKeyDown,

package/dist/esm/components/common/ToneSelectorInternal.js

@@ -7,7 +7,6 @@ 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; }
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { createAndFireEventInElementsChannel } from '../../util/analytics/analytics';
 import { toneSelectedEvent } from '../../util/analytics/toneSelectedEvent';
 import { toneSelectorOpenedEvent } from '../../util/analytics/toneSelectorOpenedEvent';
@@ -15,15 +14,7 @@ import { messages } from '../i18n';
 import EmojiRadioButton from './EmojiRadioButton';
 import { toneSelectorTestId } from './ToneSelector';
 import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 var hidden = null;
 var extractAllTones = function extractAllTones(emoji) {
   if (emoji.skinVariations) {

package/dist/esm/components/common/isRefreshEmojiPickerEnabled.js

@@ -1,15 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
+import { isTeamoji26RefreshEmojiPickerEnabled } from '../../util/teamoji26RefreshEmojiPicker';
 export var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
+  return isTeamoji26RefreshEmojiPickerEnabled();
 };

package/dist/esm/components/picker/CategorySelector.js

@@ -17,15 +17,7 @@ import { categorySelectorCategoryTestId } from './categorySelectorCategoryTestId
 import { RENDER_EMOJI_PICKER_LIST_TESTID } from './EmojiPickerList';
 import { sortCategories } from './sortCategories';
 import { sortCategoriesNew } from './sortCategoriesNew';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 var isEmojiPickerInitialFocusFixEnabled = function isEmojiPickerInitialFocusFixEnabled() {
   if (!FeatureGates.initializeCompleted()) {
     return false;

package/dist/esm/components/picker/EmojiPickerComponent.js

@@ -13,7 +13,6 @@ import { useCallback, useEffect, useMemo, useRef, useState, createRef, memo } fr
 import { unstable_batchedUpdates as batchedUpdates } from 'react-dom';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { getDocument } from '@atlaskit/browser-apis';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { dropTargetForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external';
 import { monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-external';
@@ -49,19 +48,11 @@ import { isPromise } from '../../util/is-promise';
 import { defaultProductivityColor, getStoredProductivityColor, storeProductivityColor } from '../../util/productivity-colors';
 import { createRecordSelectionDefault } from '../common/RecordSelectionDefault';
 import { uploadEmoji } from '../common/UploadEmoji';
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 import { messages } from '../i18n';
 import CategorySelector from './CategorySelector';
 import EmojiPickerFooter from './EmojiPickerFooter';
 import { EmojiPickerVirtualListInternal as EmojiPickerList } from './EmojiPickerList';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
 var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
 var emojiPickerHeight = 295;
 var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;

package/dist/esm/components/picker/EmojiPickerEmojiRow.js

@@ -6,6 +6,7 @@ import { memo } from 'react';
 import { useIntl } from 'react-intl';
 import CachingEmoji from '../common/CachingEmoji';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
+import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { messages } from '../i18n';
 var emojiItem = null;
@@ -27,7 +28,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
-  var preventFocusOnMouseDown = expValEqualsNoExposure('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true);
+  var preventFocusOnMouseDown = isTeamoji26RefreshEmojiPickerEnabledNoExposure();
   var handleFocus = function handleFocus(index) {
     return function (emojiId, emoji, event) {
       setEmojisFocus({

package/dist/esm/components/picker/EmojiPickerFooter.js

@@ -7,16 +7,7 @@ import { useIntl } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
 import { AddOwnEmoji } from '../common/AddEmoji';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 var emojiPickerFooter = null;
 var emojiPickerFooterWithTopShadow = null;
 var emojiPickerFooterWithTopShadowNew = null;

package/dist/esm/components/picker/EmojiPickerInternal.js

@@ -12,22 +12,16 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { ufoExperiences } from '../../util/analytics/ufoExperiences';
 import { defaultEmojiPickerSize } from '../../util/constants';
+import { isTeamoji26RefreshEmojiPickerEnabled } from '../../util/teamoji26RefreshEmojiPicker';
 import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
 import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
 import { LoadingItem } from './LoadingItem';
 import { emojiPickerLoader } from './emojiPickerLoader';
 var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
+  return isTeamoji26RefreshEmojiPickerEnabled();
 };
 var emojiPicker = null;
 var emojiPickerNew = null;

package/dist/esm/components/picker/EmojiPickerList.js

@@ -2,12 +2,12 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { EmojiPickerListContextProvider } from '../../context/EmojiPickerListContext';
 import { customCategory, defaultEmojiPickerSize, emojiPickerPreviewHeight, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { filterHiddenEmojis } from '../../util/filter-hidden-emojis';
 import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
 import EmojiActions from '../common/EmojiActions';
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 import { messages } from '../i18n';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import { CategoryHeadingItem } from './CategoryHeadingItem';
@@ -27,16 +27,6 @@ import { virtualItemRenderer } from './virtualItemRenderer';
  */
 export var RENDER_EMOJI_PICKER_LIST_TESTID = 'render-emoji-picker-list';
 var categoryClassname = 'emoji-category';
-var teamojiRefreshExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
-  return isEnabled;
-};
 var atlassianCategory = 'ATLASSIAN';
 var productivityAtlassianSubcategory = 'Productivity';
 var atlassianSubcategoryOrder = ['Faces', 'Hands', 'Reactions', 'Objects', productivityAtlassianSubcategory, 'Logos'];

package/dist/esm/components/picker/EmojiPickerListSearch.js

@@ -11,15 +11,7 @@ import { useDebouncedCallback } from 'use-debounce';
 import { EMOJI_SEARCH_DEBOUNCE } from '../../util/constants';
 import { messages } from '../i18n';
 import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 var isEmojiPickerInitialFocusFixEnabled = function isEmojiPickerInitialFocusFixEnabled() {
   if (!FeatureGates.initializeCompleted()) {
     return false;

package/dist/esm/components/picker/VirtualList.js

@@ -6,18 +6,9 @@ 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; }
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED, EMOJI_LIST_COLUMNS, EMOJI_LIST_PAGE_COUNT, KeyboardNavigationDirection, KeyboardKeys } from '../../util/constants';
-var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  return isEnabled;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 var virtualList = null;
 var virtualRowStyle = null;
 export var virtualListScrollContainerTestId = 'virtual-list-scroll-container';

package/dist/esm/util/analytics/createEvent.js

@@ -12,7 +12,7 @@ export var createEvent = function createEvent(eventType, action, actionSubject,
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "72.2.6"
+      packageVersion: "72.3.1"
     }, attributes)
   };
 };

package/dist/esm/util/teamoji26RefreshEmojiPicker.js

@@ -0,0 +1,11 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+export var teamoji26RefreshEmojiPickerExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
+export var teamoji26RefreshEmojiPickerUserIdGateName = 'platform_teamoji_26_refresh_emoji_picker_user_id';
+export var isTeamoji26RefreshEmojiPickerEnabled = function isTeamoji26RefreshEmojiPickerEnabled() {
+  return isExperimentEnabled(teamoji26RefreshEmojiPickerExperimentName) || fg(teamoji26RefreshEmojiPickerUserIdGateName);
+};
+export var isTeamoji26RefreshEmojiPickerEnabledNoExposure = function isTeamoji26RefreshEmojiPickerEnabledNoExposure() {
+  return UNSAFE_expValNoExposure(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false) === true || fg(teamoji26RefreshEmojiPickerUserIdGateName);
+};

package/dist/types/components/common/Emoji.d.ts

@@ -35,6 +35,11 @@ export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMo
      * Fits emoji to height in pixels, keeping aspect ratio
      */
     fitToHeight?: number;
+    /**
+     * When true, the emoji is treated as decorative (purely visual).
+     * This removes the aria-label so screen readers will skip the emoji.
+     */
+    isDecorative?: boolean;
     /**
      * Called when an emoji is deleted
      */

package/dist/types/components/common/isRefreshEmojiPickerEnabled.d.ts

@@ -1,5 +1 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 export declare const isRefreshEmojiPickerEnabled: () => boolean;

package/dist/types/util/teamoji26RefreshEmojiPicker.d.ts

@@ -0,0 +1,4 @@
+export declare const teamoji26RefreshEmojiPickerExperimentName = "platform_teamoji_26_refresh_emoji_picker";
+export declare const teamoji26RefreshEmojiPickerUserIdGateName = "platform_teamoji_26_refresh_emoji_picker_user_id";
+export declare const isTeamoji26RefreshEmojiPickerEnabled: () => boolean;
+export declare const isTeamoji26RefreshEmojiPickerEnabledNoExposure: () => boolean;