@atlaskit/emoji 64.2.0 → 64.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/emoji
 
+## 64.2.1
+
+### Patch Changes
+
+- [`85397ad6786`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85397ad6786) - add emoji-rendered and emoji-resource-fetched UFO experiences
+
 ## 64.2.0
 
 ### Minor Changes

package/dist/cjs/api/EmojiResource.js

@@ -31,6 +31,8 @@ var _typeHelpers = require("../util/type-helpers");
 
 var _storageAvailable = _interopRequireDefault(require("../util/storage-available"));
 
+var _types = require("../types");
+
 var _logger = _interopRequireDefault(require("../util/logger"));
 
 var _EmojiLoader = _interopRequireDefault(require("./EmojiLoader"));
@@ -39,6 +41,8 @@ var _EmojiRepository = _interopRequireDefault(require("./EmojiRepository"));
 
 var _SiteEmojiResource = _interopRequireDefault(require("./media/SiteEmojiResource"));
 
+var _analytics = require("../util/analytics");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -80,6 +84,14 @@ var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
     var emojiResponses = [];
     _this.activeLoaders = config.providers.length;
     config.providers.forEach(function (provider, index) {
+      var providerType = _this.getProviderType(provider);
+
+      _analytics.ufoExperiences['emoji-resource-fetched'].getInstance(providerType).start();
+
+      _analytics.ufoExperiences['emoji-resource-fetched'].getInstance(providerType).addMetadata({
+        type: providerType
+      });
+
       var loader = new _EmojiLoader.default(provider);
       var emojis = loader.loadEmoji();
       emojis.then(function (emojiResponse) {
@@ -92,12 +104,22 @@ var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
 
           _this.performRetries();
 
-          _this.refreshLastFilter();
+          _this.refreshLastFilter(); // if not site emoji it would still resolve
+          // TODO: improve the logic in future
+
+
+          _analytics.ufoExperiences['emoji-resource-fetched'].getInstance(providerType).success();
         });
       }).catch(function (reason) {
         _this.activeLoaders--;
 
         _this.notifyError(reason);
+
+        _analytics.ufoExperiences['emoji-resource-fetched'].getInstance(providerType).failure({
+          metadata: {
+            reason: reason
+          }
+        });
       });
     });
 
