@atlaskit/emoji 72.5.19 → 73.0.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/emoji
 
+## 73.0.0
+
+### Major Changes
+
+- [`4119d93011e41`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4119d93011e41) -
+  Remove `platform_use_unicode_emojis` experiment checks and retain Twemoji images and sprites.
+  Remove the experiment-only `denormaliseStandardRepresentation` export. Call
+  `denormaliseServiceRepresentation` with the service representation instead. Remove the
+  `emoji-id-to-emoji` entrypoint and its `emojiIdToEmoji` utility. Use the existing provider image
+  or sprite representation for Twemoji rendering. Remove the Unicode representation type, renderer,
+  canvas utility, and public `unicode-emoji-image` entrypoint. Remove `renderUnicodeEmojiAsImage`
+  props and the Unicode type guard. Remove the editor Unicode node rendering and the `EMOJI_UNICODE`
+  shared CSS class. Use provider image and sprite representations instead of Unicode
+  representations. Remove the obsolete Unicode rendering props from consumers. Remove the
+  feature-only `getCachedEmojiType` provider API. Use the existing provider lookup methods for cache
+  or catalogue access.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 72.5.19
 
 ### Patch Changes

package/dist/cjs/api/EmojiResource.js

@@ -618,34 +618,6 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
         return _this6.findById(id);
       }, undefined);
     }
