@atlaskit/emoji 67.8.5 → 67.8.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/emoji
 
+## 67.8.7
+
+### Patch Changes
+
+- [`b0c0a2b36fb8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b0c0a2b36fb8e) -
+  Add a feature gate that can bypass the sampling rate of rendered emoji performance metrics for
+  selected tenants, allowing better measurements for those tenants
+
+## 67.8.6
+
+### Patch Changes
+
+- [#151665](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151665)
+  [`959c5fa5fc8b4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/959c5fa5fc8b4) -
+  Add emoji attributes to recordEmojiSelection events
+
 ## 67.8.5
 
 ### Patch Changes

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

@@ -25,6 +25,7 @@ var _browserSupport = _interopRequireDefault(require("../../util/browser-support
 var _useInView3 = require("../../hooks/useInView");
 var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _DeletableEmojiTooltipContent = require("./DeletableEmojiTooltipContent");
+var _isSsr = require("../../util/is-ssr");
 var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className", "showTooltip", "showDelete", "shouldBeInteractive", "tabIndex", "onSelected", "onMouseMove", "onFocus", "onDelete", "onLoadError", "onLoadSuccess", "disableLazyLoad", "autoWidth", "children", "type", "editorEmoji"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -171,7 +172,8 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
   if (fitToHeight && width && height) {
     // Presize image, to prevent reflow due to size changes after loading
     sizing = {
-      width: autoWidth ? 'auto' : fitToHeight / height * width,
+      // Size of <img> needs to be deterministic when rendered on server-side. Auto will cause width to be 0 before image is loaded.
+      width: autoWidth && !(0, _isSsr.isSSR)() ? 'auto' : fitToHeight / height * width,
       height: fitToHeight
     };
   }

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

@@ -20,10 +20,10 @@ var createRecordSelectionDefault = exports.createRecordSelectionDefault = functi
       if (provider.recordSelection && emoji) {
         _analytics.ufoExperiences['emoji-selection-recorded'].start();
         provider.recordSelection(emoji).then(function () {
-          fireAnalytics && fireAnalytics(_analytics.recordSucceeded);
+          fireAnalytics && fireAnalytics((0, _analytics.recordSucceededEmoji)(emoji));
           _analytics.ufoExperiences['emoji-selection-recorded'].success();
         }).catch(function (error) {
-          fireAnalytics && fireAnalytics(_analytics.recordFailed);
+          fireAnalytics && fireAnalytics((0, _analytics.recordFailedEmoji)(emoji));
           _analytics.ufoExperiences['emoji-selection-recorded'].failure({
             metadata: {
               error: (0, _analytics2.extractErrorInfo)(error),

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

@@ -1,30 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _ResourcedEmojiComponent = require("./ResourcedEmojiComponent");
 var _UfoErrorBoundary = require("./UfoErrorBoundary");
 var _analytics = require("../../util/analytics");
 var _constants = require("../../util/constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var ResourcedEmojiComponent = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_resourcedEmojiComponent" */'./ResourcedEmojiComponent'));
-    }).then(function (component) {
-      return component.ResourcedEmojiComponent;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ResourcedEmoji = function ResourcedEmoji(props) {
   var emojiId = props.emojiId,
     optimisticImageURL = props.optimisticImageURL;
@@ -32,8 +20,9 @@ var ResourcedEmoji = function ResourcedEmoji(props) {
     if (!emojiId) {
       return;
     }
+    var shouldAlwaysSample = (0, _platformFeatureFlags.fg)('platform_always_sample_rendered_emoji');
     (0, _analytics.sampledUfoRenderedEmoji)(emojiId).start({
-      samplingRate: _constants.SAMPLING_RATE_EMOJI_RENDERED_EXP
+      samplingRate: shouldAlwaysSample ? 1 : _constants.SAMPLING_RATE_EMOJI_RENDERED_EXP
     });
     _analytics.ufoExperiences['emoji-rendered'].getInstance(emojiId.id || emojiId.shortName).addMetadata({
       source: 'ResourcedEmoji',
@@ -51,6 +40,6 @@ var ResourcedEmoji = function ResourcedEmoji(props) {
   }, [emojiId, optimisticImageURL]);
   return /*#__PURE__*/_react.default.createElement(_UfoErrorBoundary.UfoErrorBoundary, {
     experiences: [_analytics.ufoExperiences['emoji-rendered'].getInstance(props.emojiId.id || props.emojiId.shortName)]
-  }, /*#__PURE__*/_react.default.createElement(ResourcedEmojiComponent, props));
+  }, /*#__PURE__*/_react.default.createElement(_ResourcedEmojiComponent.ResourcedEmojiComponent, props));
 };
 var _default = exports.default = ResourcedEmoji;

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

@@ -298,7 +298,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, [disableCategories, emojiPickerList, emojiProvider, fireAnalytics, selectedTone]);
   var recordUsageOnSelection = (0, _react.useMemo)(function () {
     return (0, _RecordSelectionDefault.createRecordSelectionDefault)(emojiProvider, onSelectWrapper, function (analytic) {
-      return fireAnalytics(analytic('picker'));
+      return fireAnalytics(analytic(_types.SearchSourceTypes.PICKER));
     });
   }, [emojiProvider, fireAnalytics, onSelectWrapper]);
   var formattedErrorMessage = (0, _react.useMemo)(function () {

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

@@ -118,7 +118,7 @@ var EmojiTypeAheadComponent = exports.default = /*#__PURE__*/function (_PureComp
         var matchIndex = uniqueExactShortNameMatchIndex(result, query);
         if (matchIndex !== undefined) {
           var onSelect = (0, _RecordSelectionDefault.createRecordSelectionDefault)(_this.props.emojiProvider, _this.props.onSelection, function (analytic) {
-            return _this.fireAnalyticsEvent(analytic('typeahead'));
+            return _this.fireAnalyticsEvent(analytic(_types.SearchSourceTypes.TYPEAHEAD));
           });
           _this.fireSelectionEvent(result.emojis[matchIndex], true);
           onSelect((0, _typeHelpers.toEmojiId)(result.emojis[matchIndex]), result.emojis[matchIndex]);
@@ -255,7 +255,7 @@ var EmojiTypeAheadComponent = exports.default = /*#__PURE__*/function (_PureComp
           onSelection(emojiId, emoji, event);
         }
       }, function (analytic) {
-        return _this2.fireAnalyticsEvent(analytic('typeahead'));
+        return _this2.fireAnalyticsEvent(analytic(_types.SearchSourceTypes.TYPEAHEAD));
       });
       var _this$state = this.state,
         visible = _this$state.visible,

package/dist/cjs/util/analytics/analytics.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uploadSucceededEvent = exports.uploadFailedEvent = exports.uploadConfirmButton = exports.uploadCancelButton = exports.uploadBeginButton = exports.typeaheadSelectedEvent = exports.typeaheadRenderedEvent = exports.typeaheadCancelledEvent = exports.toneSelectorOpenedEvent = exports.toneSelectorClosedEvent = exports.toneSelectedEvent = exports.selectedFileEvent = exports.recordSucceeded = exports.recordSelectionSucceededSli = exports.recordSelectionFailedSli = exports.recordFailed = exports.pickerSearchedEvent = exports.pickerClickedEvent = exports.openedPickerEvent = exports.extractErrorInfo = exports.deleteConfirmEvent = exports.deleteCancelEvent = exports.deleteBeginEvent = exports.createAndFireEventInElementsChannel = exports.closedPickerEvent = exports.categoryClickedEvent = void 0;
+exports.uploadSucceededEvent = exports.uploadFailedEvent = exports.uploadConfirmButton = exports.uploadCancelButton = exports.uploadBeginButton = exports.typeaheadSelectedEvent = exports.typeaheadRenderedEvent = exports.typeaheadCancelledEvent = exports.toneSelectorOpenedEvent = exports.toneSelectorClosedEvent = exports.toneSelectedEvent = exports.selectedFileEvent = exports.recordSucceededEmoji = exports.recordSucceeded = exports.recordSelectionSucceededSli = exports.recordSelectionFailedSli = exports.recordFailedEmoji = exports.recordFailed = exports.pickerSearchedEvent = exports.pickerClickedEvent = exports.openedPickerEvent = exports.extractErrorInfo = exports.deleteConfirmEvent = exports.deleteCancelEvent = exports.deleteBeginEvent = exports.createAndFireEventInElementsChannel = exports.closedPickerEvent = exports.categoryClickedEvent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _types = require("../../types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var createAndFireEventInElementsChannel = exports.createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
@@ -19,15 +20,35 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "67.8.5"
+      packageVersion: "67.8.7"
     }, attributes)
   };
 };
+var recordSucceededEmoji = exports.recordSucceededEmoji = function recordSucceededEmoji(emoji) {
+  return function (source) {
+    return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
+      source: source,
+      emojiId: emoji === null || emoji === void 0 ? void 0 : emoji.id,
+      emojiType: emoji === null || emoji === void 0 ? void 0 : emoji.type,
+      emojiCategory: emoji === null || emoji === void 0 ? void 0 : emoji.category
+    });
+  };
+};
 var recordSucceeded = exports.recordSucceeded = function recordSucceeded(source) {
   return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
     source: source
   });
 };
+var recordFailedEmoji = exports.recordFailedEmoji = function recordFailedEmoji(emoji) {
+  return function (source) {
+    return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
+      source: source,
+      emojiId: emoji === null || emoji === void 0 ? void 0 : emoji.id,
+      emojiType: emoji === null || emoji === void 0 ? void 0 : emoji.type,
+      emojiCategory: emoji === null || emoji === void 0 ? void 0 : emoji.category
+    });
+  };
+};
 var recordFailed = exports.recordFailed = function recordFailed(source) {
   return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
     source: source
@@ -168,19 +189,19 @@ var typeaheadRenderedEvent = exports.typeaheadRenderedEvent = function typeahead
 };
 
 // it's used in editor typeahead to fire success record analytics
