@automattic/jetpack-ai-client 0.33.23 → 0.33.25

package/CHANGELOG.md

@@ -5,6 +5,17 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.33.25] - 2025-12-15
+### Changed
+- Update package dependencies. [#46244]
+
+### Fixed
+- Fix minification issue with production build. [#46147]
+
+## [0.33.24] - 2025-12-08
+### Changed
+- Update dependencies. [#45553]
+
 ## [0.33.23] - 2025-12-01
 ### Changed
 - Update package dependencies. [#46143]
@@ -751,6 +762,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - AI Client: stop using smart document visibility handling on the fetchEventSource library, so it does not restart the completion when changing tabs. [#32004]
 - Updated package dependencies. [#31468] [#31659] [#31785]
 
+[0.33.25]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.24...v0.33.25
+[0.33.24]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.23...v0.33.24
 [0.33.23]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.22...v0.33.23
 [0.33.22]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.21...v0.33.22
 [0.33.21]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.20...v0.33.21

package/build/components/ai-image/general-purpose-image.d.ts

@@ -5,6 +5,7 @@ import './style.scss';
 type SetImageCallbackProps = {
     id: number;
     url: string;
+    mime?: string;
 };
 type GeneralPurposeImageProps = {
     placement: string;

package/build/components/ai-image/general-purpose-image.js

@@ -152,8 +152,8 @@ export default function GeneralPurposeImage({ placement, onClose = () => { }, on
             model: generalImageActiveModel,
             site_type: siteType,
         });
-        const setImage = image => {
-            onSetImage?.({ id: image.id, url: image.url });
+        const setImage = ({ id, url, mime }) => {
+            onSetImage?.({ id, url, mime });
             handleModalClose();
         };
         // If the image is already in the media library, use it directly, if it failed for some reason
@@ -162,11 +162,17 @@ export default function GeneralPurposeImage({ placement, onClose = () => { }, on
             setImage({
                 id: currentImage?.libraryId,
                 url: currentImage?.libraryUrl,
+                // Default to image/png for cached images (AI generates PNG)
+                mime: 'image/png',
             });
         }
         else {
             saveToMediaLibrary(currentImage?.image).then(image => {
-                setImage(image);
+                setImage({
+                    id: image.id,
+                    url: image.url,
+                    mime: image.mime,
+                });
             });
         }
     }, [

package/build/hooks/use-save-to-media-library.d.ts

@@ -1,3 +1,8 @@
+type SavedMediaItem = {
+    id: string;
+    url: string;
+    mime?: string;
+};
 /**
  * Hook to save data to media library
  *
@@ -5,8 +10,6 @@
  */
 export default function useSaveToMediaLibrary(): {
     isLoading: boolean;
-    saveToMediaLibrary: (url: string, name?: string) => Promise<{
-        id: string;
-        url: string;
-    }>;
+    saveToMediaLibrary: (url: string, name?: string) => Promise<SavedMediaItem>;
 };
+export {};

package/build/hooks/use-save-to-media-library.js

@@ -43,7 +43,11 @@ export default function useSaveToMediaLibrary() {
                             }
                             if (image) {
                                 debug('Image uploaded to media library', image);
-                                resolve(image);
+                                resolve({
+                                    id: image.id,
+                                    url: image.url,
+                                    mime: image.mime,
+                                });
                             }
                             setIsLoading(false);
                         },

package/build/logo-generator/components/logo-presenter.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useAnalytics } from '@automattic/jetpack-shared-extension-utils';
 import { Button, Icon } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
+import { __, _x } from '@wordpress/i18n';
 import debugFactory from 'debug';
 /**
  * Internal dependencies
@@ -52,7 +52,7 @@ const SaveInLibraryButton = ({ siteId }) => {
             }
         }
     };
-    const savingLabel = __('Saving…', 'jetpack-ai-client');
+    const savingLabel = _x('Saving…', 'Logo save button', 'jetpack-ai-client');
     const savedLabel = __('Saved', 'jetpack-ai-client');
     return !saving && !saved ? (_jsxs(Button, { className: "jetpack-ai-logo-generator-modal-presenter__action", onClick: handleClick, children: [_jsx(Icon, { icon: _jsx(MediaIcon, {}) }), _jsx("span", { className: "action-text", children: __('Save in Library', 'jetpack-ai-client') })] })) : (_jsxs(Button, { className: "jetpack-ai-logo-generator-modal-presenter__action", children: [_jsx(Icon, { icon: saving ? _jsx(MediaIcon, {}) : _jsx(CheckIcon, {}) }), _jsx("span", { className: "action-text", children: saving ? savingLabel : savedLabel })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-ai-client",
-	"version": "0.33.23",
+	"version": "0.33.25",
 	"private": false,
 	"description": "A JS client for consuming Jetpack AI services",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
@@ -34,11 +34,11 @@
 	},
 	"dependencies": {
 		"@automattic/jetpack-base-styles": "^1.0.12",
-		"@automattic/jetpack-components": "^1.3.13",
-		"@automattic/jetpack-connection": "^1.4.20",
+		"@automattic/jetpack-components": "^1.4.2",
+		"@automattic/jetpack-connection": "^1.4.23",
 		"@automattic/jetpack-explat": "workspace:*",
 		"@automattic/jetpack-script-data": "^0.5.4",
-		"@automattic/jetpack-shared-extension-utils": "^1.3.28",
+		"@automattic/jetpack-shared-extension-utils": "^1.4.2",
 		"@microsoft/fetch-event-source": "2.0.1",
 		"@types/jest": "30.0.0",
 		"@types/react": "18.3.26",
@@ -58,7 +58,7 @@
 		"@wordpress/primitives": "4.36.0",
 		"@wordpress/url": "4.36.0",
 		"clsx": "2.1.1",
-		"debug": "4.4.1",
+		"debug": "4.4.3",
 		"markdown-it": "14.1.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",

package/src/components/ai-image/general-purpose-image.tsx

@@ -27,6 +27,7 @@ import type { ReactElement } from 'react';
 type SetImageCallbackProps = {
 	id: number;
 	url: string;
+	mime?: string;
 };
 
 type GeneralPurposeImageProps = {
@@ -214,8 +215,8 @@ export default function GeneralPurposeImage( {
 			site_type: siteType,
 		} );
 
-		const setImage = image => {
-			onSetImage?.( { id: image.id, url: image.url } );
+		const setImage = ( { id, url, mime } ) => {
+			onSetImage?.( { id, url, mime } );
 			handleModalClose();
 		};
 
@@ -225,10 +226,16 @@ export default function GeneralPurposeImage( {
 			setImage( {
 				id: currentImage?.libraryId,
 				url: currentImage?.libraryUrl,
+				// Default to image/png for cached images (AI generates PNG)
+				mime: 'image/png',
 			} );
 		} else {
 			saveToMediaLibrary( currentImage?.image ).then( image => {
-				setImage( image );
+				setImage( {
+					id: image.id,
+					url: image.url,
+					mime: image.mime,
+				} );
 			} );
 		}
 	}, [

package/src/hooks/use-save-to-media-library.ts

@@ -12,9 +12,15 @@ import type { BlockEditorStore } from '../types.ts';
 
 const debug = debugFactory( 'jetpack-ai-client:save-to-media-library' );
 
+type SavedMediaItem = {
+	id: string;
+	url: string;
+	mime?: string;
+};
+
 type UseSaveToMediaLibraryReturn = {
 	isLoading: boolean;
-	saveToMediaLibrary: ( url: string, name: string ) => Promise< { id: string; url: string } >;
+	saveToMediaLibrary: ( url: string, name?: string ) => Promise< SavedMediaItem >;
 };
 
 /**
@@ -29,10 +35,7 @@ export default function useSaveToMediaLibrary() {
 		[]
 	) as BlockEditorStore[ 'selectors' ];
 
-	const saveToMediaLibrary = (
-		url: string,
-		name: string = null
-	): Promise< { id: string; url: string } > => {
+	const saveToMediaLibrary = ( url: string, name: string = null ): Promise< SavedMediaItem > => {
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		const settings = getSettings() as any;
 
@@ -67,7 +70,11 @@ export default function useSaveToMediaLibrary() {
 
 									if ( image ) {
 										debug( 'Image uploaded to media library', image );
-										resolve( image );
+										resolve( {
+											id: image.id,
+											url: image.url,
+											mime: image.mime,
+										} );
 									}
 
 									setIsLoading( false );

package/src/logo-generator/components/logo-presenter.tsx

@@ -4,7 +4,7 @@
 import { useAnalytics } from '@automattic/jetpack-shared-extension-utils';
 import { Button, Icon } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
+import { __, _x } from '@wordpress/i18n';
 import debugFactory from 'debug';
 /**
  * Internal dependencies
@@ -71,7 +71,7 @@ const SaveInLibraryButton: FC< { siteId: string } > = ( { siteId } ) => {
 		}
 	};
 
-	const savingLabel = __( 'Saving…', 'jetpack-ai-client' );
+	const savingLabel = _x( 'Saving…', 'Logo save button', 'jetpack-ai-client' );
 	const savedLabel = __( 'Saved', 'jetpack-ai-client' );
 
 	return ! saving && ! saved ? (