@atlaskit/emoji 71.17.0 → 72.0.0

package/dist/cjs/api/media/MediaEmojiCache.js

@@ -4,146 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MemoryCacheStrategy = exports.BrowserCacheStrategy = void 0;
+exports.maxImageSize = exports.maxImageCached = exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _typeHelpers = require("../../util/type-helpers");
-var _MediaImageLoader = _interopRequireDefault(require("./MediaImageLoader"));
+var _isMediaRepresentation = require("../../util/is-media-representation");
+var _isPromise = require("../../util/is-promise");
 var _logger = _interopRequireDefault(require("../../util/logger"));
-var _lru_map = require("lru_map");
-var getRequiredRepresentation = function getRequiredRepresentation(emoji, useAlt) {
-  return useAlt ? emoji.altRepresentation : emoji.representation;
-};
-var isUnsupportedBrowser = function isUnsupportedBrowser() {
-  var isIE = /*@cc_on!@*/false || !!document.documentMode; // Internet Explorer 6-11
-  var isEdge = !isIE && !!window.StyleMedia; // Edge 20+
+var _BrowserCacheStrategy = require("./BrowserCacheStrategy");
+var _getRequiredRepresentation = require("./getRequiredRepresentation");
+var _MediaImageLoader = _interopRequireDefault(require("./MediaImageLoader"));
+var _MemoryCacheStrategy = require("./MemoryCacheStrategy");
+var maxImageCached = exports.maxImageCached = 1000;
 
-  return isIE || isEdge;
-};
-/**
- * For browsers that support caching for resources
- * regardless of originally supplied headers (basically everything but Firefox).
- */
-var BrowserCacheStrategy = exports.BrowserCacheStrategy = /*#__PURE__*/function () {
-  function BrowserCacheStrategy(mediaImageLoader) {
-    (0, _classCallCheck2.default)(this, BrowserCacheStrategy);
-    (0, _defineProperty2.default)(this, "cachedImageUrls", new Set());
-    (0, _logger.default)('BrowserCacheStrategy');
-    this.mediaImageLoader = mediaImageLoader;
-  }
-  return (0, _createClass2.default)(BrowserCacheStrategy, [{
-    key: "loadEmoji",
-    value: function loadEmoji(emoji, useAlt) {
-      var _this = this;
-      var representation = getRequiredRepresentation(emoji, useAlt);
-      if (!(0, _typeHelpers.isMediaRepresentation)(representation)) {
-        return emoji;
-      }
-      var mediaPath = representation.mediaPath;
-      if (this.cachedImageUrls.has(mediaPath)) {
-        // Already cached
-        return emoji;
-      }
-      return this.mediaImageLoader.loadMediaImage(mediaPath).then(function () {
-        // Media is loaded, can use original URL now, so just return original emoji
-        _this.cachedImageUrls.add(mediaPath);
-        return emoji;
-      }).catch(function () {
-        return undefined;
-      });
-    }
-  }, {
-    key: "optimisticRendering",
-    value: function optimisticRendering() {
-      return true;
-    }
-  }], [{
-    key: "supported",
-    value: function supported(mediaPath, mediaImageLoader) {
-      // IE/Edge uses memory cache strategy else images can fail to load
-      // from a clean cache/if they are downloaded from the service
-      // TODO: fix as a part of FS-1592
-      if (isUnsupportedBrowser()) {
-        return Promise.resolve(false);
-      }
-      return mediaImageLoader.loadMediaImage(mediaPath).then(function () {
-        return (
-          // Image should be cached in browser, if supported it should be accessible from the cache by an <img/>
-          // Try to load without via image to confirm this support (this fails in Firefox)
-          new Promise(function (resolve) {
-            var img = new Image();
-            img.addEventListener('load', function () {
-              resolve(true);
-            });
-            img.addEventListener('error', function () {
-              resolve(false);
-            });
-            img.src = mediaPath;
-          })
-        );
-      }).catch(function () {
-        return false;
-      });
-    }
-  }]);
-}();
-var maxImageCached = 1000;
 // Don't cache images large than this - dataUrl size in characters
