@atlaskit/emoji 72.2.6 → 72.3.1

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,

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

@@ -13,7 +13,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _analytics = require("../../util/analytics/analytics");
 var _toneSelectedEvent = require("../../util/analytics/toneSelectedEvent");
 var _toneSelectorOpenedEvent = require("../../util/analytics/toneSelectorOpenedEvent");
@@ -21,18 +20,10 @@ var _i18n = require("../i18n");
 var _EmojiRadioButton = _interopRequireDefault(require("./EmojiRadioButton"));
 var _ToneSelector = require("./ToneSelector");
 var _setSkinToneAriaLabelText = require("./setSkinToneAriaLabelText");
+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 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; }
-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 hidden = null;
 var extractAllTones = function extractAllTones(emoji) {
   if (emoji.skinVariations) {
@@ -113,7 +104,7 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
     "aria-label": formatMessage(_i18n.messages.emojiSelectSkinToneListAriaLabelText),
     className: (0, _runtime.ax)([!isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
   }, emojiToneCollection.map(function (tone, renderIndex) {
-    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
+    return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
       ref: function ref(el) {
         radioRefs.current[renderIndex] = el;
         if (tone.isSelected && selectedToneRadioRef) {

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

@@ -1,22 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isRefreshEmojiPickerEnabled = void 0;
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
+var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var isRefreshEmojiPickerEnabled = exports.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;
+  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
 };

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

@@ -25,16 +25,8 @@ var _categorySelectorCategoryTestId = require("./categorySelectorCategoryTestId"
 var _EmojiPickerList = require("./EmojiPickerList");
 var _sortCategories = require("./sortCategories");
 var _sortCategoriesNew = require("./sortCategoriesNew");
+var _isRefreshEmojiPickerEnabled = require("../common/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 isEmojiPickerInitialFocusFixEnabled = function isEmojiPickerInitialFocusFixEnabled() {
   if (!_featureGates.default.initializeCompleted()) {
     return false;
@@ -61,8 +53,8 @@ var addNewCategories = function addNewCategories(oldCategories, newCategories) {
     return oldCategories;
   }
   return oldCategories.concat(newCategories.filter(function (category) {
-    return !!(isRefreshEmojiPickerEnabled() ? _categories.CategoryDescriptionMapNew : _categories.CategoryDescriptionMap)[category];
-  })).sort(isRefreshEmojiPickerEnabled() ? _sortCategoriesNew.sortCategoriesNew : _sortCategories.sortCategories);
+    return !!((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _categories.CategoryDescriptionMapNew : _categories.CategoryDescriptionMap)[category];
+  })).sort((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _sortCategoriesNew.sortCategoriesNew : _sortCategories.sortCategories);
 };
 var categorySelectorComponentTestId = exports.categorySelectorComponentTestId = 'category-selector-component';
 var CategorySelector = function CategorySelector(props) {
@@ -156,14 +148,14 @@ var CategorySelector = function CategorySelector(props) {
   };
   var categoriesSection;
   if (categories) {
-    categoriesSection = isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+    categoriesSection = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
       role: "tablist",
       "aria-label": formatMessage(_i18n.messages.categoriesSelectorLabel),
       "data-testid": categorySelectorComponentTestId,
       ref: categoryRef,
       className: (0, _runtime.ax)(["_ca0qze3t _n3tdze3t _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1fhb"])
     }, categories.map(function (categoryId, index) {
-      var category = isRefreshEmojiPickerEnabled() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
+      var category = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(_i18n.messages[category.name]);
       return /*#__PURE__*/React.createElement(_Tooltip.default, {
@@ -193,7 +185,7 @@ var CategorySelector = function CategorySelector(props) {
       ref: categoryRef,
       className: (0, _runtime.ax)(["_ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1h6o"])
     }, categories.map(function (categoryId, index) {
-      var category = isRefreshEmojiPickerEnabled() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
+      var category = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(_i18n.messages[category.name]);
       return /*#__PURE__*/React.createElement(_Tooltip.default, {
@@ -218,7 +210,7 @@ var CategorySelector = function CategorySelector(props) {
       })));
     }));
   }
-  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkvuon _13li1mok _qrwq1mok _ca0qze3t _n3tdze3t _1doce4h9 _1il9nqa1 _1o3i1l7x _dpd31txw"])
   }, categoriesSection) : /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkhfxm _dpd31txw"])

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

@@ -19,7 +19,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _reactDom = require("react-dom");
 var _reactIntl = require("react-intl");
 var _browserApis = require("@atlaskit/browser-apis");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
 var _dropTargetForExternal = require("@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external");
 var _monitorForExternal = require("@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-external");
@@ -55,6 +54,7 @@ var _isPromise = require("../../util/is-promise");
 var _productivityColors = require("../../util/productivity-colors");
 var _RecordSelectionDefault = require("../common/RecordSelectionDefault");
 var _UploadEmoji = require("../common/UploadEmoji");
+var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 var _i18n = require("../i18n");
 var _CategorySelector = _interopRequireDefault(require("./CategorySelector"));
 var _EmojiPickerFooter = _interopRequireDefault(require("./EmojiPickerFooter"));
@@ -62,15 +62,6 @@ var _EmojiPickerList = require("./EmojiPickerList");
 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 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; }
-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 emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
 var emojiPickerHeight = 295;
 var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
@@ -139,7 +130,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var _useEmoji = (0, _useEmoji2.useEmoji)(),
     emojiProvider = _useEmoji.emojiProvider,
     isUploadSupported = _useEmoji.isUploadSupported;
-  var isTeamojiExperimentEnabled = isRefreshEmojiPickerEnabled();
+  var isTeamojiExperimentEnabled = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filteredEmojis = _useState2[0],
@@ -237,7 +228,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, [selectedEmoji]);
   var uploadEnabled = isUploadSupported && !uploading;
   var onEmojiLeave = (0, _react.useCallback)(function () {
-    if (isRefreshEmojiPickerEnabled() && uploadEnabled) {
+    if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() && uploadEnabled) {
       setSelectedEmoji(undefined);
     }
   }, [uploadEnabled]);
@@ -245,16 +236,16 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     // Ignore scroll-driven category changes while a programmatic reveal()
     // scroll is in progress — they would flicker the indicator through
     // intermediate categories before landing on the correct one.
-    if (isProgrammaticScroll.current && isRefreshEmojiPickerEnabled()) {
+    if (isProgrammaticScroll.current && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       return;
     }
     // Ignore scroll-driven category changes while the upload or delete screen is open
-    if ((uploading || emojiToDelete) && isRefreshEmojiPickerEnabled()) {
+    if ((uploading || emojiToDelete) && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       return;
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && isRefreshEmojiPickerEnabled()) {
+      if (!query && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
         lastNonSearchCategory.current = category;
       }
     }
@@ -271,7 +262,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       setUploadErrorMessage(undefined);
     });
     fireAnalytics((0, _uploadCancelButton.uploadCancelButton)());
-    if (isRefreshEmojiPickerEnabled()) {
+    if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       setTimeout(function () {
         var _getDocument;
         (_getDocument = (0, _browserApis.getDocument)()) === null || _getDocument === void 0 || (_getDocument = _getDocument.getElementById('add-custom-emoji')) === null || _getDocument === void 0 || _getDocument.focus();
@@ -421,7 +412,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
 
     // If the upload or delete screen is open, close it when a category is selected
-    if (isRefreshEmojiPickerEnabled()) {
+    if ((0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       if (uploading) {
         setUploading(false);
         setUploadErrorMessage(undefined);
@@ -483,7 +474,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     };
     if (searchQuery !== query) {
       // Capture the active category before entering search so we can keep it highlighted
-      if (!query && searchQuery && isRefreshEmojiPickerEnabled()) {
+      if (!query && searchQuery && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
         lastNonSearchCategory.current = activeCategory;
       }
       setQuery(searchQuery);
@@ -499,7 +490,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   // cannot reach underlying page drop handlers (e.g. the Confluence editor).
   (0, _react.useEffect)(function () {
     var _getDocument2;
-    if (!uploading || !isRefreshEmojiPickerEnabled()) {
+    if (!uploading || !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
       return;
     }
     var body = (_getDocument2 = (0, _browserApis.getDocument)()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.body;
@@ -569,7 +560,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
               });
               scrollToUploadedEmoji(emojiDescription);
             };
-            if (!isRefreshEmojiPickerEnabled()) {
+            if (!(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
               _context.next = 2;
               break;
             }
@@ -707,9 +698,9 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  var showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
-  var shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
-  var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();
+  var showPreview = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? !uploading : selectedEmoji && !uploading;
+  var shouldRenderFooter = showPreview && !(emojiToDelete && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) && !(query && filteredEmojis.length === 0 && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) && (Boolean(selectedEmoji) || uploadEnabled || !(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)());
+  var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
 
   // When the AI emoji section is shown in the upload panel, grow the picker so
   // the section isn't clipped by the fixed upload height.
@@ -720,7 +711,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     role: "dialog",
     "aria-label": formatMessage(_i18n.messages.emojiPickerTitle),
     "aria-modal": true,
-    className: (0, _runtime.ax)([isRefreshEmojiPickerEnabled() ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", !!emojiToDelete && isRefreshEmojiPickerEnabled() ? withDeleteRefreshHeight[size] : uploading && isRefreshEmojiPickerEnabled() ? hasUploadPreviewError ? withUploadRefreshAndPreviewErrorHeight[size] : withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled() ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size], showAiUpload && "_4t3ikbql _c71l8k0t"]),
+    className: (0, _runtime.ax)([(0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? "_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm" : "_19itahnd _2rkofajl _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iuxo9 _1bsb10mj _1ul910mj _c71l1y6z _kqswh2mm", !!emojiToDelete && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? withDeleteRefreshHeight[size] : uploading && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? hasUploadPreviewError ? withUploadRefreshAndPreviewErrorHeight[size] : withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size], showAiUpload && "_4t3ikbql _c71l8k0t"]),
     style: {
       "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
       "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -732,7 +723,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onKeyDown: suppressKeyPress,
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1yb4 _1tkeidpf", showAiUpload && "_1reo15vq _18m91wug"])
   }, /*#__PURE__*/React.createElement(_CategorySelector.default, {
-    activeCategoryId: (uploading || emojiToDelete) && isRefreshEmojiPickerEnabled() ? null : activeCategory,
+    activeCategoryId: (uploading || emojiToDelete) && (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? null : activeCategory,
     dynamicCategories: dynamicCategories,
     disableCategories: disableCategories,
     onCategorySelected: onCategorySelected

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

@@ -14,6 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
+var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _i18n = require("../i18n");
 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); }
@@ -36,7 +37,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var fitToHeight = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
-  var preventFocusOnMouseDown = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true);
+  var preventFocusOnMouseDown = (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)();
   var handleFocus = function handleFocus(index) {
     return function (emojiId, emoji, event) {
       setEmojisFocus({

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

@@ -1,7 +1,6 @@
 /* EmojiPickerFooter.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,17 +14,8 @@ var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
 var _AddEmoji = require("../common/AddEmoji");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
+var _isRefreshEmojiPickerEnabled = require("../common/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 emojiPickerFooter = null;
 var emojiPickerFooterWithTopShadow = null;
 var emojiPickerFooterWithTopShadowNew = null;
@@ -38,7 +28,7 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
     onOpenUpload = _ref.onOpenUpload,
     uploadEnabled = _ref.uploadEnabled;
   var intl = (0, _reactIntl.useIntl)();
-  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
+  return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiPickerFooterTestId,
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug", "_x3doia51"])
   }, selectedEmoji ? /*#__PURE__*/React.createElement(_compiled.Box, {

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

@@ -16,10 +16,10 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _constants = require("../../util/constants");
+var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _LoadingEmojiComponent = _interopRequireDefault(require("../common/LoadingEmojiComponent"));
 var _UfoErrorBoundary = require("../common/UfoErrorBoundary");
 var _LoadingItem = require("./LoadingItem");
@@ -28,13 +28,7 @@ var _excluded = ["emojiProvider"];
 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;
+  return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
 };
 var emojiPicker = null;
 var emojiPickerNew = null;

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

@@ -10,12 +10,12 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _EmojiPickerListContext = require("../../context/EmojiPickerListContext");
 var _constants = require("../../util/constants");
 var _filterHiddenEmojis = require("../../util/filter-hidden-emojis");
 var _productivityColors = require("../../util/productivity-colors");
 var _EmojiActions = _interopRequireDefault(require("../common/EmojiActions"));
+var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
 var _i18n = require("../i18n");
 var _categories = require("./categories");
 var _CategoryHeadingItem = require("./CategoryHeadingItem");
@@ -35,16 +35,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  */
 var RENDER_EMOJI_PICKER_LIST_TESTID = exports.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.default.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  var isEnabled = _featureGates.default.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
-  return isEnabled;
-};
 var atlassianCategory = 'ATLASSIAN';
 var productivityAtlassianSubcategory = 'Productivity';
 var atlassianSubcategoryOrder = ['Faces', 'Hands', 'Reactions', 'Objects', productivityAtlassianSubcategory, 'Logos'];
@@ -129,7 +119,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     categoriesChanged = _useState0[0],
     setCategoriesChanged = _useState0[1];
-  var isTeamojiExperimentEnabled = isRefreshEmojiPickerEnabled();
+  var isTeamojiExperimentEnabled = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)();
   var visibleEmojis = (0, _react.useMemo)(function () {
     return isTeamojiExperimentEnabled ? (0, _filterHiddenEmojis.filterHiddenEmojis)(emojis) : emojis;
   }, [emojis, isTeamojiExperimentEnabled]);

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

@@ -19,16 +19,8 @@ var _useDebounce = require("use-debounce");
 var _constants = require("../../util/constants");
 var _i18n = require("../i18n");
 var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
+var _isRefreshEmojiPickerEnabled = require("../common/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 isEmojiPickerInitialFocusFixEnabled = function isEmojiPickerInitialFocusFixEnabled() {
   if (!_featureGates.default.initializeCompleted()) {
     return false;
@@ -91,7 +83,7 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
     role: "status"
   }, dirty ? query === '' ? formatMessage(_i18n.messages.searchResultsStatusSeeAll) : formatMessage(_i18n.messages.searchResultsStatus, {
     count: resultsCount
-  }) : null), isRefreshEmojiPickerEnabled() ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_n6341l7x _18z11b66"])
   }, /*#__PURE__*/_react.default.createElement(_textField.default, {
     role: "searchbox",

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

@@ -12,21 +12,12 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
-var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _constants = require("../../util/constants");
+var _isRefreshEmojiPickerEnabled = require("../common/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 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; }
-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 virtualList = null;
 var virtualRowStyle = null;
 var virtualListScrollContainerTestId = exports.virtualListScrollContainerTestId = 'virtual-list-scroll-container';
@@ -72,7 +63,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
     var elemBottom = elementRect.bottom;
     var parentTop = parentRect.top;
     var parentBottom = parentRect.bottom;
-    var isVisible = isRefreshEmojiPickerEnabled() ? elemTop >= parentTop && elemBottom <= parentBottom : elemBottom > parentTop && elemTop < parentBottom;
+    var isVisible = (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? elemTop >= parentTop && elemBottom <= parentBottom : elemBottom > parentTop && elemTop < parentBottom;
     return isVisible;
   };
   var getFirstVisibleListElementIndex = (0, _react.useCallback)(function () {
@@ -91,7 +82,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
       var _virtualList$firstVis;
       return ((_virtualList$firstVis = virtualList[firstVisibleIndex]) === null || _virtualList$firstVis === void 0 ? void 0 : _virtualList$firstVis.index) || 0;
     }
-    return isRefreshEmojiPickerEnabled() ? ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0 : 0;
+    return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0 : 0;
   }, [rowVirtualizer]);
 
   /**

package/dist/cjs/components/typeahead/EmojiTypeAheadComponent.js

@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
-var _uuid = _interopRequireDefault(require("uuid"));
+var _uuid = require("uuid");
 var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _types = require("../../types");
 var _typeaheadCancelledEvent = require("../../util/analytics/typeaheadCancelledEvent");
@@ -153,7 +153,7 @@ var EmojiTypeAheadComponent = exports.default = /*#__PURE__*/function (_PureComp
     _this.selectedTone = props.emojiProvider.getSelectedTone();
     _this.pressed = false;
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-    _this.sessionId = (0, _uuid.default)();
+    _this.sessionId = (0, _uuid.v4)();
     _this.selected = false;
     return _this;
   }
@@ -191,7 +191,7 @@ var EmojiTypeAheadComponent = exports.default = /*#__PURE__*/function (_PureComp
         }
       });
       // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-      this.sessionId = (0, _uuid.default)();
+      this.sessionId = (0, _uuid.v4)();
       this.selected = false;
     }
   }, {

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

@@ -19,7 +19,7 @@ var createEvent = exports.createEvent = function createEvent(eventType, action,
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "72.2.5"
+      packageVersion: "72.3.0"
     }, attributes)
   };
 };

package/dist/cjs/util/teamoji26RefreshEmojiPicker.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.teamoji26RefreshEmojiPickerUserIdGateName = exports.teamoji26RefreshEmojiPickerExperimentName = exports.isTeamoji26RefreshEmojiPickerEnabledNoExposure = exports.isTeamoji26RefreshEmojiPickerEnabled = void 0;
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var teamoji26RefreshEmojiPickerExperimentName = exports.teamoji26RefreshEmojiPickerExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
+var teamoji26RefreshEmojiPickerUserIdGateName = exports.teamoji26RefreshEmojiPickerUserIdGateName = 'platform_teamoji_26_refresh_emoji_picker_user_id';
+var isTeamoji26RefreshEmojiPickerEnabled = exports.isTeamoji26RefreshEmojiPickerEnabled = function isTeamoji26RefreshEmojiPickerEnabled() {
+  return (0, _isExperimentEnabled.isExperimentEnabled)(teamoji26RefreshEmojiPickerExperimentName) || (0, _fg.fg)(teamoji26RefreshEmojiPickerUserIdGateName);
+};
+var isTeamoji26RefreshEmojiPickerEnabledNoExposure = exports.isTeamoji26RefreshEmojiPickerEnabledNoExposure = function isTeamoji26RefreshEmojiPickerEnabledNoExposure() {
+  return (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false) === true || (0, _fg.fg)(teamoji26RefreshEmojiPickerUserIdGateName);
+};

package/dist/es2019/api/EmojiRepository.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 import { Search, UnorderedSearchIndex } from 'js-search';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { SearchSort } from '../types';
 import { defaultCategories, frequentCategory } from '../util/constants';
 import { getCategoryId } from '../util/get-category-id';
@@ -11,6 +10,7 @@ import { getEmojiVariation } from './getEmojiVariation';
 import { UsageFrequencyTracker } from './internal/UsageFrequencyTracker';
 import { createSearchEmojiComparator } from './internal/createSearchEmojiComparator';
 import { createUsageOnlyEmojiComparator } from './internal/createUsageOnlyEmojiComparator';
+import { isTeamoji26RefreshEmojiPickerEnabled } from '../util/teamoji26RefreshEmojiPicker';
 // FS-1097 - duplicated in mentions - extract at some point into a shared library
 class Tokenizer {
   tokenize(text) {
@@ -92,15 +92,8 @@ const findEmojiIndex = (emojis, toFind) => {
   });
   return match;
 };
-const teamojiRefreshExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
 const isRefreshEmojiPickerEnabled = () => {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  const isEnabled = FeatureGates.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
-  return isEnabled;
+  return isTeamoji26RefreshEmojiPickerEnabled();
 };
 export default class EmojiRepository {
   // protected to allow subclasses to access (for testing and storybooks).