@automattic/jetpack-ai-client 0.34.5 → 0.34.6

package/CHANGELOG.md

@@ -5,6 +5,10 @@ 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.34.6] - 2026-03-09
+### Changed
+- Switch to Native TypeScript compiler based on Go. [#47375]
+
 ## [0.34.5] - 2026-03-02
 ### Changed
 - Update dependencies. [#46758]
@@ -821,6 +825,7 @@ 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.34.6]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.5...v0.34.6
 [0.34.5]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.4...v0.34.5
 [0.34.4]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.3...v0.34.4
 [0.34.3]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.2...v0.34.3

package/build/{ask-question → src/ask-question}/index.d.ts

@@ -36,4 +36,4 @@ export type AskQuestionOptionsArgProps = {
  *      // handle suggestionsEventSource
  *  } );
  */
-export default function askQuestion(question: PromptProp, { postId, fromCache, feature, functions, model, languageCode, }?: AskQuestionOptionsArgProps): Promise<SuggestionsEventSource>;
+export default function askQuestion(question: PromptProp, { postId, fromCache, feature, functions, model, languageCode }?: AskQuestionOptionsArgProps): Promise<SuggestionsEventSource>;

package/build/{ask-question → src/ask-question}/index.js

@@ -6,7 +6,7 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import SuggestionsEventSource from "../suggestions-event-source/index.js";
+import SuggestionsEventSource from '../suggestions-event-source/index.js';
 const debug = debugFactory('jetpack-ai-client:ask-question');
 /**
  * An asynchronous function that asks a question

package/build/{ask-question → src/ask-question}/sync.js

@@ -6,7 +6,7 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import requestJwt from "../jwt/index.js";
+import requestJwt from '../jwt/index.js';
 const debug = debugFactory('jetpack-ai-client:ask-question-sync');
 /**
  * A function that asks a question without streaming.

package/build/{audio-transcription → src/audio-transcription}/index.js

@@ -5,7 +5,7 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import requestJwt from "../jwt/index.js";
+import requestJwt from '../jwt/index.js';
 const debug = debugFactory('jetpack-ai-client:audio-transcription');
 /**
  * A function that takes an audio blob and transcribes it.

package/build/{components → src/components}/ai-control/ai-control.d.ts

@@ -29,5 +29,5 @@ type AIControlProps = {
  * @param {AIControlProps} props - Component props
  * @return {ReactElement}       Rendered component
  */
-export default function AIControl({ className, disabled, value, placeholder, isTransparent, state, onChange, banner, error, actions, message, promptUserInputRef, wrapperRef, }: AIControlProps): ReactElement;
+export default function AIControl({ className, disabled, value, placeholder, isTransparent, state, onChange, banner, error, actions, message, promptUserInputRef, wrapperRef }: AIControlProps): ReactElement;
 export {};

package/build/{components → src/components}/ai-control/ai-control.js

@@ -7,7 +7,7 @@ import clsx from 'clsx';
 /**
  * Internal dependencies
  */
-import AiStatusIndicator from "../ai-status-indicator/index.js";
+import AiStatusIndicator from '../ai-status-indicator/index.js';
 import './style.scss';
 /**
  * Base AIControl component. Contains the main structure of the control component and slots for banner, error, actions and message.
@@ -18,5 +18,7 @@ import './style.scss';
 export default function AIControl({ className, disabled = false, value = '', placeholder = '', isTransparent = false, state = 'init', onChange, banner = null, error = null, actions = null, message = null, promptUserInputRef = null, wrapperRef = null, }) {
     return (_jsxs("div", { className: clsx('jetpack-components-ai-control__container-wrapper', className), ref: wrapperRef, children: [error, _jsxs("div", { className: "jetpack-components-ai-control__container", children: [banner, _jsxs("div", { className: clsx('jetpack-components-ai-control__wrapper', {
                             'is-transparent': isTransparent,
-                        }), children: [_jsx(AiStatusIndicator, { state: state }), _jsx("div", { className: "jetpack-components-ai-control__input-wrapper", children: _jsx(PlainText, { value: value, onChange: onChange, placeholder: placeholder, className: "jetpack-components-ai-control__input", disabled: disabled, ref: promptUserInputRef }) }), actions] }), message] })] }));
+                        }), children: [
+                            _jsx(AiStatusIndicator, { state: state }), _jsx("div", { className: "jetpack-components-ai-control__input-wrapper", children: _jsx(PlainText, { value: value, onChange: onChange, placeholder: placeholder, className: "jetpack-components-ai-control__input", disabled: disabled, ref: promptUserInputRef }) }), actions] }), message] })
+        ] }));
 }

package/build/{components → src/components}/ai-control/block-ai-control.d.ts

@@ -32,6 +32,6 @@ type BlockAIControlProps = {
  * @param {MutableRefObject}    ref   - Ref to the component
  * @return {ReactElement}             Rendered component
  */
-export declare function BlockAIControl({ disabled, value, placeholder, showAccept, acceptLabel, showButtonLabels, isTransparent, state, showGuideLine, customFooter, onChange, onSend, onStop, onAccept, onDiscard, showRemove, banner, error, lastAction, }: BlockAIControlProps, ref: MutableRefObject<HTMLInputElement>): ReactElement;
+export declare function BlockAIControl({ disabled, value, placeholder, showAccept, acceptLabel, showButtonLabels, isTransparent, state, showGuideLine, customFooter, onChange, onSend, onStop, onAccept, onDiscard, showRemove, banner, error, lastAction }: BlockAIControlProps, ref: MutableRefObject<HTMLInputElement>): ReactElement;
 declare const _default: import("react").ForwardRefExoticComponent<BlockAIControlProps & import("react").RefAttributes<HTMLInputElement>>;
 export default _default;

package/build/{components → src/components}/ai-control/block-ai-control.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * External dependencies
  */
@@ -12,8 +12,8 @@ import { forwardRef } from 'react';
 /**
  * Internal dependencies
  */
