@atlaskit/emoji 72.2.6 → 72.3.1

package/dist/es2019/api/EmojiResource.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { AbstractResource, utils as serviceUtils } from '@atlaskit/util-service-support';
 import { ProviderTypes } from '../types';
@@ -13,19 +12,11 @@ import debug from '../util/logger';
 import storageAvailable from '../util/storage-available';
 import { promiseWithTimeout } from '../util/timed-promise';
 import { toEmojiId } from '../util/to-emoji-id';
+import { isTeamoji26RefreshEmojiPickerEnabled } from '../util/teamoji26RefreshEmojiPicker';
 import EmojiLoader from './EmojiLoader';
 import EmojiRepository from './EmojiRepository';
 import SiteEmojiResource from './media/SiteEmojiResource';
-const teamoji26RefreshEmojiPickerExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
 const teamoji26QueryParam = 'useTeamoji26=true';
-const isTeamoji26RefreshEmojiPickerEnabled = () => {
-  if (!FeatureGates.initializeCompleted()) {
-    return false;
-  }
-
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
-  return FeatureGates.getExperimentValue(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false);
-};
 const addTeamoji26QueryParam = url => {
   if (!url.includes('/atlassian') || /[?&]useTeamoji26=/.test(url)) {
     return url;

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

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { buildEmojiDescriptionWithAltRepresentation } from '../../util/build-emoji-description-with-alt-representation';
 import { convertImageToMediaRepresentation } from '../../util/convert-image-to-media-representation';
@@ -152,42 +151,11 @@ export default class SiteEmojiResource {
           }),
           useSha256ForUploads: true
         });
