@automattic/jetpack-ai-client 0.27.6 → 0.27.8

package/src/components/ai-control/ai-control.tsx

@@ -7,12 +7,12 @@ import React from 'react';
 /**
  * Internal dependencies
  */
-import AiStatusIndicator from '../ai-status-indicator/index.js';
+import AiStatusIndicator from '../ai-status-indicator/index.tsx';
 import './style.scss';
 /**
  * Types
  */
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 import type { ReactElement } from 'react';
 
 type AIControlProps = {
@@ -27,7 +27,7 @@ type AIControlProps = {
 	error?: ReactElement;
 	actions?: ReactElement;
 	message?: ReactElement;
-	promptUserInputRef?: React.MutableRefObject< HTMLInputElement >;
+	promptUserInputRef?: PlainText.Props[ 'ref' ];
 	wrapperRef?: React.MutableRefObject< HTMLDivElement | null >;
 };
 

package/src/components/ai-control/block-ai-control.tsx

@@ -18,13 +18,13 @@ import React, { forwardRef } from 'react';
 /**
  * Internal dependencies
  */
-import { GuidelineMessage } from '../message/index.js';
-import AIControl from './ai-control.js';
+import { GuidelineMessage } from '../message/index.tsx';
+import AIControl from './ai-control.tsx';
 import './style.scss';
 /**
  * Types
  */
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 import type { ReactElement } from 'react';
 
 type BlockAIControlProps = {

package/src/components/ai-control/extension-ai-control.tsx

@@ -15,13 +15,13 @@ import {
 	ErrorMessage,
 	UpgradeMessage,
 	FairUsageLimitMessage,
-} from '../message/index.js';
-import AIControl from './ai-control.js';
+} from '../message/index.tsx';
+import AIControl from './ai-control.tsx';
 import './style.scss';
 /**
  * Types
  */
-import type { RequestingErrorProps, RequestingStateProp } from '../../types.js';
+import type { RequestingErrorProps, RequestingStateProp } from '../../types.ts';
 import type { ReactElement, MouseEvent } from 'react';
 
 type ExtensionAIControlProps = {

package/src/components/ai-control/index.tsx

@@ -1,3 +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';
+export { default as AIControl } from './ai-control.tsx';
+export { default as BlockAIControl } from './block-ai-control.tsx';
+export { default as ExtensionAIControl } from './extension-ai-control.tsx';

package/src/components/ai-control/style.scss

@@ -89,6 +89,7 @@
 }
 
 .jetpack-components-ai-control__controls-prompt_button {
+
 	&:disabled {
 		opacity: 0.6;
 		cursor: not-allowed;

package/src/components/ai-feedback/style.scss

@@ -1,6 +1,7 @@
 @import "@wordpress/base-styles/colors";
 
 .ai-assistant-feedback {
+
 	&__selection {
 		display: flex;
 

package/src/components/ai-image/components/ai-image-modal.scss

@@ -1,4 +1,5 @@
 .ai-image-modal {
+
 	&__content {
 		display: flex;
 		margin-top: 32px;
@@ -68,6 +69,7 @@
 	&__image-canvas {
 		width: 100%;
 		margin-top: 24px;
+
 		& > .jetpack-ai-upgrade-banner {
 			margin-bottom: 8px;
 		}

package/src/components/ai-image/components/ai-image-modal.tsx

@@ -14,13 +14,13 @@ import {
 	IMAGE_STYLE_AUTO,
 	ImageStyleObject,
 	ImageStyle,
-} 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, { CarrouselImages } from './carrousel.js';
-import UsageCounter from './usage-counter.js';
+} from '../../../hooks/use-image-generator/constants.ts';
+import { AiModalPromptInput } from '../../../logo-generator/index.ts';
+import AiModalFooter from '../../ai-modal-footer/index.tsx';
+import AiAssistantModal from '../../modal/index.tsx';
+import QuotaExceededMessage from '../../quota-exceeded-message/index.tsx';
+import Carrousel, { CarrouselImages } from './carrousel.tsx';
+import UsageCounter from './usage-counter.tsx';
 import './ai-image-modal.scss';
 
 type AiImageModalProps = {

package/src/components/ai-image/components/carrousel.scss

@@ -1,6 +1,7 @@
 $scale-factor: 0.55;
 
 .ai-assistant-image {
+
 	&__blank {
 		display: flex;
 		justify-content: center;
@@ -36,7 +37,7 @@ $scale-factor: 0.55;
 
 		&-message {
 			font-size: 10px;
-			color: red;
+			color: #f00;
 		}
 	}
 
@@ -52,6 +53,7 @@ $scale-factor: 0.55;
 			height: calc( 768px * $scale-factor );
 
 			.ai-carrousel {
+
 				&__prev {
 					left: 0;
 				}
@@ -62,15 +64,17 @@ $scale-factor: 0.55;
 
 				&__prev,
 				&__next {
+
 					&:hover {
 						background-color: rgba( 0, 0, 0, 0.3 );
 						opacity: 1;
 					}
 
 					&-icon {
-						fill: white;
+						fill: #fff;
+
 						&.is-disabled {
-							fill: gray;
+							fill: #808080;
 						}
 					}
 
@@ -111,6 +115,7 @@ $scale-factor: 0.55;
 			padding: 6px 0;
 
 			.ai-carrousel {
+
 				&__prev,
 				&__next {
 					display: flex;
@@ -122,8 +127,9 @@ $scale-factor: 0.55;
 					padding: 0;
 
 					&-icon {
+
 						&.is-disabled {
-							fill: gray;
+							fill: #808080;
 						}
 					}
 				}

package/src/components/ai-image/components/carrousel.tsx

@@ -9,8 +9,8 @@ import clsx from 'clsx';
 /**
  * Internal dependencies
  */
-import AiFeedbackThumbs from '../../ai-feedback/index.js';
-import AiIcon from '../../ai-icon/index.js';
+import AiFeedbackThumbs from '../../ai-feedback/index.tsx';
+import AiIcon from '../../ai-icon/index.tsx';
 import './carrousel.scss';
 
 export type CarrouselImageData = {

package/src/components/ai-image/components/usage-counter.scss

@@ -14,6 +14,6 @@
 	}
 
 	&-no-limit {
-		color: red;
+		color: #f00;
 	}
 }

package/src/components/ai-image/featured-image.tsx

@@ -16,22 +16,22 @@ import debugFactory from 'debug';
  * Internal dependencies
  */
 import './style.scss';
-import { PLACEMENT_JETPACK_SIDEBAR, PLACEMENT_DOCUMENT_SETTINGS } from '../../constants.js';
-import useAiFeature from '../../hooks/use-ai-feature/index.js';
-import { ImageStyle } from '../../hooks/use-image-generator/constants.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 { PLACEMENT_JETPACK_SIDEBAR, PLACEMENT_DOCUMENT_SETTINGS } from '../../constants.ts';
+import useAiFeature from '../../hooks/use-ai-feature/index.ts';
+import { ImageStyle } from '../../hooks/use-image-generator/constants.ts';
+import usePostContent from '../../hooks/use-post-content.ts';
+import useSaveToMediaLibrary from '../../hooks/use-save-to-media-library.ts';
+import AiImageModal from './components/ai-image-modal.tsx';
+import useAiImage from './hooks/use-ai-image.ts';
+import useSiteType from './hooks/use-site-type.ts';
 import {
 	FEATURED_IMAGE_FEATURE_NAME,
 	IMAGE_GENERATION_MODEL_STABLE_DIFFUSION,
 	IMAGE_GENERATION_MODEL_DALL_E_3,
 	PLACEMENT_MEDIA_SOURCE_DROPDOWN,
-} from './types.js';
-import type { ImageResponse } from './hooks/use-ai-image.js';
-import type { EditorSelectors } from './types.js';
+} from './types.ts';
+import type { ImageResponse } from './hooks/use-ai-image.ts';
+import type { EditorSelectors } from './types.ts';
 
 const debug = debugFactory( 'jetpack-ai-client:featured-image' );
 

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

@@ -14,17 +14,17 @@ import debugFactory from 'debug';
  * Internal dependencies
  */
 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 useAiFeature from '../../hooks/use-ai-feature/index.ts';
+import usePostContent from '../../hooks/use-post-content.ts';
+import useSaveToMediaLibrary from '../../hooks/use-save-to-media-library.ts';
+import AiImageModal from './components/ai-image-modal.tsx';
+import useAiImage from './hooks/use-ai-image.ts';
+import useSiteType from './hooks/use-site-type.ts';
 import {
 	IMAGE_GENERATION_MODEL_STABLE_DIFFUSION,
 	IMAGE_GENERATION_MODEL_DALL_E_3,
 	GENERAL_IMAGE_FEATURE_NAME,
-} from './types.js';
+} from './types.ts';
 
 /**
  * The type for the callback function that is called when the user selects an image.

package/src/components/ai-image/hooks/use-ai-image.ts

@@ -9,11 +9,11 @@ import React from 'react';
 /**
  * Internal dependencies
  */
-import askQuestionSync from '../../../ask-question/sync.js';
-import useAiFeature from '../../../hooks/use-ai-feature/index.js';
-import { ImageStyleObject, ImageStyle } from '../../../hooks/use-image-generator/constants.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.ts';
+import useAiFeature from '../../../hooks/use-ai-feature/index.ts';
+import { ImageStyleObject, ImageStyle } from '../../../hooks/use-image-generator/constants.ts';
+import useImageGenerator from '../../../hooks/use-image-generator/index.ts';
+import useSaveToMediaLibrary from '../../../hooks/use-save-to-media-library.ts';
 /**
  * Types
  */
@@ -21,9 +21,9 @@ import {
 	CoreSelectors,
 	FEATURED_IMAGE_FEATURE_NAME,
 	GENERAL_IMAGE_FEATURE_NAME,
-} from '../types.js';
-import type { RoleType } from '../../../types.js';
-import type { CarrouselImageData, CarrouselImages } from '../components/carrousel.js';
+} from '../types.ts';
+import type { RoleType } from '../../../types.ts';
+import type { CarrouselImageData, CarrouselImages } from '../components/carrousel.tsx';
 import type { FeatureControl } from '@automattic/jetpack-shared-extension-utils/store/wordpress-com/types';
 
 type ImageFeatureControl = FeatureControl & {

package/src/components/ai-image/index.ts

@@ -1,6 +1,6 @@
-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.tsx';
+import GeneralPurposeImage from './general-purpose-image.tsx';
+import { PLACEMENT_MEDIA_SOURCE_DROPDOWN, PLACEMENT_BLOCK_PLACEHOLDER_BUTTON } from './types.ts';
 
 export {
 	FeaturedImage,

package/src/components/ai-image/style.scss

@@ -1,4 +1,5 @@
 .ai-assistant-featured-image {
+
 	&__content {
 		display: flex;
 		margin-top: 32px;
@@ -61,6 +62,7 @@
 	&__image-canvas {
 		width: 100%;
 		margin-top: 24px;
+
 		& > .jetpack-ai-upgrade-banner {
 			margin-bottom: 8px;
 		}

package/src/components/ai-status-indicator/index.tsx

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 /*
  * Types
  */
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 export type AiStatusIndicatorIconSize = 24 | 32 | 48 | 64;
 import type React from 'react';
 

package/src/components/audio-duration-display/index.tsx

@@ -1,7 +1,7 @@
 /*
  * Internal dependencies
  */
-import { formatTime } from './lib/media.js';
+import { formatTime } from './lib/media.ts';
 /*
  * Types
  */

package/src/components/index.ts

@@ -1,23 +1,23 @@
-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 { AIControl, BlockAIControl, ExtensionAIControl } from './ai-control/index.tsx';
+export { default as AiFeedbackThumbs } from './ai-feedback/index.tsx';
+export { default as AiIcon, AiSVG } from './ai-icon/index.tsx';
 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';
+} from './ai-image/index.ts';
+export { default as AiStatusIndicator } from './ai-status-indicator/index.tsx';
+export { default as AudioDurationDisplay } from './audio-duration-display/index.tsx';
+export { default as AiModalFooter } from './ai-modal-footer/index.tsx';
 export {
 	GuidelineMessage,
 	UpgradeMessage,
 	ErrorMessage,
 	default as FooterMessage,
-} from './message/index.js';
-export { default as AiAssistantModal } from './modal/index.js';
+} from './message/index.tsx';
+export { default as AiAssistantModal } from './modal/index.tsx';
 export {
 	default as QuotaExceededMessage,
 	FairUsageNotice,
-} from './quota-exceeded-message/index.js';
+} from './quota-exceeded-message/index.tsx';

package/src/components/message/index.tsx

@@ -10,13 +10,13 @@ import clsx from 'clsx';
  * Internal dependencies
  */
 import './style.scss';
-import errorExclamation from '../../icons/error-exclamation.js';
-import { ERROR_QUOTA_EXCEEDED } from '../../types.js';
-import AiFeedbackThumbs from '../ai-feedback/index.js';
+import errorExclamation from '../../icons/error-exclamation.tsx';
+import { ERROR_QUOTA_EXCEEDED } from '../../types.ts';
+import AiFeedbackThumbs from '../ai-feedback/index.tsx';
 /**
  * Types
  */
-import type { SuggestionErrorCode } from '../../types.js';
+import type { SuggestionErrorCode } from '../../types.ts';
 import type React from 'react';
 
 export const MESSAGE_SEVERITY_WARNING = 'warning';

package/src/components/modal/index.tsx

@@ -7,8 +7,8 @@ import { close } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import AiStatusIndicator from '../ai-status-indicator/index.js';
-import type { RequestingStateProp } from '../../types.js';
+import AiStatusIndicator from '../ai-status-indicator/index.tsx';
+import type { RequestingStateProp } from '../../types.ts';
 import './style.scss';
 
 const ModalHeader = ( {

package/src/components/modal/style.scss

@@ -1,4 +1,5 @@
 .ai-assistant-modal {
+
 	@media (min-width: 960px) {
 		max-height: 95%;
 	}
@@ -6,6 +7,7 @@
 	&__content {
 		display: flex;
 		flex-direction: column;
+
 		@media screen and (min-width: 960px) {
 			width: 100vw;
 		}

package/src/components/quota-exceeded-message/index.tsx

@@ -11,9 +11,9 @@ import debugFactory from 'debug';
 /*
  * Internal dependencies
  */
-import useAICheckout from '../../hooks/use-ai-checkout/index.js';
-import useAiFeature from '../../hooks/use-ai-feature/index.js';
-import { LightNudge } from './light-nudge.js';
+import useAICheckout from '../../hooks/use-ai-checkout/index.ts';
+import useAiFeature from '../../hooks/use-ai-feature/index.ts';
+import { LightNudge } from './light-nudge.tsx';
 import type { ReactElement } from 'react';
 import './style.scss';
 

package/src/components/quota-exceeded-message/style.scss

@@ -5,7 +5,9 @@
 }
 
 .jetpack-upgrade-plan-banner.jetpack-ai-upgrade-banner {
+
     .jetpack-upgrade-plan-banner__wrapper {
+
         .components-button.is-primary.is-busy {
             background: var( --jp-white );
             color: var( --jp-black );
@@ -18,7 +20,7 @@
     margin: 0px;
     text-wrap: pretty;
     font-size: calc(13px);
-    font-weight: normal;
+    font-weight: 400;
     color: #757575;
 
     a {

package/src/data-flow/context.tsx

@@ -5,10 +5,10 @@ import React, { createContext } from 'react';
 /**
  * Types & Constants
  */
-import SuggestionsEventSource from '../suggestions-event-source/index.js';
-import type { AskQuestionOptionsArgProps } from '../ask-question/index.js';
-import type { RequestingErrorProps } from '../hooks/use-ai-suggestions/index.js';
-import type { PromptProp, RequestingStateProp } from '../types.js';
+import SuggestionsEventSource from '../suggestions-event-source/index.ts';
+import type { AskQuestionOptionsArgProps } from '../ask-question/index.ts';
+import type { RequestingErrorProps } from '../hooks/use-ai-suggestions/index.ts';
+import type { PromptProp, RequestingStateProp } from '../types.ts';
 
 export type AiDataContextProps = {
 	/*

package/src/data-flow/index.ts

@@ -1,3 +1,3 @@
-export { AiDataContext, AiDataContextProvider } from './context.js';
-export { default as withAiDataProvider } from './with-ai-assistant-data.js';
-export { default as useAiContext } from './use-ai-context.js';
+export { AiDataContext, AiDataContextProvider } from './context.tsx';
+export { default as withAiDataProvider } from './with-ai-assistant-data.tsx';
+export { default as useAiContext } from './use-ai-context.ts';

package/src/data-flow/use-ai-context.ts

@@ -5,13 +5,13 @@ import { useCallback, useContext, useEffect } from 'react';
 /**
  * Internal dependencies
  */
-import { ERROR_RESPONSE, RequestingErrorProps } from '../types.js';
-import { AiDataContext } from './index.js';
+import { ERROR_RESPONSE, RequestingErrorProps } from '../types.ts';
+import { AiDataContext } from './index.ts';
 /**
  * Types & constants
  */
-import type { AiDataContextProps } from './context.js';
-import type { AskQuestionOptionsArgProps } from '../ask-question/index.js';
+import type { AiDataContextProps } from './context.tsx';
+import type { AskQuestionOptionsArgProps } from '../ask-question/index.ts';
 
 export type UseAiContextOptions = {
 	/*

package/src/data-flow/with-ai-assistant-data.tsx

@@ -7,8 +7,8 @@ import React from 'react';
 /**
  * Internal Dependencies
  */
-import useAiSuggestions from '../hooks/use-ai-suggestions/index.js';
-import { AiDataContextProvider } from './index.js';
+import useAiSuggestions from '../hooks/use-ai-suggestions/index.ts';
+import { AiDataContextProvider } from './index.ts';
 
 /**
  * High Order Component that provides the

package/src/hooks/use-ai-checkout/index.ts

@@ -8,7 +8,7 @@ import {
 	getSiteFragment,
 	useAutosaveAndRedirect,
 } from '@automattic/jetpack-shared-extension-utils';
-import useAiFeature from '../use-ai-feature/index.js';
+import useAiFeature from '../use-ai-feature/index.ts';
 /*
  * Types
  */

package/src/hooks/use-ai-suggestions/index.ts

@@ -6,8 +6,8 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import askQuestion from '../../ask-question/index.js';
-import ChromeAIFactory from '../../chrome-ai/factory.js';
+import askQuestion from '../../ask-question/index.ts';
+import ChromeAIFactory from '../../chrome-ai/factory.ts';
 import {
 	ERROR_CONTEXT_TOO_LARGE,
 	ERROR_MODERATION,
@@ -16,13 +16,13 @@ import {
 	ERROR_SERVICE_UNAVAILABLE,
 	ERROR_UNCLEAR_PROMPT,
 	ERROR_RESPONSE,
-} from '../../types.js';
+} from '../../types.ts';
 /**
  * Types & constants
  */
-import type { AskQuestionOptionsArgProps } from '../../ask-question/index.js';
-import type SuggestionsEventSource from '../../suggestions-event-source/index.js';
-import type { PromptProp, SuggestionErrorCode, RequestingStateProp } from '../../types.js';
+import type { AskQuestionOptionsArgProps } from '../../ask-question/index.ts';
+import type SuggestionsEventSource from '../../suggestions-event-source/index.ts';
+import type { PromptProp, SuggestionErrorCode, RequestingStateProp } from '../../types.ts';
 
 export type RequestingErrorProps = {
 	/*

package/src/hooks/use-audio-transcription/index.ts

@@ -7,7 +7,7 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import transcribeAudio from '../../audio-transcription/index.js';
+import transcribeAudio from '../../audio-transcription/index.ts';
 
 const debug = debugFactory( 'jetpack-ai-client:use-audio-transcription' );
 

package/src/hooks/use-image-generator/index.ts

@@ -5,8 +5,8 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import askQuestionSync from '../../ask-question/sync.js';
-import requestJwt from '../../jwt/index.js';
+import askQuestionSync from '../../ask-question/sync.ts';
+import requestJwt from '../../jwt/index.ts';
 
 const debug = debugFactory( 'ai-client:use-image-generator' );
 
@@ -263,4 +263,4 @@ const useImageGenerator = () => {
 };
 
 export default useImageGenerator;
-export * from './constants.js';
+export * from './constants.ts';

package/src/hooks/use-post-content.ts

@@ -8,7 +8,7 @@ import { useCallback } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import { renderMarkdownFromHTML } from '../libs/markdown/index.js';
+import { renderMarkdownFromHTML } from '../libs/markdown/index.ts';
 /**
  * Types
  */

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

@@ -8,7 +8,7 @@ import debugFactory from 'debug';
 /**
  * Types
  */
-import type { BlockEditorStore } from '../../types.js';
+import type { BlockEditorStore } from '../../types.ts';
 
 const debug = debugFactory( 'ai-client:save-to-media-library' );
 

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

@@ -8,7 +8,7 @@ import debugFactory from 'debug';
 /**
  * Types
  */
-import type { BlockEditorStore } from '../types.js';
+import type { BlockEditorStore } from '../types.ts';
 
 const debug = debugFactory( 'jetpack-ai-client:save-to-media-library' );
 

package/src/hooks/use-transcription-post-processing/index.ts

@@ -6,8 +6,8 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import useAiSuggestions, { RequestingErrorProps } from '../use-ai-suggestions/index.js';
-import type { PromptProp } from '../../types.js';
+import useAiSuggestions, { RequestingErrorProps } from '../use-ai-suggestions/index.ts';
+import type { PromptProp } from '../../types.ts';
 
 const debug = debugFactory( 'jetpack-ai-client:use-transcription-post-processing' );