@atlaskit/emoji 70.10.10 → 70.10.12

package/dist/esm/api/EmojiResource.js

@@ -39,7 +39,7 @@ export var supportsUploadFeature = function supportsUploadFeature(emojiProvider)
   var emojiUploadProvider = emojiProvider;
   return !!emojiUploadProvider.isUploadSupported && !!emojiUploadProvider.uploadCustomEmoji && !!emojiUploadProvider.prepareForUpload;
 };
-export var EmojiResource = /*#__PURE__*/function (_ref) {
+export var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
   function EmojiResource(config) {
     var _this;
     _classCallCheck(this, EmojiResource);
@@ -103,41 +103,42 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
    * Get the emoji provider from Emoji Resource
    * @returns Promise<EmojiProvider>
    */
-  _inherits(EmojiResource, _ref);
+  _inherits(EmojiResource, _AbstractResource);
   return _createClass(EmojiResource, [{
     key: "getEmojiProvider",
     value: (function () {
       var _getEmojiProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var options,
-          _args = arguments;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          _args = arguments,
+          _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {
                 fetchAtStart: !this.fetchOnDemand
               };
               if (!options.fetchAtStart) {
-                _context.next = 11;
+                _context.next = 4;
                 break;
               }
-              _context.prev = 2;
-              _context.next = 5;
+              _context.prev = 1;
+              _context.next = 2;
               return this.fetchEmojiProvider();
-            case 5:
-              _context.next = 11;
+            case 2:
+              _context.next = 4;
               break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](2);
-              debug(_context.t0);
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](1);
+              debug(_t);
               return _context.abrupt("return", Promise.resolve(this));
-            case 11:
+            case 4:
               return _context.abrupt("return", Promise.resolve(this));
-            case 12:
+            case 5:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[2, 7]]);
+        }, _callee, this, [[1, 3]]);
       }));
       function getEmojiProvider() {
         return _getEmojiProvider.apply(this, arguments);
@@ -148,8 +149,8 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
     key: "fetchIndividualProvider",
     value: function () {
       var _fetchIndividualProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(provider, index) {
-        var providerType, loader, emojiResponse;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var providerType, loader, emojiResponse, _t2;
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               providerType = this.getProviderType(provider);
@@ -161,41 +162,41 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
                 type: providerType
               });
               loader = new EmojiLoader(provider); // fetch emoji from provider url and denormalise
-              _context2.next = 7;
+              _context2.next = 2;
               return loader.loadEmoji();
-            case 7:
+            case 2:
               emojiResponse = _context2.sent;
               sampledUfoEmojiResourceFetched(providerType).success();
               // setup emoji repository
               this.emojiResponses[index] = emojiResponse;
               this.initEmojiRepository(this.emojiResponses);
-              _context2.next = 13;
+              _context2.next = 3;
               return this.initSiteEmojiResource(emojiResponse, provider);
-            case 13:
+            case 3:
               this.activeLoaders--;
               this.performRetries();
               this.refreshLastFilter();
-              _context2.next = 25;
+              _context2.next = 5;
               break;
-            case 18:
-              _context2.prev = 18;
-              _context2.t0 = _context2["catch"](1);
+            case 4:
+              _context2.prev = 4;
+              _t2 = _context2["catch"](1);
               this.activeLoaders--;
-              this.notifyError(_context2.t0);
+              this.notifyError(_t2);
               sampledUfoEmojiResourceFetched(providerType).failure({
                 metadata: {
-                  reason: _context2.t0,
+                  reason: _t2,
                   source: 'EmojiProvider',
                   providerUrl: provider.url
                 }
               });
-              debug("failed to fetch emoji provider for ".concat(provider.url), _context2.t0);
+              debug("failed to fetch emoji provider for ".concat(provider.url), _t2);
               throw new Error("failed to fetch emoji from ".concat(provider.url));
-            case 25:
+            case 5:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[1, 18]]);
+        }, _callee2, this, [[1, 4]]);
       }));
       function fetchIndividualProvider(_x, _x2) {
         return _fetchIndividualProvider.apply(this, arguments);
@@ -209,24 +210,24 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
         var _this2 = this;
         var force,
           _args3 = arguments;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               force = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : false;
               if (!(force || !this.isRepositoryAvailable(this.emojiRepository) && !this.isInitialised)) {
-                _context3.next = 6;
+                _context3.next = 1;
                 break;
               }
               this.isInitialised = true;
               this.emojiResponses = [];
               // fetch emoji providers
-              _context3.next = 6;
+              _context3.next = 1;
               return Promise.all(this.emojiProviderConfig.providers.map(function (provider, index) {
                 return _this2.fetchIndividualProvider(provider, index);
               }));
-            case 6:
+            case 1:
               return _context3.abrupt("return", Promise.resolve(this.emojiRepository));
-            case 7:
+            case 2:
             case "end":
               return _context3.stop();
           }