-var recordSelectionSucceededSli = exports.recordSelectionSucceededSli = function recordSelectionSucceededSli(options) {
+var recordSelectionSucceededSli = exports.recordSelectionSucceededSli = function recordSelectionSucceededSli(emoji, options) {
   return function () {
     if (options && options.createAnalyticsEvent) {
-      (0, _analyticsNext.createAndFireEvent)('editor')(recordSucceeded('typeahead'))(options.createAnalyticsEvent);
+      (0, _analyticsNext.createAndFireEvent)('editor')(recordSucceededEmoji(emoji)(_types.SearchSourceTypes.TYPEAHEAD))(options.createAnalyticsEvent);
     }
   };
 };
 
 // it's used in editor typeahead to fire failure record analytics
-var recordSelectionFailedSli = exports.recordSelectionFailedSli = function recordSelectionFailedSli(options) {
+var recordSelectionFailedSli = exports.recordSelectionFailedSli = function recordSelectionFailedSli(emoji, options) {
   return function (err) {
     if (options && options.createAnalyticsEvent) {
-      (0, _analyticsNext.createAndFireEvent)('editor')(recordFailed('typeahead'))(options.createAnalyticsEvent);
+      (0, _analyticsNext.createAndFireEvent)('editor')(recordFailedEmoji(emoji)(_types.SearchSourceTypes.TYPEAHEAD))(options.createAnalyticsEvent);
     }
     return Promise.reject(err);
   };

package/dist/cjs/util/analytics/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "recordFailed", {
     return _analytics.recordFailed;
   }
 });
+Object.defineProperty(exports, "recordFailedEmoji", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.recordFailedEmoji;
+  }
+});
 Object.defineProperty(exports, "recordSelectionFailedSli", {
   enumerable: true,
   get: function get() {
@@ -93,6 +99,12 @@ Object.defineProperty(exports, "recordSucceeded", {
     return _analytics.recordSucceeded;
   }
 });
+Object.defineProperty(exports, "recordSucceededEmoji", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.recordSucceededEmoji;
+  }
+});
 Object.defineProperty(exports, "sampledUfoRenderedEmoji", {
   enumerable: true,
   get: function get() {

package/dist/cjs/util/is-ssr.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSSR = isSSR;
+function isSSR() {
+  try {
+    var _process;
+    return Boolean(
+    // In most places there is no document when running on server-side
+    typeof document === 'undefined' ||
+    // When SSRing editor with full cycle mode we define the document
+    // Check Confluence specific environment variable
+    typeof process !== 'undefined' && ((_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR));
+  } catch (e) {
+    // Catch possible error that might occur and just return false
+    return false;
+  }
+}

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

@@ -19,6 +19,7 @@ import browserSupport from '../../util/browser-support';
 import { useInView } from '../../hooks/useInView';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { DeletableEmojiTooltipContent, DeletableEmojiTooltipContentForScreenReader } from './DeletableEmojiTooltipContent';
+import { isSSR } from '../../util/is-ssr';
 const handleMouseDown = (props, event) => {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === deleteEmojiLabel) {
@@ -171,7 +172,8 @@ export const ImageEmoji = props => {
   if (fitToHeight && width && height) {
     // Presize image, to prevent reflow due to size changes after loading
     sizing = {
-      width: autoWidth ? 'auto' : fitToHeight / height * width,
+      // Size of <img> needs to be deterministic when rendered on server-side. Auto will cause width to be 0 before image is loaded.
+      width: autoWidth && !isSSR() ? 'auto' : fitToHeight / height * width,
       height: fitToHeight
     };
   }

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

@@ -1,4 +1,4 @@
-import { recordFailed, recordSucceeded, ufoExperiences } from '../../util/analytics';
+import { recordFailedEmoji, recordSucceededEmoji, ufoExperiences } from '../../util/analytics';
 import { extractErrorInfo } from '../../util/analytics/analytics';
 
 /**
@@ -15,10 +15,10 @@ export const createRecordSelectionDefault = (provider, onSelect, fireAnalytics)
       if (provider.recordSelection && emoji) {
         ufoExperiences['emoji-selection-recorded'].start();
         provider.recordSelection(emoji).then(() => {
-          fireAnalytics && fireAnalytics(recordSucceeded);
+          fireAnalytics && fireAnalytics(recordSucceededEmoji(emoji));
           ufoExperiences['emoji-selection-recorded'].success();
         }).catch(error => {
-          fireAnalytics && fireAnalytics(recordFailed);
+          fireAnalytics && fireAnalytics(recordFailedEmoji(emoji));
           ufoExperiences['emoji-selection-recorded'].failure({
             metadata: {
               error: extractErrorInfo(error),

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

@@ -1,12 +1,9 @@
 import React, { useEffect } from 'react';
-import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { ResourcedEmojiComponent } from './ResourcedEmojiComponent';
 import { UfoErrorBoundary } from './UfoErrorBoundary';
 import { sampledUfoRenderedEmoji, ufoExperiences } from '../../util/analytics';
 import { SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
-const ResourcedEmojiComponent = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_resourcedEmojiComponent" */'./ResourcedEmojiComponent').then(component => component.ResourcedEmojiComponent),
-  loading: () => null
-});
 const ResourcedEmoji = props => {
   const {
     emojiId,
@@ -16,8 +13,9 @@ const ResourcedEmoji = props => {
     if (!emojiId) {
       return;
     }
+    var shouldAlwaysSample = fg('platform_always_sample_rendered_emoji');
     sampledUfoRenderedEmoji(emojiId).start({
-      samplingRate: SAMPLING_RATE_EMOJI_RENDERED_EXP
+      samplingRate: shouldAlwaysSample ? 1 : SAMPLING_RATE_EMOJI_RENDERED_EXP
     });
     ufoExperiences['emoji-rendered'].getInstance(emojiId.id || emojiId.shortName).addMetadata({
       source: 'ResourcedEmoji',

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

@@ -246,7 +246,7 @@ const EmojiPickerComponent = ({
       }
     });
   }, [disableCategories, emojiPickerList, emojiProvider, fireAnalytics, selectedTone]);
-  const recordUsageOnSelection = useMemo(() => createRecordSelectionDefault(emojiProvider, onSelectWrapper, analytic => fireAnalytics(analytic('picker'))), [emojiProvider, fireAnalytics, onSelectWrapper]);
+  const recordUsageOnSelection = useMemo(() => createRecordSelectionDefault(emojiProvider, onSelectWrapper, analytic => fireAnalytics(analytic(SearchSourceTypes.PICKER))), [emojiProvider, fireAnalytics, onSelectWrapper]);
   const formattedErrorMessage = useMemo(() => uploadErrorMessage ? jsx(FormattedMessage, uploadErrorMessage) : null, [uploadErrorMessage]);
   const onFileChooserClicked = useCallback(() => {
     fireAnalytics(selectedFileEvent());

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

@@ -10,7 +10,7 @@ import { PureComponent } from 'react';
 import { flushSync } from 'react-dom';
 import uuid from 'uuid';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
-import { SearchSort } from '../../types';
+import { SearchSort, SearchSourceTypes } from '../../types';
 import { typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, ufoExperiences } from '../../util/analytics';
 import { defaultListLimit } from '../../util/constants';
 import debug from '../../util/logger';
@@ -91,7 +91,7 @@ export default class EmojiTypeAheadComponent extends PureComponent {
       if (isFullShortName(query)) {
         const matchIndex = uniqueExactShortNameMatchIndex(result, query);
         if (matchIndex !== undefined) {
-          const onSelect = createRecordSelectionDefault(this.props.emojiProvider, this.props.onSelection, analytic => this.fireAnalyticsEvent(analytic('typeahead')));
+          const onSelect = createRecordSelectionDefault(this.props.emojiProvider, this.props.onSelection, analytic => this.fireAnalyticsEvent(analytic(SearchSourceTypes.TYPEAHEAD)));
           this.fireSelectionEvent(result.emojis[matchIndex], true);
           onSelect(toEmojiId(result.emojis[matchIndex]), result.emojis[matchIndex]);
         }
@@ -221,7 +221,7 @@ export default class EmojiTypeAheadComponent extends PureComponent {
       if (onSelection) {
         onSelection(emojiId, emoji, event);
       }
-    }, analytic => this.fireAnalyticsEvent(analytic('typeahead')));
+    }, analytic => this.fireAnalyticsEvent(analytic(SearchSourceTypes.TYPEAHEAD)));
     const {
       visible,
       emojis,

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

@@ -1,4 +1,5 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
+import { SearchSourceTypes } from '../../types';
 export const createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
 const createEvent = (eventType, action, actionSubject, actionSubjectId, attributes = {}) => ({
   eventType,
@@ -7,15 +8,31 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "67.8.5",
+    packageVersion: "67.8.7",
     ...attributes
   }
 });
+export const recordSucceededEmoji = emoji => source => {
+  return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
+    source,
+    emojiId: emoji === null || emoji === void 0 ? void 0 : emoji.id,
+    emojiType: emoji === null || emoji === void 0 ? void 0 : emoji.type,
+    emojiCategory: emoji === null || emoji === void 0 ? void 0 : emoji.category
+  });
+};
 export const recordSucceeded = source => {
   return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
     source
   });
 };
+export const recordFailedEmoji = emoji => source => {
+  return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
+    source,
+    emojiId: emoji === null || emoji === void 0 ? void 0 : emoji.id,
+    emojiType: emoji === null || emoji === void 0 ? void 0 : emoji.type,
+    emojiCategory: emoji === null || emoji === void 0 ? void 0 : emoji.category
+  });
+};
 export const recordFailed = source => {
   return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
     source
@@ -109,16 +126,16 @@ export const typeaheadRenderedEvent = (duration, query, emojiList) => createEven
 });
 
 // it's used in editor typeahead to fire success record analytics
