@atlaskit/emoji 72.5.19 → 73.0.1

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
-import { utils as serviceUtils } from '@atlaskit/util-service-support';
+import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
 import { buildEmojiDescriptionWithAltRepresentation } from '../../util/build-emoji-description-with-alt-representation';
 import { convertImageToMediaRepresentation } from '../../util/convert-image-to-media-representation';
 import { isLoadedMediaEmoji } from '../../util/is-loaded-media-emoji';

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", {

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

@@ -2,7 +2,6 @@
 import "./EmojiRadioButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
 import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
@@ -37,7 +36,6 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
     ariaLabelText,
     defaultChecked
   } = props;
-  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", {
@@ -57,8 +55,7 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
     emoji: emoji,
     selectOnHover: selectOnHover,
     shouldBeInteractive: false,
-    "aria-hidden": true,
-    fitToHeight: fitToHeight
+    "aria-hidden": true
   }));
 });
 const _default_1 = /*#__PURE__*/memo(EmojiRadioButton);

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

@@ -10,8 +10,8 @@ import Button from '@atlaskit/button/default/button';
 import AkButton from '@atlaskit/button/standard-button';
 import CrossIcon from '@atlaskit/icon/core/cross';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { Text } from '@atlaskit/primitives/compiled';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import TextField from '@atlaskit/textfield/text-field';
 import * as ImageUtil from '../../util/image';
 import debug from '../../util/logger';

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

@@ -3,13 +3,11 @@ import "./ResourcedEmojiComponent.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
 import { UfoEmojiTimings } from '../../types';
 import { hasUfoMarked } from '../../util/analytics/hasUfoMarked';
 import { sampledUfoRenderedEmoji } from '../../util/analytics/sampledUfoRenderedEmoji';
 import { defaultEmojiHeight } from '../../util/constants';
-import { emojiIdToEmoji } from '../../util/emojiIdToEmoji';
 import { isImageRepresentation } from '../../util/is-image-representation';
 import { isMediaRepresentation } from '../../util/is-media-representation';
 import { isPromise } from '../../util/is-promise';
@@ -33,7 +31,6 @@ export const ResourcedEmojiComponent = ({
   optimistic = false,
   optimisticImageURL = undefined,
   editorEmoji,
-  renderUnicodeEmojiAsImage = true,
   pageTitleEmoji = false,
   placeholderXcss,
   onEmojiLoadSuccess,
@@ -60,15 +57,7 @@ export const ResourcedEmojiComponent = ({
         }
       });
     }
-    const useUnicodeEmojis = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true);
-    const normalizedEmojiId = useUnicodeEmojis ? {
-      ...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.
-    const shouldFetchOptimistically = useUnicodeEmojis ? optimisticFetch && Boolean(emojiId.id) : optimisticFetch;
-    const foundEmoji = _emojiProvider.fetchByEmojiId(normalizedEmojiId, shouldFetchOptimistically, fg('platform_bitbucket_fix_shortname_and_ordering') ? emojiProviderLookupOrder : undefined);
+    const foundEmoji = _emojiProvider.fetchByEmojiId(emojiId, optimisticFetch, fg('platform_bitbucket_fix_shortname_and_ordering') ? emojiProviderLookupOrder : undefined);
     sampledUfoRenderedEmoji(emojiId).mark(UfoEmojiTimings.METADATA_START);
     if (isPromise(foundEmoji)) {
       setLoaded(false);
@@ -146,36 +135,14 @@ export const ResourcedEmojiComponent = ({
     });
   }, [emojiProvider]);
   const emojiRenderState = useMemo(() => {
-    if (!emoji && !loaded && !optimisticImageURL || optimisticImageURL && !emoji && !id && 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]);
   const optimisticEmojiDescription = useMemo(() => {
-    // For STANDARD emojis, use native unicode character instead of optimistic image.
-    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);
-      if (unicodeEmoji) {
-        return {
-          ...(emoji !== null && emoji !== void 0 ? emoji : {
-            id,
-            shortName,
-            fallback,
-            type: 'STANDARD',
-            category: '',
-            searchable: true
-          }),
-          representation: {
-            unicodeEmoji
-          }
-        };
-      }
-    }
-
     // reduce blast radius by targeting page title
     if (pageTitleEmoji && optimisticImageURL && fg('platform_emoji_prevent_img_src_changing')) {
       return {
@@ -280,8 +247,7 @@ export const ResourcedEmojiComponent = ({
     showTooltip: showTooltip,
     fitToHeight: fitToHeight,
     autoWidth: autoWidth,
-    editorEmoji: editorEmoji,
-    renderUnicodeEmojiAsImage: renderUnicodeEmojiAsImage
+    editorEmoji: editorEmoji
   })));
 };
 export default ResourcedEmojiComponent;

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

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

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

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { usePrevious } from '../../hooks/usePrevious';
 import { CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED, defaultCategories, KeyboardKeys } from '../../util/constants';

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

@@ -4,7 +4,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
 import { useIntl } from 'react-intl';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useEmojiPickerListContext } from '../../hooks/useEmojiPickerListContext';
 import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
 import CachingEmoji from '../common/CachingEmoji';