@@ -246,29 +247,29 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
     key: "fetchByEmojiId",
     value: function () {
       var _fetchByEmojiId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(emojiId, optimistic) {
-        var _emoji, provider, loader, loadEmoji, _emoji2, emoji;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        var _emoji, provider, loader, loadEmoji, _emoji2, emoji, _t3;
+        return _regeneratorRuntime.wrap(function (_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
               if (!(this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository))) {
-                _context4.next = 8;
+                _context4.next = 3;
                 break;
               }
-              _context4.next = 3;
+              _context4.next = 1;
               return this.findByEmojiId(emojiId);
-            case 3:
+            case 1:
               _emoji = _context4.sent;
               if (!_emoji) {
-                _context4.next = 8;
+                _context4.next = 3;
                 break;
               }
-              _context4.next = 7;
+              _context4.next = 2;
               return this.getMediaEmojiDescriptionURLWithInlineToken(_emoji);
-            case 7:
+            case 2:
               return _context4.abrupt("return", _context4.sent);
-            case 8:
+            case 3:
               if (!(this.emojiProviderConfig.singleEmojiApi && optimistic)) {
-                _context4.next = 31;
+                _context4.next = 11;
                 break;
               }
               // if config has singleEmojiApi then fetch single emoji
@@ -277,56 +278,56 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
                 securityProvider: this.emojiProviderConfig.singleEmojiApi.securityProvider
               };
               loader = new EmojiLoader(provider);
-              _context4.prev = 11;
-              _context4.next = 14;
+              _context4.prev = 4;
+              _context4.next = 5;
               return loader.loadEmoji();
-            case 14:
+            case 5:
               loadEmoji = _context4.sent;
               if (loadEmoji.emojis[0]) {
-                _context4.next = 17;
+                _context4.next = 6;
                 break;
               }
               return _context4.abrupt("return");
-            case 17:
+            case 6:
               if (this.isRepositoryAvailable(this.siteEmojiResource)) {
-                _context4.next = 20;
+                _context4.next = 7;
                 break;
               }
-              _context4.next = 20;
+              _context4.next = 7;
               return this.initSiteEmojiResource(loadEmoji, provider);
-            case 20:
+            case 7:
               return _context4.abrupt("return", this.getMediaEmojiDescriptionURLWithInlineToken(loadEmoji.emojis[0]));
-            case 23:
-              _context4.prev = 23;
-              _context4.t0 = _context4["catch"](11);
-              _context4.next = 27;
+            case 8:
+              _context4.prev = 8;
+              _t3 = _context4["catch"](4);
+              _context4.next = 9;
               return this.findByEmojiId(emojiId);
-            case 27:
+            case 9:
               _emoji2 = _context4.sent;
               if (_emoji2) {
-                _context4.next = 30;
+                _context4.next = 10;
                 break;
               }
               return _context4.abrupt("return");
-            case 30:
+            case 10:
               return _context4.abrupt("return", this.getMediaEmojiDescriptionURLWithInlineToken(_emoji2));
-            case 31:
-              _context4.next = 33;
+            case 11:
+              _context4.next = 12;
               return this.findByEmojiId(emojiId);
-            case 33:
+            case 12:
               emoji = _context4.sent;
               if (emoji) {
-                _context4.next = 36;
+                _context4.next = 13;
                 break;
               }
               return _context4.abrupt("return");
-            case 36:
+            case 13:
               return _context4.abrupt("return", this.getMediaEmojiDescriptionURLWithInlineToken(emoji));
-            case 37:
+            case 14:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, this, [[11, 23]]);
+        }, _callee4, this, [[4, 8]]);
       }));
       function fetchByEmojiId(_x3, _x4) {
         return _fetchByEmojiId.apply(this, arguments);
@@ -451,16 +452,16 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
     value: (function () {
       var _getMediaEmojiDescriptionURLWithInlineToken = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(emoji) {
         var _yield$this$siteEmoji, representation, altRepresentation;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        return _regeneratorRuntime.wrap(function (_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!this.isRepositoryAvailable(this.siteEmojiResource)) {
-                _context5.next = 7;
+                _context5.next = 2;
                 break;
               }
-              _context5.next = 3;
+              _context5.next = 1;
               return this.siteEmojiResource.generateTokenisedMediaURLS(emoji.representation, emoji.altRepresentation);
-            case 3:
+            case 1:
               _yield$this$siteEmoji = _context5.sent;
               representation = _yield$this$siteEmoji.representation;
               altRepresentation = _yield$this$siteEmoji.altRepresentation;
@@ -468,9 +469,9 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
                 representation: representation,
                 altRepresentation: altRepresentation
               }));
-            case 7:
+            case 2:
               return _context5.abrupt("return", emoji);
-            case 8:
+            case 3:
             case "end":
               return _context5.stop();
           }

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

@@ -73,23 +73,23 @@ var SiteEmojiResource = /*#__PURE__*/function () {
     key: "generateTokenisedMediaURLS",
     value: (function () {
       var _generateTokenisedMediaURLS = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(representation, altRepresentation) {
-        var readToken;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var readToken, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (isMediaRepresentation(representation)) {
-                _context.next = 2;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return", {
                 representation: representation,
                 altRepresentation: altRepresentation
               });
-            case 2:
-              _context.prev = 2;
-              _context.next = 5;
+            case 1:
+              _context.prev = 1;
+              _context.next = 2;
               return this.tokenManager.getToken('read');
-            case 5:
+            case 2:
               readToken = _context.sent;
               return _context.abrupt("return", Object.entries({
                 representation: representation,
@@ -116,18 +116,18 @@ var SiteEmojiResource = /*#__PURE__*/function () {
                 representation: representation,
                 altRepresentation: altRepresentation
               }));
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](2);
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](1);
               return _context.abrupt("return", {
                 representation: representation,
                 altRepresentation: altRepresentation
               });
-            case 12:
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[2, 9]]);
+        }, _callee, this, [[1, 3]]);
       }));
       function generateTokenisedMediaURLS(_x, _x2) {
         return _generateTokenisedMediaURLS.apply(this, arguments);

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

@@ -2,6 +2,7 @@
 import "./EmojiRadioButton.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { memo, forwardRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Emoji from './Emoji';
 import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -10,6 +11,13 @@ var emojiRadio = {
   default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1y54 _1i1213zc"
 };
 var handleKeyDown = function handleKeyDown(props, event) {
+  if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && fg('platform_emoji_picker_refresh')) {
+    var _props$onArrowKey;
+    event.preventDefault();
+    event.stopPropagation();
+    (_props$onArrowKey = props.onArrowKey) === null || _props$onArrowKey === void 0 || _props$onArrowKey.call(props, event.key === 'ArrowRight' ? 1 : -1);
+    return;
+  }
   if (TONESELECTOR_KEYBOARD_KEYS_SUPPORTED.includes(event.key)) {
     var onSelected = props.onSelected;
     event.preventDefault();
@@ -39,6 +47,9 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
     onKeyDown: function onKeyDown(event) {
       return handleKeyDown(props, event);
     },
+    onChange: fg('platform_emoji_picker_refresh') ? function (e) {
+      return e.preventDefault();
+    } : undefined,
     className: ax([emojiRadio.default])
   }), /*#__PURE__*/React.createElement(Emoji, {
     emoji: emoji,

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

@@ -300,28 +300,29 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onFileLoad = useCallback(function (file) {
     return /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(f) {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               setFilename(file.name);
-              _context.next = 4;
+              _context.next = 1;
               return ImageUtil.parseImage(f.target.result);
-            case 4:
+            case 1:
               setPreviewImage(f.target.result);
               setChooseEmojiErrorMessage(undefined);
-              _context.next = 12;
+              _context.next = 3;
               break;
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
               setChooseEmojiErrorMessage( /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiInvalidImage));
               cancelChooseFile();
-            case 12:
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 8]]);
+        }, _callee, null, [[0, 2]]);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);

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