-import { GuidelineMessage } from "../message/index.js";
-import AIControl from "./ai-control.js";
+import { GuidelineMessage } from '../message/index.js';
+import AIControl from './ai-control.js';
 import './style.scss';
 const debug = debugFactory('jetpack-ai-client:block-ai-control');
 /**
@@ -75,7 +75,10 @@ export function BlockAIControl({ disabled = false, value = '', placeholder = '',
     }, {
         target: promptUserInputRef,
     });
-    const actions = (_jsxs(_Fragment, { children: [(!showAccept || editRequest) && (_jsx("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: !loading ? (_jsxs(_Fragment, { children: [editRequest && (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: cancelEdit, variant: "secondary", label: __('Cancel', 'jetpack-ai-client'), children: showButtonLabels ? (__('Cancel', 'jetpack-ai-client')) : (_jsx(Icon, { icon: closeSmall })) })), showRemove && !editRequest && !value?.length && onDiscard && (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: discardHandler, variant: "secondary", label: __('Cancel', 'jetpack-ai-client'), children: showButtonLabels ? (__('Cancel', 'jetpack-ai-client')) : (_jsx(Icon, { icon: closeSmall })) })), value?.length > 0 && (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: sendHandler, variant: "primary", disabled: !value?.length || disabled, label: __('Send request', 'jetpack-ai-client'), children: showButtonLabels ? (__('Generate', 'jetpack-ai-client')) : (_jsx(Icon, { icon: arrowUp })) }))] })) : (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: onStop, variant: "secondary", label: __('Stop request', 'jetpack-ai-client'), children: showButtonLabels ? (__('Stop', 'jetpack-ai-client')) : (_jsx(Icon, { icon: closeSmall })) })) })), showAccept && !editRequest && (_jsxs("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: [(value?.length > 0 || lastValue === null) && (_jsxs(Flex, { gap: 1, role: "group", className: "jetpack-components-ai-control__button-group", children: [_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Discard', 'jetpack-ai-client'), onClick: discardHandler, tooltipPosition: "top", children: _jsx(Icon, { icon: trash }) }), _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Regenerate', 'jetpack-ai-client'), onClick: () => onSend?.(value), tooltipPosition: "top", disabled: !value?.length || value === null || disabled, children: _jsx(Icon, { icon: regenerate }) })] })), _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: onAccept, variant: "primary", label: acceptLabel, children: showButtonLabels ? acceptLabel : _jsx(Icon, { icon: check }) })] }))] }));
+    const actions = (_jsxs(_Fragment, { children: [(!showAccept || editRequest) && (_jsx("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: !loading ? (_jsxs(_Fragment, { children: [editRequest && (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: cancelEdit, variant: "secondary", label: __('Cancel', 'jetpack-ai-client'), children: showButtonLabels ? (__('Cancel', 'jetpack-ai-client')) : (_jsx(Icon, { icon: closeSmall })) })), showRemove && !editRequest && !value?.length && onDiscard && (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: discardHandler, variant: "secondary", label: __('Cancel', 'jetpack-ai-client'), children: showButtonLabels ? (__('Cancel', 'jetpack-ai-client')) : (_jsx(Icon, { icon: closeSmall })) })), value?.length > 0 && (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: sendHandler, variant: "primary", disabled: !value?.length || disabled, label: __('Send request', 'jetpack-ai-client'), children: showButtonLabels ? (__('Generate', 'jetpack-ai-client')) : (_jsx(Icon, { icon: arrowUp })) }))] })) : (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: onStop, variant: "secondary", label: __('Stop request', 'jetpack-ai-client'), children: showButtonLabels ? (__('Stop', 'jetpack-ai-client')) : (_jsx(Icon, { icon: closeSmall })) })) })), showAccept && !editRequest && (_jsxs("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: [(value?.length > 0 || lastValue === null) && (_jsxs(Flex, { gap: 1, role: "group", className: "jetpack-components-ai-control__button-group", children: [
+                            _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Discard', 'jetpack-ai-client'), onClick: discardHandler, tooltipPosition: "top", children: _jsx(Icon, { icon: trash }) }), _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Regenerate', 'jetpack-ai-client'), onClick: () => onSend?.(value), tooltipPosition: "top", disabled: !value?.length || value === null || disabled, children: _jsx(Icon, { icon: regenerate }) })
+                        ] })), _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: onAccept, variant: "primary", label: acceptLabel, children: showButtonLabels ? acceptLabel : _jsx(Icon, { icon: check }) })
+                ] }))] }));
     const message = showGuideLine &&
         !loading &&
         !editRequest &&

package/build/{components → src/components}/ai-control/extension-ai-control.d.ts

@@ -36,6 +36,6 @@ type ExtensionAIControlProps = {
  * @param {MutableRefObject}        ref   - Ref to the component
  * @return {ReactElement}                 Rendered component
  */
-export declare function ExtensionAIControl({ className, disabled, value, placeholder, showButtonLabels, isTransparent, state, showGuideLine, error, requestsRemaining, showUpgradeMessage, showFairUsageMessage, upgradeUrl, wrapperRef, onChange, onSend, onStop, onClose, onUndo, onUpgrade, onTryAgain, lastAction, blockType, }: ExtensionAIControlProps, ref: MutableRefObject<HTMLInputElement>): ReactElement;
+export declare function ExtensionAIControl({ className, disabled, value, placeholder, showButtonLabels, isTransparent, state, showGuideLine, error, requestsRemaining, showUpgradeMessage, showFairUsageMessage, upgradeUrl, wrapperRef, onChange, onSend, onStop, onClose, onUndo, onUpgrade, onTryAgain, lastAction, blockType }: ExtensionAIControlProps, ref: MutableRefObject<HTMLInputElement>): ReactElement;
 declare const _default: import("react").ForwardRefExoticComponent<ExtensionAIControlProps & import("react").RefAttributes<HTMLInputElement>>;
 export default _default;

package/build/{components → src/components}/ai-control/extension-ai-control.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * External dependencies
  */
@@ -11,8 +11,8 @@ import { forwardRef } from 'react';
 /**
  * Internal dependencies
  */
