@atlaskit/emoji 71.4.6 → 71.4.7

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

@@ -12,7 +12,7 @@ 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 { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import AkButton from '@atlaskit/button/new';
 import Heading from '@atlaskit/heading';
@@ -23,6 +23,15 @@ import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
 import RetryableButton from './RetryableButton';
 import VisuallyHidden from '@atlaskit/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;
+};
 var deleteFooter = null;
 var deletePreview = null;
 var deleteText = null;
@@ -88,7 +97,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         loading = _this$state.loading,
         error = _this$state.error;
       var formatMessage = intl.formatMessage;
-      if (expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (isRefreshEmojiPickerEnabled()) {
         return /*#__PURE__*/React.createElement(FocusLock, {
           noFocusGuards: true
         }, /*#__PURE__*/React.createElement("div", {

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

@@ -6,8 +6,17 @@ import Tooltip from '@atlaskit/tooltip';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { ErrorMessage } from '@atlaskit/form';
 import { useIntl } from 'react-intl';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 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;
+};
 var errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",
@@ -35,7 +44,7 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     label: formatMessage(messages.error),
     spacing: "spacious",
     testId: emojiErrorIconTestId
-  }))) : expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  }))) : isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId
   }, /*#__PURE__*/React.createElement(ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId,

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

@@ -20,10 +20,19 @@ import EmojiUploadPreview from './EmojiUploadPreview';
 import FileChooser from './FileChooser';
 import { UploadStatus } from './internal-types';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import Button from '@atlaskit/button/new';
 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;
+};
 var closeEmojiUploadButton = null;
 var uploadAddRowNew = null;
 var emojiUpload = null;