-        if (fg('add_emoji_media_size_to_media_file_upload_request')) {
-          mediaClient.file.uploadExternal(upload.dataURL, collectionName, undefined, true).then(({
-            uploadableFileUpfrontIds
-          }) => {
-            const subscription = mediaClient.file.getFileState(uploadableFileUpfrontIds.id, {
-              collectionName
-            }).subscribe({
-              next: state => {
-                if (state.status === 'uploading' && progressCallback) {
-                  progressCallback({
-                    percent: state.progress * mediaProportionOfProgress
-                  });
-                } else if (state.status === 'processing' || state.status === 'processed') {
-                  subscription.unsubscribe();
-                  const totalUploadTime = Date.now() - startTime;
-                  const mediaUploadTime = totalUploadTime - tokenLoadTime;
-                  debug('total upload / media upload times', totalUploadTime, mediaUploadTime);
-                  this.postToEmojiService(upload, uploadableFileUpfrontIds.id).then(emoji => {
-                    resolve(emoji);
-                  }).catch(httpError => {
-                    reject(httpError.reason || httpError);
-                  });
-                }
-              },
-              error(error) {
-                reject(error);
-              }
-            });
-          }).catch(error => {
-            reject(error);
-          });
-        } else {
-          const subscription = mediaClient.file.upload({
-            content: upload.dataURL,
-            name: upload.filename,
-            collection: collectionName
+        mediaClient.file.uploadExternal(upload.dataURL, collectionName, undefined, true).then(({
+          uploadableFileUpfrontIds
+        }) => {
+          const subscription = mediaClient.file.getFileState(uploadableFileUpfrontIds.id, {
+            collectionName
           }).subscribe({
             next: state => {
               if (state.status === 'uploading' && progressCallback) {
@@ -199,7 +167,7 @@ export default class SiteEmojiResource {
                 const totalUploadTime = Date.now() - startTime;
                 const mediaUploadTime = totalUploadTime - tokenLoadTime;
                 debug('total upload / media upload times', totalUploadTime, mediaUploadTime);
-                this.postToEmojiService(upload, state.id).then(emoji => {
+                this.postToEmojiService(upload, uploadableFileUpfrontIds.id).then(emoji => {
                   resolve(emoji);
                 }).catch(httpError => {
                   reject(httpError.reason || httpError);
@@ -210,7 +178,9 @@ export default class SiteEmojiResource {
               reject(error);
             }
           });
-        }
+        }).catch(error => {
+          reject(error);
+        });
       });
     });
   }

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

@@ -4,21 +4,12 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { FormattedMessage } from 'react-intl';
 import { messages } from '../i18n';
 import Button from '@atlaskit/button/default/button';
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 export const emojiActionsTestId = 'emoji-actions';
 export const uploadEmojiTestId = 'upload-emoji';
-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 addCustomEmoji = null;
 
 // Generic Type for the wrapped functional component

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

@@ -7,16 +7,7 @@ import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { deleteEmojiLabel } from '../../util/constants';
 import { emojiDeleteButton } from './styles';
 import { Box } from '@atlaskit/primitives/compiled';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 const styles = {
   boxWrapperStyle: "_1bsbf6fq _4t3if6fq"
 };

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

@@ -21,6 +21,7 @@ import { handleDelete } from './handleDelete';
 import { ImageEmoji } from './ImageEmoji';
 import { SpriteEmoji } from './SpriteEmoji';
 import { UnicodeEmoji } from './UnicodeEmoji';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const emojiSpriteContainer = null;
 const emojiImageContainer = null;
 
@@ -81,7 +82,6 @@ const handleFocus = (props, event) => {
   }
 };
 export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
-  var _emoji$name;
   const {
     emoji,
     fitToHeight,
@@ -104,12 +104,22 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     type,
     editorEmoji,
     renderUnicodeEmojiAsImage,
+    isDecorative,
     ...other
   } = props;
   const intl = useContext(IntlContext);
-  const ariaLabel = editorEmoji ? undefined : intl ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
-    shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
-  }) : emoji.shortName;
+  const isAriaLabelEmpty = editorEmoji || isDecorative && fg('emoji_decorative_label');
+  let ariaLabel;
+  if (isAriaLabelEmpty) {
+    ariaLabel = undefined;
+  } else if (intl) {
+    var _emoji$name;
+    ariaLabel = intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
+      shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
+    });
+  } else {
+    ariaLabel = emoji.shortName;
+  }
   const tooltipContent = showTooltip && expValEquals('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName || emoji.name || undefined : undefined;
   const emojiSpan = /*#__PURE__*/React.createElement("span", _extends({
     role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',

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

@@ -5,7 +5,6 @@ import "./EmojiDeletePreview.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Component } from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import AkButton from '@atlaskit/button/default/button';
 import Heading from '@atlaskit/heading/heading';
@@ -16,15 +15,7 @@ import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
 import RetryableButton from './RetryableButton';
 import VisuallyHidden from '@atlaskit/visually-hidden/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;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 const deleteFooter = null;
 const deletePreview = null;
 const deleteText = null;

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

@@ -6,17 +6,8 @@ import Tooltip from '@atlaskit/tooltip/Tooltip';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { ErrorMessage } from '@atlaskit/form/error-message';
 import { useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { messages } from '../i18n';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 const errorMessageStyles = {
   chooseFile: "_1e0c1txw _syaz1tmw _u5f319bv _1bah1y6m",
   delete: "_1e0c1txw _syaz1tmw _4cvr1h6o _1bahesu3 _u5f31b66",

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

@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
 import Emoji from './Emoji';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
+import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 const emojiButton = null;
@@ -11,7 +12,7 @@ const emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
 };
 const handleKeyDown = (props, event) => {
-  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && expValEqualsNoExposure('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true)) {
+  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTeamoji26RefreshEmojiPickerEnabledNoExposure()) {
     var _props$onArrowKey;
     event.preventDefault();
     event.stopPropagation();
@@ -50,7 +51,7 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
       return (_props$onSelected = props.onSelected) === null || _props$onSelected === void 0 ? void 0 : _props$onSelected.call(props);
     },
     onKeyDown: event => handleKeyDown(props, event),
-    onChange: expValEqualsNoExposure('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true) ? e => e.preventDefault() : undefined,
+    onChange: isTeamoji26RefreshEmojiPickerEnabledNoExposure() ? e => e.preventDefault() : undefined,
     className: ax([emojiRadio.default])
   }), /*#__PURE__*/React.createElement(Emoji, {
     emoji: emoji,

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

@@ -18,20 +18,11 @@ import EmojiUploadPreview from './EmojiUploadPreview';
 import FileChooser from './FileChooser';
 import { UploadStatus } from './internal-types';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Button from '@atlaskit/button/default/button';
 import { Box } from '@atlaskit/primitives/compiled';
 import { getDocument } from '@atlaskit/browser-apis';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 const closeEmojiUploadButton = null;
 const uploadAddRowNew = null;
 const emojiUpload = null;

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

@@ -7,16 +7,7 @@ import UploadIcon from '@atlaskit/icon/core/upload';
 import { dropTargetForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external';
 import { containsFiles } from '@atlaskit/pragmatic-drag-and-drop/utils/contains-files';
 import { getFiles } from '@atlaskit/pragmatic-drag-and-drop/utils/get-files';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 export const chooseFileButtonTestId = 'choose-file-button';
 export const fileUploadInputTestId = 'file-upload';
 export const dropzoneTestId = 'file-dropzone';

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

@@ -19,6 +19,7 @@ import DeleteButton from './DeleteButton';
 import { EmojiNodeWrapper } from './Emoji';
 import { handleDelete } from './handleDelete';
 import { emojiNodeStyles, commonSelectedStyles, selectOnHoverStyles, emojiMainStyle, emojiImage, deletableEmoji } from './styles';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const handleImageError = (props, event) => {
   const {
     emoji,
@@ -46,7 +47,8 @@ export const ImageEmoji = props => {
     showDelete,
     onLoadSuccess,
     disableLazyLoad,
-    autoWidth
+    autoWidth,
+    isDecorative
   } = props;
   const [ref, inView] = useInView({
     triggerOnce: true
@@ -125,11 +127,12 @@ export const ImageEmoji = props => {
       onBeforeLoad();
     }
   }, [inView, onBeforeLoad]);
+  const imgAlt = isDecorative && fg('emoji_decorative_label') ? '' : emoji.name || emoji.shortName || '';
   const emojiNode = /*#__PURE__*/React.createElement("img", _extends({
     loading: disableLazyLoad ? 'eager' : 'lazy',
     src: src,
     key: src,
-    alt: emoji.name || emoji.shortName || '',
+    alt: imgAlt,
     "data-emoji-short-name": emoji.shortName,
     "data-emoji-id": emoji.id,
     "data-emoji-text": emoji.fallback || emoji.shortName

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

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

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

@@ -3,7 +3,6 @@ import "./ToneSelectorInternal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { createAndFireEventInElementsChannel } from '../../util/analytics/analytics';
 import { toneSelectedEvent } from '../../util/analytics/toneSelectedEvent';
 import { toneSelectorOpenedEvent } from '../../util/analytics/toneSelectorOpenedEvent';
@@ -11,15 +10,7 @@ import { messages } from '../i18n';
 import EmojiRadioButton from './EmojiRadioButton';
 import { toneSelectorTestId } from './ToneSelector';
 import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
 const hidden = null;
 const extractAllTones = emoji => {
   if (emoji.skinVariations) {

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

@@ -1,15 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
+import { isTeamoji26RefreshEmojiPickerEnabled } from '../../util/teamoji26RefreshEmojiPicker';
 export 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;
+  return isTeamoji26RefreshEmojiPickerEnabled();
 };

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

@@ -16,15 +16,7 @@ import { categorySelectorCategoryTestId } from './categorySelectorCategoryTestId
 import { RENDER_EMOJI_PICKER_LIST_TESTID } from './EmojiPickerList';
 import { sortCategories } from './sortCategories';
 import { sortCategoriesNew } from './sortCategoriesNew';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 const isEmojiPickerInitialFocusFixEnabled = () => {
   if (!FeatureGates.initializeCompleted()) {
     return false;

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

@@ -6,7 +6,6 @@ import { useCallback, useEffect, useMemo, useRef, useState, createRef, memo } fr
 import { unstable_batchedUpdates as batchedUpdates } from 'react-dom';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { getDocument } from '@atlaskit/browser-apis';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { dropTargetForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external';
 import { monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-external';
@@ -42,19 +41,11 @@ import { isPromise } from '../../util/is-promise';
 import { defaultProductivityColor, getStoredProductivityColor, storeProductivityColor } from '../../util/productivity-colors';
 import { createRecordSelectionDefault } from '../common/RecordSelectionDefault';
 import { uploadEmoji } from '../common/UploadEmoji';
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 import { messages } from '../i18n';
 import CategorySelector from './CategorySelector';
 import EmojiPickerFooter from './EmojiPickerFooter';
 import { EmojiPickerVirtualListInternal as EmojiPickerList } from './EmojiPickerList';
-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 emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)";
 const emojiPickerHeight = 295;
 const emojiPickerHeightWithPreview = 349; // emojiPickerHeight + emojiPickerPreviewHeight;

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

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

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

@@ -7,16 +7,7 @@ import { useIntl } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
 import { AddOwnEmoji } from '../common/AddEmoji';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 const emojiPickerFooter = null;
 const emojiPickerFooterWithTopShadow = null;
 const emojiPickerFooterWithTopShadowNew = null;

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

@@ -3,22 +3,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./EmojiPickerInternal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { ufoExperiences } from '../../util/analytics/ufoExperiences';
 import { defaultEmojiPickerSize } from '../../util/constants';
+import { isTeamoji26RefreshEmojiPickerEnabled } from '../../util/teamoji26RefreshEmojiPicker';
 import LoadingEmojiComponent from '../common/LoadingEmojiComponent';
 import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
 import { LoadingItem } from './LoadingItem';
 import { emojiPickerLoader } from './emojiPickerLoader';
 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;
+  return isTeamoji26RefreshEmojiPickerEnabled();
 };
 const emojiPicker = null;
 const emojiPickerNew = null;

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

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { EmojiPickerListContextProvider } from '../../context/EmojiPickerListContext';
 import { customCategory, defaultEmojiPickerSize, emojiPickerPreviewHeight, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { filterHiddenEmojis } from '../../util/filter-hidden-emojis';
 import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
 import EmojiActions from '../common/EmojiActions';
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 import { messages } from '../i18n';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
 import { CategoryHeadingItem } from './CategoryHeadingItem';
@@ -25,16 +25,6 @@ import { virtualItemRenderer } from './virtualItemRenderer';
  */
 export const RENDER_EMOJI_PICKER_LIST_TESTID = 'render-emoji-picker-list';
 const categoryClassname = 'emoji-category';
-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;
-};
 const atlassianCategory = 'ATLASSIAN';
 const productivityAtlassianSubcategory = 'Productivity';
 const atlassianSubcategoryOrder = ['Faces', 'Hands', 'Reactions', 'Objects', productivityAtlassianSubcategory, 'Logos'];

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

@@ -10,15 +10,7 @@ import { useDebouncedCallback } from 'use-debounce';
 import { EMOJI_SEARCH_DEBOUNCE } from '../../util/constants';
 import { messages } from '../i18n';
 import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 const isEmojiPickerInitialFocusFixEnabled = () => {
   if (!FeatureGates.initializeCompleted()) {
     return false;

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

@@ -3,18 +3,9 @@ import "./VirtualList.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED, EMOJI_LIST_COLUMNS, EMOJI_LIST_PAGE_COUNT, KeyboardNavigationDirection, KeyboardKeys } from '../../util/constants';
-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;
-};
+import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
 const virtualList = null;
 const virtualRowStyle = null;
 export const virtualListScrollContainerTestId = 'virtual-list-scroll-container';

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { PureComponent } from 'react';
 import { flushSync } from 'react-dom';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import uuid from 'uuid';
+import { v4 as uuid } from 'uuid';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { SearchSort, SearchSourceTypes } from '../../types';
 import { typeaheadCancelledEvent } from '../../util/analytics/typeaheadCancelledEvent';

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

@@ -7,7 +7,7 @@ export const createEvent = (eventType, action, actionSubject, actionSubjectId, a
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "72.2.5",
+    packageVersion: "72.3.0",
     ...attributes
   }
 });

package/dist/es2019/util/teamoji26RefreshEmojiPicker.js

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