-import { GuidelineMessage, ErrorMessage, UpgradeMessage, FairUsageLimitMessage, } from "../message/index.js";
-import AIControl from "./ai-control.js";
+import { GuidelineMessage, ErrorMessage, UpgradeMessage, FairUsageLimitMessage, } from '../message/index.js';
+import AIControl from './ai-control.js';
 import './style.scss';
 /**
  * ExtensionAIControl component. Used by the AI Assistant inline extensions, adding logic and components to the base AIControl component.
@@ -74,7 +74,9 @@ export function ExtensionAIControl({ className, disabled = false, value = '', pl
     }, {
         target: promptUserInputRef,
     });
-    const actions = (_jsx(_Fragment, { children: loading ? (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: stopHandler, variant: "secondary", label: __('Stop request', 'jetpack-ai-client'), children: showButtonLabels ? __('Stop', 'jetpack-ai-client') : _jsx(Icon, { icon: closeSmall }) })) : (_jsxs(_Fragment, { children: [value?.length > 0 && (_jsx("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: sendHandler, variant: "primary", disabled: !value?.length || disabled, label: __('Send request', 'jetpack-ai-client'), children: showButtonLabels ? (__('Generate', 'jetpack-ai-client')) : (_jsx(Icon, { icon: arrowUp })) }) })), isDone && (_jsx("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: _jsxs(Flex, { gap: 1, role: "group", className: "jetpack-components-ai-control__button-group", children: [_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Undo', 'jetpack-ai-client'), onClick: undoHandler, tooltipPosition: "top", children: _jsx(Icon, { icon: undo }) }), _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Close', 'jetpack-ai-client'), onClick: closeHandler, variant: "tertiary", children: __('Close', 'jetpack-ai-client') })] }) }))] })) }));
+    const actions = (_jsx(_Fragment, { children: loading ? (_jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: stopHandler, variant: "secondary", label: __('Stop request', 'jetpack-ai-client'), children: showButtonLabels ? __('Stop', 'jetpack-ai-client') : _jsx(Icon, { icon: closeSmall }) })) : (_jsxs(_Fragment, { children: [value?.length > 0 && (_jsx("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", onClick: sendHandler, variant: "primary", disabled: !value?.length || disabled, label: __('Send request', 'jetpack-ai-client'), children: showButtonLabels ? (__('Generate', 'jetpack-ai-client')) : (_jsx(Icon, { icon: arrowUp })) }) })), isDone && (_jsx("div", { className: "jetpack-components-ai-control__controls-prompt_button_wrapper", children: _jsxs(Flex, { gap: 1, role: "group", className: "jetpack-components-ai-control__button-group", children: [
+                            _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Undo', 'jetpack-ai-client'), onClick: undoHandler, tooltipPosition: "top", children: _jsx(Icon, { icon: undo }) }), _jsx(Button, { className: "jetpack-components-ai-control__controls-prompt_button", label: __('Close', 'jetpack-ai-client'), onClick: closeHandler, variant: "tertiary", children: __('Close', 'jetpack-ai-client') })
+                        ] }) }))] })) }));
     let message = null;
     if (error?.message) {
         message = (_jsx(ErrorMessage, { error: error.message, code: error.code, onTryAgainClick: tryAgainHandler, onUpgradeClick: upgradeHandler, upgradeUrl: upgradeUrl }));

package/build/src/components/ai-control/index.js

@@ -0,0 +1,3 @@
+export { default as AIControl } from './ai-control.js';
+export { default as BlockAIControl } from './block-ai-control.js';
+export { default as ExtensionAIControl } from './extension-ai-control.js';

package/build/{components → src/components}/ai-feedback/index.d.ts

@@ -23,5 +23,5 @@ type AiFeedbackThumbsProps = {
  * @param {AiFeedbackThumbsProps} props - component props.
  * @return {ReactElement} - rendered component.
  */
-export default function AiFeedbackThumbs({ disabled, iconSize, ratedItem, feature, savedRatings, options, onRate, }: AiFeedbackThumbsProps): ReactElement;
+export default function AiFeedbackThumbs({ disabled, iconSize, ratedItem, feature, savedRatings, options, onRate }: AiFeedbackThumbsProps): ReactElement;
 export {};

package/build/{components → src/components}/ai-feedback/index.js

@@ -63,9 +63,11 @@ export default function AiFeedbackThumbs({ disabled = false, iconSize = 24, rate
             });
         }
     };
-    return (_jsxs("div", { className: "ai-assistant-feedback__selection", children: [_jsx(Tooltip, { text: __('I like this', 'jetpack-ai-client'), children: _jsx(Button, { disabled: disabled, icon: thumbsUp, onClick: () => rateAI(true), iconSize: iconSize, showTooltip: false, className: clsx({
+    return (_jsxs("div", { className: "ai-assistant-feedback__selection", children: [
+            _jsx(Tooltip, { text: __('I like this', 'jetpack-ai-client'), children: _jsx(Button, { disabled: disabled, icon: thumbsUp, onClick: () => rateAI(true), iconSize: iconSize, showTooltip: false, className: clsx({
                         'ai-assistant-feedback__thumb-selected': checkThumb('thumbs-up'),
                     }) }) }), _jsx(Tooltip, { text: __("I don't find this useful", 'jetpack-ai-client'), children: _jsx(Button, { disabled: disabled, icon: thumbsDown, onClick: () => rateAI(false), iconSize: iconSize, showTooltip: false, className: clsx({
                         'ai-assistant-feedback__thumb-selected': checkThumb('thumbs-down'),
-                    }) }) })] }));
+                    }) }) })
+        ] }));
 }

package/build/src/components/ai-icon/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Path, SVG, Rect } from '@wordpress/components';
+import { Icon } from '@wordpress/icons';
+import { Defs } from '@wordpress/primitives';
+export const AiSVG = (_jsxs(SVG, { width: "42", height: "42", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        _jsxs(G, { clipPath: "url(#clip0_4479_1006)", children: [
+                _jsx(Path, { d: "M7.87488 0L10.1022 5.64753L15.7498 7.87488L10.1022 10.1022L7.87488 15.7498L5.64753 10.1022L0 7.87488L5.64753 5.64753L7.87488 0Z", fill: "#A7AAAD" }), _jsx(Path, { d: "M31.4998 0L34.4696 7.53004L41.9997 10.4998L34.4696 13.4696L31.4998 20.9997L28.53 13.4696L21 10.4998L28.53 7.53004L31.4998 0Z", fill: "#A7AAAD" }), _jsx(Path, { d: "M18.3748 15.7496L22.0871 25.1621L31.4996 28.8744L22.0871 32.5866L18.3748 41.9992L14.6625 32.5866L5.25 28.8744L14.6625 25.1621L18.3748 15.7496Z", fill: "#A7AAAD" })
+            ] }), _jsx(Defs, { children: _jsx("clipPath", { id: "clip0_4479_1006", children: _jsx(Rect, { width: "41.9997", height: "41.9992", fill: "white" }) }) })
+    ] }));
+/**
+ * AiIcon component
+ * @param {string} className - The wrapper class name.
+ * @return {ReactElement} The `AiIcon` component.
+ */
+export default function AiIcon({ className, size = 42 }) {
+    return _jsx(Icon, { icon: AiSVG, width: size, height: size, className: className });
+}

