@atlaskit/emoji 71.17.0 → 72.0.0

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

@@ -5,26 +5,23 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CachingMediaEmoji = exports.CachingEmoji = void 0;
+exports.default = exports.CachingEmoji = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _typeHelpers = require("../../util/type-helpers");
-var _types = require("../../types");
-var _logger = _interopRequireDefault(require("../../util/logger"));
+var _hasUfoMarked = require("../../util/analytics/hasUfoMarked");
+var _sampledUfoRenderedEmoji = require("../../util/analytics/sampledUfoRenderedEmoji");
+var _ufoExperiences = require("../../util/analytics/ufoExperiences");
+var _useSampledUFOComponentExperience = require("../../util/analytics/useSampledUFOComponentExperience");
+var _constants = require("../../util/constants");
+var _isMediaEmoji = require("../../util/is-media-emoji");
+var _CachingMediaEmoji = require("./CachingMediaEmoji");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
-var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
 var _EmojiFallback = _interopRequireDefault(require("./EmojiFallback"));
 var _UfoErrorBoundary = require("./UfoErrorBoundary");
-var _analytics = require("../../util/analytics");
-var _constants = require("../../util/constants");
-var _ufoExperiences = require("../../util/analytics/ufoExperiences");
-var _useEmoji2 = require("../../hooks/useEmoji");
-var _analytics2 = require("../../util/analytics/analytics");
 var _excluded = ["emoji", "placeholderSize"],