-export const recordSelectionSucceededSli = options => () => {
+export const recordSelectionSucceededSli = (emoji, options) => () => {
   if (options && options.createAnalyticsEvent) {
-    createAndFireEvent('editor')(recordSucceeded('typeahead'))(options.createAnalyticsEvent);
+    createAndFireEvent('editor')(recordSucceededEmoji(emoji)(SearchSourceTypes.TYPEAHEAD))(options.createAnalyticsEvent);
   }
 };
 
 // it's used in editor typeahead to fire failure record analytics
-export const recordSelectionFailedSli = options => err => {
+export const recordSelectionFailedSli = (emoji, options) => err => {
   if (options && options.createAnalyticsEvent) {
-    createAndFireEvent('editor')(recordFailed('typeahead'))(options.createAnalyticsEvent);
+    createAndFireEvent('editor')(recordFailedEmoji(emoji)(SearchSourceTypes.TYPEAHEAD))(options.createAnalyticsEvent);
   }
   return Promise.reject(err);
 };

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

@@ -1,4 +1,4 @@
 export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling } from './samplingUfo';
-export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent } from './analytics';
+export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordFailedEmoji, recordSucceeded, recordSucceededEmoji, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent } from './analytics';
 export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
 export { useSampledUFOComponentExperience } from './useSampledUFOComponentExperience';

