@atlaskit/emoji 71.4.0 → 71.4.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/emoji
 
+## 71.4.2
+
+### Patch Changes
+
+- [`05b9f7b19ddba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05b9f7b19ddba) -
+  Use the platform_use_unicode_emojis experiment for native Unicode emoji rendering.
+- Updated dependencies
+
+## 71.4.1
+
+### Patch Changes
+
+- [`9a7ca4cefe634`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9a7ca4cefe634) -
+  Use the platform_use_unicode_emojis experiment for native Unicode emoji rendering.
+- [`2a3076a890d07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a3076a890d07) -
+  Fix unicode emoji image rendering so generated unicode images do not fall back to alt image
+  representations at large sizes.
+- Updated dependencies
+
 ## 71.4.0
 
 ### Minor Changes

package/dist/cjs/api/EmojiUtils.js

@@ -9,10 +9,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _types = require("../types");
 var _typeHelpers = require("../util/type-helpers");
 var _logger = _interopRequireDefault(require("../util/logger"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _emojiIdToEmoji = require("../util/emojiIdToEmoji");
 var _excluded = ["getRatio"],
   _excluded2 = ["queryParams"],
@@ -119,7 +119,7 @@ var denormaliseServiceAltRepresentation = exports.denormaliseServiceAltRepresent
 };
 var denormaliseStandardRepresentation = function denormaliseStandardRepresentation(emoji, meta) {
   var unicodeEmoji = (0, _emojiIdToEmoji.emojiIdToEmoji)(emoji.id);
-  var useUnicodeRepresentation = !!(emoji.id && emoji.type === _types.ProviderTypes.STANDARD && unicodeEmoji && (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis'));
+  var useUnicodeRepresentation = !!(emoji.id && emoji.type === _types.ProviderTypes.STANDARD && unicodeEmoji && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true));
   return useUnicodeRepresentation ? {
     unicodeEmoji: unicodeEmoji
   } : denormaliseServiceRepresentation(emoji.representation, meta);

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

@@ -269,6 +269,7 @@ var UnicodeEmojiImage = function UnicodeEmojiImage(props) {
   if (unicodeEmojiImage.status === 'ready') {
     return /*#__PURE__*/_react.default.createElement(ImageEmoji, (0, _extends2.default)({}, props, {
       emoji: _objectSpread(_objectSpread({}, emoji), {}, {
+        altRepresentation: undefined,
         representation: {
           imagePath: unicodeEmojiImage.imagePath,
           width: unicodeEmojiCanvasSize,
@@ -539,6 +540,9 @@ var Emoji = exports.Emoji = function Emoji(props) {
     if (!(0, _ufoExperiences.hasUfoMarked)(ufoExp, _types.UfoEmojiTimings.MOUNTED_END)) {
       ufoExp.mark(_types.UfoEmojiTimings.MOUNTED_END);
     }
+    if (emoji.type === _types.ProviderTypes.STANDARD || (0, _typeHelpers.isUnicodeRepresentation)(emoji.representation)) {
+      (0, _expValEquals.expValEquals)('platform_use_unicode_emojis', 'isEnabled', true);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if ((0, _typeHelpers.isUnicodeRepresentation)(emoji.representation)) {

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

@@ -10,8 +10,8 @@ exports.EmojiPreviewComponent = void 0;
 require("./EmojiPreviewComponent.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiName = null;
 var emojiShortName = null;
@@ -20,7 +20,7 @@ var previewImg = null;
 var previewText = null;
 var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   var emoji = _ref.emoji;
-  var fitToHeight = (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis') ? 32 : undefined;
+  var fitToHeight = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 32 : undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx2vrvc _1n261q9c _4t3izwfg _4cvr1h6o"])
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -10,11 +10,11 @@ exports.default = exports.EmojiRadioButton = void 0;
 require("./EmojiRadioButton.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 var _constants = require("../../util/constants");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiButton = null;
 var emojiRadio = {
@@ -42,7 +42,7 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     selectOnHover = props.selectOnHover,
     ariaLabelText = props.ariaLabelText,
     defaultChecked = props.defaultChecked;
-  var fitToHeight = (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  var fitToHeight = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return /*#__PURE__*/_react.default.createElement("label", {
     className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg"])
   }, /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, ariaLabelText), /*#__PURE__*/_react.default.createElement("input", {

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

@@ -21,6 +21,7 @@ var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _emojiIdToEmoji = require("../../util/emojiIdToEmoji");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -94,7 +95,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
 
             // When id is absent/empty, fetchByEmojiId won't retry if the catalogue isn't loaded yet.
             // findByEmojiId has retryIfLoading built in — use it for shortName-only lookups.
-            foundEmoji = !emojiId.id && (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis') ? _emojiProvider.findByEmojiId(emojiId) : _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch);
+            foundEmoji = !emojiId.id && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? _emojiProvider.findByEmojiId(emojiId) : _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch);
             (0, _analytics.sampledUfoRenderedEmoji)(emojiId).mark(_types.UfoEmojiTimings.METADATA_START);
             if ((0, _typeHelpers.isPromise)(foundEmoji)) {
               setLoaded(false);
@@ -176,7 +177,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
     });
   }, [emojiProvider]);
   var emojiRenderState = (0, _react.useMemo)(function () {
-    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis')) {
+    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true)) {
       return ResourcedEmojiComponentRenderStatesEnum.INITIAL;
     } else if (!emoji && loaded || imageLoadError) {
       return ResourcedEmojiComponentRenderStatesEnum.FALLBACK;
@@ -185,7 +186,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
   }, [emoji, loaded, optimisticImageURL, imageLoadError, id]);
   var optimisticEmojiDescription = (0, _react.useMemo)(function () {
     // For STANDARD emojis, use native unicode character instead of optimistic image.
-    if ((0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis')) {
+    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true)) {
       var resolvedId = id || (emoji === null || emoji === void 0 ? void 0 : emoji.id);
       if (!resolvedId) return undefined;
       var unicodeEmoji = (0, _emojiIdToEmoji.emojiIdToEmoji)(resolvedId);

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

@@ -11,9 +11,9 @@ require("./TonePreviewButton.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _Emoji = _interopRequireDefault(require("./Emoji"));
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var tonePreviewTestId = exports.tonePreviewTestId = 'tone-preview';
 var emojiButton = null;
@@ -31,7 +31,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     onSelected = props.onSelected,
     _props$isVisible = props.isVisible,
     isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
-  var fitToHeight = (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  var fitToHeight = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return _featureGateJsClient.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,

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

@@ -17,6 +17,7 @@ var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gat
 var _reactIntl = require("react-intl");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _i18n = require("../i18n");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiItem = null;
@@ -39,7 +40,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var rowIndex = (virtualItemContext === null || virtualItemContext === void 0 ? void 0 : virtualItemContext.index) || 0;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var fitToHeight = (0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  var fitToHeight = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   var preventFocusOnMouseDown = _featureGateJsClient.default.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
   var handleFocus = function handleFocus(index) {
     return function (emojiId, emoji, event) {
@@ -75,6 +76,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
         tabIndex: focus ? 0 : -1,
         "aria-roledescription": formatMessage(_i18n.messages.emojiButtonRoleDescription),
         shouldBeInteractive: true,
+        fitToHeight: fitToHeight,
         preventFocusOnMouseDown: preventFocusOnMouseDown
       }));
     }));

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.3.3"
+      packageVersion: "71.4.1"
     }, attributes)
   };
 };

package/dist/cjs/util/emojiIdToEmoji.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiIdToEmoji = emojiIdToEmoji;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -82,7 +82,7 @@ function emojiIdToEmoji(id) {
   // Text-presentation-default emoji: characters that are valid emoji but whose
   // default rendering is text (e.g. ☪ ☺ ☢ etc.) must be followed by
   // U+FE0F (VARIATION SELECTOR-16) to force emoji presentation.
-  if ((0, _platformFeatureFlags.fg)('platform_twemoji_removal_unicode_emojis')) {
+  if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true)) {
     var lastCodePoint = processedCodePoints[processedCodePoints.length - 1];
     var alreadyHasVariationSelector = lastCodePoint === VARIATION_SELECTOR_16 || lastCodePoint === VARIATION_SELECTOR_15 ||
     // Keycap sequences end with U+20E3 — they already have U+FE0F inserted inline

package/dist/es2019/api/EmojiUtils.js

@@ -1,9 +1,9 @@
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ProviderTypes } from '../types';
 import { isImageRepresentation, isSpriteServiceRepresentation, convertImageToMediaRepresentation, buildEmojiDescriptionWithAltRepresentation } from '../util/type-helpers';
 import debug from '../util/logger';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { emojiIdToEmoji } from '../util/emojiIdToEmoji';
 export const emojiRequest = (provider, options) => {
   const {
@@ -109,7 +109,7 @@ export const denormaliseServiceAltRepresentation = (altReps, meta) => {
 };
 const denormaliseStandardRepresentation = (emoji, meta) => {
   const unicodeEmoji = emojiIdToEmoji(emoji.id);
-  const useUnicodeRepresentation = !!(emoji.id && emoji.type === ProviderTypes.STANDARD && unicodeEmoji && fg('platform_twemoji_removal_unicode_emojis'));
+  const useUnicodeRepresentation = !!(emoji.id && emoji.type === ProviderTypes.STANDARD && unicodeEmoji && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true));
   return useUnicodeRepresentation ? {
     unicodeEmoji
   } : denormaliseServiceRepresentation(emoji.representation, meta);

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

@@ -8,7 +8,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { shouldUseAltRepresentation } from '../../api/EmojiUtils';
 import { defaultEmojiHeight, deleteEmojiLabel, EMOJI_KEYBOARD_KEYS_SUPPORTED, KeyboardKeys, SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
 import { isImageRepresentation, isMediaRepresentation, isSpriteRepresentation, isUnicodeRepresentation, toEmojiId } from '../../util/type-helpers';
-import { UfoEmojiTimings } from '../../types';
+import { ProviderTypes, UfoEmojiTimings } from '../../types';
 import { leftClick } from '../../util/mouse';
 import DeleteButton from './DeleteButton';
 import { emojiNodeStyles, commonSelectedStyles, selectOnHoverStyles, emojiSprite, emojiMainStyle, emojiImage, deletableEmoji } from './styles';
@@ -244,6 +244,7 @@ const UnicodeEmojiImage = props => {
     return /*#__PURE__*/React.createElement(ImageEmoji, _extends({}, props, {
       emoji: {
         ...emoji,
+        altRepresentation: undefined,
         representation: {
           imagePath: unicodeEmojiImage.imagePath,
           width: unicodeEmojiCanvasSize,
@@ -507,6 +508,9 @@ export const Emoji = props => {
     if (!hasUfoMarked(ufoExp, UfoEmojiTimings.MOUNTED_END)) {
       ufoExp.mark(UfoEmojiTimings.MOUNTED_END);
     }
+    if (emoji.type === ProviderTypes.STANDARD || isUnicodeRepresentation(emoji.representation)) {
+      expValEquals('platform_use_unicode_emojis', 'isEnabled', true);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (isUnicodeRepresentation(emoji.representation)) {

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

@@ -2,8 +2,8 @@
 import "./EmojiPreviewComponent.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import CachingEmoji from './CachingEmoji';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 const emojiName = null;
 const emojiShortName = null;
 const preview = null;
@@ -12,7 +12,7 @@ const previewText = null;
 export const EmojiPreviewComponent = ({
   emoji
 }) => {
-  const fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 32 : undefined;
+  const fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 32 : undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx2vrvc _1n261q9c _4t3izwfg _4cvr1h6o"])
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -2,11 +2,11 @@
 import "./EmojiRadioButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import Emoji from './Emoji';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
 import VisuallyHidden from '@atlaskit/visually-hidden';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 const emojiButton = null;
 const emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
@@ -37,7 +37,7 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
     ariaLabelText,
     defaultChecked
   } = props;
-  const fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  const fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return /*#__PURE__*/React.createElement("label", {
     className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg"])
   }, /*#__PURE__*/React.createElement(VisuallyHidden, null, ariaLabelText), /*#__PURE__*/React.createElement("input", {

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

@@ -9,6 +9,7 @@ import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { emojiIdToEmoji } from '../../util/emojiIdToEmoji';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
   ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
   ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -54,7 +55,7 @@ export const ResourcedEmojiComponent = ({
 
     // When id is absent/empty, fetchByEmojiId won't retry if the catalogue isn't loaded yet.
     // findByEmojiId has retryIfLoading built in — use it for shortName-only lookups.
-    const foundEmoji = !emojiId.id && fg('platform_twemoji_removal_unicode_emojis') ? _emojiProvider.findByEmojiId(emojiId) : _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch);
+    const foundEmoji = !emojiId.id && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? _emojiProvider.findByEmojiId(emojiId) : _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch);
     sampledUfoRenderedEmoji(emojiId).mark(UfoEmojiTimings.METADATA_START);
     if (isPromise(foundEmoji)) {
       setLoaded(false);
@@ -127,7 +128,7 @@ export const ResourcedEmojiComponent = ({
     });
   }, [emojiProvider]);
   const emojiRenderState = useMemo(() => {
-    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && fg('platform_twemoji_removal_unicode_emojis')) {
+    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
       return ResourcedEmojiComponentRenderStatesEnum.INITIAL;
     } else if (!emoji && loaded || imageLoadError) {
       return ResourcedEmojiComponentRenderStatesEnum.FALLBACK;
@@ -136,7 +137,7 @@ export const ResourcedEmojiComponent = ({
   }, [emoji, loaded, optimisticImageURL, imageLoadError, id]);
   const optimisticEmojiDescription = useMemo(() => {
     // For STANDARD emojis, use native unicode character instead of optimistic image.
-    if (fg('platform_twemoji_removal_unicode_emojis')) {
+    if (expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
       const resolvedId = id || (emoji === null || emoji === void 0 ? void 0 : emoji.id);
       if (!resolvedId) return undefined;
       const unicodeEmoji = emojiIdToEmoji(resolvedId);

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

@@ -3,9 +3,9 @@ import "./TonePreviewButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import Emoji from './Emoji';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 export const tonePreviewTestId = 'tone-preview';
 const emojiButton = null;
 const hidden = null;
@@ -22,7 +22,7 @@ export const TonePreviewButton = /*#__PURE__*/forwardRef((props, ref) => {
     onSelected,
     isVisible = true
   } = props;
-  const fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  const fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,

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

@@ -9,6 +9,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useIntl } from 'react-intl';
 import CachingEmoji from '../common/CachingEmoji';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { messages } from '../i18n';
 const emojiItem = null;
 const emojiPickerRow = null;
@@ -33,7 +34,7 @@ const EmojiPickerEmojiRow = ({
   const {
     formatMessage
   } = useIntl();
-  const fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  const fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   const preventFocusOnMouseDown = FeatureGates.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
   const handleFocus = index => (emojiId, emoji, event) => {
     setEmojisFocus({
@@ -69,6 +70,7 @@ const EmojiPickerEmojiRow = ({
         tabIndex: focus ? 0 : -1,
         "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
         shouldBeInteractive: true,
+        fitToHeight: fitToHeight,
         preventFocusOnMouseDown: preventFocusOnMouseDown
       }));
     }));

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

@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "71.3.3",
+    packageVersion: "71.4.1",
     ...attributes
   }
 });

package/dist/es2019/util/emojiIdToEmoji.js

@@ -1,4 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 const KEYCAP_COMBINING = 0x20e3;
 const VARIATION_SELECTOR_16 = 0xfe0f;
 const VARIATION_SELECTOR_15 = 0xfe0e;
@@ -64,7 +64,7 @@ export function emojiIdToEmoji(id) {
   // Text-presentation-default emoji: characters that are valid emoji but whose
   // default rendering is text (e.g. ☪ ☺ ☢ etc.) must be followed by
   // U+FE0F (VARIATION SELECTOR-16) to force emoji presentation.
-  if (fg('platform_twemoji_removal_unicode_emojis')) {
+  if (expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
     const lastCodePoint = processedCodePoints[processedCodePoints.length - 1];
     const alreadyHasVariationSelector = lastCodePoint === VARIATION_SELECTOR_16 || lastCodePoint === VARIATION_SELECTOR_15 ||
     // Keycap sequences end with U+20E3 — they already have U+FE0F inserted inline

package/dist/esm/api/EmojiUtils.js

@@ -8,10 +8,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ProviderTypes } from '../types';
 import { isImageRepresentation, isSpriteServiceRepresentation, convertImageToMediaRepresentation, buildEmojiDescriptionWithAltRepresentation } from '../util/type-helpers';
 import debug from '../util/logger';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { emojiIdToEmoji } from '../util/emojiIdToEmoji';
 export var emojiRequest = function emojiRequest(provider, options) {
   var _provider$getRatio = provider.getRatio,
@@ -112,7 +112,7 @@ export var denormaliseServiceAltRepresentation = function denormaliseServiceAltR
 };
 var denormaliseStandardRepresentation = function denormaliseStandardRepresentation(emoji, meta) {
   var unicodeEmoji = emojiIdToEmoji(emoji.id);
-  var useUnicodeRepresentation = !!(emoji.id && emoji.type === ProviderTypes.STANDARD && unicodeEmoji && fg('platform_twemoji_removal_unicode_emojis'));
+  var useUnicodeRepresentation = !!(emoji.id && emoji.type === ProviderTypes.STANDARD && unicodeEmoji && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true));
   return useUnicodeRepresentation ? {
     unicodeEmoji: unicodeEmoji
   } : denormaliseServiceRepresentation(emoji.representation, meta);

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

@@ -16,7 +16,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { shouldUseAltRepresentation } from '../../api/EmojiUtils';
 import { defaultEmojiHeight, deleteEmojiLabel, EMOJI_KEYBOARD_KEYS_SUPPORTED, KeyboardKeys, SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
 import { isImageRepresentation, isMediaRepresentation, isSpriteRepresentation, isUnicodeRepresentation, toEmojiId } from '../../util/type-helpers';
-import { UfoEmojiTimings } from '../../types';
+import { ProviderTypes, UfoEmojiTimings } from '../../types';
 import { leftClick } from '../../util/mouse';
 import DeleteButton from './DeleteButton';
 import { emojiNodeStyles, commonSelectedStyles, selectOnHoverStyles, emojiSprite, emojiMainStyle, emojiImage, deletableEmoji } from './styles';
@@ -260,6 +260,7 @@ var UnicodeEmojiImage = function UnicodeEmojiImage(props) {
   if (unicodeEmojiImage.status === 'ready') {
     return /*#__PURE__*/React.createElement(ImageEmoji, _extends({}, props, {
       emoji: _objectSpread(_objectSpread({}, emoji), {}, {
+        altRepresentation: undefined,
         representation: {
           imagePath: unicodeEmojiImage.imagePath,
           width: unicodeEmojiCanvasSize,
@@ -530,6 +531,9 @@ export var Emoji = function Emoji(props) {
     if (!hasUfoMarked(ufoExp, UfoEmojiTimings.MOUNTED_END)) {
       ufoExp.mark(UfoEmojiTimings.MOUNTED_END);
     }
+    if (emoji.type === ProviderTypes.STANDARD || isUnicodeRepresentation(emoji.representation)) {
+      expValEquals('platform_use_unicode_emojis', 'isEnabled', true);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (isUnicodeRepresentation(emoji.representation)) {

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

@@ -2,8 +2,8 @@
 import "./EmojiPreviewComponent.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import CachingEmoji from './CachingEmoji';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var emojiName = null;
 var emojiShortName = null;
 var preview = null;
@@ -11,7 +11,7 @@ var previewImg = null;
 var previewText = null;
 export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   var emoji = _ref.emoji;
-  var fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 32 : undefined;
+  var fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 32 : undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx2vrvc _1n261q9c _4t3izwfg _4cvr1h6o"])
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -2,11 +2,11 @@
 import "./EmojiRadioButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import Emoji from './Emoji';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
 import VisuallyHidden from '@atlaskit/visually-hidden';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var emojiButton = null;
 var emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
@@ -33,7 +33,7 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     selectOnHover = props.selectOnHover,
     ariaLabelText = props.ariaLabelText,
     defaultChecked = props.defaultChecked;
-  var fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  var fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return /*#__PURE__*/React.createElement("label", {
     className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg"])
   }, /*#__PURE__*/React.createElement(VisuallyHidden, null, ariaLabelText), /*#__PURE__*/React.createElement("input", {

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

@@ -15,6 +15,7 @@ import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { emojiIdToEmoji } from '../../util/emojiIdToEmoji';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
   ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
   ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -85,7 +86,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
 
             // When id is absent/empty, fetchByEmojiId won't retry if the catalogue isn't loaded yet.
             // findByEmojiId has retryIfLoading built in — use it for shortName-only lookups.
-            foundEmoji = !emojiId.id && fg('platform_twemoji_removal_unicode_emojis') ? _emojiProvider.findByEmojiId(emojiId) : _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch);
+            foundEmoji = !emojiId.id && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? _emojiProvider.findByEmojiId(emojiId) : _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch);
             sampledUfoRenderedEmoji(emojiId).mark(UfoEmojiTimings.METADATA_START);
             if (isPromise(foundEmoji)) {
               setLoaded(false);
@@ -167,7 +168,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
     });
   }, [emojiProvider]);
   var emojiRenderState = useMemo(function () {
-    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && fg('platform_twemoji_removal_unicode_emojis')) {
+    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
       return ResourcedEmojiComponentRenderStatesEnum.INITIAL;
     } else if (!emoji && loaded || imageLoadError) {
       return ResourcedEmojiComponentRenderStatesEnum.FALLBACK;
@@ -176,7 +177,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
   }, [emoji, loaded, optimisticImageURL, imageLoadError, id]);
   var optimisticEmojiDescription = useMemo(function () {
     // For STANDARD emojis, use native unicode character instead of optimistic image.
-    if (fg('platform_twemoji_removal_unicode_emojis')) {
+    if (expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
       var resolvedId = id || (emoji === null || emoji === void 0 ? void 0 : emoji.id);
       if (!resolvedId) return undefined;
       var unicodeEmoji = emojiIdToEmoji(resolvedId);

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

@@ -3,9 +3,9 @@ import "./TonePreviewButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import Emoji from './Emoji';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 export var tonePreviewTestId = 'tone-preview';
 var emojiButton = null;
 var hidden = null;
@@ -22,7 +22,7 @@ export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
     onSelected = props.onSelected,
     _props$isVisible = props.isVisible,
     isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
-  var fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  var fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false) ? /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,

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

@@ -9,6 +9,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useIntl } from 'react-intl';
 import CachingEmoji from '../common/CachingEmoji';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { messages } from '../i18n';
 var emojiItem = null;
 var emojiPickerRow = null;
@@ -30,7 +31,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
   var rowIndex = (virtualItemContext === null || virtualItemContext === void 0 ? void 0 : virtualItemContext.index) || 0;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var fitToHeight = fg('platform_twemoji_removal_unicode_emojis') ? 24 : undefined;
+  var fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   var preventFocusOnMouseDown = FeatureGates.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
   var handleFocus = function handleFocus(index) {
     return function (emojiId, emoji, event) {
@@ -66,6 +67,7 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
         tabIndex: focus ? 0 : -1,
         "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
         shouldBeInteractive: true,
+        fitToHeight: fitToHeight,
         preventFocusOnMouseDown: preventFocusOnMouseDown
       }));
     }));

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

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

package/dist/esm/util/emojiIdToEmoji.js

@@ -1,7 +1,7 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var KEYCAP_COMBINING = 0x20e3;
 var VARIATION_SELECTOR_16 = 0xfe0f;
 var VARIATION_SELECTOR_15 = 0xfe0e;
@@ -76,7 +76,7 @@ export function emojiIdToEmoji(id) {
   // Text-presentation-default emoji: characters that are valid emoji but whose
   // default rendering is text (e.g. ☪ ☺ ☢ etc.) must be followed by
   // U+FE0F (VARIATION SELECTOR-16) to force emoji presentation.
-  if (fg('platform_twemoji_removal_unicode_emojis')) {
+  if (expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true)) {
     var lastCodePoint = processedCodePoints[processedCodePoints.length - 1];
     var alreadyHasVariationSelector = lastCodePoint === VARIATION_SELECTOR_16 || lastCodePoint === VARIATION_SELECTOR_15 ||
     // Keycap sequences end with U+20E3 — they already have U+FE0F inserted inline

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.4.0",
+	"version": "71.4.2",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
 		"@atlaskit/spinner": "^20.0.0",
 		"@atlaskit/textfield": "^9.0.0",
 		"@atlaskit/theme": "^26.0.0",
-		"@atlaskit/tmp-editor-statsig": "^109.0.0",
+		"@atlaskit/tmp-editor-statsig": "^109.2.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -93,7 +93,7 @@
 		"react": "^18.2.0",
 		"react-addons-perf": "^15.3.2",
 		"react-dom": "^18.2.0",
-		"react-intl": "^6.6.2",
+		"react-intl": "^7.0.0",
 		"react-test-renderer": "^18.2.0",
 		"rxjs": "^5.5.0",
 		"sinon": "^2.2.0",
@@ -115,9 +115,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_twemoji_removal_unicode_emojis": {
-			"type": "boolean"
-		},
 		"platform_index_emoji_just_in_time": {
 			"type": "boolean"
 		},