-
-    /**
-     * Synchronously reads the emoji type from the local cache for the given emojiId.
-     * Returns `undefined` when the emoji is not in the cache or no repository is initialised.
-     * This is a pure cache read — no network requests are made.
-     */
-  }, {
-    key: "getCachedEmojiType",
-    value: function getCachedEmojiType(emojiId) {
-      if (!this.isRepositoryAvailable(this.emojiRepository)) {
-        return undefined;
-      }
-      var id = emojiId.id,
-        shortName = emojiId.shortName;
-      if (id) {
-        var emoji = this.emojiRepository.findById(id);
-        if (emoji) {
-          return emoji.type;
-        }
-      }
-      if (shortName) {
-        var _result = this.emojiRepository.findByShortName(shortName);
-        if (_result && !('then' in _result)) {
-          return _result.type;
-        }
-      }
-      return undefined;
-    }
   }, {
     key: "findInCategory",
     value: function findInCategory(categoryId) {

package/dist/cjs/api/EmojiUtils.js

@@ -33,12 +33,6 @@ Object.defineProperty(exports, "denormaliseSkinEmoji", {
     return _denormaliseSkinEmoji.denormaliseSkinEmoji;
   }
 });
-Object.defineProperty(exports, "denormaliseStandardRepresentation", {
-  enumerable: true,
-  get: function get() {
-    return _denormaliseStandardRepresentation.denormaliseStandardRepresentation;
-  }
-});
 Object.defineProperty(exports, "emojiRequest", {
   enumerable: true,
   get: function get() {
@@ -78,5 +72,4 @@ var _denormaliseServiceAltRepresentation = require("./denormaliseServiceAltRepre
 var _denormaliseSkinEmoji = require("./denormaliseSkinEmoji");
 var _denormaliseEmojiServiceResponse = require("./denormaliseEmojiServiceResponse");
 var _shouldUseAltRepresentation = require("./shouldUseAltRepresentation");
-var _calculateScale = require("./calculateScale");
-var _denormaliseStandardRepresentation = require("./denormaliseStandardRepresentation");
+var _calculateScale = require("./calculateScale");

package/dist/cjs/api/denormaliseEmojiServiceResponse.js

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _buildEmojiDescriptionWithAltRepresentation = require("../util/build-emoji-description-with-alt-representation");
 var _denormaliseServiceAltRepresentation = require("./denormaliseServiceAltRepresentation");
+var _denormaliseServiceRepresentation = require("./denormaliseServiceRepresentation");
 var _denormaliseSkinEmoji = require("./denormaliseSkinEmoji");
-var _denormaliseStandardRepresentation = require("./denormaliseStandardRepresentation");
 var _excluded = ["representation", "skinVariations", "altRepresentations"];
 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; }
@@ -20,7 +20,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 var denormaliseEmojiServiceResponse = exports.denormaliseEmojiServiceResponse = function denormaliseEmojiServiceResponse(emojiData) {
   var emojis = emojiData.emojis.map(function (emoji) {
-    var newRepresentation = (0, _denormaliseStandardRepresentation.denormaliseStandardRepresentation)(emoji, emojiData.meta);
+    var newRepresentation = (0, _denormaliseServiceRepresentation.denormaliseServiceRepresentation)(emoji.representation, emojiData.meta);
     var altRepresentation = (0, _denormaliseServiceAltRepresentation.denormaliseServiceAltRepresentation)(emoji.altRepresentations, emojiData.meta);
     var newSkinVariations = (0, _denormaliseSkinEmoji.denormaliseSkinEmoji)(emoji, emojiData.meta);
 

package/dist/cjs/api/denormaliseSkinEmoji.js

@@ -8,7 +8,7 @@ exports.denormaliseSkinEmoji = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _denormaliseServiceAltRepresentation = require("./denormaliseServiceAltRepresentation");
-var _denormaliseStandardRepresentation = require("./denormaliseStandardRepresentation");
+var _denormaliseServiceRepresentation = require("./denormaliseServiceRepresentation");
 var _excluded = ["representation", "altRepresentations"];
 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; }
@@ -24,7 +24,7 @@ var denormaliseSkinEmoji = exports.denormaliseSkinEmoji = function denormaliseSk
       other = (0, _objectWithoutProperties2.default)(skin, _excluded);
     return _objectSpread({
       baseId: baseId,
-      representation: (0, _denormaliseStandardRepresentation.denormaliseStandardRepresentation)(skin, meta),
+      representation: (0, _denormaliseServiceRepresentation.denormaliseServiceRepresentation)(skin.representation, meta),
       altRepresentation: (0, _denormaliseServiceAltRepresentation.denormaliseServiceAltRepresentation)(altRepresentations, meta)
     }, other);
   });

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

@@ -85,11 +85,10 @@ var CachingMediaEmoji = exports.CachingMediaEmoji = function CachingMediaEmoji(p
       onLoadError: handleLoadError
     }));
   }
-  var imageRepresentation = representation && 'height' in representation ? representation : undefined;
   return /*#__PURE__*/_react.default.createElement(_EmojiPlaceholder.default, {
     size: fitToHeight || placeholderSize,
     shortName: shortName,
     showTooltip: showTooltip,
-    representation: imageRepresentation
+    representation: representation
   });
 };

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unicodeEmojiCanvasSize = exports.default = exports.EmojiNodeWrapper = exports.Emoji = void 0;
+exports.default = exports.EmojiNodeWrapper = exports.Emoji = void 0;
 require("./Emoji.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -23,23 +23,16 @@ var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _useSampledUFOComponentExperience = require("../../util/analytics/useSampledUFOComponentExperience");
 var _constants = require("../../util/constants");
 var _isSpriteRepresentation = require("../../util/is-sprite-representation");
-var _isUnicodeRepresentation = require("../../util/is-unicode-representation");
 var _leftClick = require("../../util/left-click");
 var _toEmojiId = require("../../util/to-emoji-id");
 var _i18n = require("../i18n");
 var _handleDelete = require("./handleDelete");
 var _ImageEmoji = require("./ImageEmoji");
 var _SpriteEmoji = require("./SpriteEmoji");
-var _UnicodeEmoji = require("./UnicodeEmoji");
-var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji", "renderUnicodeEmojiAsImage", "isDecorative"];
+var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji", "isDecorative"];
 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 emojiSpriteContainer = null;
 var emojiImageContainer = null;
-
-// Unicode emojis render as text inside a <span>, not an <img>, so they do not need
-// borderRadius (which would clip a background on hover) or the img { display: block } rule.
-var emojiUnicodeContainer = null;
-var unicodeEmojiCanvasSize = exports.unicodeEmojiCanvasSize = 128;
 var handleMouseDown = function handleMouseDown(props, event) {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === _constants.deleteEmojiLabel) {
@@ -106,7 +99,6 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
     children = props.children,
     type = props.type,
     editorEmoji = props.editorEmoji,
-    renderUnicodeEmojiAsImage = props.renderUnicodeEmojiAsImage,
     isDecorative = props.isDecorative,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
   var intl = (0, _react.useContext)(_reactIntl.IntlContext);
@@ -131,7 +123,7 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
     "data-emoji-type": type,
     tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : type === 'unicode' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
+    className: (0, _runtime.ax)([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
     onKeyDown: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
@@ -171,14 +163,9 @@ var Emoji = exports.Emoji = function Emoji(props) {
     if (!(0, _hasUfoMarked.hasUfoMarked)(ufoExp, _types.UfoEmojiTimings.MOUNTED_END)) {
       ufoExp.mark(_types.UfoEmojiTimings.MOUNTED_END);
     }
-    if (emoji.type === _types.ProviderTypes.STANDARD || (0, _isUnicodeRepresentation.isUnicodeRepresentation)(emoji.representation)) {
-      (0, _expValEquals.expValEquals)('platform_use_unicode_emojis', 'isEnabled', true);
-    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  if ((0, _isUnicodeRepresentation.isUnicodeRepresentation)(emoji.representation)) {
-    return /*#__PURE__*/_react.default.createElement(_UnicodeEmoji.UnicodeEmoji, props);
-  }
+
   // TODO: We always prefer render as image as having accessibility issues with sprite representation
   if ((0, _isSpriteRepresentation.isSpriteRepresentation)(emoji.representation)) {
     return /*#__PURE__*/_react.default.createElement(_SpriteEmoji.SpriteEmoji, props);

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

@@ -10,7 +10,6 @@ exports.EmojiPreviewComponent = void 0;
 require("./EmojiPreviewComponent.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
 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;
@@ -20,15 +19,13 @@ var previewImg = null;
 var previewText = null;
 var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   var emoji = _ref.emoji;
-  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", {
     className: (0, _runtime.ax)(["_1e0c1o8l _1bsbzwfg _12s6idpf _1e4didpf _1dvqidpf _vwlxidpf _1gdiidpf _1f45idpf _pdfdidpf _mwo3idpf _5ilezwfg _boltzwfg _1pc7zwfg _u5wqzwfg _w7981kw7 _1vqe1kw7 _1l4xidpf _1l79idpf _118didpf _1pa4idpf _1pglh2mm _1vjf1ssb _1h6o1ssb _8fp6dbra _1os4zwfg _1e7azwfg _7mh21ule"])
   }, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
     key: emoji.id || emoji.shortName,
-    emoji: emoji,
-    fitToHeight: fitToHeight
+    emoji: emoji
   })), /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1wpz1h6o _19pk1i6y _18u019bv _p12f3sup _1bsb3sup _16jlkb7n _1o9zkb7n"])
   }, emoji.name && /*#__PURE__*/React.createElement("div", {

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

@@ -10,7 +10,6 @@ exports.default = exports.EmojiRadioButton = void 0;
 require("./EmojiRadioButton.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _constants = require("../../util/constants");
 var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
@@ -42,7 +41,6 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     selectOnHover = props.selectOnHover,
     ariaLabelText = props.ariaLabelText,
     defaultChecked = props.defaultChecked;
-  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", {
@@ -66,8 +64,7 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     emoji: emoji,
     selectOnHover: selectOnHover,
     shouldBeInteractive: false,
-    "aria-hidden": true,
-    fitToHeight: fitToHeight
+    "aria-hidden": true
   }));
 });
 var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiRadioButton);

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