package/build/{components → src/components}/ai-image/components/ai-image-modal.d.ts

@@ -49,5 +49,5 @@ type AiImageModalProps = {
  * @param {AiImageModalProps} props - The component properties.
  * @return {ReactElement} - rendered component.
  */
-export default function AiImageModal({ title, cost, open, images, currentIndex, onClose, onTryAgain, onGenerate, generating, notEnoughRequests, requireUpgrade, currentLimit, currentUsage, isUnlimited, upgradeDescription, hasError, handlePreviousImage, handleNextImage, acceptButton, autoStart, autoStartAction, instructionsPlaceholder, imageStyles, onGuessStyle, prompt, setPrompt, initialStyle, inputDisabled, actionDisabled, }: AiImageModalProps): import("react/jsx-runtime").JSX.Element;
+export default function AiImageModal({ title, cost, open, images, currentIndex, onClose, onTryAgain, onGenerate, generating, notEnoughRequests, requireUpgrade, currentLimit, currentUsage, isUnlimited, upgradeDescription, hasError, handlePreviousImage, handleNextImage, acceptButton, autoStart, autoStartAction, instructionsPlaceholder, imageStyles, onGuessStyle, prompt, setPrompt, initialStyle, inputDisabled, actionDisabled }: AiImageModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/{components → src/components}/ai-image/components/ai-image-modal.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAnalytics } from '@automattic/jetpack-shared-extension-utils';
 import { SelectControl } from '@wordpress/components';
 import { useCallback, useRef, useState, useEffect } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import debugFactory from 'debug';
-import { IMAGE_STYLE_NONE, IMAGE_STYLE_AUTO, } from "../../../hooks/use-image-generator/constants.js";
-import { AiModalPromptInput } from "../../../logo-generator/index.js";
-import AiModalFooter from "../../ai-modal-footer/index.js";
-import AiAssistantModal from "../../modal/index.js";
-import QuotaExceededMessage from "../../quota-exceeded-message/index.js";
-import Carrousel from "./carrousel.js";
-import UsageCounter from "./usage-counter.js";
+import { IMAGE_STYLE_NONE, IMAGE_STYLE_AUTO, } from '../../../hooks/use-image-generator/constants.js';
+import { AiModalPromptInput } from '../../../logo-generator/index.js';
+import AiModalFooter from '../../ai-modal-footer/index.js';
+import AiAssistantModal from '../../modal/index.js';
+import QuotaExceededMessage from '../../quota-exceeded-message/index.js';
+import Carrousel from './carrousel.js';
+import UsageCounter from './usage-counter.js';
 import './ai-image-modal.scss';
 const FEATURED_IMAGE_UPGRADE_PROMPT_PLACEMENT = 'ai-image-generator';
 const debug = debugFactory('jetpack-ai-client:ai-image-modal');
@@ -82,5 +82,10 @@ export default function AiImageModal({ title, cost, open, images, currentIndex =
             setStyle(initialStyle || IMAGE_STYLE_NONE);
         }
     }, [imageStyles, initialStyle]);
-    return (_jsx(_Fragment, { children: open && (_jsxs(AiAssistantModal, { handleClose: onClose, title: title, children: [_jsxs("div", { className: "ai-image-modal__content", children: [showStyleSelector && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 16 }, children: [_jsx("div", { style: { fontWeight: 500, flexGrow: 1 }, children: __('Generate image', 'jetpack-ai-client') }), _jsx("div", { children: _jsx(SelectControl, { __nextHasNoMarginBottom: true, __next40pxDefaultSize: true, value: style, options: styles, onChange: updateStyle }) })] })), _jsx(AiModalPromptInput, { prompt: prompt, setPrompt: setPrompt, disabled: inputDisabled, actionDisabled: actionDisabled, generateHandler: hasError ? handleTryAgain : handleGenerate, placeholder: instructionsPlaceholder, buttonLabel: hasError ? tryAgainLabel : generateLabel }), upgradePromptVisible && (_jsx(QuotaExceededMessage, { description: upgradeDescription, placement: FEATURED_IMAGE_UPGRADE_PROMPT_PLACEMENT, useLightNudge: true })), _jsx("div", { className: "ai-image-modal__actions", children: _jsx("div", { className: "ai-image-modal__actions-left", children: counterVisible && (_jsx(UsageCounter, { cost: cost, currentLimit: currentLimit, currentUsage: currentUsage })) }) }), _jsx("div", { className: "ai-image-modal__image-canvas", children: _jsx(Carrousel, { images: images, current: currentIndex, handlePreviousImage: handlePreviousImage, handleNextImage: handleNextImage, actions: acceptButton }) })] }), _jsx("div", { className: "ai-image-modal__footer", children: _jsx(AiModalFooter, {}) })] })) }));
+    return (_jsx(_Fragment, { children: open && (_jsxs(AiAssistantModal, { handleClose: onClose, title: title, children: [
+                _jsxs("div", { className: "ai-image-modal__content", children: [showStyleSelector && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 16 }, children: [
+                                _jsx("div", { style: { fontWeight: 500, flexGrow: 1 }, children: __('Generate image', 'jetpack-ai-client') }), _jsx("div", { children: _jsx(SelectControl, { __nextHasNoMarginBottom: true, __next40pxDefaultSize: true, value: style, options: styles, onChange: updateStyle }) })
+                            ] })), _jsx(AiModalPromptInput, { prompt: prompt, setPrompt: setPrompt, disabled: inputDisabled, actionDisabled: actionDisabled, generateHandler: hasError ? handleTryAgain : handleGenerate, placeholder: instructionsPlaceholder, buttonLabel: hasError ? tryAgainLabel : generateLabel }), upgradePromptVisible && (_jsx(QuotaExceededMessage, { description: upgradeDescription, placement: FEATURED_IMAGE_UPGRADE_PROMPT_PLACEMENT, useLightNudge: true })), _jsx("div", { className: "ai-image-modal__actions", children: _jsx("div", { className: "ai-image-modal__actions-left", children: counterVisible && (_jsx(UsageCounter, { cost: cost, currentLimit: currentLimit, currentUsage: currentUsage })) }) }), _jsx("div", { className: "ai-image-modal__image-canvas", children: _jsx(Carrousel, { images: images, current: currentIndex, handlePreviousImage: handlePreviousImage, handleNextImage: handleNextImage, actions: acceptButton }) })
+                    ] }), _jsx("div", { className: "ai-image-modal__footer", children: _jsx(AiModalFooter, {}) })
+            ] })) }));
 }