@@ -30,7 +29,6 @@ const EmojiPickerEmojiRow = ({
   const {
     formatMessage
   } = useIntl();
-  const fitToHeight = expValEqualsNoExposure('platform_use_unicode_emojis', 'isEnabled', true) ? 24 : undefined;
   const preventFocusOnMouseDown = isTeamoji26RefreshEmojiPickerEnabledNoExposure();
   const handleFocus = index => (emojiId, emoji, event) => {
     setEmojisFocus({
@@ -66,7 +64,6 @@ const EmojiPickerEmojiRow = ({
       tabIndex: focus ? 0 : -1,
       "aria-roledescription": formatMessage(messages.emojiButtonRoleDescription),
       shouldBeInteractive: true,
-      fitToHeight: fitToHeight,
       preventFocusOnMouseDown: preventFocusOnMouseDown
     }));
   }));

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

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

@@ -16,10 +16,6 @@ export { isImageRepresentation } from './is-image-representation';
  * @deprecated Use `import { isMediaRepresentation } from '@atlaskit/emoji/type-helpers'` instead.
  */
 export { isMediaRepresentation } from './is-media-representation';
-/**
- * @deprecated Use `import { isUnicodeRepresentation } from '@atlaskit/emoji/type-helpers'` instead.
- */
-export { isUnicodeRepresentation } from './is-unicode-representation';
 /**
  * @deprecated Use `import { isPromise } from '@atlaskit/emoji/type-helpers'` instead.
  */

package/dist/esm/api/EmojiResource.js

@@ -607,34 +607,6 @@ export var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
         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/esm/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/esm/api/denormaliseEmojiServiceResponse.js

@@ -5,8 +5,8 @@ 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 { 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
@@ -14,7 +14,7 @@ import { denormaliseStandardRepresentation } from './denormaliseStandardRepresen
  */
 export var denormaliseEmojiServiceResponse = function denormaliseEmojiServiceResponse(emojiData) {
   var emojis = emojiData.emojis.map(function (emoji) {
-    var newRepresentation = denormaliseStandardRepresentation(emoji, emojiData.meta);
+    var newRepresentation = denormaliseServiceRepresentation(emoji.representation, emojiData.meta);
     var altRepresentation = denormaliseServiceAltRepresentation(emoji.altRepresentations, emojiData.meta);
     var newSkinVariations = denormaliseSkinEmoji(emoji, emojiData.meta);
 

package/dist/esm/api/denormaliseSkinEmoji.js

@@ -4,7 +4,7 @@ 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) { _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 { denormaliseServiceAltRepresentation } from './denormaliseServiceAltRepresentation';
-import { denormaliseStandardRepresentation } from './denormaliseStandardRepresentation';
+import { denormaliseServiceRepresentation } from './denormaliseServiceRepresentation';
 export var denormaliseSkinEmoji = function denormaliseSkinEmoji(emoji, meta) {
   if (!emoji.skinVariations) {
     return [];
@@ -17,7 +17,7 @@ export var denormaliseSkinEmoji = function denormaliseSkinEmoji(emoji, meta) {
       other = _objectWithoutProperties(skin, _excluded);
     return _objectSpread({
       baseId: baseId,
-      representation: denormaliseStandardRepresentation(skin, meta),
+      representation: denormaliseServiceRepresentation(skin.representation, meta),
       altRepresentation: denormaliseServiceAltRepresentation(altRepresentations, meta)
     }, other);
   });

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

@@ -9,7 +9,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _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 { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
-import { utils as serviceUtils } from '@atlaskit/util-service-support';
+import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
 import { buildEmojiDescriptionWithAltRepresentation } from '../../util/build-emoji-description-with-alt-representation';
 import { convertImageToMediaRepresentation } from '../../util/convert-image-to-media-representation';
 import { isLoadedMediaEmoji } from '../../util/is-loaded-media-emoji';

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

@@ -78,11 +78,10 @@ export var CachingMediaEmoji = function CachingMediaEmoji(props) {
       onLoadError: handleLoadError
     }));
   }
-  var 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/esm/components/common/Emoji.js

@@ -1,7 +1,7 @@
 /* Emoji.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
 import "./Emoji.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useContext, forwardRef } from 'react';
@@ -9,28 +9,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';
 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;
-export var unicodeEmojiCanvasSize = 128;
 var handleMouseDown = function handleMouseDown(props, event) {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === deleteEmojiLabel) {
@@ -97,7 +90,6 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     children = props.children,
     type = props.type,
     editorEmoji = props.editorEmoji,
-    renderUnicodeEmojiAsImage = props.renderUnicodeEmojiAsImage,
     isDecorative = props.isDecorative,
     other = _objectWithoutProperties(props, _excluded);
   var intl = useContext(IntlContext);
@@ -122,7 +114,7 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (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: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
@@ -162,14 +154,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)) {
-    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/esm/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';
 var emojiName = null;
 var emojiShortName = null;
@@ -11,15 +10,13 @@ var previewImg = null;
 var previewText = null;
 export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   var emoji = _ref.emoji;
-  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", {
     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", {

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

@@ -2,7 +2,6 @@
 import "./EmojiRadioButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
 import { isTeamoji26RefreshEmojiPickerEnabledNoExposure } from '../../util/teamoji26RefreshEmojiPicker';
@@ -33,7 +32,6 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     selectOnHover = props.selectOnHover,
     ariaLabelText = props.ariaLabelText,
     defaultChecked = props.defaultChecked;
-  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", {
@@ -57,8 +55,7 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     emoji: emoji,
     selectOnHover: selectOnHover,
     shouldBeInteractive: false,
-    "aria-hidden": true,
-    fitToHeight: fitToHeight
+    "aria-hidden": true
   }));
 });
 var _default_1 = /*#__PURE__*/memo(EmojiRadioButton);

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

@@ -13,8 +13,8 @@ import Button from '@atlaskit/button/default/button';
 import AkButton from '@atlaskit/button/standard-button';
 import CrossIcon from '@atlaskit/icon/core/cross';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { Text } from '@atlaskit/primitives/compiled';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import TextField from '@atlaskit/textfield/text-field';
 import * as ImageUtil from '../../util/image';
 import debug from '../../util/logger';