@atlaskit/emoji 71.4.5 → 71.4.7

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/emoji
 
+## 71.4.7
+
+### Patch Changes
+
+- [`4befa130b45ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4befa130b45ff) -
+  Read refresh emoji picker experiment values directly through FeatureGates.
+
+## 71.4.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 71.4.5
 
 ### Patch Changes

package/dist/cjs/api/EmojiRepository.js

@@ -17,7 +17,7 @@ var _EmojiRepositoryRegex = require("./EmojiRepositoryRegex");
 var _Comparators = require("./internal/Comparators");
 var _UsageFrequencyTracker = require("./internal/UsageFrequencyTracker");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 // FS-1097 - duplicated in mentions - extract at some point into a shared library
 var Tokenizer = /*#__PURE__*/function () {
   function Tokenizer() {
@@ -116,6 +116,15 @@ var findEmojiIndex = function findEmojiIndex(emojis, toFind) {
   return match;
 };
 var teamojiRefreshExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
+  return isEnabled;
+};
 var EmojiRepository = exports.default = /*#__PURE__*/function () {
   // protected to allow subclasses to access (for testing and storybooks).
 
@@ -205,7 +214,7 @@ var EmojiRepository = exports.default = /*#__PURE__*/function () {
     value: function findInCategory(categoryId) {
       if (categoryId === _constants.frequentCategory) {
         return this.getFrequentlyUsed();
-      } else if ((0, _expVal.expVal)(teamojiRefreshExperimentName, 'isEnabled', false) && categoryId === 'ATLASSIAN') {
+      } else if (isRefreshEmojiPickerEnabled() && categoryId === 'ATLASSIAN') {
         return this.all().emojis.filter(function (emoji) {
           return emoji.type === 'ATLASSIAN';
         });
@@ -358,7 +367,7 @@ var EmojiRepository = exports.default = /*#__PURE__*/function () {
       this.asciiMap = new Map();
       var categorySet = new Set();
       this.emojis.forEach(function (emoji) {
-        categorySet.add(_this3.getDynamicCategoryForEmoji(emoji, (0, _expVal.expVal)(teamojiRefreshExperimentName, 'isEnabled', false)));
+        categorySet.add(_this3.getDynamicCategoryForEmoji(emoji, isRefreshEmojiPickerEnabled()));
         _this3.addToMaps(emoji);
       });
       if (this.usageTracker.getOrder().length) {
@@ -376,7 +385,7 @@ var EmojiRepository = exports.default = /*#__PURE__*/function () {
       this.fullSearch.searchIndex = new _jsSearch.UnorderedSearchIndex();
       this.fullSearch.addIndex('name');
       this.fullSearch.addIndex('shortName');
-      if ((0, _expVal.expVal)(teamojiRefreshExperimentName, 'isEnabled', false)) {
+      if (isRefreshEmojiPickerEnabled()) {
         this.fullSearch.addIndex('keywords');
       }
       this.fullSearch.addDocuments(this.getAllSearchableEmojis());
@@ -423,7 +432,7 @@ var EmojiRepository = exports.default = /*#__PURE__*/function () {
   }, {
     key: "addToDynamicCategories",
     value: function addToDynamicCategories(emoji) {
-      var category = this.getDynamicCategoryForEmoji(emoji, (0, _expVal.expVal)(teamojiRefreshExperimentName, 'isEnabled', false));
+      var category = this.getDynamicCategoryForEmoji(emoji, isRefreshEmojiPickerEnabled());
       if (_constants.defaultCategories.indexOf(category) === -1 && this.dynamicCategoryList.indexOf(category) === -1) {
         this.dynamicCategoryList.push(category);
       }

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

@@ -15,8 +15,17 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-cir
 var _constants = require("../../util/constants");
 var _styles = require("./styles");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 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 (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
 };
@@ -28,7 +37,7 @@ var refreshedDeleteButton = null;
  */
 var RENDER_EMOJI_DELETE_BUTTON_TESTID = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 var DeleteButton = function DeleteButton(props) {
-  var isRefreshEnabled = (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  var isRefreshEnabled = isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", _styles.emojiDeleteButton]),

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

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _reactIntl = require("react-intl");
 var _EmojiDeletePreview = _interopRequireDefault(require("./EmojiDeletePreview"));
 var _EmojiUploadPicker = _interopRequireDefault(require("./EmojiUploadPicker"));
@@ -32,6 +32,15 @@ var _constants = require("../../util/constants");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants2 = require("@atlaskit/theme/constants");
 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 (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var styles = {
   icon: "_18u0r5cr _2hwx1i6y"
 };
@@ -140,7 +149,7 @@ var TonesWrapper = function TonesWrapper(props) {
       openProductivityColorSelectorWithKeyboard.current = true;
     }
   }, []);
-  var shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false));
+  var shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && isRefreshEmojiPickerEnabled());
   if (shouldShowProductivityColorSelector) {
     var previewEmoji = (productivityColorPreviewEmojis === null || productivityColorPreviewEmojis === void 0 ? void 0 : productivityColorPreviewEmojis[selectedProductivityColor]) || Object.values(productivityColorPreviewEmojis || {})[0];
     if (!previewEmoji) {
@@ -221,7 +230,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     showToneSelector = _useState6[0],
     setShowToneSelector = _useState6[1];
   var wasProductivityColorSelectorOpen = (0, _react.useRef)(false);
-  var shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false));
+  var shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && isRefreshEmojiPickerEnabled());
   var onToneOpenHandler = (0, _react.useCallback)(function () {
     return setShowToneSelector(true);
   }, []);
@@ -259,7 +268,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     }
   }, [shouldUseProductivityColorControl, showToneSelector]);
   if (uploading) {
-    return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(_EmojiUploadPicker.default, {
       onUploadCancelled: onUploadCancelled,
@@ -278,7 +287,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     }));
   }
   if (emojiToDelete) {
-    return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug"])
     }, /*#__PURE__*/React.createElement(_EmojiDeletePreview.default, {
       emoji: emojiToDelete,
@@ -292,7 +301,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
       onCloseDelete: onCloseDelete
     }));
   }
-  return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiActionsTestId,
     onMouseLeave: onMouseLeaveHandler,
     onBlur: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? onMouseLeaveHandler : undefined,

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

@@ -18,7 +18,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
@@ -32,6 +32,15 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var deleteFooter = null;
 var deletePreview = null;
 var deleteText = null;
@@ -97,7 +106,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         loading = _this$state.loading,
         error = _this$state.error;
       var formatMessage = intl.formatMessage;
-      if ((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (isRefreshEmojiPickerEnabled()) {
         return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
           noFocusGuards: true
         }, /*#__PURE__*/React.createElement("div", {

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

@@ -14,9 +14,18 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _form = require("@atlaskit/form");
 var _reactIntl = require("react-intl");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 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); }
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",
@@ -44,7 +53,7 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     label: formatMessage(_i18n.messages.error),
     spacing: "spacious",
     testId: emojiErrorIconTestId
-  }))) : (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  }))) : isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId
   }, /*#__PURE__*/React.createElement(_form.ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
     "data-testid": emojiErrorMessageTestId,

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

@@ -28,10 +28,19 @@ var _EmojiUploadPreview = _interopRequireDefault(require("./EmojiUploadPreview")
 var _FileChooser = _interopRequireDefault(require("./FileChooser"));
 var _internalTypes = require("./internal-types");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _browserApis = require("@atlaskit/browser-apis");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var closeEmojiUploadButton = null;
 var uploadAddRowNew = null;
 var emojiUpload = null;
@@ -67,7 +76,7 @@ var toDefaultUploadName = function toDefaultUploadName(fileName) {
   return sanitizeName(nameWithoutExtension).slice(0, maxNameLength);
 };
 var isSupportedEmojiUploadFileType = function isSupportedEmojiUploadFileType(file) {
-  if (!(0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+  if (!isRefreshEmojiPickerEnabled()) {
     return true;
   }
   if (supportedEmojiUploadMimeTypes.has(file.type)) {
@@ -113,7 +122,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
   var emojiChooseFileTitleNew = formatMessage(_i18n.messages.emojiChooseFileDndTitle);
   var isUploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
   var addEmojiDisabled = !previewImage || !name || isUploading;
-  return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
     "data-testid": uploadEmojiComponentTestId,
     className: (0, _runtime.ax)(["_ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _1e0c1txw _2lx21bp4 _1bah1b1v"])
   }, /*#__PURE__*/React.createElement("div", {
@@ -125,7 +134,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
   }, /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(_FileChooser.default, {
-      label: (0, _expVal.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",
@@ -210,7 +219,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     "aria-required": true
   })), /*#__PURE__*/React.createElement(_compiled.Text, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(_FileChooser.default, {
-      label: (0, _expVal.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",
@@ -333,7 +342,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
             case 0:
               _context.prev = 0;
               setFilename(file.name);
-              if (!name && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+              if (!name && isRefreshEmojiPickerEnabled()) {
                 setName(toDefaultUploadName(file.name));
               }
               _context.next = 1;
@@ -401,8 +410,8 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onChooseFileClicked = function onChooseFileClicked() {
     onFileChooserClicked && onFileChooserClicked();
   };
-  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  var content = name && previewImage && !(0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
+  var isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && isRefreshEmojiPickerEnabled();
+  var content = name && previewImage && !isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -422,7 +431,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     nameErrorMessage: isDuplicateNameError ? errorMessage : undefined,
     intl: intl
   });
-  return disableFocusLock || (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? content : /*#__PURE__*/React.createElement(_reactFocusLock.default, {
+  return disableFocusLock || isRefreshEmojiPickerEnabled() ? content : /*#__PURE__*/React.createElement(_reactFocusLock.default, {
     noFocusGuards: true
   }, content);
 };

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

@@ -15,8 +15,17 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/external/adapter");
 var _file = require("@atlaskit/pragmatic-drag-and-drop/external/file");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 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 (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var chooseFileButtonTestId = exports.chooseFileButtonTestId = 'choose-file-button';
 var fileUploadInputTestId = exports.fileUploadInputTestId = 'file-upload';
 var dropzoneTestId = exports.dropzoneTestId = 'file-dropzone';
@@ -75,7 +84,7 @@ var FileChooser = function FileChooser(props) {
   }, [onChange]);
   (0, _react.useEffect)(function () {
     var element = dropzoneRef.current;
-    if (!element || !(0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (!element || !isRefreshEmojiPickerEnabled()) {
       return;
     }
     var suppressNativeFileDrop = function suppressNativeFileDrop(event) {
@@ -177,7 +186,7 @@ var FileChooser = function FileChooser(props) {
     },
     "data-testid": fileUploadInputTestId
   });
-  if ((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+  if (isRefreshEmojiPickerEnabled()) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: dropzoneRef,
       "data-testid": dropzoneTestId,

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

@@ -11,7 +11,7 @@ require("./ToneSelector.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../util/analytics");
@@ -22,6 +22,15 @@ 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); }
 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 (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var hidden = null;
 var toneSelectorTestId = exports.toneSelectorTestId = 'tone-selector';
 var extractAllTones = function extractAllTones(emoji) {
@@ -103,7 +112,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 (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
+    return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/_react.default.createElement(_EmojiRadioButton.default, {
       ref: function ref(el) {
         radioRefs.current[renderIndex] = el;
         if (tone.isSelected && selectedToneRadioRef) {

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

@@ -16,13 +16,22 @@ var _css = require("@atlaskit/css");
 var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _constants = require("../../util/constants");
 var _i18n = require("../i18n");
 var _categories = require("./categories");
 var _usePrevious = require("../../hooks/usePrevious");
 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); }
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.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",
@@ -47,8 +56,8 @@ var addNewCategories = function addNewCategories(oldCategories, newCategories) {
     return oldCategories;
   }
   return oldCategories.concat(newCategories.filter(function (category) {
-    return !!((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? _categories.CategoryDescriptionMapNew : _categories.CategoryDescriptionMap)[category];
-  })).sort((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? sortCategoriesNew : sortCategories);
+    return !!(isRefreshEmojiPickerEnabled() ? _categories.CategoryDescriptionMapNew : _categories.CategoryDescriptionMap)[category];
+  })).sort(isRefreshEmojiPickerEnabled() ? sortCategoriesNew : sortCategories);
 };
 var categorySelectorComponentTestId = exports.categorySelectorComponentTestId = 'category-selector-component';
 var categorySelectorCategoryTestId = exports.categorySelectorCategoryTestId = function categorySelectorCategoryTestId(categoryId) {
@@ -126,14 +135,14 @@ var CategorySelector = function CategorySelector(props) {
   };
   var categoriesSection;
   if (categories) {
-    categoriesSection = (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+    categoriesSection = 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 = (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
+      var category = isRefreshEmojiPickerEnabled() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(_i18n.messages[category.name]);
       return /*#__PURE__*/React.createElement(_tooltip.default, {
@@ -163,7 +172,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 = (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
+      var category = isRefreshEmojiPickerEnabled() ? _categories.CategoryDescriptionMapNew[categoryId] : _categories.CategoryDescriptionMap[categoryId];
       var Icon = category.icon;
       var categoryName = formatMessage(_i18n.messages[category.name]);
       return /*#__PURE__*/React.createElement(_tooltip.default, {
@@ -188,7 +197,7 @@ var CategorySelector = function CategorySelector(props) {
       })));
     }));
   }
-  return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return 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/EmojiPicker.js

@@ -19,7 +19,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../util/analytics");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _LoadingEmojiComponent = _interopRequireDefault(require("../common/LoadingEmojiComponent"));
 var _EmojiPickerVirtualItems = require("./EmojiPickerVirtualItems");
 var _UfoErrorBoundary = require("../common/UfoErrorBoundary");
@@ -29,6 +29,15 @@ 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; })(); }
 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" != (0, _typeof2.default)(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 (!_featureGateJsClient.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var emojiPicker = null;
 var emojiPickerNew = null;
 var emojiPickerModuleLoader = function emojiPickerModuleLoader() {
@@ -78,7 +87,7 @@ var EmojiPickerInternal = exports.EmojiPickerInternal = /*#__PURE__*/function (_
         }
       };
       _analytics.ufoExperiences['emoji-picker-opened'].markFMP();
-      return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/_react.default.createElement("div", {
+      return isRefreshEmojiPickerEnabled() ? /*#__PURE__*/_react.default.createElement("div", {
         ref: handlePickerRef,
         className: (0, _runtime.ax)(["_19itahnd _2rko1mok _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qs130s _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
       }, item.renderItem()) : /*#__PURE__*/_react.default.createElement("div", {