package/build/{components → src/components}/ai-image/components/carrousel.d.ts

@@ -24,5 +24,5 @@ type CarrouselProps = {
  * @param {CarrouselProps} props - The component properties.
  * @return {ReactElement} - rendered component.
  */
-export default function Carrousel({ images, current, handlePreviousImage, handleNextImage, actions, }: CarrouselProps): import("react/jsx-runtime").JSX.Element;
+export default function Carrousel({ images, current, handlePreviousImage, handleNextImage, actions }: CarrouselProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/{components → src/components}/ai-image/components/carrousel.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Spinner } from '@wordpress/components';
 import { useEffect, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
 import clsx from 'clsx';
-import AiFeedbackThumbs from "../../ai-feedback/index.js";
-import AiIcon from "../../ai-icon/index.js";
+import AiFeedbackThumbs from '../../ai-feedback/index.js';
+import AiIcon from '../../ai-icon/index.js';
 import './carrousel.scss';
 /**
  * BlankImage component
@@ -16,7 +16,8 @@ function BlankImage({ children, isDotted = false, contentClassName = '' }) {
     const blankImage = (_jsx("img", { className: "ai-assistant-image__carrousel-image", src: "data:image/svg+xml,<svg viewBox='0 0 1 1' width='1024' height='768' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 L1 0 L1 1 L0 1 L0 0 Z' fill='none' /></svg>", alt: "" }));
     return (_jsxs("div", { className: "ai-assistant-image__blank", children: [blankImage, _jsx("div", { className: clsx('ai-assistant-image__blank-content', contentClassName, {
                     'is-dotted': isDotted,
-                }), children: children })] }));
+                }), children: children })
+        ] }));
 }
 /**
  * Carrousel component
@@ -49,15 +50,22 @@ export default function Carrousel({ images, current, handlePreviousImage, handle
         }
         setImageFeedbackDisabled(false);
     }, [current, images]);
-    return (_jsxs("div", { className: "ai-assistant-image__carrousel", children: [_jsxs("div", { className: "ai-assistant-image__carrousel-images", children: [images.length > 1 && prevButton, images.map(({ image, generating, error, revisedPrompt, libraryUrl }, index) => (_jsx("div", { className: clsx('ai-assistant-image__carrousel-image-container', {
+    return (_jsxs("div", { className: "ai-assistant-image__carrousel", children: [
+            _jsxs("div", { className: "ai-assistant-image__carrousel-images", children: [images.length > 1 && prevButton, images.map(({ image, generating, error, revisedPrompt, libraryUrl }, index) => (_jsx("div", { className: clsx('ai-assistant-image__carrousel-image-container', {
                             'is-current': current === index,
                             'is-prev': current > index,
                         }), children: generating ? (_jsxs(BlankImage, { contentClassName: "ai-assistant-image__loading", children: [__('Creating image…', 'jetpack-ai-client'), _jsx(Spinner, { style: {
                                         width: '50px',
                                         height: '50px',
-                                    } })] })) : (_jsx(_Fragment, { children: error ? (_jsx(BlankImage, { isDotted: true, children: _jsxs("div", { className: "ai-assistant-image__error", children: [__('An error occurred while generating the image. Please, try again!', 'jetpack-ai-client'), error?.message && (_jsx("span", { className: "ai-assistant-image__error-message", children: error?.message }))] }) })) : (_jsx(_Fragment, { children: !generating && !image && !libraryUrl ? (_jsx(BlankImage, { children: _jsx(AiIcon, {}) })) : (_jsx("img", { className: "ai-assistant-image__carrousel-image", src: image || libraryUrl, alt: revisedPrompt })) })) })) }, `image:` + index))), images.length > 1 && nextButton] }), _jsxs("div", { className: "ai-assistant-image__carrousel-footer", children: [_jsxs("div", { className: "ai-assistant-image__carrousel-footer-left", children: [_jsxs("div", { className: "ai-assistant-image__carrousel-counter", children: [prevButton, actual, " / ", total, nextButton] }), _jsx(AiFeedbackThumbs, { disabled: imageFeedbackDisabled, ratedItem: images[current]?.libraryUrl || '', iconSize: 20, options: {
+                                    } })
+                            ] })) : (_jsx(_Fragment, { children: error ? (_jsx(BlankImage, { isDotted: true, children: _jsxs("div", { className: "ai-assistant-image__error", children: [__('An error occurred while generating the image. Please, try again!', 'jetpack-ai-client'), error?.message && (_jsx("span", { className: "ai-assistant-image__error-message", children: error?.message }))] }) })) : (_jsx(_Fragment, { children: !generating && !image && !libraryUrl ? (_jsx(BlankImage, { children: _jsx(AiIcon, {}) })) : (_jsx("img", { className: "ai-assistant-image__carrousel-image", src: image || libraryUrl, alt: revisedPrompt })) })) })) }, `image:` + index))), images.length > 1 && nextButton] }), _jsxs("div", { className: "ai-assistant-image__carrousel-footer", children: [
+                    _jsxs("div", { className: "ai-assistant-image__carrousel-footer-left", children: [
+                            _jsxs("div", { className: "ai-assistant-image__carrousel-counter", children: [prevButton, actual, " / ", total, nextButton] }), _jsx(AiFeedbackThumbs, { disabled: imageFeedbackDisabled, ratedItem: images[current]?.libraryUrl || '', iconSize: 20, options: {
                                     mediaLibraryId: Number(images[current].libraryId),
                                     prompt: images[current].prompt,
                                     revisedPrompt: images[current].revisedPrompt,
-                                }, feature: "image-generator" })] }), _jsx("div", { className: "ai-assistant-image__carrousel-actions", children: actions })] })] }));
+                                }, feature: "image-generator" })
+                        ] }), _jsx("div", { className: "ai-assistant-image__carrousel-actions", children: actions })
+                ] })
+        ] }));
 }

package/build/{components → src/components}/ai-image/components/usage-counter.js

@@ -19,5 +19,7 @@ export default function UsageCounter({ currentLimit, currentUsage, cost }) {
     __('Requests available: <counter>%d</counter>', 'jetpack-ai-client'), requestsBalance), {
         counter: requestsBalance < cost ? (_jsx("span", { className: "ai-assistant-featured-image__usage-counter-no-limit" })) : (_jsx("strong", {})),
     });
-    return (_jsxs("div", { className: "ai-assistant-featured-image__usage-counter", children: [_jsx("span", { children: requestsNeeded }), _jsx("span", { children: requestsAvailable })] }));
+    return (_jsxs("div", { className: "ai-assistant-featured-image__usage-counter", children: [
+            _jsx("span", { children: requestsNeeded }), _jsx("span", { children: requestsAvailable })
+        ] }));
 }

package/build/{components → src/components}/ai-image/featured-image.d.ts

@@ -10,5 +10,5 @@ type FeaturedImageProps = {
  * @param {FeaturedImageProps} props - The component properties.
  * @return {ReactElement} - rendered component.
  */
-export default function FeaturedImage({ busy, disabled, placement, onClose, }: FeaturedImageProps): import("react/jsx-runtime").JSX.Element;
+export default function FeaturedImage({ busy, disabled, placement, onClose }: FeaturedImageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/{components → src/components}/ai-image/featured-image.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAnalytics, PLAN_TYPE_UNLIMITED, usePlanType, } from '@automattic/jetpack-shared-extension-utils';
 import { Button } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
@@ -7,14 +7,14 @@ import { useCallback, useState } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import debugFactory from 'debug';
 import './style.scss';
-import { PLACEMENT_JETPACK_SIDEBAR, PLACEMENT_DOCUMENT_SETTINGS } from "../../constants.js";
-import useAiFeature from "../../hooks/use-ai-feature/index.js";
-import usePostContent from "../../hooks/use-post-content.js";
-import useSaveToMediaLibrary from "../../hooks/use-save-to-media-library.js";
-import AiImageModal from "./components/ai-image-modal.js";
-import useAiImage from "./hooks/use-ai-image.js";
-import useSiteType from "./hooks/use-site-type.js";
-import { FEATURED_IMAGE_FEATURE_NAME, IMAGE_GENERATION_MODEL_STABLE_DIFFUSION, IMAGE_GENERATION_MODEL_DALL_E_3, PLACEMENT_MEDIA_SOURCE_DROPDOWN, } from "./types.js";
+import { PLACEMENT_JETPACK_SIDEBAR, PLACEMENT_DOCUMENT_SETTINGS } from '../../constants.js';
+import useAiFeature from '../../hooks/use-ai-feature/index.js';
+import usePostContent from '../../hooks/use-post-content.js';
+import useSaveToMediaLibrary from '../../hooks/use-save-to-media-library.js';
+import AiImageModal from './components/ai-image-modal.js';
+import useAiImage from './hooks/use-ai-image.js';
+import useSiteType from './hooks/use-site-type.js';
+import { FEATURED_IMAGE_FEATURE_NAME, IMAGE_GENERATION_MODEL_STABLE_DIFFUSION, IMAGE_GENERATION_MODEL_DALL_E_3, PLACEMENT_MEDIA_SOURCE_DROPDOWN, } from './types.js';
 const debug = debugFactory('jetpack-ai-client:featured-image');
 /**
  * FeaturedImage component
@@ -268,5 +268,8 @@ export default function FeaturedImage({ busy, disabled, placement, onClose = ()
             currentImage?.generating ||
             currentImage?.libraryId === postFeaturedMediaId, children: __('Set as featured image', 'jetpack-ai-client') }));
     return (_jsxs(_Fragment, { children: [(placement === PLACEMENT_JETPACK_SIDEBAR ||
-                placement === PLACEMENT_DOCUMENT_SETTINGS) && (_jsxs(_Fragment, { children: [_jsx("p", { className: "jetpack-ai-assistant__help-text", children: __('Based on your post content.', 'jetpack-ai-client') }), _jsx(Button, { onClick: handleModalOpen, isBusy: busy, disabled: disabled || notEnoughRequests, variant: "secondary", __next40pxDefaultSize: true, children: __('Generate image', 'jetpack-ai-client') })] })), _jsx(AiImageModal, { autoStart: hasContent && !postFeaturedMediaId, autoStartAction: handleFirstGenerate, images: images, currentIndex: current, title: __('Generate a featured image with AI', 'jetpack-ai-client'), cost: featuredImageCost, open: isFeaturedImageModalVisible, placement: placement, onClose: handleModalClose, onTryAgain: handleTryAgain, onGenerate: pointer?.current > 0 || postFeaturedMediaId ? handleRegenerate : handleGenerate, generating: currentPointer?.generating, notEnoughRequests: notEnoughRequests, requireUpgrade: requireUpgrade, upgradeDescription: upgradeDescription, currentLimit: requestsLimit, currentUsage: requestsCount, isUnlimited: isUnlimited, hasError: Boolean(currentPointer?.error), handlePreviousImage: handlePreviousImage, handleNextImage: handleNextImage, acceptButton: acceptButton, generateButtonLabel: pointer?.current > 0 ? generateAgainText : generateText, instructionsPlaceholder: __("Describe the featured image you'd like to create and select a style.", 'jetpack-ai-client'), imageStyles: imageStyles, onGuessStyle: handleGuessStyle, prompt: prompt, setPrompt: setPrompt, initialStyle: requestStyle, inputDisabled: disableInput, actionDisabled: disableAction })] }));
+                placement === PLACEMENT_DOCUMENT_SETTINGS) && (_jsxs(_Fragment, { children: [
+                    _jsx("p", { className: "jetpack-ai-assistant__help-text", children: __('Based on your post content.', 'jetpack-ai-client') }), _jsx(Button, { onClick: handleModalOpen, isBusy: busy, disabled: disabled || notEnoughRequests, variant: "secondary", __next40pxDefaultSize: true, children: __('Generate image', 'jetpack-ai-client') })
+                ] })), _jsx(AiImageModal, { autoStart: hasContent && !postFeaturedMediaId, autoStartAction: handleFirstGenerate, images: images, currentIndex: current, title: __('Generate a featured image with AI', 'jetpack-ai-client'), cost: featuredImageCost, open: isFeaturedImageModalVisible, placement: placement, onClose: handleModalClose, onTryAgain: handleTryAgain, onGenerate: pointer?.current > 0 || postFeaturedMediaId ? handleRegenerate : handleGenerate, generating: currentPointer?.generating, notEnoughRequests: notEnoughRequests, requireUpgrade: requireUpgrade, upgradeDescription: upgradeDescription, currentLimit: requestsLimit, currentUsage: requestsCount, isUnlimited: isUnlimited, hasError: Boolean(currentPointer?.error), handlePreviousImage: handlePreviousImage, handleNextImage: handleNextImage, acceptButton: acceptButton, generateButtonLabel: pointer?.current > 0 ? generateAgainText : generateText, instructionsPlaceholder: __("Describe the featured image you'd like to create and select a style.", 'jetpack-ai-client'), imageStyles: imageStyles, onGuessStyle: handleGuessStyle, prompt: prompt, setPrompt: setPrompt, initialStyle: requestStyle, inputDisabled: disableInput, actionDisabled: disableAction })
+        ] }));
 }

package/build/{components → src/components}/ai-image/general-purpose-image.d.ts

@@ -17,5 +17,5 @@ type GeneralPurposeImageProps = {
  * @param {GeneralPurposeImageProps} props - The component properties.
  * @return {ReactElement} - rendered component.
  */
-export default function GeneralPurposeImage({ placement, onClose, onSetImage, }: GeneralPurposeImageProps): import("react/jsx-runtime").JSX.Element;
+export default function GeneralPurposeImage({ placement, onClose, onSetImage }: GeneralPurposeImageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/{components → src/components}/ai-image/general-purpose-image.js

@@ -5,13 +5,13 @@ import { useCallback, useState } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import debugFactory from 'debug';
 import './style.scss';
-import useAiFeature from "../../hooks/use-ai-feature/index.js";
-import usePostContent from "../../hooks/use-post-content.js";
-import useSaveToMediaLibrary from "../../hooks/use-save-to-media-library.js";
-import AiImageModal from "./components/ai-image-modal.js";
-import useAiImage from "./hooks/use-ai-image.js";
-import useSiteType from "./hooks/use-site-type.js";
-import { IMAGE_GENERATION_MODEL_STABLE_DIFFUSION, IMAGE_GENERATION_MODEL_DALL_E_3, GENERAL_IMAGE_FEATURE_NAME, } from "./types.js";
+import useAiFeature from '../../hooks/use-ai-feature/index.js';
+import usePostContent from '../../hooks/use-post-content.js';
+import useSaveToMediaLibrary from '../../hooks/use-save-to-media-library.js';
+import AiImageModal from './components/ai-image-modal.js';
+import useAiImage from './hooks/use-ai-image.js';
+import useSiteType from './hooks/use-site-type.js';
+import { IMAGE_GENERATION_MODEL_STABLE_DIFFUSION, IMAGE_GENERATION_MODEL_DALL_E_3, GENERAL_IMAGE_FEATURE_NAME, } from './types.js';
 const debug = debugFactory('jetpack-ai:general-purpose-image');
 /**
  * GeneralPurposeImage component

package/build/{components → src/components}/ai-image/hooks/use-ai-image.d.ts

@@ -31,7 +31,7 @@ type UseAiImageProps = {
  * @param {UseAiImageProps} props - The component properties.
  * @return {UseAiImageReturn} - Object containing properties for AiImage.
  */
-export default function useAiImage({ feature, type, cost, autoStart, previousMediaId, }: UseAiImageProps): {
+export default function useAiImage({ feature, type, cost, autoStart, previousMediaId }: UseAiImageProps): {
     current: number;
     setCurrent: import("react").Dispatch<import("react").SetStateAction<number>>;
     processImageGeneration: ({ userPrompt, postContent, notEnoughRequests, style, }: ProcessImageGenerationProps) => Promise<ImageResponse>;
@@ -42,6 +42,6 @@ export default function useAiImage({ feature, type, cost, autoStart, previousMed
     images: CarrouselImages;
     pointer: import("react").MutableRefObject<number>;
     imageStyles: ImageStyleObject[];
-    guessStyle: (prompt: string, requestType?: string, content?: string) => Promise<ImageStyle | null>;
+    guessStyle: (prompt: string, requestType?: string, content?: string) => Promise<ImageStyle>;
 };
 export {};

package/build/{components → src/components}/ai-image/hooks/use-ai-image.js

@@ -8,14 +8,14 @@ import { cleanForSlug } from '@wordpress/url';
 /**
  * Internal dependencies
  */
-import askQuestionSync from "../../../ask-question/sync.js";
-import useAiFeature from "../../../hooks/use-ai-feature/index.js";
-import useImageGenerator from "../../../hooks/use-image-generator/index.js";
-import useSaveToMediaLibrary from "../../../hooks/use-save-to-media-library.js";
+import askQuestionSync from '../../../ask-question/sync.js';
+import useAiFeature from '../../../hooks/use-ai-feature/index.js';
+import useImageGenerator from '../../../hooks/use-image-generator/index.js';
+import useSaveToMediaLibrary from '../../../hooks/use-save-to-media-library.js';
 /**
  * Types
  */
-import { FEATURED_IMAGE_FEATURE_NAME, } from "../types.js";
+import { FEATURED_IMAGE_FEATURE_NAME, } from '../types.js';
 /**
  * Hook to get properties for AiImage
  *

package/build/{components → src/components}/ai-image/index.js

@@ -1,4 +1,4 @@
-import FeaturedImage from "./featured-image.js";
-import GeneralPurposeImage from "./general-purpose-image.js";
-import { PLACEMENT_MEDIA_SOURCE_DROPDOWN, PLACEMENT_BLOCK_PLACEHOLDER_BUTTON } from "./types.js";
+import FeaturedImage from './featured-image.js';
+import GeneralPurposeImage from './general-purpose-image.js';
+import { PLACEMENT_MEDIA_SOURCE_DROPDOWN, PLACEMENT_BLOCK_PLACEHOLDER_BUTTON } from './types.js';
 export { FeaturedImage, PLACEMENT_MEDIA_SOURCE_DROPDOWN, PLACEMENT_BLOCK_PLACEHOLDER_BUTTON, GeneralPurposeImage, };

package/build/{components → src/components}/ai-modal-footer/index.d.ts

@@ -16,5 +16,5 @@ type AiModalFooterProps = {
  * @param {AiModalFooterProps} props - component props.
  * @return {ReactElement} - rendered component.
  */
-export default function AiModalFooter({ onGuidelinesClick, onFeedbackClick, }: AiModalFooterProps): ReactElement;
+export default function AiModalFooter({ onGuidelinesClick, onFeedbackClick }: AiModalFooterProps): ReactElement;
 export {};

package/build/src/components/ai-modal-footer/index.js

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * External dependencies
+ */
+import { Button } from '@wordpress/components';
+import { useCallback } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { Icon, info } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+import './style.scss';
+/**
+ * AiModalFooter component.
+ *
+ * @param {AiModalFooterProps} props - component props.
+ * @return {ReactElement} - rendered component.
+ */
+export default function AiModalFooter({ onGuidelinesClick, onFeedbackClick, }) {
+    const handleGuidelinesClick = useCallback(() => {
+        onGuidelinesClick?.();
+    }, [onGuidelinesClick]);
+    const handleFeedbackClick = useCallback(() => {
+        onFeedbackClick?.();
+    }, [onFeedbackClick]);
+    return (_jsxs(_Fragment, { children: [
+            _jsxs("div", { className: "ai-image-modal__footer-disclaimer", children: [
+                    _jsx(Icon, { icon: info }), _jsx("span", { children: __('Generated images could be inaccurate, biased or include text.', 'jetpack-ai-client') }), _jsx(Button, { variant: "link", className: "ai-image-modal__guidelines-button", href: "https://jetpack.com/redirect/?source=ai-guidelines", target: "_blank", onClick: handleGuidelinesClick, children: _jsxs("span", { children: [__('Guidelines', 'jetpack-ai-client'), " \u2197"] }) })
+                ] }), _jsx(Button, { variant: "link", className: "ai-image-modal__feedback-button", href: "https://jetpack.com/redirect/?source=jetpack-ai-feedback", target: "_blank", onClick: handleFeedbackClick, children: _jsxs("span", { children: [__('Give feedback', 'jetpack-ai-client'), " \u2197"] }) })
+        ] }));
+}

package/build/{components → src/components}/audio-duration-display/index.d.ts

@@ -9,5 +9,5 @@ type AudioDurationDisplayProps = {
  * @param {AudioDurationDisplayProps} props - Component props.
  * @return {ReactElement}              Rendered component.
  */
-export default function AudioDurationDisplay({ duration, className, }: AudioDurationDisplayProps): ReactElement;
+export default function AudioDurationDisplay({ duration, className }: AudioDurationDisplayProps): ReactElement;
 export {};

package/build/{components → src/components}/audio-duration-display/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /*
  * Internal dependencies
  */
-import { formatTime } from "./lib/media.js";
+import { formatTime } from './lib/media.js';
 /**
  * AudioDurationDisplay component.
  *

package/build/src/components/index.js

@@ -0,0 +1,10 @@
+export { AIControl, BlockAIControl, ExtensionAIControl } from './ai-control/index.js';
+export { default as AiFeedbackThumbs } from './ai-feedback/index.js';
+export { default as AiIcon, AiSVG } from './ai-icon/index.js';
+export { FeaturedImage, GeneralPurposeImage, PLACEMENT_MEDIA_SOURCE_DROPDOWN, PLACEMENT_BLOCK_PLACEHOLDER_BUTTON, } from './ai-image/index.js';
+export { default as AiStatusIndicator } from './ai-status-indicator/index.js';
+export { default as AudioDurationDisplay } from './audio-duration-display/index.js';
+export { default as AiModalFooter } from './ai-modal-footer/index.js';
+export { GuidelineMessage, UpgradeMessage, ErrorMessage, default as FooterMessage, } from './message/index.js';
+export { default as AiAssistantModal } from './modal/index.js';
+export { default as QuotaExceededMessage, FairUsageNotice, } from './quota-exceeded-message/index.js';

package/build/{components → src/components}/message/index.d.ts

@@ -48,14 +48,14 @@ export type ErrorMessageProps = {
  * @param {MessageProps} props - Component props.
  * @return {ReactElement}    Banner component.
  */
-export default function Message({ severity, icon, aiFeedbackThumbsOptions, children, }: MessageProps): ReactElement;
+export default function Message({ severity, icon, aiFeedbackThumbsOptions, children }: MessageProps): ReactElement;
 /**
  * React component to render a guideline message.
  *
  * @param {GuidelineMessageProps} props - Component props.
  * @return {ReactElement} - Message component.
  */
-export declare function GuidelineMessage({ aiFeedbackThumbsOptions, }: GuidelineMessageProps): ReactElement;
+export declare function GuidelineMessage({ aiFeedbackThumbsOptions }: GuidelineMessageProps): ReactElement;
 /**
  * React component to render a fair usage limit message.
  *
@@ -68,12 +68,12 @@ export declare function FairUsageLimitMessage(): ReactElement;
  * @param {number} requestsRemaining - Number of requests remaining.
  * @return {ReactElement} - Message component.
  */
-export declare function UpgradeMessage({ requestsRemaining, severity, onUpgradeClick, upgradeUrl, }: UpgradeMessageProps): ReactElement;
+export declare function UpgradeMessage({ requestsRemaining, severity, onUpgradeClick, upgradeUrl }: UpgradeMessageProps): ReactElement;
 /**
  * React component to render an error message
  *
  * @param {number} requestsRemaining - Number of requests remaining.
  * @return {ReactElement} - Message component.
  */
-export declare function ErrorMessage({ error, code, onTryAgainClick, onUpgradeClick, upgradeUrl, }: ErrorMessageProps): ReactElement;
+export declare function ErrorMessage({ error, code, onTryAgainClick, onUpgradeClick, upgradeUrl }: ErrorMessageProps): ReactElement;
 export {};