@@ -15,13 +15,11 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
 var _types = require("../../types");
 var _hasUfoMarked = require("../../util/analytics/hasUfoMarked");
 var _sampledUfoRenderedEmoji = require("../../util/analytics/sampledUfoRenderedEmoji");
 var _constants = require("../../util/constants");
-var _emojiIdToEmoji = require("../../util/emojiIdToEmoji");
 var _isImageRepresentation = require("../../util/is-image-representation");
 var _isMediaRepresentation = require("../../util/is-media-representation");
 var _isPromise = require("../../util/is-promise");
@@ -54,8 +52,6 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
     _ref$optimisticImageU = _ref.optimisticImageURL,
     optimisticImageURL = _ref$optimisticImageU === void 0 ? undefined : _ref$optimisticImageU,
     editorEmoji = _ref.editorEmoji,
-    _ref$renderUnicodeEmo = _ref.renderUnicodeEmojiAsImage,
-    renderUnicodeEmojiAsImage = _ref$renderUnicodeEmo === void 0 ? true : _ref$renderUnicodeEmo,
     _ref$pageTitleEmoji = _ref.pageTitleEmoji,
     pageTitleEmoji = _ref$pageTitleEmoji === void 0 ? false : _ref$pageTitleEmoji,
     placeholderXcss = _ref.placeholderXcss,
