@automattic/jetpack-ai-client 0.27.7 → 0.27.8

package/CHANGELOG.md

@@ -5,9 +5,16 @@ 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.27.8] - 2025-04-14
+### Changed
+- Adjust relative imports in TypeScript sources to use correct extensions after enabling TypeScript's new `rewriteRelativeImportExtensions` option. [#42990]
+
+### Fixed
+- Linting: Update stylesheets to use WordPress rules for fonts and colors. [#42920] [#42928]
+
 ## [0.27.7] - 2025-04-07
 ### Changed
-- Code: First pass of style coding standards. [#42734]
+- Linting: First pass of style coding standards. [#42734]
 - Update package dependencies. [#42762] [#42809]
 
 ### Fixed
@@ -584,6 +591,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.27.8]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.7...v0.27.8
 [0.27.7]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.6...v0.27.7
 [0.27.6]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.5...v0.27.6
 [0.27.5]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.4...v0.27.5

package/build/ask-question/index.d.ts

@@ -1,5 +1,5 @@
-import SuggestionsEventSource from '../suggestions-event-source/index.js';
-import type { AiModelTypeProp, PromptProp } from '../types.js';
+import SuggestionsEventSource from '../suggestions-event-source/index.ts';
+import type { AiModelTypeProp, PromptProp } from '../types.ts';
 export type AskQuestionOptionsArgProps = {
     postId?: number;
     fromCache?: boolean;

package/build/ask-question/index.js

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import debugFactory from 'debug';
-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/sync.d.ts

@@ -1,5 +1,5 @@
-import { AskQuestionOptionsArgProps } from './index.js';
-import type { PromptProp } from '../types.js';
+import { AskQuestionOptionsArgProps } from './index.ts';
+import type { PromptProp } from '../types.ts';
 /**
  * The response data from the AI assistant when doing a sync, not-streamed question.
  */

package/build/ask-question/sync.js

@@ -5,7 +5,7 @@ import debugFactory from 'debug';
 /*
  * Types & constants
  */
-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/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/chrome-ai/factory.d.ts

@@ -1,5 +1,5 @@
-import { PromptProp } from '../types.js';
-import ChromeAISuggestionsEventSource from './suggestions.js';
+import { PromptProp } from '../types.ts';
+import ChromeAISuggestionsEventSource from './suggestions.ts';
 /**
  * This will return an instance of ChromeAISuggestionsEventSource or false.
  *

package/build/chrome-ai/factory.js

@@ -1,6 +1,6 @@
 import { getJetpackExtensionAvailability } from '@automattic/jetpack-shared-extension-utils';
-import { PROMPT_TYPE_CHANGE_LANGUAGE, PROMPT_TYPE_SUMMARIZE } from '../constants.js';
-import ChromeAISuggestionsEventSource from './suggestions.js';
+import { PROMPT_TYPE_CHANGE_LANGUAGE, PROMPT_TYPE_SUMMARIZE } from "../constants.js";
+import ChromeAISuggestionsEventSource from "./suggestions.js";
 /**
  * Check for the feature flag.
  *

package/build/chrome-ai/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ChromeAIFactory } from './factory.js';
-export { default as ChromeAISuggestionsEventSource } from './suggestions.js';
+export { default as ChromeAIFactory } from './factory.ts';
+export { default as ChromeAISuggestionsEventSource } from './suggestions.ts';

package/build/chrome-ai/index.js

@@ -1,2 +1,2 @@
-export { default as ChromeAIFactory } from './factory.js';
-export { default as ChromeAISuggestionsEventSource } from './suggestions.js';
+export { default as ChromeAIFactory } from "./factory.js";
+export { default as ChromeAISuggestionsEventSource } from "./suggestions.js";

package/build/chrome-ai/suggestions.d.ts

@@ -1,5 +1,5 @@
 import { EventSourceMessage } from '@microsoft/fetch-event-source';
-import { AiModelTypeProp } from '../types.js';
+import { AiModelTypeProp } from '../types.ts';
 type ChromeAISuggestionsEventSourceConstructorArgs = {
     content: string;
     promptType: string;

package/build/chrome-ai/suggestions.js

@@ -1,7 +1,7 @@
-import { PROMPT_TYPE_CHANGE_LANGUAGE, PROMPT_TYPE_SUMMARIZE } from '../constants.js';
-import { getErrorData } from '../hooks/use-ai-suggestions/index.js';
-import { renderHTMLFromMarkdown, renderMarkdownFromHTML } from '../libs/markdown/index.js';
-import { ERROR_RESPONSE, ERROR_NETWORK } from '../types.js';
+import { PROMPT_TYPE_CHANGE_LANGUAGE, PROMPT_TYPE_SUMMARIZE } from "../constants.js";
+import { getErrorData } from "../hooks/use-ai-suggestions/index.js";
+import { renderHTMLFromMarkdown, renderMarkdownFromHTML } from "../libs/markdown/index.js";
+import { ERROR_RESPONSE, ERROR_NETWORK } from "../types.js";
 export default class ChromeAISuggestionsEventSource extends EventTarget {
     fullMessage;
     fullFunctionCall;

package/build/components/ai-control/ai-control.d.ts

@@ -7,7 +7,7 @@ import './style.scss';
 /**
  * Types
  */
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 import type { ReactElement } from 'react';
 type AIControlProps = {
     className?: string;

package/build/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.

package/build/components/ai-control/block-ai-control.d.ts

@@ -3,7 +3,7 @@ import './style.scss';
 /**
  * Types
  */
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 import type { ReactElement } from 'react';
 type BlockAIControlProps = {
     disabled?: boolean;

package/build/components/ai-control/block-ai-control.js

@@ -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');
 /**

package/build/components/ai-control/extension-ai-control.d.ts

@@ -3,7 +3,7 @@ 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 = {
     className?: string;

package/build/components/ai-control/extension-ai-control.js

@@ -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.

package/build/components/ai-control/index.d.ts

@@ -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/build/components/ai-control/index.js

@@ -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.js";
+export { default as BlockAIControl } from "./block-ai-control.js";
+export { default as ExtensionAIControl } from "./extension-ai-control.js";

package/build/components/ai-image/components/ai-image-modal.d.ts

@@ -1,8 +1,8 @@
 /**
  * Internal dependencies
  */
-import { ImageStyleObject, ImageStyle } from '../../../hooks/use-image-generator/constants.js';
-import { CarrouselImages } from './carrousel.js';
+import { ImageStyleObject, ImageStyle } from '../../../hooks/use-image-generator/constants.ts';
+import { CarrouselImages } from './carrousel.tsx';
 import './ai-image-modal.scss';
 type AiImageModalProps = {
     title: string;

package/build/components/ai-image/components/ai-image-modal.js

@@ -10,13 +10,13 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-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');

package/build/components/ai-image/components/carrousel.js

@@ -10,8 +10,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.js";
+import AiIcon from "../../ai-icon/index.js";
 import './carrousel.scss';
 /**
  * BlankImage component

package/build/components/ai-image/featured-image.js

@@ -13,14 +13,14 @@ 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 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

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

@@ -11,13 +11,13 @@ 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 { 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/ai-image/hooks/use-ai-image.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ImageStyleObject, ImageStyle } from '../../../hooks/use-image-generator/constants.js';
+import { ImageStyleObject, ImageStyle } from '../../../hooks/use-image-generator/constants.ts';
 /**
  * Types
  */
-import { FEATURED_IMAGE_FEATURE_NAME, GENERAL_IMAGE_FEATURE_NAME } from '../types.js';
-import type { CarrouselImageData, CarrouselImages } from '../components/carrousel.js';
+import { FEATURED_IMAGE_FEATURE_NAME, GENERAL_IMAGE_FEATURE_NAME } from '../types.ts';
+import type { CarrouselImageData, CarrouselImages } from '../components/carrousel.tsx';
 type AiImageType = 'featured-image-generation' | 'general-image-generation';
 type AiImageFeature = typeof FEATURED_IMAGE_FEATURE_NAME | typeof GENERAL_IMAGE_FEATURE_NAME;
 export type ImageResponse = {

package/build/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/ai-image/index.d.ts

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

package/build/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/ai-status-indicator/index.d.ts

@@ -1,4 +1,4 @@
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 export type AiStatusIndicatorIconSize = 24 | 32 | 48 | 64;
 import type React from 'react';
 import './style.scss';

package/build/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/components/index.d.ts

@@ -1,10 +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';
+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.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.tsx';
+export { default as AiAssistantModal } from './modal/index.tsx';
+export { default as QuotaExceededMessage, FairUsageNotice, } from './quota-exceeded-message/index.tsx';

package/build/components/index.js

@@ -1,10 +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';
+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/message/index.d.ts

@@ -5,7 +5,7 @@ import './style.scss';
 /**
  * Types
  */
-import type { SuggestionErrorCode } from '../../types.js';
+import type { SuggestionErrorCode } from '../../types.ts';
 import type React from 'react';
 export declare const MESSAGE_SEVERITY_WARNING = "warning";
 export declare const MESSAGE_SEVERITY_ERROR = "error";

package/build/components/message/index.js

@@ -11,9 +11,9 @@ 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.js";
+import { ERROR_QUOTA_EXCEEDED } from "../../types.js";
+import AiFeedbackThumbs from "../ai-feedback/index.js";
 export const MESSAGE_SEVERITY_WARNING = 'warning';
 export const MESSAGE_SEVERITY_ERROR = 'error';
 export const MESSAGE_SEVERITY_SUCCESS = 'success';

package/build/components/modal/index.d.ts

@@ -1,4 +1,4 @@
-import type { RequestingStateProp } from '../../types.js';
+import type { RequestingStateProp } from '../../types.ts';
 import './style.scss';
 type AiAssistantModalProps = {
     children: React.ReactNode;

package/build/components/modal/index.js

@@ -8,7 +8,7 @@ import { close } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import AiStatusIndicator from '../ai-status-indicator/index.js';
+import AiStatusIndicator from "../ai-status-indicator/index.js";
 import './style.scss';
 const ModalHeader = ({ requestingState, onClose, title, }) => {
     return (_jsxs("div", { className: "ai-assistant-modal__header", children: [_jsxs("div", { className: "ai-assistant-modal__title-wrapper", children: [_jsx(AiStatusIndicator, { state: requestingState }), _jsx("h1", { className: "ai-assistant-modal__title", children: title })] }), _jsx(Button, { icon: close, label: __('Close', 'jetpack-ai-client'), onClick: onClose })] }));

package/build/components/quota-exceeded-message/index.js

@@ -12,9 +12,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.js";
+import useAiFeature from "../../hooks/use-ai-feature/index.js";
+import { LightNudge } from "./light-nudge.js";
 import './style.scss';
 const debug = debugFactory('jetpack-ai-client:upgrade-prompt');
 /**

package/build/data-flow/context.d.ts

@@ -5,10 +5,10 @@ import React 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 = {
     suggestion: string;
     requestingError: RequestingErrorProps;

package/build/data-flow/index.d.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/build/data-flow/index.js

@@ -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.js";
+export { default as withAiDataProvider } from "./with-ai-assistant-data.js";
+export { default as useAiContext } from "./use-ai-context.js";

package/build/data-flow/use-ai-context.d.ts

@@ -1,12 +1,12 @@
 /**
  * Internal dependencies
  */
-import { RequestingErrorProps } from '../types.js';
+import { RequestingErrorProps } from '../types.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 = {
     askQuestionOptions?: AskQuestionOptionsArgProps;
     onDone?: (content: string) => void;

package/build/data-flow/use-ai-context.js

@@ -5,8 +5,8 @@ import { useCallback, useContext, useEffect } from 'react';
 /**
  * Internal dependencies
  */
-import { ERROR_RESPONSE } from '../types.js';
-import { AiDataContext } from './index.js';
+import { ERROR_RESPONSE } from "../types.js";
+import { AiDataContext } from "./index.js";
 /**
  * useAiContext hook to provide access to
  * the AI Assistant data (from context),

package/build/data-flow/with-ai-assistant-data.js

@@ -7,8 +7,8 @@ import { useMemo } from '@wordpress/element';
 /**
  * Internal Dependencies
  */
-import useAiSuggestions from '../hooks/use-ai-suggestions/index.js';
-import { AiDataContextProvider } from './index.js';
+import useAiSuggestions from "../hooks/use-ai-suggestions/index.js";
+import { AiDataContextProvider } from "./index.js";
 /**
  * High Order Component that provides the
  * AI Assistant Data context to the wrapped component.

package/build/hooks/use-ai-checkout/index.js

@@ -3,7 +3,7 @@
  */
 import getRedirectUrl from '@automattic/jetpack-components/tools/jp-redirect';
 import { isAtomicSite, isSimpleSite, getSiteFragment, useAutosaveAndRedirect, } from '@automattic/jetpack-shared-extension-utils';
-import useAiFeature from '../use-ai-feature/index.js';
+import useAiFeature from "../use-ai-feature/index.js";
 const getWPComRedirectToURL = () => {
     const searchParams = new URLSearchParams(window.location.search);
     const site = getSiteFragment();

package/build/hooks/use-ai-suggestions/index.d.ts

@@ -1,9 +1,9 @@
 /**
  * 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 = {
     code: SuggestionErrorCode;
     message: string;

package/build/hooks/use-ai-suggestions/index.js

@@ -6,9 +6,9 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import askQuestion from '../../ask-question/index.js';
-import ChromeAIFactory from '../../chrome-ai/factory.js';
-import { ERROR_CONTEXT_TOO_LARGE, ERROR_MODERATION, ERROR_NETWORK, ERROR_QUOTA_EXCEEDED, ERROR_SERVICE_UNAVAILABLE, ERROR_UNCLEAR_PROMPT, ERROR_RESPONSE, } from '../../types.js';
+import askQuestion from "../../ask-question/index.js";
+import ChromeAIFactory from "../../chrome-ai/factory.js";
+import { ERROR_CONTEXT_TOO_LARGE, ERROR_MODERATION, ERROR_NETWORK, ERROR_QUOTA_EXCEEDED, ERROR_SERVICE_UNAVAILABLE, ERROR_UNCLEAR_PROMPT, ERROR_RESPONSE, } from "../../types.js";
 /**
  * Get the error data for a given error code.
  *