@@ -113,6 +135,19 @@ var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
   }
 
   (0, _createClass2.default)(EmojiResource, [{
+    key: "getProviderType",
+    value: function getProviderType(provider) {
+      if (provider.url.includes('/site')) {
+        return _types.ProviderTypes.SITE;
+      } else if (provider.url.includes('/standard')) {
+        return _types.ProviderTypes.STANDARD;
+      } else if (provider.url.includes('/atlassian')) {
+        return _types.ProviderTypes.ATLASSIAN;
+      }
+
+      return _types.ProviderTypes.UNKNOWN;
+    }
+  }, {
     key: "initEmojiRepository",
     value: function initEmojiRepository(emojiResponses) {
       var emojis = [];

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

@@ -41,6 +41,12 @@ var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
 
 var _EmojiContext = require("../../context/EmojiContext");
 
+var _UfoErrorBoundary = require("./UfoErrorBoundary");
+
+var _analytics = require("../../util/analytics");
+
+var _constants = require("../../util/constants");
+
 var _excluded = ["placeholderSize"],
     _excluded2 = ["children", "placeholderSize"];
 
@@ -59,13 +65,23 @@ var CachingEmoji = function CachingEmoji(props) {
   // Optimisation to only render the class based CachingMediaEmoji if necessary
   // slight performance hit, which accumulates for a large number of emoji.
   var placeholderSize = props.placeholderSize,
-      emojiProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+      emojiProps = (0, _objectWithoutProperties2.default)(props, _excluded); // start emoji rendered experience, it may have already started earlier in ResourcedEmoji
 
-  if ((0, _typeHelpers.isMediaEmoji)(props.emoji)) {
-    return /*#__PURE__*/_react.default.createElement(CachingMediaEmoji, props);
-  }
+  (0, _analytics.useSampledUFOComponentExperience)(_analytics.ufoExperiences['emoji-rendered'].getInstance(emojiProps.emoji.id || emojiProps.emoji.shortName), _constants.SAMPLING_RATE_EMOJI_RENDERED_EXP, {
+    source: 'caching-emoji'
+  });
+
+  var emojiNode = function emojiNode() {
+    if ((0, _typeHelpers.isMediaEmoji)(props.emoji)) {
+      return /*#__PURE__*/_react.default.createElement(CachingMediaEmoji, props);
+    }
 
-  return /*#__PURE__*/_react.default.createElement(_Emoji.default, emojiProps);
+    return /*#__PURE__*/_react.default.createElement(_Emoji.default, emojiProps);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_UfoErrorBoundary.UfoErrorBoundary, {
+    experiences: [_analytics.ufoExperiences['emoji-rendered'].getInstance(props.emoji.id || props.emoji.shortName)]
+  }, emojiNode());
 };
 /**
  * Rendering a media emoji image from a cache for media emoji, with different
@@ -88,6 +104,11 @@ var CachingMediaEmoji = /*#__PURE__*/function (_PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadError", function (_emojiId, emoji) {
       var invalidImage = _this.state.invalidImage;
+      (0, _analytics.sampledUfoRenderedEmoji)(_emojiId).failure({
+        metadata: {
+          reason: 'load error'
+        }
+      });
 
       if (invalidImage || !emoji) {
         // do nothing, bad image
@@ -108,6 +129,7 @@ var CachingMediaEmoji = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this.mounted = true;
+      (0, _analytics.sampledUfoRenderedEmoji)(this.props.emoji).markFMP();
     }
   }, {
     key: "componentWillUnmount",
@@ -170,6 +192,12 @@ var CachingMediaEmoji = /*#__PURE__*/function (_PureComponent) {
               cachedEmoji: undefined,
               invalidImage: true
             });
+
+            (0, _analytics.sampledUfoRenderedEmoji)(emoji).failure({
+              metadata: {
+                reason: 'failed to load media emoji'
+              }
+            });
           }
         });
         return undefined;

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

@@ -29,6 +29,8 @@ var styles = _interopRequireWildcard(require("./styles"));
 
 var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
 
+var _analytics = require("../../util/analytics");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -215,6 +217,10 @@ var renderAsImage = function renderAsImage(props) {
 
   var onError = function onError(event) {
     handleImageError(props, event);
+  };
+
+  var onLoad = function onLoad() {
+    (0, _analytics.sampledUfoRenderedEmoji)(emoji).success();
   }; // Pass src attribute as key to force React to rerender img node since browser does not
   // change preview image until loaded
   // We currently have the following error: property 'loading' does not exist on type 'DetailedHTMLProps<ImgHTMLAttributes, HTMLImageElement>'
@@ -235,7 +241,8 @@ var renderAsImage = function renderAsImage(props) {
     style: {
       visibility: 'visible'
     },
-    onError: onError
+    onError: onError,
+    onLoad: onLoad
   }, sizing));
 
   return /*#__PURE__*/_react.default.createElement("span", {
@@ -257,7 +264,7 @@ var renderAsImage = function renderAsImage(props) {
 };
 
 var Emoji = function Emoji(props) {
-  var emoji = props.emoji;
+  var emoji = props.emoji; // TODO: We always prefer render as image as having accessibility issues with sprite representation
 
   if ((0, _typeHelpers.isSpriteRepresentation)(emoji.representation)) {
     return renderAsSprite(props);

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

@@ -35,6 +35,10 @@ var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
 
 var _LoadingEmojiComponent = _interopRequireDefault(require("./LoadingEmojiComponent"));
 
+var _analytics = require("../../util/analytics");
+
+var _UfoErrorBoundary = require("./UfoErrorBoundary");
+
 var _excluded = ["emojiProvider"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -62,23 +66,33 @@ var ResourcedEmoji = /*#__PURE__*/function (_LoadingEmojiComponen) {
 
   var _super = _createSuper(ResourcedEmoji);
 
-  function ResourcedEmoji() {
+  // state initialised with static component to prevent
+  // rerender when the module has already been loaded
+  function ResourcedEmoji(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, ResourcedEmoji);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props, {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       asyncLoadedComponent: ResourcedEmoji.AsyncLoadedComponent
     });
+    (0, _analytics.sampledUfoRenderedEmoji)(props.emojiId).start({
+      samplingRate: _constants.SAMPLING_RATE_EMOJI_RENDERED_EXP_RESOURCEEMOJI
+    });
+
+    _analytics.ufoExperiences['emoji-rendered'].getInstance(props.emojiId.id || props.emojiId.shortName).addMetadata({
+      source: 'resourced-emoji'
+    });
+
     return _this;
   }
 
   (0, _createClass2.default)(ResourcedEmoji, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      (0, _analytics.sampledUfoRenderedEmoji)(this.props.emojiId).abort();
+    }
+  }, {
     key: "asyncLoadComponent",
     value: function asyncLoadComponent() {
       var _this2 = this;
@@ -108,9 +122,11 @@ var ResourcedEmoji = /*#__PURE__*/function (_LoadingEmojiComponen) {
       var _this$props2 = this.props,
           emojiProvider = _this$props2.emojiProvider,
           otherProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      return /*#__PURE__*/_react.default.createElement(ResourcedEmojiComponent, (0, _extends2.default)({}, otherProps, {
+      return /*#__PURE__*/_react.default.createElement(_UfoErrorBoundary.UfoErrorBoundary, {
+        experiences: [_analytics.ufoExperiences['emoji-rendered'].getInstance(this.props.emojiId.id || this.props.emojiId.shortName)]
+      }, /*#__PURE__*/_react.default.createElement(ResourcedEmojiComponent, (0, _extends2.default)({}, otherProps, {
         emojiProvider: loadedEmojiProvider
-      }));
+      })));
     }
   }]);
   return ResourcedEmoji;

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

@@ -35,6 +35,8 @@ var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
 
 var _EmojiContextProvider = require("../../context/EmojiContextProvider");
 
+var _analytics = require("../../util/analytics");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -79,7 +81,22 @@ var ResourcedEmojiComponent = /*#__PURE__*/function (_Component) {
               emoji: emoji,
               loaded: true
             });
+
+            if (!emoji) {
+              // emoji is undefined
+              (0, _analytics.sampledUfoRenderedEmoji)(emojiId).failure({
+                metadata: {
+                  reason: 'failed to find'
+                }
+              });
+            }
           }
+        }).catch(function () {
+          (0, _analytics.sampledUfoRenderedEmoji)(emojiId).failure({
+            metadata: {
+              reason: 'failed to load'
+            }
+          });
         });
       } else {
         // loaded

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UfoErrorBoundary = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(UfoErrorBoundary, _React$Component);
+
+  var _super = _createSuper(UfoErrorBoundary);
+
+  function UfoErrorBoundary() {
+    (0, _classCallCheck2.default)(this, UfoErrorBoundary);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(UfoErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch() {
+      this.props.experiences.forEach(function (e) {
+        return e.failure();
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+  return UfoErrorBoundary;
+}(_react.default.Component);
+
+exports.UfoErrorBoundary = UfoErrorBoundary;

package/dist/cjs/types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchSort = void 0;
+exports.SearchSort = exports.ProviderTypes = void 0;
 
 /**
  * Minimum information to defined an emoji is the shortName.
@@ -41,4 +41,14 @@ exports.SearchSort = SearchSort;
   SearchSort[SearchSort["None"] = 0] = "None";
   SearchSort[SearchSort["Default"] = 1] = "Default";
   SearchSort[SearchSort["UsageFrequency"] = 2] = "UsageFrequency";
-})(SearchSort || (exports.SearchSort = SearchSort = {}));
+})(SearchSort || (exports.SearchSort = SearchSort = {}));
+
+var ProviderTypes;
+exports.ProviderTypes = ProviderTypes;
+
+(function (ProviderTypes) {
+  ProviderTypes["SITE"] = "SITE";
+  ProviderTypes["STANDARD"] = "STANDARD";
+  ProviderTypes["ATLASSIAN"] = "ATLASSIAN";
+  ProviderTypes["UNKNOWN"] = "UNKNOWN";
+})(ProviderTypes || (exports.ProviderTypes = ProviderTypes = {}));

package/dist/cjs/util/{analytics.js → analytics/analytics.js}

@@ -5,13 +5,17 @@ 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.recordSelectionSucceededSli = exports.recordSelectionFailedSli = exports.pickerSearchedEvent = exports.pickerClickedEvent = exports.openedPickerEvent = exports.insertionSucceeded = exports.insertionFailed = 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.ufoExperiences = exports.typeaheadSelectedEvent = exports.typeaheadRenderedEvent = exports.typeaheadCancelledEvent = exports.toneSelectorOpenedEvent = exports.toneSelectorClosedEvent = exports.toneSelectedEvent = exports.selectedFileEvent = exports.sampledUfoRenderedEmoji = exports.recordSelectionSucceededSli = exports.recordSelectionFailedSli = exports.pickerSearchedEvent = exports.pickerClickedEvent = exports.openedPickerEvent = exports.insertionSucceeded = exports.insertionFailed = 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 _version = require("../version.json");
+var _version = require("../../version.json");
+
+var _ufo = require("@atlaskit/ufo");
+
+var _samplingUfo = require("./samplingUfo");
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -23,6 +27,34 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var createRenderExperience = function createRenderExperience(componentName) {
+  return {
+    platform: {
+      component: componentName
+    },
+    type: _ufo.ExperienceTypes.Load,
+    performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad
+  };
+}; // const createInlineExperience = (componentName: string) => {
+//   return {
+//     platform: { component: componentName },
+//     type: ExperienceTypes.Experience,
+//     performanceType: ExperiencePerformanceTypes.InlineResult,
+//   };
+// };
+
+
+var ufoExperiences = {
+  'emoji-rendered': new _ufo.ConcurrentExperience('emoji-rendered', createRenderExperience('emoji')),
+  'emoji-resource-fetched': new _ufo.ConcurrentExperience('emoji-resource-fetched', createRenderExperience('emoji-provider'))
+};
+exports.ufoExperiences = ufoExperiences;
+
+var sampledUfoRenderedEmoji = function sampledUfoRenderedEmoji(emojiId) {
+  return (0, _samplingUfo.withSampling)(ufoExperiences['emoji-rendered'].getInstance(emojiId.id || emojiId.shortName));
+};
+
+exports.sampledUfoRenderedEmoji = sampledUfoRenderedEmoji;
 var createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
 exports.createAndFireEventInElementsChannel = createAndFireEventInElementsChannel;
 

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

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "categoryClickedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.categoryClickedEvent;
+  }
+});
+Object.defineProperty(exports, "clearSampled", {
+  enumerable: true,
+  get: function get() {
+    return _samplingUfo.clearSampled;
+  }
+});
+Object.defineProperty(exports, "closedPickerEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.closedPickerEvent;
+  }
+});
+Object.defineProperty(exports, "createAndFireEventInElementsChannel", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.createAndFireEventInElementsChannel;
+  }
+});
+Object.defineProperty(exports, "deleteBeginEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.deleteBeginEvent;
+  }
+});
+Object.defineProperty(exports, "deleteCancelEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.deleteCancelEvent;
+  }
+});
+Object.defineProperty(exports, "deleteConfirmEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.deleteConfirmEvent;
+  }
+});
+Object.defineProperty(exports, "insertionFailed", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.insertionFailed;
+  }
+});
+Object.defineProperty(exports, "insertionSucceeded", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.insertionSucceeded;
+  }
+});
+Object.defineProperty(exports, "isExperienceSampled", {
+  enumerable: true,
+  get: function get() {
+    return _samplingUfo.isExperienceSampled;
+  }
+});
+Object.defineProperty(exports, "openedPickerEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.openedPickerEvent;
+  }
+});
+Object.defineProperty(exports, "pickerClickedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.pickerClickedEvent;
+  }
+});
+Object.defineProperty(exports, "pickerSearchedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.pickerSearchedEvent;
+  }
+});
+Object.defineProperty(exports, "recordSelectionFailedSli", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.recordSelectionFailedSli;
+  }
+});
+Object.defineProperty(exports, "recordSelectionSucceededSli", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.recordSelectionSucceededSli;
+  }
+});
+Object.defineProperty(exports, "sampledUfoRenderedEmoji", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.sampledUfoRenderedEmoji;
+  }
+});
+Object.defineProperty(exports, "selectedFileEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.selectedFileEvent;
+  }
+});
+Object.defineProperty(exports, "toneSelectedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.toneSelectedEvent;
+  }
+});
+Object.defineProperty(exports, "toneSelectorClosedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.toneSelectorClosedEvent;
+  }
+});
+Object.defineProperty(exports, "toneSelectorOpenedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.toneSelectorOpenedEvent;
+  }
+});
+Object.defineProperty(exports, "typeaheadCancelledEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.typeaheadCancelledEvent;
+  }
+});
+Object.defineProperty(exports, "typeaheadRenderedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.typeaheadRenderedEvent;
+  }
+});
+Object.defineProperty(exports, "typeaheadSelectedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.typeaheadSelectedEvent;
+  }
+});
+Object.defineProperty(exports, "ufoExperiences", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.ufoExperiences;
+  }
+});
+Object.defineProperty(exports, "ufoExperiencesSampled", {
+  enumerable: true,
+  get: function get() {
+    return _samplingUfo.ufoExperiencesSampled;
+  }
+});
+Object.defineProperty(exports, "uploadBeginButton", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.uploadBeginButton;
+  }
+});
+Object.defineProperty(exports, "uploadCancelButton", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.uploadCancelButton;
+  }
+});
+Object.defineProperty(exports, "uploadConfirmButton", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.uploadConfirmButton;
+  }
+});
+Object.defineProperty(exports, "uploadFailedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.uploadFailedEvent;
+  }
+});
+Object.defineProperty(exports, "uploadSucceededEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.uploadSucceededEvent;
+  }
+});
+Object.defineProperty(exports, "useSampledUFOComponentExperience", {
+  enumerable: true,
+  get: function get() {
+    return _useSampledUFOComponentExperience.useSampledUFOComponentExperience;
+  }
+});
+Object.defineProperty(exports, "withSampling", {
+  enumerable: true,
+  get: function get() {
+    return _samplingUfo.withSampling;
+  }
+});
+
+var _samplingUfo = require("./samplingUfo");
+
+var _analytics = require("./analytics");
+
+var _useSampledUFOComponentExperience = require("./useSampledUFOComponentExperience");