@atlaskit/emoji 71.4.6 → 71.5.0

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

@@ -16,7 +16,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _browserApis = require("@atlaskit/browser-apis");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/external/adapter");
 var _file = require("@atlaskit/pragmatic-drag-and-drop/external/file");
@@ -44,6 +44,15 @@ var _hiddenEmojis = require("../../util/hidden-emojis");
 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 emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
 var emojiPickerHeight = 295;
 var emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;
@@ -94,7 +103,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var _useEmoji = (0, _useEmoji2.useEmoji)(),
     emojiProvider = _useEmoji.emojiProvider,
     isUploadSupported = _useEmoji.isUploadSupported;
-  var isTeamojiExperimentEnabled = (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  var isTeamojiExperimentEnabled = isRefreshEmojiPickerEnabled();
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filteredEmojis = _useState2[0],
@@ -187,7 +196,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
   }, [selectedEmoji]);
   var onEmojiLeave = (0, _react.useCallback)(function () {
-    if ((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (isRefreshEmojiPickerEnabled()) {
       setSelectedEmoji(undefined);
     }
   }, []);
@@ -195,16 +204,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 && (0, _expVal.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) && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if ((uploading || emojiToDelete) && isRefreshEmojiPickerEnabled()) {
       return;
     }
     if (activeCategory !== category) {
       setActiveCategory(category);
-      if (!query && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (!query && isRefreshEmojiPickerEnabled()) {
         lastNonSearchCategory.current = category;
       }
     }
@@ -221,7 +230,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       setUploadErrorMessage(undefined);
     });
     fireAnalytics((0, _analytics.uploadCancelButton)());
-    if ((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (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();
@@ -371,7 +380,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     }
 
     // If the upload or delete screen is open, close it when a category is selected
-    if ((0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (isRefreshEmojiPickerEnabled()) {
       if (uploading) {
         setUploading(false);
         setUploadErrorMessage(undefined);
@@ -433,7 +442,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 && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (!query && searchQuery && isRefreshEmojiPickerEnabled()) {
         lastNonSearchCategory.current = activeCategory;
       }
       setQuery(searchQuery);
@@ -449,7 +458,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 || !(0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+    if (!uploading || !isRefreshEmojiPickerEnabled()) {
       return;
     }
     var body = (_getDocument2 = (0, _browserApis.getDocument)()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.body;
@@ -518,7 +527,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
               });
               scrollToUploadedEmoji(emojiDescription);
             };
-            if (!(0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+            if (!isRefreshEmojiPickerEnabled()) {
               _context.next = 2;
               break;
             }
@@ -656,14 +665,14 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
-  var showPreview = (0, _expVal.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(_i18n.messages.emojiPickerTitle),
     "aria-modal": true,
-    className: (0, _runtime.ax)([(0, _expVal.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 && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? withDeleteRefreshHeight[size] : uploading && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
+    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() ? withUploadRefreshHeight[size] : query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled() ? withNoResultsRefreshHeight[size] : showPreview ? withPreviewHeight[size] : withoutPreviewHeight[size]]),
     style: {
       "--_19dn98e": (0, _runtime.ix)("".concat(emojiPickerHeight, "px")),
       "--_gsvyy7": (0, _runtime.ix)("".concat(emojiPickerWidth, "px"))
@@ -675,7 +684,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onKeyDown: suppressKeyPress,
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1yb4 _1tkeidpf"])
   }, /*#__PURE__*/React.createElement(_CategorySelector.default, {
-    activeCategoryId: (uploading || emojiToDelete) && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? null : activeCategory,
+    activeCategoryId: (uploading || emojiToDelete) && isRefreshEmojiPickerEnabled() ? null : activeCategory,
     dynamicCategories: dynamicCategories,
     disableCategories: disableCategories,
     onCategorySelected: onCategorySelected
@@ -710,7 +719,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onOpenUpload: onOpenUpload,
     size: size,
     activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) && !(query && filteredEmojis.length === 0 && (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
+  }), showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
     selectedEmoji: selectedEmoji,
     uploadEnabled: isUploadSupported && !uploading,
     onOpenUpload: onOpenUpload

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

@@ -1,6 +1,7 @@
 /* EmojiPickerFooter.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -14,8 +15,17 @@ var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
 var _AddEmoji = require("../common/AddEmoji");
-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 emojiPickerFooter = null;
 var emojiPickerFooterWithTopShadow = null;
 var emojiPickerFooterWithTopShadowNew = null;
@@ -28,7 +38,7 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
     onOpenUpload = _ref.onOpenUpload,
     uploadEnabled = _ref.uploadEnabled;
   var intl = (0, _reactIntl.useIntl)();
-  return (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("div", {
+  return 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/EmojiPickerList.js

@@ -9,7 +9,7 @@ exports.RENDER_EMOJI_PICKER_LIST_TESTID = exports.EmojiPickerVirtualListInternal
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../util/constants");
 var _productivityColors = require("../../util/productivity-colors");
@@ -31,6 +31,15 @@ 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 (!_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 atlassianCategory = 'ATLASSIAN';
 var atlassianSubcategoryOrder = ['Faces', 'Hands', 'Reactions', 'Objects', 'Productivity', 'Logos'];
 
@@ -106,7 +115,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     categoriesChanged = _useState8[0],
     setCategoriesChanged = _useState8[1];
-  var isTeamojiExperimentEnabled = (0, _expVal.expVal)(teamojiRefreshExperimentName, 'isEnabled', false);
+  var isTeamojiExperimentEnabled = isRefreshEmojiPickerEnabled();
   var visibleEmojis = (0, _react.useMemo)(function () {
     return isTeamojiExperimentEnabled ? (0, _hiddenEmojis.filterHiddenEmojis)(emojis) : emojis;
   }, [emojis, isTeamojiExperimentEnabled]);
@@ -114,8 +123,12 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     return isTeamojiExperimentEnabled ? (0, _productivityColors.getProductivityColorPreviewEmojis)(visibleEmojis) : {};
   }, [isTeamojiExperimentEnabled, visibleEmojis]);
   var addToCategoryMap = (0, _react.useCallback)(function (categoryToGroupMap, emoji, category) {
+    var _categoryToGroupMap$c;
     if (!categoryToGroupMap[category]) {
       var categoryDefinition = isTeamojiExperimentEnabled ? _categories.CategoryDescriptionMapNew[category] : _categories.CategoryDescriptionMap[category];
+      if (!categoryDefinition && isTeamojiExperimentEnabled) {
+        return categoryToGroupMap;
+      }
       categoryToGroupMap[category] = {
         emojis: [],
         title: categoryDefinition.name,
@@ -123,7 +136,7 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
         order: categoryDefinition.order
       };
     }
-    categoryToGroupMap[category].emojis.push(emoji);
+    (_categoryToGroupMap$c = categoryToGroupMap[category]) === null || _categoryToGroupMap$c === void 0 || _categoryToGroupMap$c.emojis.push(emoji);
     return categoryToGroupMap;
   }, [isTeamojiExperimentEnabled]);
   var groupByCategory = (0, _react.useCallback)(function (currentUser) {

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

@@ -18,8 +18,17 @@ var _reactIntl = require("react-intl");
 var _useDebounce = require("use-debounce");
 var _constants = require("../../util/constants");
 var _i18n = require("../i18n");
-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 input = null;
 var inputNew = null;
 var textFieldWrapperNew = null;
@@ -71,7 +80,7 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
     role: "status"
   }, dirty ? query === '' ? formatMessage(_i18n.messages.searchResultsStatusSeeAll) : formatMessage(_i18n.messages.searchResultsStatus, {
     count: resultsCount
-  }) : null), (0, _expVal.expVal)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), 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

@@ -14,12 +14,21 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
 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 _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _constants = require("../../util/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); }
 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 virtualList = null;
 var virtualRowStyle = null;
 var virtualListScrollContainerTestId = exports.virtualListScrollContainerTestId = 'virtual-list-scroll-container';
@@ -65,7 +74,7 @@ var VirtualList = exports.VirtualList = /*#__PURE__*/_react.default.forwardRef(f
     var elemBottom = elementRect.bottom;
     var parentTop = parentRect.top;
     var parentBottom = parentRect.bottom;
-    var isVisible = (0, _expVal.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 = (0, _react.useCallback)(function () {
@@ -84,7 +93,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 (0, _expVal.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/cjs/util/analytics/analytics.js

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

package/dist/es2019/api/EmojiRepository.js

@@ -7,7 +7,7 @@ import { tokenizerRegex } from './EmojiRepositoryRegex';
 import { createSearchEmojiComparator, createUsageOnlyEmojiComparator } from './internal/Comparators';
 import { UsageFrequencyTracker } from './internal/UsageFrequencyTracker';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 // FS-1097 - duplicated in mentions - extract at some point into a shared library
 class Tokenizer {
   tokenize(text) {
@@ -93,6 +93,15 @@ 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;
+};
 export default class EmojiRepository {
   // protected to allow subclasses to access (for testing and storybooks).
 
@@ -168,7 +177,7 @@ export default class EmojiRepository {
   findInCategory(categoryId) {
     if (categoryId === frequentCategory) {
       return this.getFrequentlyUsed();
-    } else if (expVal(teamojiRefreshExperimentName, 'isEnabled', false) && categoryId === 'ATLASSIAN') {
+    } else if (isRefreshEmojiPickerEnabled() && categoryId === 'ATLASSIAN') {
       return this.all().emojis.filter(emoji => emoji.type === 'ATLASSIAN');
     } else {
       return this.all().emojis.filter(emoji => emoji.category === categoryId);
@@ -288,7 +297,7 @@ export default class EmojiRepository {
     this.asciiMap = new Map();
     const categorySet = new Set();
     this.emojis.forEach(emoji => {
-      categorySet.add(this.getDynamicCategoryForEmoji(emoji, expVal(teamojiRefreshExperimentName, 'isEnabled', false)));
+      categorySet.add(this.getDynamicCategoryForEmoji(emoji, isRefreshEmojiPickerEnabled()));
       this.addToMaps(emoji);
     });
     if (this.usageTracker.getOrder().length) {
@@ -302,7 +311,7 @@ export default class EmojiRepository {
     this.fullSearch.searchIndex = new UnorderedSearchIndex();
     this.fullSearch.addIndex('name');
     this.fullSearch.addIndex('shortName');
-    if (expVal(teamojiRefreshExperimentName, 'isEnabled', false)) {
+    if (isRefreshEmojiPickerEnabled()) {
       this.fullSearch.addIndex('keywords');
     }
     this.fullSearch.addDocuments(this.getAllSearchableEmojis());
@@ -332,7 +341,7 @@ export default class EmojiRepository {
     }
   }
   addToDynamicCategories(emoji) {
-    const category = this.getDynamicCategoryForEmoji(emoji, expVal(teamojiRefreshExperimentName, 'isEnabled', false));
+    const category = this.getDynamicCategoryForEmoji(emoji, isRefreshEmojiPickerEnabled());
     if (defaultCategories.indexOf(category) === -1 && this.dynamicCategoryList.indexOf(category) === -1) {
       this.dynamicCategoryList.push(category);
     }

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

@@ -7,7 +7,16 @@ import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { deleteEmojiLabel } from '../../util/constants';
 import { emojiDeleteButton } from './styles';
 import { Box } from '@atlaskit/primitives/compiled';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+const isRefreshEmojiPickerEnabled = () => {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  const isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 const styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
 };
@@ -19,7 +28,7 @@ const refreshedDeleteButton = null;
  */
 export const RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 const DeleteButton = props => {
-  const isRefreshEnabled = expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  const isRefreshEnabled = isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ax(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", emojiDeleteButton]),

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

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useState, useRef, memo, useLayoutEffect, useCallback, useEffect } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import EmojiDeletePreview from './EmojiDeletePreview';
 import EmojiUploadPicker from './EmojiUploadPicker';
@@ -22,6 +22,15 @@ import { emojiPickerAddEmoji } from './styles';
 import { DEFAULT_TONE } from '../../util/constants';
 import { Box } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
+const isRefreshEmojiPickerEnabled = () => {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  const isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 const styles = {
   icon: "_18u0r5cr _2hwx1i6y"
 };
@@ -131,7 +140,7 @@ const TonesWrapper = props => {
       openProductivityColorSelectorWithKeyboard.current = true;
     }
   }, []);
-  const shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false));
+  const shouldShowProductivityColorSelector = !!(activeCategoryId === 'ATLASSIAN' && productivityColorPreviewEmojis && selectedProductivityColor && onProductivityColorSelected && isRefreshEmojiPickerEnabled());
   if (shouldShowProductivityColorSelector) {
     const previewEmoji = (productivityColorPreviewEmojis === null || productivityColorPreviewEmojis === void 0 ? void 0 : productivityColorPreviewEmojis[selectedProductivityColor]) || Object.values(productivityColorPreviewEmojis || {})[0];
     if (!previewEmoji) {
@@ -210,7 +219,7 @@ export const EmojiActions = props => {
   } = props;
   const [showToneSelector, setShowToneSelector] = useState(false);
   const wasProductivityColorSelectorOpen = useRef(false);
-  const shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false));
+  const shouldUseProductivityColorControl = !!(props.activeCategoryId === 'ATLASSIAN' && props.productivityColorPreviewEmojis && props.selectedProductivityColor && props.onProductivityColorSelected && isRefreshEmojiPickerEnabled());
   const onToneOpenHandler = useCallback(() => setShowToneSelector(true), []);
   const onToneCloseHandler = useCallback(() => setShowToneSelector(false), []);
   const onToneToggleHandler = useCallback(() => {
@@ -242,7 +251,7 @@ export const EmojiActions = props => {
     }
   }, [shouldUseProductivityColorControl, showToneSelector]);
   if (uploading) {
-    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"])
     }, /*#__PURE__*/React.createElement(EmojiUploadPicker, {
       onUploadCancelled: onUploadCancelled,
@@ -261,7 +270,7 @@ export const EmojiActions = props => {
     }));
   }
   if (emojiToDelete) {
-    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"])
     }, /*#__PURE__*/React.createElement(EmojiDeletePreview, {
       emoji: emojiToDelete,
@@ -275,7 +284,7 @@ export const EmojiActions = props => {
       onCloseDelete: onCloseDelete
     }));
   }
-  return 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: fg('platform_suppression_removal_fix_reactions') ? onMouseLeaveHandler : undefined,

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

@@ -5,7 +5,7 @@ import "./EmojiDeletePreview.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 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';
@@ -16,6 +16,15 @@ import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
 import RetryableButton from './RetryableButton';
 import VisuallyHidden from '@atlaskit/visually-hidden';
+const isRefreshEmojiPickerEnabled = () => {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  const isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 const deleteFooter = null;
 const deletePreview = null;
 const deleteText = null;
@@ -78,7 +87,7 @@ class EmojiDeletePreview extends Component {
     const {
       formatMessage
     } = intl;
-    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/es2019/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';
+const isRefreshEmojiPickerEnabled = () => {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  const isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 const errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",
@@ -38,7 +47,7 @@ const 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/es2019/components/common/EmojiUploadPicker.js

@@ -17,10 +17,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';
+const isRefreshEmojiPickerEnabled = () => {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  const isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 const closeEmojiUploadButton = null;
 const uploadAddRowNew = null;
 const emojiUpload = null;
@@ -56,7 +65,7 @@ const toDefaultUploadName = fileName => {
   return sanitizeName(nameWithoutExtension).slice(0, maxNameLength);
 };
 const isSupportedEmojiUploadFileType = file => {
-  if (!expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+  if (!isRefreshEmojiPickerEnabled()) {
     return true;
   }
   if (supportedEmojiUploadMimeTypes.has(file.type)) {
@@ -103,7 +112,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
   const emojiChooseFileTitleNew = formatMessage(messages.emojiChooseFileDndTitle);
   const isUploading = uploadStatus === UploadStatus.Uploading;
   const 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", {
@@ -114,7 +123,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
   }, previewImage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel))), /*#__PURE__*/React.createElement("div", {
     className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
   }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__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",
@@ -197,7 +206,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
     id: "new-emoji-name-input",
     "aria-required": true
   })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__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",
@@ -301,7 +310,7 @@ const EmojiUploadPicker = props => {
   const onFileLoad = useCallback(file => async f => {
     try {
       setFilename(file.name);
-      if (!name && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false)) {
+      if (!name && isRefreshEmojiPickerEnabled()) {
         setName(toDefaultUploadName(file.name));
       }
       await ImageUtil.parseImage(f.target.result);
@@ -354,8 +363,8 @@ const EmojiUploadPicker = props => {
   const onChooseFileClicked = () => {
     onFileChooserClicked && onFileChooserClicked();
   };
-  const isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
-  const content = name && previewImage && !expVal('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
+  const isDuplicateNameError = errorMessage !== null && errorMessage !== undefined && isRefreshEmojiPickerEnabled();
+  const content = name && previewImage && !isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -375,7 +384,7 @@ const 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);
 };