@@ -84,9 +80,6 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_emojiProvider, emojiId) {
       var optimisticFetch,
         reason,
-        useUnicodeEmojis,
-        normalizedEmojiId,
-        shouldFetchOptimistically,
         foundEmoji,
         _args = arguments;
       return _regenerator.default.wrap(function (_context) {
@@ -104,13 +97,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
                 }
               });
             }
-            useUnicodeEmojis = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true);
-            normalizedEmojiId = useUnicodeEmojis ? _objectSpread(_objectSpread({}, emojiId), {}, {
-              id: emojiId.id || undefined
-            }) : emojiId; // A shortName-only optimistic request can resolve without an emoji before the catalogue loads.
-            // Use the non-optimistic path so it waits for the catalogue and tokenizes custom emoji media.
-            shouldFetchOptimistically = useUnicodeEmojis ? optimisticFetch && Boolean(emojiId.id) : optimisticFetch;
-            foundEmoji = _emojiProvider.fetchByEmojiId(normalizedEmojiId, shouldFetchOptimistically, (0, _fg.fg)('platform_bitbucket_fix_shortname_and_ordering') ? emojiProviderLookupOrder : undefined);
+            foundEmoji = _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch, (0, _fg.fg)('platform_bitbucket_fix_shortname_and_ordering') ? emojiProviderLookupOrder : undefined);
             (0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emojiId).mark(_types.UfoEmojiTimings.METADATA_START);
             if ((0, _isPromise.isPromise)(foundEmoji)) {
               setLoaded(false);
@@ -197,35 +184,14 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
     });
   }, [emojiProvider]);
   var emojiRenderState = (0, _react.useMemo)(function () {
-    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true)) {
+    if (!emoji && !loaded && !optimisticImageURL) {
       return ResourcedEmojiComponentRenderStatesEnum.INITIAL;
     } else if (!emoji && loaded || imageLoadError) {
       return ResourcedEmojiComponentRenderStatesEnum.FALLBACK;
     }
     return ResourcedEmojiComponentRenderStatesEnum.EMOJI;
-  }, [emoji, loaded, optimisticImageURL, imageLoadError, id]);
+  }, [emoji, loaded, optimisticImageURL, imageLoadError]);
   var optimisticEmojiDescription = (0, _react.useMemo)(function () {
-    // For STANDARD emojis, use native unicode character instead of optimistic image.
-    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);
-      if (unicodeEmoji) {
-        return _objectSpread(_objectSpread({}, emoji !== null && emoji !== void 0 ? emoji : {
-          id: id,
-          shortName: shortName,
-          fallback: fallback,
-          type: 'STANDARD',
-          category: '',
-          searchable: true
-        }), {}, {
-          representation: {
-            unicodeEmoji: unicodeEmoji
-          }
-        });
-      }
-    }
-
     // reduce blast radius by targeting page title
     if (pageTitleEmoji && optimisticImageURL && (0, _fg.fg)('platform_emoji_prevent_img_src_changing')) {
       return {
@@ -328,8 +294,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
     showTooltip: showTooltip,
     fitToHeight: fitToHeight,
     autoWidth: autoWidth,
-    editorEmoji: editorEmoji,
-    renderUnicodeEmojiAsImage: renderUnicodeEmojiAsImage
+    editorEmoji: editorEmoji
   })));
 };
 var _default = exports.default = ResourcedEmojiComponent;

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