package/dist/es2019/util/is-ssr.js

@@ -0,0 +1,14 @@
+export function isSSR() {
+  try {
+    var _process, _process$env;
+    return Boolean(
+    // In most places there is no document when running on server-side
+    typeof document === 'undefined' ||
+    // When SSRing editor with full cycle mode we define the document
+    // Check Confluence specific environment variable
+    typeof process !== 'undefined' && ((_process = process) === null || _process === void 0 ? void 0 : (_process$env = _process.env) === null || _process$env === void 0 ? void 0 : _process$env.REACT_SSR));
+  } catch (e) {
+    // Catch possible error that might occur and just return false
+    return false;
+  }
+}

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

@@ -25,6 +25,7 @@ import browserSupport from '../../util/browser-support';
 import { useInView } from '../../hooks/useInView';
 import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { DeletableEmojiTooltipContent, DeletableEmojiTooltipContentForScreenReader } from './DeletableEmojiTooltipContent';
+import { isSSR } from '../../util/is-ssr';
 var handleMouseDown = function handleMouseDown(props, event) {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === deleteEmojiLabel) {
@@ -163,7 +164,8 @@ export var ImageEmoji = function ImageEmoji(props) {
   if (fitToHeight && width && height) {
     // Presize image, to prevent reflow due to size changes after loading
     sizing = {
-      width: autoWidth ? 'auto' : fitToHeight / height * width,
+      // Size of <img> needs to be deterministic when rendered on server-side. Auto will cause width to be 0 before image is loaded.
+      width: autoWidth && !isSSR() ? 'auto' : fitToHeight / height * width,
       height: fitToHeight
     };
   }

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

@@ -1,4 +1,4 @@
-import { recordFailed, recordSucceeded, ufoExperiences } from '../../util/analytics';
+import { recordFailedEmoji, recordSucceededEmoji, ufoExperiences } from '../../util/analytics';
 import { extractErrorInfo } from '../../util/analytics/analytics';
 
 /**
@@ -15,10 +15,10 @@ export var createRecordSelectionDefault = function createRecordSelectionDefault(
       if (provider.recordSelection && emoji) {
         ufoExperiences['emoji-selection-recorded'].start();
         provider.recordSelection(emoji).then(function () {
-          fireAnalytics && fireAnalytics(recordSucceeded);
+          fireAnalytics && fireAnalytics(recordSucceededEmoji(emoji));
           ufoExperiences['emoji-selection-recorded'].success();
         }).catch(function (error) {
-          fireAnalytics && fireAnalytics(recordFailed);
+          fireAnalytics && fireAnalytics(recordFailedEmoji(emoji));
           ufoExperiences['emoji-selection-recorded'].failure({
             metadata: {
               error: extractErrorInfo(error),

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

@@ -1,18 +1,9 @@
 import React, { useEffect } from 'react';
-import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { ResourcedEmojiComponent } from './ResourcedEmojiComponent';
 import { UfoErrorBoundary } from './UfoErrorBoundary';
 import { sampledUfoRenderedEmoji, ufoExperiences } from '../../util/analytics';
 import { SAMPLING_RATE_EMOJI_RENDERED_EXP } from '../../util/constants';
-var ResourcedEmojiComponent = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_resourcedEmojiComponent" */'./ResourcedEmojiComponent').then(function (component) {
-      return component.ResourcedEmojiComponent;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
 var ResourcedEmoji = function ResourcedEmoji(props) {
   var emojiId = props.emojiId,
     optimisticImageURL = props.optimisticImageURL;
@@ -20,8 +11,9 @@ var ResourcedEmoji = function ResourcedEmoji(props) {
     if (!emojiId) {
       return;
     }
+    var shouldAlwaysSample = fg('platform_always_sample_rendered_emoji');
     sampledUfoRenderedEmoji(emojiId).start({
-      samplingRate: SAMPLING_RATE_EMOJI_RENDERED_EXP
+      samplingRate: shouldAlwaysSample ? 1 : SAMPLING_RATE_EMOJI_RENDERED_EXP
     });
     ufoExperiences['emoji-rendered'].getInstance(emojiId.id || emojiId.shortName).addMetadata({
       source: 'ResourcedEmoji',

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

@@ -293,7 +293,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   }, [disableCategories, emojiPickerList, emojiProvider, fireAnalytics, selectedTone]);
   var recordUsageOnSelection = useMemo(function () {
     return createRecordSelectionDefault(emojiProvider, onSelectWrapper, function (analytic) {
-      return fireAnalytics(analytic('picker'));
+      return fireAnalytics(analytic(SearchSourceTypes.PICKER));
     });
   }, [emojiProvider, fireAnalytics, onSelectWrapper]);
   var formattedErrorMessage = useMemo(function () {

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

@@ -21,7 +21,7 @@ import { PureComponent } from 'react';
 import { flushSync } from 'react-dom';
 import uuid from 'uuid';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
-import { SearchSort } from '../../types';
+import { SearchSort, SearchSourceTypes } from '../../types';
 import { typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, ufoExperiences } from '../../util/analytics';
 import { defaultListLimit } from '../../util/constants';
 import debug from '../../util/logger';
@@ -114,7 +114,7 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
         var matchIndex = uniqueExactShortNameMatchIndex(result, query);
         if (matchIndex !== undefined) {
           var onSelect = createRecordSelectionDefault(_this.props.emojiProvider, _this.props.onSelection, function (analytic) {
-            return _this.fireAnalyticsEvent(analytic('typeahead'));
+            return _this.fireAnalyticsEvent(analytic(SearchSourceTypes.TYPEAHEAD));
           });
           _this.fireSelectionEvent(result.emojis[matchIndex], true);
           onSelect(toEmojiId(result.emojis[matchIndex]), result.emojis[matchIndex]);
@@ -251,7 +251,7 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
           onSelection(emojiId, emoji, event);
         }
       }, function (analytic) {
-        return _this2.fireAnalyticsEvent(analytic('typeahead'));
+        return _this2.fireAnalyticsEvent(analytic(SearchSourceTypes.TYPEAHEAD));
       });
       var _this$state = this.state,
         visible = _this$state.visible,

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

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { createAndFireEvent } from '@atlaskit/analytics-next';
+import { SearchSourceTypes } from '../../types';
 export var createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
 var createEvent = function createEvent(eventType, action, actionSubject, actionSubjectId) {
   var attributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
@@ -12,15 +13,35 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "67.8.5"
+      packageVersion: "67.8.7"
     }, attributes)
   };
 };
+export var recordSucceededEmoji = function recordSucceededEmoji(emoji) {
+  return function (source) {
+    return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
+      source: source,
+      emojiId: emoji === null || emoji === void 0 ? void 0 : emoji.id,
+      emojiType: emoji === null || emoji === void 0 ? void 0 : emoji.type,
+      emojiCategory: emoji === null || emoji === void 0 ? void 0 : emoji.category
+    });
+  };
+};
 export var recordSucceeded = function recordSucceeded(source) {
   return createEvent('operational', 'succeeded', 'recordEmojiSelection', undefined, {
     source: source
   });
 };