-  _excluded2 = ["emoji"],
-  _excluded3 = ["emoji", "placeholderSize", "showTooltip", "fitToHeight", "children"];
+  _excluded2 = ["emoji"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * Renders an emoji from a cached image, if required.
@@ -36,19 +33,19 @@ var CachingEmoji = exports.CachingEmoji = function CachingEmoji(props) {
     placeholderSize = props.placeholderSize,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   // start emoji rendered experience, it may have already started earlier in `ResourcedEmoji`.
-  (0, _analytics.useSampledUFOComponentExperience)(_analytics.ufoExperiences['emoji-rendered'].getInstance(emoji.id || emoji.shortName), _constants.SAMPLING_RATE_EMOJI_RENDERED_EXP, {
+  (0, _useSampledUFOComponentExperience.useSampledUFOComponentExperience)(_ufoExperiences.ufoExperiences['emoji-rendered'].getInstance(emoji.id || emoji.shortName), _constants.SAMPLING_RATE_EMOJI_RENDERED_EXP, {
     source: 'CachingEmoji',
     emojiId: emoji.id
   });
   (0, _react.useEffect)(function () {
-    if (!(0, _ufoExperiences.hasUfoMarked)((0, _analytics.sampledUfoRenderedEmoji)(emoji), 'fmp')) {
-      (0, _analytics.sampledUfoRenderedEmoji)(emoji).markFMP();
+    if (!(0, _hasUfoMarked.hasUfoMarked)((0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emoji), 'fmp')) {
+      (0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emoji).markFMP();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var emojiNode = function emojiNode() {
-    if ((0, _typeHelpers.isMediaEmoji)(emoji)) {
-      return /*#__PURE__*/_react.default.createElement(CachingMediaEmoji, (0, _extends2.default)({
+    if ((0, _isMediaEmoji.isMediaEmoji)(emoji)) {
+      return /*#__PURE__*/_react.default.createElement(_CachingMediaEmoji.CachingMediaEmoji, (0, _extends2.default)({
         emoji: emoji,
         placeholderSize: placeholderSize
       }, restProps));
@@ -58,7 +55,7 @@ var CachingEmoji = exports.CachingEmoji = function CachingEmoji(props) {
     }, restProps));
   };
   return /*#__PURE__*/_react.default.createElement(_UfoErrorBoundary.UfoErrorBoundary, {
-    experiences: [_analytics.ufoExperiences['emoji-rendered'].getInstance(props.emoji.id || props.emoji.shortName)]
+    experiences: [_ufoExperiences.ufoExperiences['emoji-rendered'].getInstance(props.emoji.id || props.emoji.shortName)]
   }, emojiNode());
 };
 var StandardEmoji = function StandardEmoji(props) {
@@ -81,80 +78,5 @@ var StandardEmoji = function StandardEmoji(props) {
     onLoadError: handleLoadError
   }, restProps));
 };
-
-/**
- * Rendering a media emoji image from a cache for media emoji, with different
- * rendering paths depending on caching strategy.
- */
-var CachingMediaEmoji = exports.CachingMediaEmoji = function CachingMediaEmoji(props) {
-  var emoji = props.emoji,
-    placeholderSize = props.placeholderSize,
-    showTooltip = props.showTooltip,
-    fitToHeight = props.fitToHeight,
-    children = props.children,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
-  var shortName = emoji.shortName,
-    representation = emoji.representation;
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    cachedEmoji = _useState4[0],
-    setCachedEmoji = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    inValidImage = _useState6[0],
-    setInvalidImage = _useState6[1];
-  var _useEmoji = (0, _useEmoji2.useEmoji)(),
-    emojiProvider = _useEmoji.emojiProvider;
-  var loadEmoji = (0, _react.useCallback)(function (emojiProvider) {
-    (0, _logger.default)('Loading image via media cache', emoji.shortName);
-    (0, _analytics.sampledUfoRenderedEmoji)(emoji).mark(_types.UfoEmojiTimings.MEDIA_START);
-    emojiProvider.getMediaEmojiDescriptionURLWithInlineToken(emoji).then(function (cachedEmoji) {
-      setCachedEmoji(cachedEmoji);
-      setInvalidImage(false);
-      (0, _analytics.sampledUfoRenderedEmoji)(emoji).mark(_types.UfoEmojiTimings.MEDIA_END);
-    }).catch(function (error) {
-      setCachedEmoji(undefined);
-      setInvalidImage(true);
-      (0, _analytics.sampledUfoRenderedEmoji)(emoji).failure({
-        metadata: {
-          error: (0, _analytics2.extractErrorInfo)(error),
-          reason: 'failed to load media emoji',
-          source: 'CachingMediaEmoji',
-          emojiId: emoji.id
-        }
-      });
-    });
-  }, [emoji]);
-  (0, _react.useEffect)(function () {
-    if (emojiProvider) {
-      loadEmoji(emojiProvider);
-    }
-  }, [emojiProvider, loadEmoji]);
-  var handleLoadError = function handleLoadError(_emojiId) {
-    (0, _analytics.sampledUfoRenderedEmoji)(_emojiId).failure({
-      metadata: {
-        reason: 'load error',
-        source: 'CachingMediaEmoji',
-        emojiId: _emojiId.id
-      }
-    });
-    setInvalidImage(true);
-  };
-  if (cachedEmoji && !inValidImage) {
-    return /*#__PURE__*/_react.default.createElement(_Emoji.default, (0, _extends2.default)({}, restProps, {
-      showTooltip: showTooltip,
-      fitToHeight: fitToHeight,
-      emoji: cachedEmoji,
-      onLoadError: handleLoadError
-    }));
-  }
-  var imageRepresentation = representation && 'height' in representation ? representation : undefined;
-  return /*#__PURE__*/_react.default.createElement(_EmojiPlaceholder.default, {
-    size: fitToHeight || placeholderSize,
-    shortName: shortName,
-    showTooltip: showTooltip,
-    representation: imageRepresentation
-  });
-};
 var _default_1 = /*#__PURE__*/(0, _react.memo)(CachingEmoji);
 var _default = exports.default = _default_1;

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

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CachingMediaEmoji = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _useEmoji2 = require("../../hooks/useEmoji");
+var _types = require("../../types");
+var _extractErrorInfo = require("../../util/analytics/extractErrorInfo");
+var _sampledUfoRenderedEmoji = require("../../util/analytics/sampledUfoRenderedEmoji");
+var _logger = _interopRequireDefault(require("../../util/logger"));
+var _Emoji = _interopRequireDefault(require("./Emoji"));
+var _EmojiPlaceholder = _interopRequireDefault(require("./EmojiPlaceholder"));
+var _excluded = ["emoji", "placeholderSize", "showTooltip", "fitToHeight", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * Rendering a media emoji image from a cache for media emoji, with different
+ * rendering paths depending on caching strategy.
+ */
+var CachingMediaEmoji = exports.CachingMediaEmoji = function CachingMediaEmoji(props) {
+  var emoji = props.emoji,
+    placeholderSize = props.placeholderSize,
+    showTooltip = props.showTooltip,
+    fitToHeight = props.fitToHeight,
+    children = props.children,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var shortName = emoji.shortName,
+    representation = emoji.representation;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    cachedEmoji = _useState2[0],
+    setCachedEmoji = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    inValidImage = _useState4[0],
+    setInvalidImage = _useState4[1];
+  var _useEmoji = (0, _useEmoji2.useEmoji)(),
+    emojiProvider = _useEmoji.emojiProvider;
+  var loadEmoji = (0, _react.useCallback)(function (emojiProvider) {
+    (0, _logger.default)('Loading image via media cache', emoji.shortName);
+    (0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emoji).mark(_types.UfoEmojiTimings.MEDIA_START);
+    emojiProvider.getMediaEmojiDescriptionURLWithInlineToken(emoji).then(function (cachedEmoji) {
+      setCachedEmoji(cachedEmoji);
+      setInvalidImage(false);
+      (0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emoji).mark(_types.UfoEmojiTimings.MEDIA_END);
+    }).catch(function (error) {
+      setCachedEmoji(undefined);
+      setInvalidImage(true);
+      (0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emoji).failure({
+        metadata: {
+          error: (0, _extractErrorInfo.extractErrorInfo)(error),
+          reason: 'failed to load media emoji',
+          source: 'CachingMediaEmoji',
+          emojiId: emoji.id
+        }
+      });
+    });
+  }, [emoji]);
+  (0, _react.useEffect)(function () {
+    if (emojiProvider) {
+      loadEmoji(emojiProvider);
+    }
+  }, [emojiProvider, loadEmoji]);
+  var handleLoadError = function handleLoadError(_emojiId) {
+    (0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(_emojiId).failure({
+      metadata: {
+        reason: 'load error',
+        source: 'CachingMediaEmoji',
+        emojiId: _emojiId.id
+      }
+    });
+    setInvalidImage(true);
+  };
+  if (cachedEmoji && !inValidImage) {
+    return /*#__PURE__*/_react.default.createElement(_Emoji.default, (0, _extends2.default)({}, restProps, {
+      showTooltip: showTooltip,
+      fitToHeight: fitToHeight,
+      emoji: cachedEmoji,
+      onLoadError: handleLoadError
+    }));
+  }
+  var imageRepresentation = representation && 'height' in representation ? representation : undefined;
+  return /*#__PURE__*/_react.default.createElement(_EmojiPlaceholder.default, {
+    size: fitToHeight || placeholderSize,
+    shortName: shortName,
+    showTooltip: showTooltip,
+    representation: imageRepresentation
+  });
+};

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

@@ -22,7 +22,9 @@ var _logo = require("@atlaskit/logo");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _generateEmojiImage = require("../../api/ai/generateEmojiImage");
 var _aiEmoji = require("../../util/ai-emoji");
-var _analytics = require("../../util/analytics");
+var _aiGenerationCompletedEvent = require("../../util/analytics/aiGenerationCompletedEvent");
+var _aiGenerationFailedEvent = require("../../util/analytics/aiGenerationFailedEvent");
+var _aiGenerationStartedEvent = require("../../util/analytics/aiGenerationStartedEvent");
 var _i18n = require("../i18n");
 var _EmojiErrorMessage = _interopRequireDefault(require("./EmojiErrorMessage"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
@@ -70,7 +72,7 @@ var CreateEmojiWithRovo = function CreateEmojiWithRovo(props) {
         case 1:
           setHasError(false);
           setIsGenerating(true);
-          fireAnalytics === null || fireAnalytics === void 0 || fireAnalytics((0, _analytics.aiGenerationStartedEvent)({
+          fireAnalytics === null || fireAnalytics === void 0 || fireAnalytics((0, _aiGenerationStartedEvent.aiGenerationStartedEvent)({
             promptLength: trimmedPrompt.length
           }));
           startTime = Date.now();
@@ -85,7 +87,7 @@ var CreateEmojiWithRovo = function CreateEmojiWithRovo(props) {
           imageData = _yield$generateEmojiI.imageData;
           dataURL = "data:image/png;base64,".concat(imageData);
           suggestedName = (0, _aiEmoji.slugifyPrompt)(trimmedPrompt);
-          fireAnalytics === null || fireAnalytics === void 0 || fireAnalytics((0, _analytics.aiGenerationCompletedEvent)({
+          fireAnalytics === null || fireAnalytics === void 0 || fireAnalytics((0, _aiGenerationCompletedEvent.aiGenerationCompletedEvent)({
             duration: Date.now() - startTime
           }));
           // Hand the generated image to the parent upload form.
@@ -96,7 +98,7 @@ var CreateEmojiWithRovo = function CreateEmojiWithRovo(props) {
           _context.prev = 4;
           _t = _context["catch"](2);
           setHasError(true);
-          fireAnalytics === null || fireAnalytics === void 0 || fireAnalytics((0, _analytics.aiGenerationFailedEvent)({
+          fireAnalytics === null || fireAnalytics === void 0 || fireAnalytics((0, _aiGenerationFailedEvent.aiGenerationFailedEvent)({
             errorType: _t instanceof Error ? _t.message : 'generation_failed'
           }));
         case 5:

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

@@ -4,14 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DeletableEmojiTooltipContentForScreenReader = exports.DeletableEmojiTooltipContent = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.DeletableEmojiTooltipContent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+var _keymaps = require("../../util/keymaps");
 var _i18n = require("../i18n");
 var _ToolTipContentWithKeymap = require("./ToolTipContentWithKeymap");
-var _keymaps = require("../../util/keymaps");
-var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var DeletableEmojiTooltipContent = exports.DeletableEmojiTooltipContent = function DeletableEmojiTooltipContent() {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -19,14 +17,4 @@ var DeletableEmojiTooltipContent = exports.DeletableEmojiTooltipContent = functi
     description: formatMessage(_i18n.messages.deleteEmojiTooltip),
     keymap: _keymaps.backspace
   });
-};
-var DeletableEmojiTooltipContentForScreenReader = exports.DeletableEmojiTooltipContentForScreenReader = function DeletableEmojiTooltipContentForScreenReader(_ref) {
-  var emoji = _ref.emoji;
-  return /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
-    id: "screenreader-emoji-".concat(emoji.id)
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiTooltipForScreenreader, {
-    values: {
-      shortName: emoji.shortName
-    }
-  })));
 };

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeletableEmojiTooltipContentForScreenReader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
+var _i18n = require("../i18n");
+var DeletableEmojiTooltipContentForScreenReader = exports.DeletableEmojiTooltipContentForScreenReader = function DeletableEmojiTooltipContentForScreenReader(_ref) {
+  var emoji = _ref.emoji;
+  return /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
+    id: "screenreader-emoji-".concat(emoji.id)
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiTooltipForScreenreader, {
+    values: {
+      shortName: emoji.shortName
+    }
+  })));
+};