@atlaskit/emoji 67.5.12 → 67.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/emoji
 
+## 67.6.0
+
+### Minor Changes
+
+- [#43046](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43046) [`b48c8bbb269`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b48c8bbb269) - Add media tokens to query attributes when altRepresentation is used
+
 ## 67.5.12
 
 ### Patch Changes

package/dist/cjs/api/EmojiResource.js

@@ -433,26 +433,27 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_ref) {
     key: "getMediaEmojiDescriptionURLWithInlineToken",
     value: function () {
       var _getMediaEmojiDescriptionURLWithInlineToken = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(emoji) {
-        var tokenisedMediaPath;
+        var _yield$this$siteEmoji, representation, altRepresentation;
         return _regenerator.default.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              if (!(this.isRepositoryAvailable(this.siteEmojiResource) && (0, _typeHelpers.isMediaRepresentation)(emoji.representation))) {
-                _context5.next = 5;
+              if (!this.isRepositoryAvailable(this.siteEmojiResource)) {
+                _context5.next = 7;
                 break;
               }
               _context5.next = 3;
-              return this.siteEmojiResource.generateTokenisedMediaURL(emoji);
+              return this.siteEmojiResource.generateTokenisedMediaURLS(emoji.representation, emoji.altRepresentation);
             case 3:
-              tokenisedMediaPath = _context5.sent;
+              _yield$this$siteEmoji = _context5.sent;
+              representation = _yield$this$siteEmoji.representation;
+              altRepresentation = _yield$this$siteEmoji.altRepresentation;
               return _context5.abrupt("return", _objectSpread(_objectSpread({}, emoji), {}, {
-                representation: _objectSpread(_objectSpread({}, emoji.representation), {}, {
-                  mediaPath: tokenisedMediaPath
-                })
+                representation: representation,
+                altRepresentation: altRepresentation
               }));
-            case 5:
+            case 7:
               return _context5.abrupt("return", emoji);
-            case 6:
+            case 8:
             case "end":
               return _context5.stop();
           }

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mediaProportionOfProgress = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -73,45 +74,72 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
   }
 
   /**
-   * Will generate an emoji media path that is inclusive of client and token within the query parameter
+   * Will generate an emoji media path that is inclusive of client and token within the query parameter for media representation and altRepresentation
    */
   (0, _createClass2.default)(SiteEmojiResource, [{
-    key: "generateTokenisedMediaURL",
+    key: "generateTokenisedMediaURLS",
     value: function () {
-      var _generateTokenisedMediaURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(emoji) {
-        var currentMediaPathURL, currentMediaPathPARAMS, readToken;
+      var _generateTokenisedMediaURLS = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(representation, altRepresentation) {
+        var readToken;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (!(emoji && (0, _typeHelpers.isMediaRepresentation)(emoji.representation))) {
-                _context.next = 9;
+              if ((0, _typeHelpers.isMediaRepresentation)(representation)) {
+                _context.next = 2;
                 break;
               }
-              currentMediaPathURL = new URL(emoji.representation.mediaPath);
-              currentMediaPathPARAMS = currentMediaPathURL.searchParams;
+              return _context.abrupt("return", {
+                representation: representation,
+                altRepresentation: altRepresentation
+              });
+            case 2:
+              _context.prev = 2;
               _context.next = 5;
               return this.tokenManager.getToken('read');
             case 5:
               readToken = _context.sent;
-              if (currentMediaPathPARAMS.get('token') !== readToken.jwt) {
-                currentMediaPathPARAMS.set('token', readToken.jwt);
-              }
-              if (currentMediaPathPARAMS.get('client') !== readToken.clientId) {
-                currentMediaPathPARAMS.set('client', readToken.clientId);
-              }
-              return _context.abrupt("return", currentMediaPathURL.toString());
+              return _context.abrupt("return", Object.entries({
+                representation: representation,
+                altRepresentation: altRepresentation
+              }).reduce(function (acc, _ref) {
+                var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+                  key = _ref2[0],
+                  value = _ref2[1];
+                if (value && (0, _typeHelpers.isMediaRepresentation)(value)) {
+                  var path = new URL(value.mediaPath);
+                  var params = path.searchParams;
+                  if (params.get('token') !== readToken.jwt) {
+                    params.set('token', readToken.jwt);
+                  }
+                  if (params.get('client') !== readToken.clientId) {
+                    params.set('client', readToken.clientId);
+                  }
+                  acc[key] = _objectSpread(_objectSpread({}, value), {}, {
+                    mediaPath: path.toString()
+                  });
+                }
+                return acc;
+              }, {
+                representation: representation,
+                altRepresentation: altRepresentation
+              }));
             case 9:
-              throw Error('Emoji resource is not of type Media Representation');
-            case 10:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](2);
+              return _context.abrupt("return", {
+                representation: representation,
+                altRepresentation: altRepresentation
+              });
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this);
+        }, _callee, this, [[2, 9]]);
       }));
-      function generateTokenisedMediaURL(_x) {
-        return _generateTokenisedMediaURL.apply(this, arguments);
+      function generateTokenisedMediaURLS(_x, _x2) {
+        return _generateTokenisedMediaURLS.apply(this, arguments);
       }
-      return generateTokenisedMediaURL;
+      return generateTokenisedMediaURLS;
     }()
     /**
      * Will load media emoji, returning a new EmojiDescription if, for example,

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

@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "67.5.12"
+      packageVersion: "67.6.0"
     }, attributes)
   };
 };

package/dist/es2019/api/EmojiResource.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { AbstractResource, utils as serviceUtils } from '@atlaskit/util-service-support';
 import { SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP, selectedToneStorageKey } from '../util/constants';
 import debug from '../util/logger';
-import { isMediaEmoji, isMediaRepresentation, isPromise, toEmojiId } from '../util/type-helpers';
+import { isMediaEmoji, isPromise, toEmojiId } from '../util/type-helpers';
 import storageAvailable from '../util/storage-available';
 import { ProviderTypes } from '../types';
 import EmojiLoader from './EmojiLoader';
@@ -263,14 +263,15 @@ export class EmojiResource extends AbstractResource {
    *  Returns the EmojiDescription with a valid media path that includes query token and client attributes to access the emoji media inline.
    */
   async getMediaEmojiDescriptionURLWithInlineToken(emoji) {
-    if (this.isRepositoryAvailable(this.siteEmojiResource) && isMediaRepresentation(emoji.representation)) {
-      const tokenisedMediaPath = await this.siteEmojiResource.generateTokenisedMediaURL(emoji);
+    if (this.isRepositoryAvailable(this.siteEmojiResource)) {
+      const {
+        representation,
+        altRepresentation
+      } = await this.siteEmojiResource.generateTokenisedMediaURLS(emoji.representation, emoji.altRepresentation);
       return {
         ...emoji,
-        representation: {
-          ...emoji.representation,
-          mediaPath: tokenisedMediaPath
-        }
+        representation,
+        altRepresentation
       };
     }
     return emoji;

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

@@ -64,22 +64,46 @@ export default class SiteEmojiResource {
   }
 
   /**
-   * Will generate an emoji media path that is inclusive of client and token within the query parameter
+   * Will generate an emoji media path that is inclusive of client and token within the query parameter for media representation and altRepresentation
    */
-  async generateTokenisedMediaURL(emoji) {
-    if (emoji && isMediaRepresentation(emoji.representation)) {
-      const currentMediaPathURL = new URL(emoji.representation.mediaPath);
-      const currentMediaPathPARAMS = currentMediaPathURL.searchParams;
+  async generateTokenisedMediaURLS(representation, altRepresentation) {
+    if (!isMediaRepresentation(representation)) {
+      return {
+        representation,
+        altRepresentation
+      };
+    }
+    try {
       const readToken = await this.tokenManager.getToken('read');
-      if (currentMediaPathPARAMS.get('token') !== readToken.jwt) {
-        currentMediaPathPARAMS.set('token', readToken.jwt);
-      }
-      if (currentMediaPathPARAMS.get('client') !== readToken.clientId) {
-        currentMediaPathPARAMS.set('client', readToken.clientId);
-      }
-      return currentMediaPathURL.toString();
+      return Object.entries({
+        representation,
+        altRepresentation
+      }).reduce((acc, [key, value]) => {
+        if (value && isMediaRepresentation(value)) {
+          const path = new URL(value.mediaPath);
+          const params = path.searchParams;
+          if (params.get('token') !== readToken.jwt) {
+            params.set('token', readToken.jwt);
+          }
+          if (params.get('client') !== readToken.clientId) {
+            params.set('client', readToken.clientId);
+          }
+          acc[key] = {
+            ...value,
+            mediaPath: path.toString()
+          };
+        }
+        return acc;
+      }, {
+        representation,
+        altRepresentation
+      });
+    } catch (error) {
+      return {
+        representation,
+        altRepresentation
+      };
     }
-    throw Error('Emoji resource is not of type Media Representation');
   }
 
   /**

package/dist/es2019/util/analytics/analytics.js

@@ -7,7 +7,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "67.5.12",
+    packageVersion: "67.6.0",
     ...attributes
   }
 });

package/dist/esm/api/EmojiResource.js

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { AbstractResource, utils as serviceUtils } from '@atlaskit/util-service-support';
 import { SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP, selectedToneStorageKey } from '../util/constants';
 import debug from '../util/logger';
-import { isMediaEmoji, isMediaRepresentation, isPromise, toEmojiId } from '../util/type-helpers';
+import { isMediaEmoji, isPromise, toEmojiId } from '../util/type-helpers';
 import storageAvailable from '../util/storage-available';
 import { ProviderTypes } from '../types';
 import EmojiLoader from './EmojiLoader';
@@ -426,26 +426,27 @@ export var EmojiResource = /*#__PURE__*/function (_ref) {
     key: "getMediaEmojiDescriptionURLWithInlineToken",
     value: function () {
       var _getMediaEmojiDescriptionURLWithInlineToken = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(emoji) {
-        var tokenisedMediaPath;
+        var _yield$this$siteEmoji, representation, altRepresentation;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              if (!(this.isRepositoryAvailable(this.siteEmojiResource) && isMediaRepresentation(emoji.representation))) {
-                _context5.next = 5;
+              if (!this.isRepositoryAvailable(this.siteEmojiResource)) {
+                _context5.next = 7;
                 break;
               }
               _context5.next = 3;
-              return this.siteEmojiResource.generateTokenisedMediaURL(emoji);
+              return this.siteEmojiResource.generateTokenisedMediaURLS(emoji.representation, emoji.altRepresentation);
             case 3:
-              tokenisedMediaPath = _context5.sent;
+              _yield$this$siteEmoji = _context5.sent;
+              representation = _yield$this$siteEmoji.representation;
+              altRepresentation = _yield$this$siteEmoji.altRepresentation;
               return _context5.abrupt("return", _objectSpread(_objectSpread({}, emoji), {}, {
-                representation: _objectSpread(_objectSpread({}, emoji.representation), {}, {
-                  mediaPath: tokenisedMediaPath
-                })
+                representation: representation,
+                altRepresentation: altRepresentation
               }));
-            case 5:
+            case 7:
               return _context5.abrupt("return", emoji);
-            case 6:
+            case 8:
             case "end":
               return _context5.stop();
           }

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

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
@@ -66,45 +67,72 @@ var SiteEmojiResource = /*#__PURE__*/function () {
   }
 
   /**
-   * Will generate an emoji media path that is inclusive of client and token within the query parameter
+   * Will generate an emoji media path that is inclusive of client and token within the query parameter for media representation and altRepresentation
    */
   _createClass(SiteEmojiResource, [{
-    key: "generateTokenisedMediaURL",
+    key: "generateTokenisedMediaURLS",
     value: function () {
-      var _generateTokenisedMediaURL = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(emoji) {
-        var currentMediaPathURL, currentMediaPathPARAMS, readToken;
+      var _generateTokenisedMediaURLS = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(representation, altRepresentation) {
+        var readToken;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (!(emoji && isMediaRepresentation(emoji.representation))) {
-                _context.next = 9;
+              if (isMediaRepresentation(representation)) {
+                _context.next = 2;
                 break;
               }
-              currentMediaPathURL = new URL(emoji.representation.mediaPath);
-              currentMediaPathPARAMS = currentMediaPathURL.searchParams;
+              return _context.abrupt("return", {
+                representation: representation,
+                altRepresentation: altRepresentation
+              });
+            case 2:
+              _context.prev = 2;
               _context.next = 5;
               return this.tokenManager.getToken('read');
             case 5:
               readToken = _context.sent;
-              if (currentMediaPathPARAMS.get('token') !== readToken.jwt) {
-                currentMediaPathPARAMS.set('token', readToken.jwt);
-              }
-              if (currentMediaPathPARAMS.get('client') !== readToken.clientId) {
-                currentMediaPathPARAMS.set('client', readToken.clientId);
-              }
-              return _context.abrupt("return", currentMediaPathURL.toString());
+              return _context.abrupt("return", Object.entries({
+                representation: representation,
+                altRepresentation: altRepresentation
+              }).reduce(function (acc, _ref) {
+                var _ref2 = _slicedToArray(_ref, 2),
+                  key = _ref2[0],
+                  value = _ref2[1];
+                if (value && isMediaRepresentation(value)) {
+                  var path = new URL(value.mediaPath);
+                  var params = path.searchParams;
+                  if (params.get('token') !== readToken.jwt) {
+                    params.set('token', readToken.jwt);
+                  }
+                  if (params.get('client') !== readToken.clientId) {
+                    params.set('client', readToken.clientId);
+                  }
+                  acc[key] = _objectSpread(_objectSpread({}, value), {}, {
+                    mediaPath: path.toString()
+                  });
+                }
+                return acc;
+              }, {
+                representation: representation,
+                altRepresentation: altRepresentation
+              }));
             case 9:
-              throw Error('Emoji resource is not of type Media Representation');
-            case 10:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](2);
+              return _context.abrupt("return", {
+                representation: representation,
+                altRepresentation: altRepresentation
+              });
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this);
+        }, _callee, this, [[2, 9]]);
       }));
-      function generateTokenisedMediaURL(_x) {
-        return _generateTokenisedMediaURL.apply(this, arguments);
+      function generateTokenisedMediaURLS(_x, _x2) {
+        return _generateTokenisedMediaURLS.apply(this, arguments);
       }
-      return generateTokenisedMediaURL;
+      return generateTokenisedMediaURLS;
     }()
     /**
      * Will load media emoji, returning a new EmojiDescription if, for example,

package/dist/esm/util/analytics/analytics.js

@@ -12,7 +12,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "67.5.12"
+      packageVersion: "67.6.0"
     }, attributes)
   };
 };

package/dist/types/api/media/SiteEmojiResource.d.ts

@@ -1,5 +1,5 @@
 import { type ServiceConfig } from '@atlaskit/util-service-support';
-import type { EmojiDescription, EmojiId, EmojiServiceDescription, EmojiUpload, MediaApiToken, OptionalEmojiDescription } from '../../types';
+import type { EmojiDescription, EmojiId, EmojiRepresentation, EmojiServiceDescription, EmojiUpload, MediaApiToken, OptionalEmojiDescription } from '../../types';
 import TokenManager from './TokenManager';
 export interface EmojiUploadResponse {
     emojis: EmojiServiceDescription[];
@@ -10,6 +10,10 @@ export interface EmojiProgress {
 export interface EmojiProgessCallback {
     (progress: EmojiProgress): void;
 }
+type TokenisedEmojiRepresentation = {
+    representation?: EmojiRepresentation;
+    altRepresentation?: EmojiRepresentation;
+};
 export declare const mediaProportionOfProgress: number;
 export default class SiteEmojiResource {
     private siteServiceConfig;
@@ -18,9 +22,9 @@ export default class SiteEmojiResource {
     protected tokenManager: TokenManager;
     constructor(siteServiceConfig: ServiceConfig, mediaApiToken: MediaApiToken);
     /**
-     * Will generate an emoji media path that is inclusive of client and token within the query parameter
+     * Will generate an emoji media path that is inclusive of client and token within the query parameter for media representation and altRepresentation
      */
-    generateTokenisedMediaURL(emoji: EmojiDescription): Promise<string>;
+    generateTokenisedMediaURLS(representation: EmojiRepresentation, altRepresentation?: EmojiRepresentation): Promise<TokenisedEmojiRepresentation>;
     /**
      * Will load media emoji, returning a new EmojiDescription if, for example,
      * the URL has changed.
@@ -44,3 +48,4 @@ export default class SiteEmojiResource {
     deleteEmoji(emoji: EmojiDescription): Promise<boolean>;
     private postToEmojiService;
 }
+export {};

package/dist/types-ts4.5/api/media/SiteEmojiResource.d.ts

@@ -1,5 +1,5 @@
 import { type ServiceConfig } from '@atlaskit/util-service-support';
-import type { EmojiDescription, EmojiId, EmojiServiceDescription, EmojiUpload, MediaApiToken, OptionalEmojiDescription } from '../../types';
+import type { EmojiDescription, EmojiId, EmojiRepresentation, EmojiServiceDescription, EmojiUpload, MediaApiToken, OptionalEmojiDescription } from '../../types';
 import TokenManager from './TokenManager';
 export interface EmojiUploadResponse {
     emojis: EmojiServiceDescription[];
@@ -10,6 +10,10 @@ export interface EmojiProgress {
 export interface EmojiProgessCallback {
     (progress: EmojiProgress): void;
 }
+type TokenisedEmojiRepresentation = {
+    representation?: EmojiRepresentation;
+    altRepresentation?: EmojiRepresentation;
+};
 export declare const mediaProportionOfProgress: number;
 export default class SiteEmojiResource {
     private siteServiceConfig;
@@ -18,9 +22,9 @@ export default class SiteEmojiResource {
     protected tokenManager: TokenManager;
     constructor(siteServiceConfig: ServiceConfig, mediaApiToken: MediaApiToken);
     /**
-     * Will generate an emoji media path that is inclusive of client and token within the query parameter
+     * Will generate an emoji media path that is inclusive of client and token within the query parameter for media representation and altRepresentation
      */
-    generateTokenisedMediaURL(emoji: EmojiDescription): Promise<string>;
+    generateTokenisedMediaURLS(representation: EmojiRepresentation, altRepresentation?: EmojiRepresentation): Promise<TokenisedEmojiRepresentation>;
     /**
      * Will load media emoji, returning a new EmojiDescription if, for example,
      * the URL has changed.
@@ -44,3 +48,4 @@ export default class SiteEmojiResource {
     deleteEmoji(emoji: EmojiDescription): Promise<boolean>;
     private postToEmojiService;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "67.5.12",
+  "version": "67.6.0",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,10 +34,10 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.12.0",
+    "@atlaskit/button": "^16.16.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^25.0.0",
-    "@atlaskit/media-client-react": "^1.3.0",
+    "@atlaskit/media-client-react": "^1.4.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.6.0",

package/report.api.md

@@ -1193,7 +1193,10 @@ class SiteEmojiResource {
   deleteEmoji(emoji: EmojiDescription): Promise<boolean>;
   // (undocumented)
   findEmoji(emojiId: EmojiId): Promise<OptionalEmojiDescription>;
-  generateTokenisedMediaURL(emoji: EmojiDescription): Promise<string>;
+  generateTokenisedMediaURLS(
+    representation: EmojiRepresentation,
+    altRepresentation?: EmojiRepresentation,
+  ): Promise<TokenisedEmojiRepresentation>;
   hasUploadToken(): Promise<boolean>;
   loadMediaEmoji(
     emoji: EmojiDescription,
@@ -1276,6 +1279,12 @@ export interface Styles {
 // @public (undocumented)
 export const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 
+// @public (undocumented)
+type TokenisedEmojiRepresentation = {
+  representation?: EmojiRepresentation;
+  altRepresentation?: EmojiRepresentation;
+};
+
 // @public (undocumented)
 class TokenManager {
   constructor(siteServiceConfig: ServiceConfig);

package/tmp/api-report-tmp.d.ts

@@ -1067,7 +1067,7 @@ class SiteEmojiResource {
     deleteEmoji(emoji: EmojiDescription): Promise<boolean>;
     // (undocumented)
     findEmoji(emojiId: EmojiId): Promise<OptionalEmojiDescription>;
-    generateTokenisedMediaURL(emoji: EmojiDescription): Promise<string>;
+    generateTokenisedMediaURLS(representation: EmojiRepresentation, altRepresentation?: EmojiRepresentation): Promise<TokenisedEmojiRepresentation>;
     hasUploadToken(): Promise<boolean>;
     loadMediaEmoji(emoji: EmojiDescription, useAlt?: boolean): OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
     // (undocumented)
@@ -1140,6 +1140,12 @@ export interface Styles {
 // @public (undocumented)
 export const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 
+// @public (undocumented)
+type TokenisedEmojiRepresentation = {
+    representation?: EmojiRepresentation;
+    altRepresentation?: EmojiRepresentation;
+};
+
 // @public (undocumented)
 class TokenManager {
     constructor(siteServiceConfig: ServiceConfig);