+export var recordFailedEmoji = function recordFailedEmoji(emoji) {
+  return function (source) {
+    return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
+      source: source,
+      emojiId: emoji === null || emoji === void 0 ? void 0 : emoji.id,
+      emojiType: emoji === null || emoji === void 0 ? void 0 : emoji.type,
+      emojiCategory: emoji === null || emoji === void 0 ? void 0 : emoji.category
+    });
+  };
+};
 export var recordFailed = function recordFailed(source) {
   return createEvent('operational', 'failed', 'recordEmojiSelection', undefined, {
     source: source
@@ -161,19 +182,19 @@ export var typeaheadRenderedEvent = function typeaheadRenderedEvent(duration, qu
 };
 
 // it's used in editor typeahead to fire success record analytics
-export var recordSelectionSucceededSli = function recordSelectionSucceededSli(options) {
+export var recordSelectionSucceededSli = function recordSelectionSucceededSli(emoji, options) {
   return function () {
     if (options && options.createAnalyticsEvent) {
-      createAndFireEvent('editor')(recordSucceeded('typeahead'))(options.createAnalyticsEvent);
+      createAndFireEvent('editor')(recordSucceededEmoji(emoji)(SearchSourceTypes.TYPEAHEAD))(options.createAnalyticsEvent);
     }
   };
 };
 
 // it's used in editor typeahead to fire failure record analytics
-export var recordSelectionFailedSli = function recordSelectionFailedSli(options) {
+export var recordSelectionFailedSli = function recordSelectionFailedSli(emoji, options) {
   return function (err) {
     if (options && options.createAnalyticsEvent) {
-      createAndFireEvent('editor')(recordFailed('typeahead'))(options.createAnalyticsEvent);
+      createAndFireEvent('editor')(recordFailedEmoji(emoji)(SearchSourceTypes.TYPEAHEAD))(options.createAnalyticsEvent);
     }
     return Promise.reject(err);
   };

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

@@ -1,4 +1,4 @@
 export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling } from './samplingUfo';
-export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent } from './analytics';
+export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordFailedEmoji, recordSucceeded, recordSucceededEmoji, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent } from './analytics';
 export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
 export { useSampledUFOComponentExperience } from './useSampledUFOComponentExperience';

package/dist/esm/util/is-ssr.js

@@ -0,0 +1,14 @@
+export function isSSR() {
+  try {
+    var _process;
+    return Boolean(
+    // In most places there is no document when running on server-side
+    typeof document === 'undefined' ||
+    // When SSRing editor with full cycle mode we define the document
+    // Check Confluence specific environment variable
+    typeof process !== 'undefined' && ((_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR));
+  } catch (e) {
+    // Catch possible error that might occur and just return false
+    return false;
+  }
+}

package/dist/types/components/common/ResourcedEmoji.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
+import { type Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
 export interface Props extends ResourcedEmojiProps {
 }
 declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => JSX.Element;

package/dist/types/util/analytics/analytics.d.ts

@@ -1,8 +1,10 @@
 import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { EmojiDescription } from '../../types';
+import { type EmojiDescription, type OptionalEmojiDescription, SearchSourceTypes } from '../../types';
 export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
-export type EmojiInsertionAnalytic = (source: 'picker' | 'typeahead') => AnalyticsEventPayload;
+export type EmojiInsertionAnalytic = (source: SearchSourceTypes.PICKER | SearchSourceTypes.TYPEAHEAD) => AnalyticsEventPayload;
+export declare const recordSucceededEmoji: (emoji: OptionalEmojiDescription) => (source: SearchSourceTypes) => AnalyticsEventPayload;
 export declare const recordSucceeded: EmojiInsertionAnalytic;
+export declare const recordFailedEmoji: (emoji: OptionalEmojiDescription) => (source: SearchSourceTypes) => AnalyticsEventPayload;
 export declare const recordFailed: EmojiInsertionAnalytic;
 interface Duration {
     duration: number;
@@ -52,10 +54,10 @@ export declare const selectedFileEvent: () => AnalyticsEventPayload;
 export declare const typeaheadCancelledEvent: (duration: number, query?: string, emojiList?: EmojiDescription[]) => AnalyticsEventPayload;
 export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[], query?: string, exactMatch?: boolean) => AnalyticsEventPayload;
 export declare const typeaheadRenderedEvent: (duration: number, query?: string, emojiList?: EmojiDescription[]) => AnalyticsEventPayload;
-export declare const recordSelectionSucceededSli: (options?: {
+export declare const recordSelectionSucceededSli: (emoji: OptionalEmojiDescription, options?: {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }) => () => void;
-export declare const recordSelectionFailedSli: (options?: {
+export declare const recordSelectionFailedSli: (emoji: OptionalEmojiDescription, options?: {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }) => (err: Error) => Promise<never>;
 /**

package/dist/types/util/analytics/index.d.ts

@@ -1,6 +1,6 @@
 export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling, } from './samplingUfo';
 export type { UFOExperienceSampledRecords, WithSamplingUFOExperience } from './samplingUfo';
-export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
+export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordFailedEmoji, recordSucceeded, recordSucceededEmoji, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
 export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
 export type { EmojiInsertionAnalytic } from './analytics';
 export { useSampledUFOComponentExperience } from './useSampledUFOComponentExperience';

package/dist/types/util/is-ssr.d.ts

@@ -0,0 +1 @@
+export declare function isSSR(): boolean;

package/dist/types-ts4.5/components/common/ResourcedEmoji.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
+import { type Props as ResourcedEmojiProps } from './ResourcedEmojiComponent';
 export interface Props extends ResourcedEmojiProps {
 }
 declare const ResourcedEmoji: (props: React.PropsWithChildren<Props>) => JSX.Element;

package/dist/types-ts4.5/util/analytics/analytics.d.ts

@@ -1,8 +1,10 @@
 import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { EmojiDescription } from '../../types';
+import { type EmojiDescription, type OptionalEmojiDescription, SearchSourceTypes } from '../../types';
 export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
-export type EmojiInsertionAnalytic = (source: 'picker' | 'typeahead') => AnalyticsEventPayload;
+export type EmojiInsertionAnalytic = (source: SearchSourceTypes.PICKER | SearchSourceTypes.TYPEAHEAD) => AnalyticsEventPayload;
+export declare const recordSucceededEmoji: (emoji: OptionalEmojiDescription) => (source: SearchSourceTypes) => AnalyticsEventPayload;
 export declare const recordSucceeded: EmojiInsertionAnalytic;
+export declare const recordFailedEmoji: (emoji: OptionalEmojiDescription) => (source: SearchSourceTypes) => AnalyticsEventPayload;
 export declare const recordFailed: EmojiInsertionAnalytic;
 interface Duration {
     duration: number;
@@ -52,10 +54,10 @@ export declare const selectedFileEvent: () => AnalyticsEventPayload;
 export declare const typeaheadCancelledEvent: (duration: number, query?: string, emojiList?: EmojiDescription[]) => AnalyticsEventPayload;
 export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[], query?: string, exactMatch?: boolean) => AnalyticsEventPayload;
 export declare const typeaheadRenderedEvent: (duration: number, query?: string, emojiList?: EmojiDescription[]) => AnalyticsEventPayload;
-export declare const recordSelectionSucceededSli: (options?: {
+export declare const recordSelectionSucceededSli: (emoji: OptionalEmojiDescription, options?: {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }) => () => void;
-export declare const recordSelectionFailedSli: (options?: {
+export declare const recordSelectionFailedSli: (emoji: OptionalEmojiDescription, options?: {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
 }) => (err: Error) => Promise<never>;
 /**

package/dist/types-ts4.5/util/analytics/index.d.ts

@@ -1,6 +1,6 @@
 export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling, } from './samplingUfo';
 export type { UFOExperienceSampledRecords, WithSamplingUFOExperience } from './samplingUfo';
-export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
+export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordFailedEmoji, recordSucceeded, recordSucceededEmoji, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
 export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
 export type { EmojiInsertionAnalytic } from './analytics';
 export { useSampledUFOComponentExperience } from './useSampledUFOComponentExperience';

package/dist/types-ts4.5/util/is-ssr.d.ts

@@ -0,0 +1 @@
+export declare function isSSR(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.8.5",
+	"version": "67.8.7",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^13.1.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -120,6 +120,9 @@
 		"platform_index_emoji_just_in_time": {
 			"type": "boolean"
 		},
+		"platform_always_sample_rendered_emoji": {
+			"type": "boolean"
+		},
 		"platform_editor_react18_phase2": {
 			"type": "boolean"
 		}