@@ -59,7 +68,7 @@ var toDefaultUploadName = function toDefaultUploadName(fileName) {
   return sanitizeName(nameWithoutExtension).slice(0, maxNameLength);
 };
 var isSupportedEmojiUploadFileType = function isSupportedEmojiUploadFileType(file) {
-  if (!expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+  if (!isRefreshEmojiPickerEnabled()) {
     return true;
   }
   if (supportedEmojiUploadMimeTypes.has(file.type)) {
@@ -105,7 +114,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
   var emojiChooseFileTitleNew = formatMessage(messages.emojiChooseFileDndTitle);
   var isUploading = uploadStatus === UploadStatus.Uploading;
   var addEmojiDisabled = !previewImage || !name || isUploading;
-  return expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": uploadEmojiComponentTestId,
     className: ax(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
   }, /*#__PURE__*/React.createElement("div", {
@@ -117,7 +126,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
     className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
   }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(FileChooser, {
-      label: expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? emojiChooseFileTitleNew : emojiChooseFileTitle,
+      label: isRefreshEmojiPickerEnabled() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
       onChange: onChooseFile,
       onClick: onClick,
       accept: "image/png,image/jpeg,image/gif",
@@ -202,7 +211,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
     "aria-required": true
   })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(FileChooser, {
-      label: expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? emojiChooseFileTitleNew : emojiChooseFileTitle,
+      label: isRefreshEmojiPickerEnabled() ? emojiChooseFileTitleNew : emojiChooseFileTitle,
       onChange: onChooseFile,
       onClick: onClick,
       accept: "image/png,image/jpeg,image/gif",
@@ -325,7 +334,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
             case 0:
               _context.prev = 0;
               setFilename(file.name);
-              if (!name && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+              if (!name && isRefreshEmojiPickerEnabled()) {
                 setName(toDefaultUploadName(file.name));
               }
               _context.next = 1;
@@ -393,8 +402,8 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onChooseFileClicked = function onChooseFileClicked() {
     onFileChooserClicked && onFileChooserClicked();
   };
-  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  var content = name && previewImage && !expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
+  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && isRefreshEmojiPickerEnabled();
+  var content = name && previewImage && !isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -414,7 +423,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     nameErrorMessage: isDuplicateNameError ? errorMessage : undefined,
     intl: intl
   });
-  return disableFocusLock || expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? content : /*#__PURE__*/React.createElement(FocusLock, {
+  return disableFocusLock || isRefreshEmojiPickerEnabled() ? content : /*#__PURE__*/React.createElement(FocusLock, {
     noFocusGuards: true
   }, content);
 };

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

@@ -7,7 +7,16 @@ import Button from '@atlaskit/button/new';
 import UploadIcon from '@atlaskit/icon/core/upload';
 import { dropTargetForExternal } from '@atlaskit/pragmatic-drag-and-drop/external/adapter';
 import { containsFiles, getFiles } from '@atlaskit/pragmatic-drag-and-drop/external/file';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+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;
+};
 export var chooseFileButtonTestId = 'choose-file-button';
 export var fileUploadInputTestId = 'file-upload';
 export var dropzoneTestId = 'file-dropzone';
@@ -66,7 +75,7 @@ var FileChooser = function FileChooser(props) {
   }, [onChange]);
   useEffect(function () {
     var element = dropzoneRef.current;
-    if (!element || !expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (!element || !isRefreshEmojiPickerEnabled()) {
       return;
     }
     var suppressNativeFileDrop = function suppressNativeFileDrop(event) {
@@ -168,7 +177,7 @@ var FileChooser = function FileChooser(props) {
     },
     "data-testid": fileUploadInputTestId
   });
-  if (expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+  if (isRefreshEmojiPickerEnabled()) {
     return /*#__PURE__*/React.createElement("div", {
       ref: dropzoneRef,
       "data-testid": dropzoneTestId,

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

@@ -5,7 +5,7 @@ import "./ToneSelector.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 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 { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireEventInElementsChannel, toneSelectedEvent, toneSelectorOpenedEvent } from '../../util/analytics';
@@ -13,6 +13,15 @@ import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
 import EmojiRadioButton from './EmojiRadioButton';
 import { useIntl } from 'react-intl';
 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;
+};
 var hidden = null;
 export var toneSelectorTestId = 'tone-selector';
 var extractAllTones = function extractAllTones(emoji) {
@@ -94,7 +103,7 @@ export var ToneSelectorInternal = function ToneSelectorInternal(props) {
     "aria-label": formatMessage(messages.emojiSelectSkinToneListAriaLabelText),
     className: ax([!isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
   }, emojiToneCollection.map(function (tone, renderIndex) {
-    return expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement(EmojiRadioButton, {
+    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement(EmojiRadioButton, {
       ref: function ref(el) {
         radioRefs.current[renderIndex] = el;
         if (tone.isSelected && selectedToneRadioRef) {

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

@@ -8,12 +8,21 @@ import { cx } from '@atlaskit/css';
 import { useIntl } from 'react-intl';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED, defaultCategories, KeyboardKeys } from '../../util/constants';
 import { messages } from '../i18n';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import { usePrevious } from '../../hooks/usePrevious';
 import { RENDER_EMOJI_PICKER_LIST_TESTID } 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 styles = {
   commonCategory: "_2rko12b0 _v564h5h4 _189eidpf _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
   commonCategoryNew: "_v564h5h4 _189eidpf _bfhksm61 _ca0qu2gc _n3tdu2gc _19bv12x7 _u5f312x7 _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -38,8 +47,8 @@ var addNewCategories = function addNewCategories(oldCategories, newCategories) {
     return oldCategories;
   }
   return oldCategories.concat(newCategories.filter(function (category) {
-    return !!(expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? CategoryDescriptionMapNew : CategoryDescriptionMap)[category];
-  })).sort(expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? sortCategoriesNew : sortCategories);
+    return !!(isRefreshEmojiPickerEnabled() ? CategoryDescriptionMapNew : CategoryDescriptionMap)[category];
+  })).sort(isRefreshEmojiPickerEnabled() ? sortCategoriesNew : sortCategories);
 };
 export var categorySelectorComponentTestId = 'category-selector-component';
 export var categorySelectorCategoryTestId = function categorySelectorCategoryTestId(categoryId) {
@@ -117,14 +126,14 @@ var CategorySelector = function CategorySelector(props) {
   };
   var categoriesSection;
   if (categories) {
-    categoriesSection = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+    categoriesSection = isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
       role: "tablist",
       "aria-label": formatMessage(messages.categoriesSelectorLabel),
       "data-testid": categorySelectorComponentTestId,
       ref: categoryRef,
       className: ax(["_ca0qze3t _n3tdze3t _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1fhb"])
     }, categories.map(function (categoryId, index) {
-      var category = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? CategoryDescriptionMapNew[categoryId] : CategoryDescriptionMap[categoryId];
+      var category = isRefreshEmojiPickerEnabled() ? CategoryDescriptionMapNew[categoryId] : CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(messages[category.name]);
       return /*#__PURE__*/React.createElement(Tooltip, {
@@ -154,7 +163,7 @@ var CategorySelector = function CategorySelector(props) {
       ref: categoryRef,
       className: ax(["_ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1h6o"])
     }, categories.map(function (categoryId, index) {
-      var category = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? CategoryDescriptionMapNew[categoryId] : CategoryDescriptionMap[categoryId];
+      var category = isRefreshEmojiPickerEnabled() ? CategoryDescriptionMapNew[categoryId] : CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(messages[category.name]);
       return /*#__PURE__*/React.createElement(Tooltip, {
@@ -179,7 +188,7 @@ var CategorySelector = function CategorySelector(props) {
       })));
     }));
   }
-  return expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkvuon _13li1mok _qrwq1mok _ca0qze3t _n3tdze3t _1doce4h9 _1il9nqa1 _1o3i1l7x _dpd31txw"])
   }, categoriesSection) : /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _bfhkhfxm _dpd31txw"])

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

@@ -14,12 +14,21 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ufoExperiences } from '../../util/analytics';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
 import { LoadingItem } from './EmojiPickerVirtualItems';
 import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
 import { defaultEmojiPickerSize } from '../../util/constants';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
+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 emojiPicker = null;
 var emojiPickerNew = null;
 var emojiPickerModuleLoader = function emojiPickerModuleLoader() {
@@ -67,7 +76,7 @@ export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
         }
       };
       ufoExperiences['emoji-picker-opened'].markFMP();
-      return expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+      return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
         ref: handlePickerRef,
         className: ax(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
       }, item.renderItem()) : /*#__PURE__*/React.createElement("div", {

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

@@ -9,7 +9,7 @@ import { ax, ix } from "@compiled/react/runtime";
 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 { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useCallback, useEffect, useMemo, useRef, useState, createRef, memo } from 'react';
 import { getDocument } from '@atlaskit/browser-apis';
 import { dropTargetForExternal, monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/external/adapter';
@@ -35,6 +35,15 @@ import { useIsMounted } from '../../hooks/useIsMounted';
 import { messages } from '../i18n';
 import { defaultProductivityColor, getStoredProductivityColor, storeProductivityColor } from '../../util/productivity-colors';
 import { filterHiddenEmojis } from '../../util/hidden-emojis';
+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;
@@ -85,7 +94,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var _useEmoji = useEmoji(),
     emojiProvider = _useEmoji.emojiProvider,
     isUploadSupported = _useEmoji.isUploadSupported;
-  var isTeamojiExperimentEnabled = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  var isTeamojiExperimentEnabled = isRefreshEmojiPickerEnabled();
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     filteredEmojis = _useState2[0],
@@ -178,7 +187,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
   }, [selectedEmoji]);
   var onEmojiLeave = useCallback(function () {
-    if (expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (isRefreshEmojiPickerEnabled()) {
       setSelectedEmoji(undefined);
     }
   }, []);
@@ -186,16 +195,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 && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (isProgrammaticScroll.current && isRefreshEmojiPickerEnabled()) {
       return;
     }
     // Ignore scroll-driven category changes while the upload or delete screen is open
-    if ((uploading || emojiToDelete) && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if ((uploading || emojiToDelete) && isRefreshEmojiPickerEnabled()) {
       return;
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (!query && isRefreshEmojiPickerEnabled()) {
         lastNonSearchCategory.current = category;
       }
     }
@@ -212,7 +221,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       setUploadErrorMessage(undefined);
     });
     fireAnalytics(uploadCancelButton());
-    if (expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (isRefreshEmojiPickerEnabled()) {
       setTimeout(function () {
         var _getDocument;
         (_getDocument = getDocument()) === null || _getDocument === void 0 || (_getDocument = _getDocument.getElementById('add-custom-emoji')) === null || _getDocument === void 0 || _getDocument.focus();
@@ -362,7 +371,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
 
     // If the upload or delete screen is open, close it when a category is selected
-    if (expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (isRefreshEmojiPickerEnabled()) {
       if (uploading) {
         setUploading(false);
         setUploadErrorMessage(undefined);
@@ -424,7 +433,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 && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (!query && searchQuery && isRefreshEmojiPickerEnabled()) {
         lastNonSearchCategory.current = activeCategory;
       }
       setQuery(searchQuery);
@@ -440,7 +449,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   // cannot reach underlying page drop handlers (e.g. the Confluence editor).
   useEffect(function () {
     var _getDocument2;
-    if (!uploading || !expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (!uploading || !isRefreshEmojiPickerEnabled()) {
       return;
     }
     var body = (_getDocument2 = getDocument()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.body;
@@ -509,7 +518,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
               });
               scrollToUploadedEmoji(emojiDescription);
             };
-            if (!expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+            if (!isRefreshEmojiPickerEnabled()) {
               _context.next = 2;
               break;
             }
@@ -647,14 +656,14 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  var showPreview = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? !uploading : selectedEmoji && !uploading;
+  var showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
   return /*#__PURE__*/React.createElement("div", {
     ref: setPickerRef,
     "data-emoji-picker-container": true,
     role: "dialog",
     "aria-label": formatMessage(messages.emojiPickerTitle),
     "aria-modal": true,
-    className: ax([expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? "_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 && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? withDeleteRefreshHeight[size] : uploading && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
+    className: 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() ? withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled() ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
     style: {
       "--_19dn98e": ix("".concat(emojiPickerHeight, "px")),
       "--_gsvyy7": ix("".concat(emojiPickerWidth, "px"))
@@ -666,7 +675,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onKeyDown: suppressKeyPress,
     className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1yb4 _1tkeidpf"])
   }, /*#__PURE__*/React.createElement(CategorySelector, {
-    activeCategoryId: (uploading || emojiToDelete) && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? null : activeCategory,
+    activeCategoryId: (uploading || emojiToDelete) && isRefreshEmojiPickerEnabled() ? null : activeCategory,
     dynamicCategories: dynamicCategories,
     disableCategories: disableCategories,
     onCategorySelected: onCategorySelected
@@ -701,7 +710,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onOpenUpload: onOpenUpload,
     size: size,
     activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) && !(query && filteredEmojis.length === 0 && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+  }), showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
     selectedEmoji: selectedEmoji,
     uploadEnabled: isUploadSupported && !uploading,
     onOpenUpload: onOpenUpload

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

@@ -7,7 +7,16 @@ import { useIntl } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
 import { AddOwnEmoji } from '../common/AddEmoji';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+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 emojiPickerFooter = null;
 var emojiPickerFooterWithTopShadow = null;
 var emojiPickerFooterWithTopShadowNew = null;
@@ -20,7 +29,7 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
     onOpenUpload = _ref.onOpenUpload,
     uploadEnabled = _ref.uploadEnabled;
   var intl = useIntl();
-  return expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiPickerFooterTestId,
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug", "_x3doia51"])
   }, selectedEmoji ? /*#__PURE__*/React.createElement(Box, {

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

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useIntl } from 'react-intl';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
@@ -23,6 +23,15 @@ import { messages } from '../i18n';
 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 atlassianSubcategoryOrder = ['Faces', 'Hands', 'Reactions', 'Objects', 'Productivity', 'Logos'];
 
@@ -98,7 +107,7 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     _useState8 = _slicedToArray(_useState7, 2),
     categoriesChanged = _useState8[0],
     setCategoriesChanged = _useState8[1];
-  var isTeamojiExperimentEnabled = expVal(teamojiRefreshExperimentName, 'isEnabled', false);
+  var isTeamojiExperimentEnabled = isRefreshEmojiPickerEnabled();
   var visibleEmojis = useMemo(function () {
     return isTeamojiExperimentEnabled ? filterHiddenEmojis(emojis) : emojis;
   }, [emojis, isTeamojiExperimentEnabled]);

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

@@ -10,7 +10,16 @@ import { useIntl } from 'react-intl';
 import { useDebouncedCallback } from 'use-debounce';
 import { EMOJI_SEARCH_DEBOUNCE } from '../../util/constants';
 import { messages } from '../i18n';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+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 input = null;
 var inputNew = null;
 var textFieldWrapperNew = null;
@@ -62,7 +71,7 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
     role: "status"
   }, dirty ? query === '' ? formatMessage(messages.searchResultsStatusSeeAll) : formatMessage(messages.searchResultsStatus, {
     count: resultsCount
-  }) : null), expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  }) : null), isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     className: ax(["_n6341l7x _18z11b66"])
   }, /*#__PURE__*/React.createElement(TextField, {
     role: "searchbox",

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

@@ -8,9 +8,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 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;
+};
 var virtualList = null;
 var virtualRowStyle = null;
 export var virtualListScrollContainerTestId = 'virtual-list-scroll-container';
@@ -56,7 +65,7 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var elemBottom = elementRect.bottom;
     var parentTop = parentRect.top;
     var parentBottom = parentRect.bottom;
-    var isVisible = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? elemTop >= parentTop && elemBottom <= parentBottom : elemBottom > parentTop && elemTop < parentBottom;
+    var isVisible = isRefreshEmojiPickerEnabled() ? elemTop >= parentTop && elemBottom <= parentBottom : elemBottom > parentTop && elemTop < parentBottom;
     return isVisible;
   };
   var getFirstVisibleListElementIndex = useCallback(function () {
@@ -75,7 +84,7 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var _virtualList$firstVis;
       return ((_virtualList$firstVis = virtualList[firstVisibleIndex]) === null || _virtualList$firstVis === void 0 ? void 0 : _virtualList$firstVis.index) || 0;
     }
-    return expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0 : 0;
+    return isRefreshEmojiPickerEnabled() ? ((_virtualList$ = virtualList[0]) === null || _virtualList$ === void 0 ? void 0 : _virtualList$.index) || 0 : 0;
   }, [rowVirtualizer]);
 
   /**

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

@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "71.4.5"
+      packageVersion: "71.4.6"
     }, attributes)
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.4.6",
+	"version": "71.4.7",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"