@atlaskit/reactions 34.4.11 → 34.4.12

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 34.4.12
+
+### Patch Changes
+
+- [`4d71a7433de62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d71a7433de62) -
+  Use Teamoji default reaction IDs behind the emoji picker refresh experiment.
+- Updated dependencies
+
 ## 34.4.11
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.4.10";
+var packageVersion = "34.4.11";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Selector.js

@@ -11,6 +11,8 @@ require("./Selector.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _i18n = require("../shared/i18n");
@@ -52,18 +54,27 @@ var Selector = exports.Selector = function Selector(_ref2) {
     onMoreClick = _ref2.onMoreClick,
     onSelection = _ref2.onSelection,
     showMore = _ref2.showMore,
-    _ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
-    pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? _constants.DefaultReactions : _ref2$pickerQuickReac,
+    pickerQuickReactionEmojiIds = _ref2.pickerQuickReactionEmojiIds,
     _ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
     hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isTeamojiPickerRefreshEnabled = _useState2[0],
+    setIsTeamojiPickerRefreshEnabled = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setIsTeamojiPickerRefreshEnabled((0, _expValEquals.expValEquals)('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true));
+  }, []);
+  var quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : (0, _constants.getDefaultReactions)(isTeamojiPickerRefreshEnabled);
+
   /**
    * Render the default emoji icon
    * @param emoji emoji item
    * @param index location of the emoji in the array
    */
   var renderEmoji = function renderEmoji(emoji, index) {
-    var _emoji$id;
+    var _emoji$id, _emoji$id2;
     var emojiButtonAndTooltip = /*#__PURE__*/React.createElement(_tooltip.default, {
+      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       content: emoji.shortName
     }, /*#__PURE__*/React.createElement(_EmojiButton.EmojiButton, {
       emojiId: emoji,
@@ -72,7 +83,7 @@ var Selector = exports.Selector = function Selector(_ref2) {
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
     return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
-      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
+      key: (_emoji$id2 = emoji.id) !== null && _emoji$id2 !== void 0 ? _emoji$id2 : emoji.shortName,
       testId: RENDER_SELECTOR_TESTID
     }, emojiButtonAndTooltip);
   };
@@ -88,13 +99,13 @@ var Selector = exports.Selector = function Selector(_ref2) {
     }), /*#__PURE__*/React.createElement(_compiled.Inline, {
       alignBlock: "center",
       xcss: hoverableReactionPickerSelector ? styles.hoverableReactionPickerSelectorContainer : styles.container
-    }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null));
+    }, quickReactionEmojiIds.map(renderEmoji)));
   }
   return /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
     xcss: styles.container,
     as: "ul"
-  }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
+  }, quickReactionEmojiIds.map(renderEmoji), showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "li",
     xcss: styles.separator
   }), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {

package/dist/cjs/shared/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOOLTIP_USERS_LIMIT = exports.SAMPLING_RATE_REACTIONS_RENDERED_EXP = exports.RESOURCED_EMOJI_COMPACT_HEIGHT = exports.NUMBER_OF_REACTIONS_TO_DISPLAY = exports.ExtendedReactionsByShortName = exports.ExtendedReactions = exports.DefaultReactionsByShortName = exports.DefaultReactions = void 0;
+exports.getDefaultReactions = exports.TeamojiDefaultReactions = exports.TOOLTIP_USERS_LIMIT = exports.SAMPLING_RATE_REACTIONS_RENDERED_EXP = exports.RESOURCED_EMOJI_COMPACT_HEIGHT = exports.NUMBER_OF_REACTIONS_TO_DISPLAY = exports.ExtendedReactionsByShortName = exports.ExtendedReactions = exports.DefaultReactionsByShortName = exports.DefaultReactions = void 0;
 /**
  * Initial list of emoji to pick from
  */
@@ -27,6 +27,29 @@ var DefaultReactions = exports.DefaultReactions = [{
   shortName: ':thinking:'
 }];
 
+/**
+ * Initial list of emoji to pick from when the Teamoji picker refresh is enabled.
+ */
+var TeamojiDefaultReactions = exports.TeamojiDefaultReactions = [{
+  id: 'atlassian-thumbs_up',
+  shortName: ':thumbs_up:'
+}, {
+  id: 'atlassian-clap',
+  shortName: ':clap:'
+}, {
+  id: 'atlassian-fire',
+  shortName: ':fire:'
+}, {
+  id: 'atlassian-red_heart',
+  shortName: ':red_heart:'
+}, {
+  id: 'atlassian-surprise',
+  shortName: ':surprise:'
+}, {
+  id: 'atlassian-thinking',
+  shortName: ':thinking:'
+}];
+
 /**
  * Extended list of reactions used only for examples
  */
@@ -80,6 +103,10 @@ var ExtendedReactions = exports.ExtendedReactions = [{
 var DefaultReactionsByShortName = exports.DefaultReactionsByShortName = new Map(DefaultReactions.map(function (reaction) {
   return [reaction.shortName, reaction];
 }));
+var getDefaultReactions = exports.getDefaultReactions = function getDefaultReactions() {
+  var isTeamojiPickerRefreshEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return isTeamojiPickerRefreshEnabled ? TeamojiDefaultReactions : DefaultReactions;
+};
 
 /**
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "34.4.10";
+const packageVersion = "34.4.11";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/Selector.js

@@ -2,11 +2,12 @@
 import "./Selector.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Fragment } from 'react';
+import { Fragment, useEffect, useState } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../shared/i18n';
-import { DefaultReactions } from '../shared/constants';
+import { getDefaultReactions } from '../shared/constants';
 import { EmojiButton } from './EmojiButton';
 import { ShowMore } from './ShowMore';
 import { Trigger } from './Trigger';
@@ -44,17 +45,24 @@ export const Selector = ({
   onMoreClick,
   onSelection,
   showMore,
-  pickerQuickReactionEmojiIds = DefaultReactions,
+  pickerQuickReactionEmojiIds,
   hoverableReactionPickerSelector = false
 }) => {
+  const [isTeamojiPickerRefreshEnabled, setIsTeamojiPickerRefreshEnabled] = useState(false);
+  useEffect(() => {
+    setIsTeamojiPickerRefreshEnabled(expValEquals('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true));
+  }, []);
+  const quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : getDefaultReactions(isTeamojiPickerRefreshEnabled);
+
   /**
    * Render the default emoji icon
    * @param emoji emoji item
    * @param index location of the emoji in the array
    */
   const renderEmoji = (emoji, index) => {
-    var _emoji$id;
+    var _emoji$id, _emoji$id2;
     const emojiButtonAndTooltip = /*#__PURE__*/React.createElement(Tooltip, {
+      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       content: emoji.shortName
     }, /*#__PURE__*/React.createElement(EmojiButton, {
       emojiId: emoji,
@@ -63,7 +71,7 @@ export const Selector = ({
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
     return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
-      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
+      key: (_emoji$id2 = emoji.id) !== null && _emoji$id2 !== void 0 ? _emoji$id2 : emoji.shortName,
       testId: RENDER_SELECTOR_TESTID
     }, emojiButtonAndTooltip);
   };
@@ -79,13 +87,13 @@ export const Selector = ({
     }), /*#__PURE__*/React.createElement(Inline, {
       alignBlock: "center",
       xcss: hoverableReactionPickerSelector ? styles.hoverableReactionPickerSelectorContainer : styles.container
-    }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null));
+    }, quickReactionEmojiIds.map(renderEmoji)));
   }
   return /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     xcss: styles.container,
     as: "ul"
-  }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
+  }, quickReactionEmojiIds.map(renderEmoji), showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
     as: "li",
     xcss: styles.separator
   }), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {

package/dist/es2019/shared/constants.js

@@ -21,6 +21,29 @@ export const DefaultReactions = [{
   shortName: ':thinking:'
 }];
 
+/**
+ * Initial list of emoji to pick from when the Teamoji picker refresh is enabled.
+ */
+export const TeamojiDefaultReactions = [{
+  id: 'atlassian-thumbs_up',
+  shortName: ':thumbs_up:'
+}, {
+  id: 'atlassian-clap',
+  shortName: ':clap:'
+}, {
+  id: 'atlassian-fire',
+  shortName: ':fire:'
+}, {
+  id: 'atlassian-red_heart',
+  shortName: ':red_heart:'
+}, {
+  id: 'atlassian-surprise',
+  shortName: ':surprise:'
+}, {
+  id: 'atlassian-thinking',
+  shortName: ':thinking:'
+}];
+
 /**
  * Extended list of reactions used only for examples
  */
@@ -72,6 +95,7 @@ export const ExtendedReactions = [{
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
  */
 export const DefaultReactionsByShortName = new Map(DefaultReactions.map(reaction => [reaction.shortName, reaction]));
+export const getDefaultReactions = (isTeamojiPickerRefreshEnabled = false) => isTeamojiPickerRefreshEnabled ? TeamojiDefaultReactions : DefaultReactions;
 
 /**
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.4.10";
+var packageVersion = "34.4.11";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Selector.js

@@ -1,12 +1,14 @@
 /* Selector.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Selector.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { Fragment } from 'react';
+import { Fragment, useEffect, useState } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../shared/i18n';
-import { DefaultReactions } from '../shared/constants';
+import { getDefaultReactions } from '../shared/constants';
 import { EmojiButton } from './EmojiButton';
 import { ShowMore } from './ShowMore';
 import { Trigger } from './Trigger';
@@ -43,18 +45,27 @@ export var Selector = function Selector(_ref2) {
     onMoreClick = _ref2.onMoreClick,
     onSelection = _ref2.onSelection,
     showMore = _ref2.showMore,
-    _ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
-    pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? DefaultReactions : _ref2$pickerQuickReac,
+    pickerQuickReactionEmojiIds = _ref2.pickerQuickReactionEmojiIds,
     _ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
     hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTeamojiPickerRefreshEnabled = _useState2[0],
+    setIsTeamojiPickerRefreshEnabled = _useState2[1];
+  useEffect(function () {
+    setIsTeamojiPickerRefreshEnabled(expValEquals('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', true));
+  }, []);
+  var quickReactionEmojiIds = pickerQuickReactionEmojiIds !== null && pickerQuickReactionEmojiIds !== void 0 ? pickerQuickReactionEmojiIds : getDefaultReactions(isTeamojiPickerRefreshEnabled);
+
   /**
    * Render the default emoji icon
    * @param emoji emoji item
    * @param index location of the emoji in the array
    */
   var renderEmoji = function renderEmoji(emoji, index) {
-    var _emoji$id;
+    var _emoji$id, _emoji$id2;
     var emojiButtonAndTooltip = /*#__PURE__*/React.createElement(Tooltip, {
+      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       content: emoji.shortName
     }, /*#__PURE__*/React.createElement(EmojiButton, {
       emojiId: emoji,
@@ -63,7 +74,7 @@ export var Selector = function Selector(_ref2) {
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
     return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
-      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
+      key: (_emoji$id2 = emoji.id) !== null && _emoji$id2 !== void 0 ? _emoji$id2 : emoji.shortName,
       testId: RENDER_SELECTOR_TESTID
     }, emojiButtonAndTooltip);
   };
@@ -79,13 +90,13 @@ export var Selector = function Selector(_ref2) {
     }), /*#__PURE__*/React.createElement(Inline, {
       alignBlock: "center",
       xcss: hoverableReactionPickerSelector ? styles.hoverableReactionPickerSelectorContainer : styles.container
-    }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null));
+    }, quickReactionEmojiIds.map(renderEmoji)));
   }
   return /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     xcss: styles.container,
     as: "ul"
-  }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
+  }, quickReactionEmojiIds.map(renderEmoji), showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
     as: "li",
     xcss: styles.separator
   }), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {

package/dist/esm/shared/constants.js

@@ -21,6 +21,29 @@ export var DefaultReactions = [{
   shortName: ':thinking:'
 }];
 
+/**
+ * Initial list of emoji to pick from when the Teamoji picker refresh is enabled.
+ */
+export var TeamojiDefaultReactions = [{
+  id: 'atlassian-thumbs_up',
+  shortName: ':thumbs_up:'
+}, {
+  id: 'atlassian-clap',
+  shortName: ':clap:'
+}, {
+  id: 'atlassian-fire',
+  shortName: ':fire:'
+}, {
+  id: 'atlassian-red_heart',
+  shortName: ':red_heart:'
+}, {
+  id: 'atlassian-surprise',
+  shortName: ':surprise:'
+}, {
+  id: 'atlassian-thinking',
+  shortName: ':thinking:'
+}];
+
 /**
  * Extended list of reactions used only for examples
  */
@@ -74,6 +97,10 @@ export var ExtendedReactions = [{
 export var DefaultReactionsByShortName = new Map(DefaultReactions.map(function (reaction) {
   return [reaction.shortName, reaction];
 }));
+export var getDefaultReactions = function getDefaultReactions() {
+  var isTeamojiPickerRefreshEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return isTeamojiPickerRefreshEnabled ? TeamojiDefaultReactions : DefaultReactions;
+};
 
 /**
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)

package/dist/types/MockReactionsClient.d.ts

@@ -3,8 +3,8 @@ export declare const containerAri = "ari:cloud:owner:demo-cloud-id:container/1";
 export declare const ari = "ari:cloud:owner:demo-cloud-id:item/1";
 export declare const getReactionSummary: (shortName: string, count: number, reacted: boolean, extendedReactions?: boolean) => ReactionSummary;
 export declare const getUser: (id: string, displayName: string) => {
-    id: string;
     displayName: string;
+    id: string;
     profilePicture: {
         path: string;
     };

package/dist/types/index.d.ts

@@ -24,10 +24,10 @@ export declare const UFO: {
     ComponentName: typeof ComponentName;
     ExperienceName: typeof ExperienceName;
     PickerRender: UFOExperience;
-    ReactionsAdd: ConcurrentExperience;
     ReactionDetailsFetch: ConcurrentExperience;
     ReactionDialogOpened: UFOExperience;
     ReactionDialogSelectedReactionChanged: UFOExperience;
+    ReactionsAdd: ConcurrentExperience;
     ReactionsRemove: ConcurrentExperience;
     ReactionsRendered: ConcurrentExperience;
     sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;

package/dist/types/shared/constants.d.ts

@@ -3,6 +3,10 @@ import { type EmojiId } from '@atlaskit/emoji/types';
  * Initial list of emoji to pick from
  */
 export declare const DefaultReactions: EmojiId[];
+/**
+ * Initial list of emoji to pick from when the Teamoji picker refresh is enabled.
+ */
+export declare const TeamojiDefaultReactions: EmojiId[];
 /**
  * Extended list of reactions used only for examples
  */
@@ -11,6 +15,7 @@ export declare const ExtendedReactions: EmojiId[];
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
  */
 export declare const DefaultReactionsByShortName: Map<string, EmojiId>;
+export declare const getDefaultReactions: (isTeamojiPickerRefreshEnabled?: boolean) => EmojiId[];
 /**
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
  * Only for use in extended reaction examples

package/dist/types-ts4.5/MockReactionsClient.d.ts

@@ -3,8 +3,8 @@ export declare const containerAri = "ari:cloud:owner:demo-cloud-id:container/1";
 export declare const ari = "ari:cloud:owner:demo-cloud-id:item/1";
 export declare const getReactionSummary: (shortName: string, count: number, reacted: boolean, extendedReactions?: boolean) => ReactionSummary;
 export declare const getUser: (id: string, displayName: string) => {
-    id: string;
     displayName: string;
+    id: string;
     profilePicture: {
         path: string;
     };

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

@@ -24,10 +24,10 @@ export declare const UFO: {
     ComponentName: typeof ComponentName;
     ExperienceName: typeof ExperienceName;
     PickerRender: UFOExperience;
-    ReactionsAdd: ConcurrentExperience;
     ReactionDetailsFetch: ConcurrentExperience;
     ReactionDialogOpened: UFOExperience;
     ReactionDialogSelectedReactionChanged: UFOExperience;
+    ReactionsAdd: ConcurrentExperience;
     ReactionsRemove: ConcurrentExperience;
     ReactionsRendered: ConcurrentExperience;
     sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;

package/dist/types-ts4.5/shared/constants.d.ts

@@ -3,6 +3,10 @@ import { type EmojiId } from '@atlaskit/emoji/types';
  * Initial list of emoji to pick from
  */
 export declare const DefaultReactions: EmojiId[];
+/**
+ * Initial list of emoji to pick from when the Teamoji picker refresh is enabled.
+ */
+export declare const TeamojiDefaultReactions: EmojiId[];
 /**
  * Extended list of reactions used only for examples
  */
@@ -11,6 +15,7 @@ export declare const ExtendedReactions: EmojiId[];
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
  */
 export declare const DefaultReactionsByShortName: Map<string, EmojiId>;
+export declare const getDefaultReactions: (isTeamojiPickerRefreshEnabled?: boolean) => EmojiId[];
 /**
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
  * Only for use in extended reaction examples

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "34.4.11",
+	"version": "34.4.12",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tabs": "^19.1.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^101.0.0",
+		"@atlaskit/tmp-editor-statsig": "^102.0.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"@atlaskit/tooltip": "^22.6.0",
 		"@atlaskit/ufo": "^0.5.0",