@atlaskit/emoji 71.11.2 → 71.12.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/emoji
 
+## 71.12.0
+
+### Minor Changes
+
+- [`d68d46361e5c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d68d46361e5c5) -
+  Send the new `emoji` image generation theme to the Confluence header image backend for Create
+  emoji with Rovo instead of prepending emoji-style instructions to the prompt.
+
+## 71.11.3
+
+### Patch Changes
+
+- [`22bc749d89dc9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bc749d89dc9) -
+  Clean up platform_change_emoji_button_label FG and avoid unsupported ARIA attributes on editor
+  emoji nodes Stabilize renderer integration tests for smart cards, heading anchors, and table
+  triple-click selection
+
 ## 71.11.2
 
 ### Patch Changes

package/dist/cjs/api/ai/generateEmojiImage.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.generateEmojiImage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _aiEmoji = require("../../util/ai-emoji");
 var _logger = _interopRequireDefault(require("../../util/logger"));
 /**
  * Calls the Confluence "header image" AI backend to generate an emoji-style
@@ -29,12 +28,12 @@ var EMOJI_ASPECT_RATIO = '1:1';
  */
 var generateEmojiImage = exports.generateEmojiImage = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var contentId, prompt, wrappedPrompt, response, json, output;
+    var contentId, prompt, trimmedPrompt, response, json, output;
     return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           contentId = _ref.contentId, prompt = _ref.prompt;