@@ -11,7 +11,6 @@ require("./TonePreviewButton.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
 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); }
@@ -31,7 +30,6 @@ 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, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)() ? /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,
@@ -51,8 +49,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     emoji: emoji,
     selectOnHover: selectOnHover,
     shouldBeInteractive: false,
-    "aria-hidden": true,
-    fitToHeight: fitToHeight
+    "aria-hidden": true
   })) : /*#__PURE__*/React.createElement("button", {
     ref: ref,
     onClick: onSelected,
@@ -72,8 +69,7 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     emoji: emoji,
     selectOnHover: selectOnHover,
     shouldBeInteractive: false,
-    "aria-hidden": true,
-    fitToHeight: fitToHeight
+    "aria-hidden": true
   }));
 });
 var _default_1 = /*#__PURE__*/(0, _react.memo)(TonePreviewButton);

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

@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _useEmojiPickerListContext = require("../../hooks/useEmojiPickerListContext");
 var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
 var _CachingEmoji = _interopRequireDefault(require("../common/CachingEmoji"));
@@ -36,7 +35,6 @@ 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, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   var preventFocusOnMouseDown = (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabledNoExposure)();
   var handleFocus = function handleFocus(index) {
     return function (emojiId, emoji, event) {
@@ -72,7 +70,6 @@ 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/createEvent.js

@@ -19,7 +19,7 @@ var createEvent = exports.createEvent = function createEvent(eventType, action,
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "72.5.18"
+      packageVersion: "72.5.19"
     }, attributes)
   };
 };

package/dist/cjs/util/type-helpers.js

@@ -117,12 +117,6 @@ Object.defineProperty(exports, "isSpriteServiceRepresentation", {
     return _isSpriteServiceRepresentation.isSpriteServiceRepresentation;
   }
 });