-var maxImageSize = 10000;
-
-/**
- * For browsers that do no cache images without equivalent headers (e.g. Firefox).
- *
- * Images are cached in memory in a LRU cache. Images considered too large,
- * are not cached, but retrieved each time.
- *
- * Images are still cached by the browser, but loading in asynchronous with
- * small delay noticable to the end user.
- */
-var MemoryCacheStrategy = exports.MemoryCacheStrategy = /*#__PURE__*/function () {
-  function MemoryCacheStrategy(mediaImageLoader) {
-    (0, _classCallCheck2.default)(this, MemoryCacheStrategy);
-    (0, _logger.default)('MemoryCacheStrategy');
-    this.mediaImageLoader = mediaImageLoader;
-    this.dataURLCache = new _lru_map.LRUMap(maxImageCached);
-  }
-  return (0, _createClass2.default)(MemoryCacheStrategy, [{
-    key: "loadEmoji",
-    value: function loadEmoji(emoji, useAlt) {
-      var _this2 = this;
-      var representation = getRequiredRepresentation(emoji, useAlt);
-      if (!(0, _typeHelpers.isMediaRepresentation)(representation)) {
-        return emoji;
-      }
-      var mediaPath = representation.mediaPath;
-      var dataURL = this.dataURLCache.get(mediaPath);
-      if (dataURL) {
-        // Already cached
-        return (0, _typeHelpers.convertMediaToImageEmoji)(emoji, dataURL, useAlt);
-      }
+var maxImageSize = exports.maxImageSize = 10000;
 
-      // Not cached, load
-      return this.mediaImageLoader.loadMediaImage(mediaPath).then(function (dataURL) {
-        var loadedEmoji = (0, _typeHelpers.convertMediaToImageEmoji)(emoji, dataURL, useAlt);
-        if (dataURL.length <= maxImageSize) {
-          // Only cache if not large than max size
-          _this2.dataURLCache.set(mediaPath, dataURL);
-        } else {
-          (0, _logger.default)('No caching as image is too large', dataURL.length, dataURL.slice(0, 15), emoji.shortName);
-        }
-        return loadedEmoji;
-      }).catch(function () {
-        return undefined;
-      });
-    }
-  }, {
-    key: "optimisticRendering",
-    value: function optimisticRendering() {
-      return false;
-    }
-  }]);
-}();
 /**
  * Provides a cache for Media Emoji.
  *
@@ -161,13 +37,13 @@ var MediaEmojiCache = exports.default = /*#__PURE__*/function () {
   return (0, _createClass2.default)(MediaEmojiCache, [{
     key: "loadEmoji",
     value: function loadEmoji(emoji, useAlt) {
-      var representation = getRequiredRepresentation(emoji, useAlt);
-      if (!(0, _typeHelpers.isMediaRepresentation)(representation)) {
+      var representation = (0, _getRequiredRepresentation.getRequiredRepresentation)(emoji, useAlt);
+      if (!(0, _isMediaRepresentation.isMediaRepresentation)(representation)) {
         return emoji;
       }
       var mediaPath = representation.mediaPath;
       var emojiCache = this.getCache(mediaPath);
-      if ((0, _typeHelpers.isPromise)(emojiCache)) {
+      if ((0, _isPromise.isPromise)(emojiCache)) {
         // Promise based
         return emojiCache.then(function (cache) {
           return cache.loadEmoji(emoji, useAlt);
@@ -181,7 +57,7 @@ var MediaEmojiCache = exports.default = /*#__PURE__*/function () {
     key: "optimisticRendering",
     value: function optimisticRendering(url) {
       var emojiCache = this.getCache(url);
-      if ((0, _typeHelpers.isPromise)(emojiCache)) {
+      if ((0, _isPromise.isPromise)(emojiCache)) {
         // Promise based
         return emojiCache.then(function (cache) {
           return cache.optimisticRendering();
@@ -194,18 +70,18 @@ var MediaEmojiCache = exports.default = /*#__PURE__*/function () {
   }, {
     key: "getCache",
     value: function getCache(url) {
-      var _this3 = this;
+      var _this = this;
       if (this.cache) {
         return this.cache;
       }
       this.waitingInitUrls.push(url);
       if (!this.cacheLoading) {
         this.cacheLoading = this.initCache().then(function (cache) {
-          _this3.cache = cache;
-          _this3.cacheLoading = undefined;
+          _this.cache = cache;
+          _this.cacheLoading = undefined;
           return cache;
         }).catch(function (err) {
-          _this3.cacheLoading = undefined;
+          _this.cacheLoading = undefined;
           throw err;
         });
       }
@@ -214,20 +90,20 @@ var MediaEmojiCache = exports.default = /*#__PURE__*/function () {
   }, {
     key: "initCache",
     value: function initCache() {
-      var _this4 = this;
+      var _this2 = this;
       var url = this.waitingInitUrls.pop();
       if (!url) {
         return Promise.reject('Unable to initialise cache based on provided url(s)');
       }
-      return BrowserCacheStrategy.supported(url, this.mediaImageLoader).then(function (supported) {
-        _this4.waitingInitUrls = []; // clear
-        _this4.cacheLoading = undefined;
+      return _BrowserCacheStrategy.BrowserCacheStrategy.supported(url, this.mediaImageLoader).then(function (supported) {
+        _this2.waitingInitUrls = []; // clear
+        _this2.cacheLoading = undefined;
         if (supported) {
-          return new BrowserCacheStrategy(_this4.mediaImageLoader);
+          return new _BrowserCacheStrategy.BrowserCacheStrategy(_this2.mediaImageLoader);
         }
-        return new MemoryCacheStrategy(_this4.mediaImageLoader);
+        return new _MemoryCacheStrategy.MemoryCacheStrategy(_this2.mediaImageLoader);
       }).catch(function () {
-        return _this4.initCache();
+        return _this2.initCache();
       });
     }
   }]);

package/dist/cjs/api/media/MemoryCacheStrategy.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MemoryCacheStrategy = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _lru_map = require("lru_map");
+var _convertMediaToImageEmoji = require("../../util/convert-media-to-image-emoji");
+var _isMediaRepresentation = require("../../util/is-media-representation");
+var _logger = _interopRequireDefault(require("../../util/logger"));
+var _MediaEmojiCache = require("./MediaEmojiCache");
+var _getRequiredRepresentation = require("./getRequiredRepresentation");
+/**
+ * For browsers that do no cache images without equivalent headers (e.g. Firefox).
+ *
+ * Images are cached in memory in a LRU cache. Images considered too large,
+ * are not cached, but retrieved each time.
+ *
+ * Images are still cached by the browser, but loading in asynchronous with
+ * small delay noticable to the end user.
+ */
+var MemoryCacheStrategy = exports.MemoryCacheStrategy = /*#__PURE__*/function () {
+  function MemoryCacheStrategy(mediaImageLoader) {
+    (0, _classCallCheck2.default)(this, MemoryCacheStrategy);
+    (0, _logger.default)('MemoryCacheStrategy');
+    this.mediaImageLoader = mediaImageLoader;
+    this.dataURLCache = new _lru_map.LRUMap(_MediaEmojiCache.maxImageCached);
+  }
+  return (0, _createClass2.default)(MemoryCacheStrategy, [{
+    key: "loadEmoji",
+    value: function loadEmoji(emoji, useAlt) {
+      var _this = this;
+      var representation = (0, _getRequiredRepresentation.getRequiredRepresentation)(emoji, useAlt);
+      if (!(0, _isMediaRepresentation.isMediaRepresentation)(representation)) {
+        return emoji;
+      }
+      var mediaPath = representation.mediaPath;
+      var dataURL = this.dataURLCache.get(mediaPath);
+      if (dataURL) {
+        // Already cached
+        return (0, _convertMediaToImageEmoji.convertMediaToImageEmoji)(emoji, dataURL, useAlt);
+      }
+
+      // Not cached, load
+      return this.mediaImageLoader.loadMediaImage(mediaPath).then(function (dataURL) {
+        var loadedEmoji = (0, _convertMediaToImageEmoji.convertMediaToImageEmoji)(emoji, dataURL, useAlt);
+        if (dataURL.length <= _MediaEmojiCache.maxImageSize) {
+          // Only cache if not large than max size
+          _this.dataURLCache.set(mediaPath, dataURL);
+        } else {
+          (0, _logger.default)('No caching as image is too large', dataURL.length, dataURL.slice(0, 15), emoji.shortName);
+        }
+        return loadedEmoji;
+      }).catch(function () {
+        return undefined;
+      });
+    }
+  }, {
+    key: "optimisticRendering",
+    value: function optimisticRendering() {
+      return false;
+    }
+  }]);
+}();

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

@@ -12,14 +12,20 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _typeHelpers = require("../../util/type-helpers");
+var _utilServiceSupport = require("@atlaskit/util-service-support");
+var _buildEmojiDescriptionWithAltRepresentation = require("../../util/build-emoji-description-with-alt-representation");
+var _convertImageToMediaRepresentation = require("../../util/convert-image-to-media-representation");
+var _isLoadedMediaEmoji = require("../../util/is-loaded-media-emoji");
+var _isMediaEmoji = require("../../util/is-media-emoji");
+var _isMediaRepresentation = require("../../util/is-media-representation");
+var _logger = _interopRequireDefault(require("../../util/logger"));
+var _denormaliseEmojiServiceResponse = require("../denormaliseEmojiServiceResponse");
+var _emojiRequest = require("../emojiRequest");
+var _getAltRepresentation = require("../getAltRepresentation");
 var _MediaEmojiCache = _interopRequireDefault(require("./MediaEmojiCache"));
-var _EmojiUtils = require("../EmojiUtils");
 var _TokenManager = _interopRequireDefault(require("./TokenManager"));
-var _logger = _interopRequireDefault(require("../../util/logger"));
 var _excluded = ["altRepresentations"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (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; }
@@ -58,11 +64,11 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
             altRepresentations = _emojis$.altRepresentations,
             emoji = (0, _objectWithoutProperties2.default)(_emojis$, _excluded);
           var _response = _objectSpread(_objectSpread({}, emoji), {}, {
-            representation: (0, _typeHelpers.convertImageToMediaRepresentation)(emoji.representation)
+            representation: (0, _convertImageToMediaRepresentation.convertImageToMediaRepresentation)(emoji.representation)
           });
-          var altRepresentation = (0, _EmojiUtils.getAltRepresentation)(altRepresentations || {});
-          var imgAltRepresentation = altRepresentation ? (0, _typeHelpers.convertImageToMediaRepresentation)(altRepresentation) : undefined;
-          return (0, _typeHelpers.buildEmojiDescriptionWithAltRepresentation)(_response, imgAltRepresentation);
+          var altRepresentation = (0, _getAltRepresentation.getAltRepresentation)(altRepresentations || {});
+          var imgAltRepresentation = altRepresentation ? (0, _convertImageToMediaRepresentation.convertImageToMediaRepresentation)(altRepresentation) : undefined;
+          return (0, _buildEmojiDescriptionWithAltRepresentation.buildEmojiDescriptionWithAltRepresentation)(_response, imgAltRepresentation);
         }
         throw new Error('No emoji returns from upload. Upload failed.');
       });
@@ -85,7 +91,7 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
         return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if ((0, _typeHelpers.isMediaRepresentation)(representation)) {
+              if ((0, _isMediaRepresentation.isMediaRepresentation)(representation)) {
                 _context.next = 1;
                 break;
               }
@@ -106,7 +112,7 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
                 var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
                   key = _ref2[0],
                   value = _ref2[1];
-                if (value && (0, _typeHelpers.isMediaRepresentation)(value)) {
+                if (value && (0, _isMediaRepresentation.isMediaRepresentation)(value)) {
                   var path = new URL(value.mediaPath);
                   var params = path.searchParams;
                   if (params.get('token') !== readToken.jwt) {
@@ -150,7 +156,7 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
   }, {
     key: "loadMediaEmoji",
     value: function loadMediaEmoji(emoji, useAlt) {
-      if (!(0, _typeHelpers.isMediaEmoji)(emoji)) {
+      if (!(0, _isMediaEmoji.isMediaEmoji)(emoji)) {
         throw new Error('Only supported for media emoji');
       }
       return this.mediaEmojiCache.loadEmoji(emoji, useAlt);
@@ -159,7 +165,7 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
     key: "optimisticRendering",
     value: function optimisticRendering(emoji, useAlt) {
       var representation = useAlt ? emoji.altRepresentation : emoji.representation;
-      if (!(0, _typeHelpers.isMediaRepresentation)(representation)) {
+      if (!(0, _isMediaRepresentation.isMediaRepresentation)(representation)) {
         throw new Error('Only supported for media emoji');
       }
       var mediaPath = representation.mediaPath;
@@ -281,10 +287,10 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
         return Promise.reject(false);
       }
       var path = "../".concat(encodeURIComponent(emojiId.id));
-      return (0, _EmojiUtils.emojiRequest)(this.siteServiceConfig, {
+      return (0, _emojiRequest.emojiRequest)(this.siteServiceConfig, {
         path: path
       }).then(function (serviceResponse) {
-        var response = (0, _EmojiUtils.denormaliseEmojiServiceResponse)(serviceResponse);
+        var response = (0, _denormaliseEmojiServiceResponse.denormaliseEmojiServiceResponse)(serviceResponse);
         return response.emojis[0];
       }).catch(function (error) {
         (0, _logger.default)('failed to load emoji', emojiId, error);
@@ -300,7 +306,7 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
   }, {
     key: "deleteEmoji",
     value: function deleteEmoji(emoji) {
-      if (!(0, _typeHelpers.isMediaEmoji)(emoji) && !(0, _typeHelpers.isLoadedMediaEmoji)(emoji)) {
+      if (!(0, _isMediaEmoji.isMediaEmoji)(emoji) && !(0, _isLoadedMediaEmoji.isLoadedMediaEmoji)(emoji)) {
         return Promise.reject(false);
       }
       if (!emoji.id) {

package/dist/cjs/api/media/getRequiredRepresentation.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRequiredRepresentation = void 0;
+var getRequiredRepresentation = exports.getRequiredRepresentation = function getRequiredRepresentation(emoji, useAlt) {
+  return useAlt ? emoji.altRepresentation : emoji.representation;
+};

package/dist/cjs/api/shouldUseAltRepresentation.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldUseAltRepresentation = void 0;
+var _getPixelRatio = require("./getPixelRatio");
+var getHeight = function getHeight(fitToHeight) {
+  return (0, _getPixelRatio.getPixelRatio)() > 1 ? fitToHeight * 2 : fitToHeight;
+};
+var shouldUseAltRepresentation = exports.shouldUseAltRepresentation = function shouldUseAltRepresentation(emoji, fitToHeight) {
+  return !!(fitToHeight && emoji.altRepresentation && emoji.representation && 'height' in emoji.representation && getHeight(fitToHeight) > emoji.representation.height);
+};

package/dist/cjs/api/supportsUploadFeature.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.supportsUploadFeature = void 0;
+/**
+ * Checks if the emojiProvider can support uploading at a feature level.
+ *
+ * Follow this up with an isUploadSupported() check to see if the provider is actually
+ * configured to support uploads.
+ * https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates
+ */
+var supportsUploadFeature = exports.supportsUploadFeature = function supportsUploadFeature(emojiProvider) {
+  var emojiUploadProvider = emojiProvider;
+  return !!emojiUploadProvider.isUploadSupported && !!emojiUploadProvider.uploadCustomEmoji && !!emojiUploadProvider.prepareForUpload;
+};

package/dist/cjs/components/common/AddOwnEmoji.compiled.css

@@ -0,0 +1,6 @@
+._18u019bv{margin-left:10px}
+._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
+._1wpz1h6o{align-self:center}
+._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
+._otyr19bv{margin-bottom:10px}
+._p12f3sup{max-width:285px}

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

@@ -0,0 +1,62 @@
+/* AddOwnEmoji.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddOwnEmoji = void 0;
+require("./AddOwnEmoji.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _reactIntl = require("react-intl");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _i18n = require("../i18n");
+var _EmojiActions = require("./EmojiActions");
+var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
+var _styles = require("./styles");
+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); }
+var styles = {
+  icon: "_18u0r5cr _2hwx1i6y"
+};
+var addCustomEmoji = null;
+var addCustomEmojiButton = null;
+var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
+  var onOpenUpload = props.onOpenUpload,
+    uploadEnabled = props.uploadEnabled;
+  var handleOpenUpload = (0, _react.useCallback)(function (event) {
+    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload') || (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    onOpenUpload();
+  }, [onOpenUpload]);
+  return /*#__PURE__*/React.createElement(_react.Fragment, null, uploadEnabled && /*#__PURE__*/React.createElement("div", {
+    "data-testid": _EmojiActions.uploadEmojiTestId,
+    className: (0, _runtime.ax)(["_1wpz1h6o _18u019bv _otyr19bv"])
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addCustomEmojiLabel, function (label) {
+    return /*#__PURE__*/React.createElement(_standardButton.default, {
+      onClick: handleOpenUpload,
+      iconBefore: /*#__PURE__*/React.createElement(_compiled.Box, {
+        xcss: styles.icon
+      }, /*#__PURE__*/React.createElement(_add.default, {
+        color: "currentColor",
+        label: ""
+      })),
+      appearance: "subtle"
+      // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+      // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+      ,
+
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+      className: (0, _runtime.ax)(["_p12f3sup", _styles.emojiPickerAddEmoji]),
+      tabIndex: 0,
+      id: "add-custom-emoji"
+    }, label);
+  })));
+};