-          wrappedPrompt = (0, _aiEmoji.wrapEmojiPrompt)(prompt);
+          trimmedPrompt = prompt.trim();
           _context.next = 1;
           return fetch(HEADER_IMAGE_GENERATION_ENDPOINT, {
             method: 'POST',
@@ -45,9 +44,10 @@ var generateEmojiImage = exports.generateEmojiImage = /*#__PURE__*/function () {
             },
             body: JSON.stringify({
               ai_feature_input: {
-                adfContent: wrappedPrompt,
+                adfContent: trimmedPrompt,
                 contentId: contentId,
-                useRawPrompt: true,
+                useRawPrompt: false,
+                theme: 'emoji',
                 // Emojis are square — request a 1:1 image from the BE.
                 aspectRatio: EMOJI_ASPECT_RATIO
               }

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

@@ -30,7 +30,6 @@ var _ufoExperiences = require("../../util/analytics/ufoExperiences");
 var _DeletableEmojiTooltipContent = require("./DeletableEmojiTooltipContent");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _browserApis = require("@atlaskit/browser-apis");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _i18n = require("../i18n");
 var _isSsr = require("../../util/is-ssr");
 var _renderUnicodeEmojiToImagePath = require("../../util/renderUnicodeEmojiToImagePath");
@@ -452,9 +451,9 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
     renderUnicodeEmojiAsImage = props.renderUnicodeEmojiAsImage,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
   var intl = (0, _react.useContext)(_reactIntl.IntlContext);
-  var ariaLabel = intl && (0, _platformFeatureFlags.fg)('platform_change_emoji_button_label') ? intl.formatMessage(_i18n.messages.changeEmojiShortnameButtonLabel, {
+  var ariaLabel = editorEmoji ? undefined : intl ? intl.formatMessage(_i18n.messages.changeEmojiShortnameButtonLabel, {
     shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
-  }) : editorEmoji ? undefined : emoji.shortName;
+  }) : emoji.shortName;
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',
     "aria-label": ariaLabel,

package/dist/cjs/util/ai-emoji.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapEmojiPrompt = exports.slugifyPrompt = exports.MAX_SHORTNAME_LENGTH = exports.EMOJI_PROMPT_PREFIX = void 0;
+exports.slugifyPrompt = exports.MAX_SHORTNAME_LENGTH = void 0;
 /**
  * Pure utilities for the "Create an emoji with Rovo" (AI emoji generation) flow.
  */
@@ -48,25 +48,4 @@ var slugifyPrompt = exports.slugifyPrompt = function slugifyPrompt(prompt) {
   // trim leading/trailing underscores
   .replace(/^_+|_+$/g, '');
   return slug.slice(0, MAX_SHORTNAME_LENGTH);
-};
-
-/**
- * Prefix prepended to the user's description so the header-image backend
- * produces clean, emoji-style output instead of a scene/photo.
- *
- * Kept as a single line (no newlines) — newlines in the prompt can degrade the
- * model's output. Learnings from ShipIt 56 ("Emoji Pop") showed that a simple
- * prompt prefix significantly improved emoji quality.
- */
-var EMOJI_PROMPT_PREFIX = exports.EMOJI_PROMPT_PREFIX = 'Generate a clean, simple, emoji-style icon of ';
-
-/**
- * Wrap the raw user prompt with the emoji-style prefix.
- *
- * @example
- * wrapEmojiPrompt('a cat wearing a hard hat')
- * // => 'Generate a clean, simple, emoji-style icon of a cat wearing a hard hat'
- */
-var wrapEmojiPrompt = exports.wrapEmojiPrompt = function wrapEmojiPrompt(userPrompt) {
-  return "".concat(EMOJI_PROMPT_PREFIX).concat(userPrompt.trim());
 };

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

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

package/dist/es2019/api/ai/generateEmojiImage.js

@@ -3,7 +3,6 @@
  * image (base64) from a text description.
  */
 
-import { wrapEmojiPrompt } from '../../util/ai-emoji';
 import debug from '../../util/logger';
 const HEADER_IMAGE_GENERATION_ENDPOINT = '/gateway/api/assist/api/ai/v2/ai-feature/confluence-header-image-generation';
 
@@ -22,7 +21,7 @@ export const generateEmojiImage = async ({
   contentId,
   prompt
 }) => {
-  const wrappedPrompt = wrapEmojiPrompt(prompt);
+  const trimmedPrompt = prompt.trim();
   const response = await fetch(HEADER_IMAGE_GENERATION_ENDPOINT, {
     method: 'POST',
     headers: {
@@ -32,9 +31,10 @@ export const generateEmojiImage = async ({
     },
     body: JSON.stringify({
       ai_feature_input: {
-        adfContent: wrappedPrompt,
+        adfContent: trimmedPrompt,
         contentId,
-        useRawPrompt: true,
+        useRawPrompt: false,
+        theme: 'emoji',
         // Emojis are square — request a 1:1 image from the BE.
         aspectRatio: EMOJI_ASPECT_RATIO
       }

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

@@ -19,7 +19,6 @@ import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { DeletableEmojiTooltipContent, DeletableEmojiTooltipContentForScreenReader } from './DeletableEmojiTooltipContent';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getDocument } from '@atlaskit/browser-apis';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../i18n';
 import { isSSR } from '../../util/is-ssr';
 import { renderUnicodeEmojiToImagePath } from '../../util/renderUnicodeEmojiToImagePath';
@@ -445,9 +444,9 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     ...other
   } = props;
   const intl = useContext(IntlContext);
-  const ariaLabel = intl && fg('platform_change_emoji_button_label') ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
+  const ariaLabel = editorEmoji ? undefined : intl ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
     shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
-  }) : editorEmoji ? undefined : emoji.shortName;
+  }) : emoji.shortName;
   return /*#__PURE__*/React.createElement("span", _extends({
     role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',
     "aria-label": ariaLabel,

package/dist/es2019/util/ai-emoji.js

@@ -42,23 +42,4 @@ export const slugifyPrompt = prompt => {
   // trim leading/trailing underscores
   .replace(/^_+|_+$/g, '');
   return slug.slice(0, MAX_SHORTNAME_LENGTH);
-};
-
-/**
- * Prefix prepended to the user's description so the header-image backend
- * produces clean, emoji-style output instead of a scene/photo.
- *
- * Kept as a single line (no newlines) — newlines in the prompt can degrade the
- * model's output. Learnings from ShipIt 56 ("Emoji Pop") showed that a simple
- * prompt prefix significantly improved emoji quality.
- */
-export const EMOJI_PROMPT_PREFIX = 'Generate a clean, simple, emoji-style icon of ';
-
-/**
- * Wrap the raw user prompt with the emoji-style prefix.
- *
- * @example
- * wrapEmojiPrompt('a cat wearing a hard hat')
- * // => 'Generate a clean, simple, emoji-style icon of a cat wearing a hard hat'
- */
-export const wrapEmojiPrompt = userPrompt => `${EMOJI_PROMPT_PREFIX}${userPrompt.trim()}`;
+};

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

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

package/dist/esm/api/ai/generateEmojiImage.js

@@ -5,7 +5,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
  * image (base64) from a text description.
  */
 
-import { wrapEmojiPrompt } from '../../util/ai-emoji';
 import debug from '../../util/logger';
 var HEADER_IMAGE_GENERATION_ENDPOINT = '/gateway/api/assist/api/ai/v2/ai-feature/confluence-header-image-generation';
 
@@ -22,12 +21,12 @@ var EMOJI_ASPECT_RATIO = '1:1';
  */
 export var generateEmojiImage = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var contentId, prompt, wrappedPrompt, response, json, output;
+    var contentId, prompt, trimmedPrompt, response, json, output;
     return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           contentId = _ref.contentId, prompt = _ref.prompt;
-          wrappedPrompt = wrapEmojiPrompt(prompt);
+          trimmedPrompt = prompt.trim();
           _context.next = 1;
           return fetch(HEADER_IMAGE_GENERATION_ENDPOINT, {
             method: 'POST',
@@ -38,9 +37,10 @@ export var generateEmojiImage = /*#__PURE__*/function () {
             },
             body: JSON.stringify({
               ai_feature_input: {
-                adfContent: wrappedPrompt,
+                adfContent: trimmedPrompt,
                 contentId: contentId,
-                useRawPrompt: true,
+                useRawPrompt: false,
+                theme: 'emoji',
                 // Emojis are square — request a 1:1 image from the BE.
                 aspectRatio: EMOJI_ASPECT_RATIO
               }

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

@@ -25,7 +25,6 @@ import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
 import { DeletableEmojiTooltipContent, DeletableEmojiTooltipContentForScreenReader } from './DeletableEmojiTooltipContent';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getDocument } from '@atlaskit/browser-apis';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../i18n';
 import { isSSR } from '../../util/is-ssr';
 import { renderUnicodeEmojiToImagePath } from '../../util/renderUnicodeEmojiToImagePath';
@@ -443,9 +442,9 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     renderUnicodeEmojiAsImage = props.renderUnicodeEmojiAsImage,
     other = _objectWithoutProperties(props, _excluded);
   var intl = useContext(IntlContext);
-  var ariaLabel = intl && fg('platform_change_emoji_button_label') ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
+  var ariaLabel = editorEmoji ? undefined : intl ? intl.formatMessage(messages.changeEmojiShortnameButtonLabel, {
     shortName: (_emoji$name = emoji.name) !== null && _emoji$name !== void 0 ? _emoji$name : emoji.shortName
-  }) : editorEmoji ? undefined : emoji.shortName;
+  }) : emoji.shortName;
   return /*#__PURE__*/React.createElement("span", _extends({
     role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : ariaLabel ? 'img' : 'presentation',
     "aria-label": ariaLabel,

package/dist/esm/util/ai-emoji.js

@@ -42,25 +42,4 @@ export var slugifyPrompt = function slugifyPrompt(prompt) {
   // trim leading/trailing underscores
   .replace(/^_+|_+$/g, '');
   return slug.slice(0, MAX_SHORTNAME_LENGTH);
-};
-
-/**
- * Prefix prepended to the user's description so the header-image backend
- * produces clean, emoji-style output instead of a scene/photo.
- *
- * Kept as a single line (no newlines) — newlines in the prompt can degrade the
- * model's output. Learnings from ShipIt 56 ("Emoji Pop") showed that a simple
- * prompt prefix significantly improved emoji quality.
- */
-export var EMOJI_PROMPT_PREFIX = 'Generate a clean, simple, emoji-style icon of ';
-
-/**
- * Wrap the raw user prompt with the emoji-style prefix.
- *
- * @example
- * wrapEmojiPrompt('a cat wearing a hard hat')
- * // => 'Generate a clean, simple, emoji-style icon of a cat wearing a hard hat'
- */
-export var wrapEmojiPrompt = function wrapEmojiPrompt(userPrompt) {
-  return "".concat(EMOJI_PROMPT_PREFIX).concat(userPrompt.trim());
 };

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

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

package/dist/types/api/ai/generateEmojiImage.d.ts

@@ -15,8 +15,8 @@ export interface GenerateEmojiImageOptions {
      */
     contentId: string;
     /**
-     * The raw text description typed by the user (e.g. "a cat wearing a hard hat").
-     * It is wrapped with the emoji-style prefix before being sent to the backend.
+     * The raw text description typed by the user. It is trimmed and sent as-is
+     * with the `emoji` theme to the backend.
      */
     prompt: string;
 }

package/dist/types/util/ai-emoji.d.ts

@@ -22,20 +22,3 @@ export declare const MAX_SHORTNAME_LENGTH = 50;
  * slugifyPrompt('a cat wearing a hard hat') // => 'cat_wearing_a_hard_hat'
  */
 export declare const slugifyPrompt: (prompt: string) => string;
-/**
- * Prefix prepended to the user's description so the header-image backend
- * produces clean, emoji-style output instead of a scene/photo.
- *
- * Kept as a single line (no newlines) — newlines in the prompt can degrade the
- * model's output. Learnings from ShipIt 56 ("Emoji Pop") showed that a simple
- * prompt prefix significantly improved emoji quality.
- */
-export declare const EMOJI_PROMPT_PREFIX = "Generate a clean, simple, emoji-style icon of ";
-/**
- * Wrap the raw user prompt with the emoji-style prefix.
- *
- * @example
- * wrapEmojiPrompt('a cat wearing a hard hat')
- * // => 'Generate a clean, simple, emoji-style icon of a cat wearing a hard hat'
- */
-export declare const wrapEmojiPrompt: (userPrompt: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.11.2",
+	"version": "71.12.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^132.0.0",
+		"@atlaskit/tmp-editor-statsig": "^132.1.0",
 		"@atlaskit/tokens": "^16.2.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -128,9 +128,6 @@
 		"platform_suppression_removal_fix_reactions": {
 			"type": "boolean"
 		},
-		"platform_change_emoji_button_label": {
-			"type": "boolean"
-		},
 		"platform_emoji_grid_presentation": {
 			"type": "boolean"
 		},