@@ -65,7 +65,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
         reason,
         foundEmoji,
         _args = arguments;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             optimisticFetch = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
@@ -131,7 +131,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
               setLoaded(true);
               sampledUfoRenderedEmoji(emojiId).mark(UfoEmojiTimings.METADATA_END);
             }
-          case 5:
+          case 1:
           case "end":
             return _context.stop();
         }

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

@@ -2,11 +2,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./ToneSelector.compiled.css";
-import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { memo, useEffect, useMemo, useRef } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireEventInElementsChannel, toneSelectedEvent, toneSelectorOpenedEvent } from '../../util/analytics';
 import { setSkinToneAriaLabelText } from './setSkinToneAriaLabelText';
@@ -30,6 +30,8 @@ export var ToneSelectorInternal = function ToneSelectorInternal(props) {
     isVisible = props.isVisible;
   var isMounted = useRef(false);
   var selectedToneRadioRef = useRef(null);
+  // Refs for all radio inputs — used for FG-gated arrow-key focus management
+  var radioRefs = useRef([]);
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var emojiToneCollection = useMemo(function () {
@@ -62,6 +64,12 @@ export var ToneSelectorInternal = function ToneSelectorInternal(props) {
       createAndFireEventInElementsChannel(event)(createAnalyticsEvent);
     }
   };
+  var _onArrowKey = useCallback(function (currentIndex, direction) {
+    var _radioRefs$current$ne;
+    var len = radioRefs.current.length;
+    var nextIndex = (currentIndex + direction + len) % len;
+    (_radioRefs$current$ne = radioRefs.current[nextIndex]) === null || _radioRefs$current$ne === void 0 || _radioRefs$current$ne.focus();
+  }, []);
   var onToneSelectedHandler = function onToneSelectedHandler(toneValue) {
     return function () {
       if (selectedTone === toneValue && onToneClose) {
@@ -85,8 +93,24 @@ export var ToneSelectorInternal = function ToneSelectorInternal(props) {
     id: "emoji-picker-tone-selector",
     "aria-label": formatMessage(messages.emojiSelectSkinToneListAriaLabelText),
     className: ax([!isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
-  }, emojiToneCollection.map(function (tone) {
-    return /*#__PURE__*/React.createElement(EmojiRadioButton, {
+  }, emojiToneCollection.map(function (tone, renderIndex) {
+    return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement(EmojiRadioButton, {
+      ref: function ref(el) {
+        radioRefs.current[renderIndex] = el;
+        if (tone.isSelected && selectedToneRadioRef) {
+          selectedToneRadioRef.current = el;
+        }
+      },
+      defaultChecked: tone.isSelected,
+      ariaLabelText: tone.label,
+      key: "".concat(tone.id),
+      emoji: tone,
+      onArrowKey: function onArrowKey(direction) {
+        return _onArrowKey(renderIndex, direction);
+      },
+      onSelected: onToneSelectedHandler(tone.toneIndex),
+      selectOnHover: true
+    }) : /*#__PURE__*/React.createElement(EmojiRadioButton, {
       ref: tone.isSelected ? selectedToneRadioRef : null,
       defaultChecked: tone.isSelected,
       ariaLabelText: tone.label,

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

@@ -465,7 +465,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
   var onUploadEmoji = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(upload, retry) {
       var errorSetter, onSuccess, uploadShortName, existing;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             fireAnalytics(uploadConfirmButton({
@@ -483,23 +483,23 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
               scrollToUploadedEmoji(emojiDescription);
             };
             if (!fg('platform_emoji_picker_refresh')) {
-              _context.next = 11;
+              _context.next = 2;
               break;
             }
             uploadShortName = ":".concat(upload.name.toLowerCase(), ":");
-            _context.next = 7;
+            _context.next = 1;
             return emojiProvider.findByShortName(uploadShortName);
-          case 7:
+          case 1:
             existing = _context.sent;
             if (!existing) {
-              _context.next = 11;
+              _context.next = 2;
               break;
             }
             errorSetter(messages.emojiDuplicateName);
             return _context.abrupt("return");
-          case 11:
+          case 2:
             uploadEmoji(upload, emojiProvider, errorSetter, onSuccess, fireAnalytics, retry);
-          case 12:
+          case 3:
           case "end":
             return _context.stop();
         }

package/dist/esm/components/uploader/EmojiUploadComponent.js

@@ -42,8 +42,8 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
   }, []);
   var onUploadEmoji = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(upload, retry, onSuccessHandler) {
-      var errorSetter, message;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var errorSetter, message, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             ufoExperiences['emoji-uploaded'].start();
@@ -51,27 +51,27 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
               retry: retry
             });
             if (!supportsUploadFeature(emojiProvider)) {
-              _context.next = 16;
+              _context.next = 4;
               break;
             }
             fireAnalytics(uploadConfirmButton({
               retry: retry
             }));
-            _context.prev = 4;
-            _context.next = 7;
+            _context.prev = 1;
+            _context.next = 2;
             return emojiProvider.prepareForUpload();
-          case 7:
+          case 2:
             errorSetter = function errorSetter(message) {
               setUploadErrorMessage(message);
             }; // internally handled error from upload callback
             uploadEmoji(upload, emojiProvider, errorSetter, onUploaded(onSuccessHandler), fireAnalytics, retry);
-            _context.next = 16;
+            _context.next = 4;
             break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](4);
+          case 3:
+            _context.prev = 3;
+            _t = _context["catch"](1);
             // error from upload token generation
-            message = _context.t0 instanceof Error ? _context.t0.message : 'Issue with generating upload token';
+            message = _t instanceof Error ? _t.message : 'Issue with generating upload token';
             ufoExperiences['emoji-uploaded'].failure({
               metadata: {
                 source: 'EmojiUploadComponent',
@@ -79,11 +79,11 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
               }
             });
             setUploadErrorMessage(messages.emojiUploadFailed);
-          case 16:
+          case 4:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[4, 11]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function onUploadEmoji(_x, _x2, _x3) {
       return _ref.apply(this, arguments);

package/dist/esm/context/EmojiContextProvider.js

@@ -16,24 +16,25 @@ export var EmojiContextProvider = function EmojiContextProvider(_ref) {
     }
     function _fetchEmojiProvider() {
       _fetchEmojiProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              _context.next = 3;
+              _context.next = 1;
               return memoizedEmojiContextValue === null || memoizedEmojiContextValue === void 0 ? void 0 : memoizedEmojiContextValue.emoji.emojiProvider.fetchEmojiProvider();
-            case 3:
-              _context.next = 8;
+            case 1:
+              _context.next = 3;
               break;
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              debug('fetchEmojiProvider error catched from outside', _context.t0);
-            case 8:
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
+              debug('fetchEmojiProvider error catched from outside', _t);
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 5]]);
+        }, _callee, null, [[0, 2]]);
       }));
       return _fetchEmojiProvider.apply(this, arguments);
     }