-Object.defineProperty(exports, "isUnicodeRepresentation", {
-  enumerable: true,
-  get: function get() {
-    return _isUnicodeRepresentation.isUnicodeRepresentation;
-  }
-});
 Object.defineProperty(exports, "toEmojiId", {
   enumerable: true,
   get: function get() {
@@ -139,7 +133,6 @@ var _isSpriteServiceRepresentation = require("./is-sprite-service-representation
 var _isSpriteRepresentation = require("./is-sprite-representation");
 var _isImageRepresentation = require("./is-image-representation");
 var _isMediaRepresentation = require("./is-media-representation");
-var _isUnicodeRepresentation = require("./is-unicode-representation");
 var _isPromise = require("./is-promise");
 var _isEmojiDescription = require("./is-emoji-description");
 var _isMediaEmoji = require("./is-media-emoji");

package/dist/es2019/api/EmojiResource.js

@@ -406,34 +406,6 @@ export class EmojiResource extends AbstractResource {
     }
     return this.retryIfLoading(() => this.findById(id), undefined);
   }
-
-  /**
-   * Synchronously reads the emoji type from the local cache for the given emojiId.
-   * Returns `undefined` when the emoji is not in the cache or no repository is initialised.
-   * This is a pure cache read — no network requests are made.
-   */
-  getCachedEmojiType(emojiId) {
-    if (!this.isRepositoryAvailable(this.emojiRepository)) {
-      return undefined;
-    }
-    const {
-      id,
-      shortName
-    } = emojiId;
-    if (id) {
-      const emoji = this.emojiRepository.findById(id);
-      if (emoji) {
-        return emoji.type;
-      }
-    }
-    if (shortName) {
-      const result = this.emojiRepository.findByShortName(shortName);
-      if (result && !('then' in result)) {
-        return result.type;
-      }
-    }
-    return undefined;
-  }
   findInCategory(categoryId) {
     if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       return Promise.resolve(this.emojiRepository.findInCategory(categoryId));

package/dist/es2019/api/EmojiUtils.js

@@ -39,8 +39,4 @@ export { shouldUseAltRepresentation } from './shouldUseAltRepresentation';
 /**
  * @deprecated Use `import { calculateScale } from '@atlaskit/emoji/emoji-utils'` instead.
  */
-export { calculateScale } from './calculateScale';
-/**
- * @deprecated Use `import { denormaliseStandardRepresentation } from '@atlaskit/emoji/emoji-utils'` instead.
- */
-export { denormaliseStandardRepresentation } from './denormaliseStandardRepresentation';
+export { calculateScale } from './calculateScale';

package/dist/es2019/api/denormaliseEmojiServiceResponse.js

@@ -1,7 +1,7 @@
 import { buildEmojiDescriptionWithAltRepresentation } from '../util/build-emoji-description-with-alt-representation';
 import { denormaliseServiceAltRepresentation } from './denormaliseServiceAltRepresentation';
+import { denormaliseServiceRepresentation } from './denormaliseServiceRepresentation';
 import { denormaliseSkinEmoji } from './denormaliseSkinEmoji';
-import { denormaliseStandardRepresentation } from './denormaliseStandardRepresentation';
 
 /**
  * Denormalised an emoji response (emojis + sprite references) into an array of
@@ -9,7 +9,7 @@ import { denormaliseStandardRepresentation } from './denormaliseStandardRepresen
  */
 export const denormaliseEmojiServiceResponse = emojiData => {
   const emojis = emojiData.emojis.map(emoji => {
-    const newRepresentation = denormaliseStandardRepresentation(emoji, emojiData.meta);
+    const newRepresentation = denormaliseServiceRepresentation(emoji.representation, emojiData.meta);
     const altRepresentation = denormaliseServiceAltRepresentation(emoji.altRepresentations, emojiData.meta);
     const newSkinVariations = denormaliseSkinEmoji(emoji, emojiData.meta);
 

package/dist/es2019/api/denormaliseSkinEmoji.js

@@ -1,5 +1,5 @@
 import { denormaliseServiceAltRepresentation } from './denormaliseServiceAltRepresentation';
-import { denormaliseStandardRepresentation } from './denormaliseStandardRepresentation';
+import { denormaliseServiceRepresentation } from './denormaliseServiceRepresentation';
 export const denormaliseSkinEmoji = (emoji, meta) => {
   if (!emoji.skinVariations) {
     return [];
@@ -14,7 +14,7 @@ export const denormaliseSkinEmoji = (emoji, meta) => {
     } = skin;
     return {
       baseId: baseId,
-      representation: denormaliseStandardRepresentation(skin, meta),
+      representation: denormaliseServiceRepresentation(skin.representation, meta),
       altRepresentation: denormaliseServiceAltRepresentation(altRepresentations, meta),
       ...other
     };

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

@@ -74,11 +74,10 @@ export const CachingMediaEmoji = props => {
       onLoadError: handleLoadError
     }));
   }
-  const imageRepresentation = representation && 'height' in representation ? representation : undefined;
   return /*#__PURE__*/React.createElement(EmojiPlaceholder, {
     size: fitToHeight || placeholderSize,
     shortName: shortName,
     showTooltip: showTooltip,
-    representation: imageRepresentation
+    representation: representation
   });
 };

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

@@ -7,28 +7,21 @@ import { IntlContext } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { ProviderTypes, UfoEmojiTimings } from '../../types';
+import { UfoEmojiTimings } from '../../types';
 import { hasUfoMarked } from '../../util/analytics/hasUfoMarked';
 import { sampledUfoRenderedEmoji } from '../../util/analytics/sampledUfoRenderedEmoji';
 import { ufoExperiences } from '../../util/analytics/ufoExperiences';
 import { useSampledUFOComponentExperience } from '../../util/analytics/useSampledUFOComponentExperience';
 import { deleteEmojiLabel, EMOJI_KEYBOARD_KEYS_SUPPORTED, KeyboardKeys, SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
 import { isSpriteRepresentation } from '../../util/is-sprite-representation';
-import { isUnicodeRepresentation } from '../../util/is-unicode-representation';
 import { leftClick } from '../../util/left-click';
 import { toEmojiId } from '../../util/to-emoji-id';
 import { messages } from '../i18n';
 import { handleDelete } from './handleDelete';
 import { ImageEmoji } from './ImageEmoji';
 import { SpriteEmoji } from './SpriteEmoji';
-import { UnicodeEmoji } from './UnicodeEmoji';
 const emojiSpriteContainer = null;
 const emojiImageContainer = null;
-
-// Unicode emojis render as text inside a <span>, not an <img>, so they do not need
-// borderRadius (which would clip a background on hover) or the img { display: block } rule.
-const emojiUnicodeContainer = null;
-export const unicodeEmojiCanvasSize = 128;
 const handleMouseDown = (props, event) => {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === deleteEmojiLabel) {
@@ -103,7 +96,6 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     children,
     type,
     editorEmoji,
-    renderUnicodeEmojiAsImage,
     isDecorative,
     ...other
   } = props;
@@ -129,7 +121,7 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     "data-emoji-type": type,
     tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : type === 'unicode' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
+    className: ax([type === 'sprite' ? "_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _1e0c1o8l _jr50g2xd _ylp71o8l _pkaxgktf _1hdcgktf _109tnkob _tn8j1dpa _3naf1dpa _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc" : "_2rkofajl _19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _bfhk1j28 _1e0c1o8l _s7n4nkob _v4pn1ule _tn8j1dpa _3naf1dpa _160jewfl _1theewfl _1kogh2mm _qyp0ewfl _nt751r31 _49pcglyw _1hvw1o36 _7ehi1y54 _491113zc", className]),
     onKeyDown: event => handleKeyDown(props, event),
     onMouseDown: event => {
       handleMouseDown(props, event);
@@ -169,14 +161,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)) {
-    return /*#__PURE__*/React.createElement(UnicodeEmoji, props);
-  }
+
   // TODO: We always prefer render as image as having accessibility issues with sprite representation
   if (isSpriteRepresentation(emoji.representation)) {
     return /*#__PURE__*/React.createElement(SpriteEmoji, props);

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

@@ -2,7 +2,6 @@
 import "./EmojiPreviewComponent.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import CachingEmoji from './CachingEmoji';
 const emojiName = null;
 const emojiShortName = null;
@@ -12,15 +11,13 @@ const previewText = null;
 export const EmojiPreviewComponent = ({
   emoji
 }) => {
-  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", {
     className: ax(["_1e0c1o8l _1bsbzwfg _12s6idpf _1e4didpf _1dvqidpf _vwlxidpf _1gdiidpf _1f45idpf _pdfdidpf _mwo3idpf _5ilezwfg _boltzwfg _1pc7zwfg _u5wqzwfg _w7981kw7 _1vqe1kw7 _1l4xidpf _1l79idpf _118didpf _1pa4idpf _1pglh2mm _1vjf1ssb _1h6o1ssb _8fp6dbra _1os4zwfg _1e7azwfg _7mh21ule"])
   }, /*#__PURE__*/React.createElement(CachingEmoji, {
     key: emoji.id || emoji.shortName,
-    emoji: emoji,
-    fitToHeight: fitToHeight
+    emoji: emoji
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_1e0c1txw _2lx21bp4 _1wpz1h6o _19pk1i6y _18u019bv _p12f3sup _1bsb3sup _16jlkb7n _1o9zkb7n"])
   }, emoji.name && /*#__PURE__*/React.createElement("div", {