@automattic/jetpack-ai-client 0.27.7 → 0.27.8

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-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/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

@@ -20,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' );
 

package/src/icons/index.ts

@@ -1,7 +1,7 @@
-export { default as aiAssistantIcon } from './ai-assistant.js';
-export { default as micIcon } from './mic.js';
-export { default as origamiPlaneIcon } from './origami-plane.js';
-export { default as playerPlayIcon } from './player-play.js';
-export { default as playerStopIcon } from './player-stop.js';
-export { default as playerPauseIcon } from './player-pause.js';
-export { default as speakToneIcon } from './speak-tone.js';
+export { default as aiAssistantIcon } from './ai-assistant.tsx';
+export { default as micIcon } from './mic.tsx';
+export { default as origamiPlaneIcon } from './origami-plane.tsx';
+export { default as playerPlayIcon } from './player-play.tsx';
+export { default as playerStopIcon } from './player-stop.tsx';
+export { default as playerPauseIcon } from './player-pause.tsx';
+export { default as speakToneIcon } from './speak-tone.tsx';

package/src/index.ts

@@ -1,62 +1,62 @@
 /*
  * Core library exports
  */
-export { default as requestJwt } from './jwt/index.js';
-export { default as SuggestionsEventSource } from './suggestions-event-source/index.js';
-export { default as askQuestion } from './ask-question/index.js';
-export { default as askQuestionSync } from './ask-question/sync.js';
-export { default as transcribeAudio } from './audio-transcription/index.js';
+export { default as requestJwt } from './jwt/index.ts';
+export { default as SuggestionsEventSource } from './suggestions-event-source/index.ts';
+export { default as askQuestion } from './ask-question/index.ts';
+export { default as askQuestionSync } from './ask-question/sync.ts';
+export { default as transcribeAudio } from './audio-transcription/index.ts';
 
 /*
  * Hooks
  */
-export { default as useAICheckout } from './hooks/use-ai-checkout/index.js';
-export { default as useAiFeature } from './hooks/use-ai-feature/index.js';
-export { default as useAiSuggestions, getErrorData } from './hooks/use-ai-suggestions/index.js';
-export { default as useMediaRecording } from './hooks/use-media-recording/index.js';
-export { default as useAudioTranscription } from './hooks/use-audio-transcription/index.js';
-export { default as useTranscriptionPostProcessing } from './hooks/use-transcription-post-processing/index.js';
-export { default as useAudioValidation } from './hooks/use-audio-validation/index.js';
-export { default as useImageGenerator } from './hooks/use-image-generator/index.js';
-export { default as usePostContent } from './hooks/use-post-content.js';
-export * from './hooks/use-image-generator/constants.js';
+export { default as useAICheckout } from './hooks/use-ai-checkout/index.ts';
+export { default as useAiFeature } from './hooks/use-ai-feature/index.ts';
+export { default as useAiSuggestions, getErrorData } from './hooks/use-ai-suggestions/index.ts';
+export { default as useMediaRecording } from './hooks/use-media-recording/index.ts';
+export { default as useAudioTranscription } from './hooks/use-audio-transcription/index.ts';
+export { default as useTranscriptionPostProcessing } from './hooks/use-transcription-post-processing/index.ts';
+export { default as useAudioValidation } from './hooks/use-audio-validation/index.ts';
+export { default as useImageGenerator } from './hooks/use-image-generator/index.ts';
+export { default as usePostContent } from './hooks/use-post-content.ts';
+export * from './hooks/use-image-generator/constants.ts';
 
 /*
  * Components: Icons
  */
-export * from './icons/index.js';
+export * from './icons/index.ts';
 
 /*
  * Components
  */
-export * from './components/index.js';
+export * from './components/index.ts';
 
 /*
  * Contexts
  */
-export * from './data-flow/index.js';
+export * from './data-flow/index.ts';
 
 /*
  * Types
  */
-export * from './types.js';
+export * from './types.ts';
 
 /*
  * Libs
  */
-export * from './libs/index.js';
+export * from './libs/index.ts';
 
 /*
  * Constants
  */
-export * from './constants.js';
+export * from './constants.ts';
 
 /*
  * Logo Generator
  */
-export * from './logo-generator/index.js';
+export * from './logo-generator/index.ts';
 
 /**
  * Chrome AI
  */
-export * from './chrome-ai/index.js';
+export * from './chrome-ai/index.ts';

package/src/jwt/index.ts

@@ -6,7 +6,7 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import apiFetch from '../api-fetch/index.js';
+import apiFetch from '../api-fetch/index.ts';
 /*
  * Types & constants
  */

package/src/libs/get-all-blocks.ts

@@ -5,7 +5,7 @@ import { select } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import type { Block } from '../types.js';
+import type { Block } from '../types.ts';
 
 /**
  * Recursively get all blocks from the post, including nested innerBlocks

package/src/libs/index.ts

@@ -4,12 +4,12 @@ export {
 	renderHTMLFromMarkdown,
 	renderMarkdownFromHTML,
 	fixes,
-} from './markdown/index.js';
+} from './markdown/index.ts';
 
-export { mapActionToHumanText } from './map-action-to-human-text.js';
-export { openBlockSidebar } from './open-block-sidebar.js';
-export { showAiAssistantSection } from './show-ai-assistant-section.js';
-export { getAllBlocks } from './get-all-blocks.js';
-export { getBase64Image } from './get-base64-image.js';
+export { mapActionToHumanText } from './map-action-to-human-text.ts';
+export { openBlockSidebar } from './open-block-sidebar.ts';
+export { showAiAssistantSection } from './show-ai-assistant-section.ts';
+export { getAllBlocks } from './get-all-blocks.ts';
+export { getBase64Image } from './get-base64-image.ts';
 
-export type { RenderHTMLRules } from './markdown/index.js';
+export type { RenderHTMLRules } from './markdown/index.ts';

package/src/libs/map-action-to-human-text.ts

@@ -25,7 +25,7 @@ import {
 	TRANSLATE_LABEL,
 	TURN_LIST_INTO_TABLE_LABEL,
 	WRITE_POST_FROM_LIST_LABEL,
-} from '../constants.js';
+} from '../constants.ts';
 
 type MapActionToHumanTextOptions = {
 	language?: string;

package/src/libs/markdown/index.ts

@@ -1,12 +1,12 @@
 /**
  * Internal dependencies
  */
-import HTMLToMarkdown from './html-to-markdown.js';
-import MarkdownToHTML, { fixes } from './markdown-to-html.js';
+import HTMLToMarkdown from './html-to-markdown.ts';
+import MarkdownToHTML, { fixes } from './markdown-to-html.ts';
 /**
  * Types
  */
-import type { Fix as HTMLFix } from './markdown-to-html.js';
+import type { Fix as HTMLFix } from './markdown-to-html.ts';
 
 const defaultMarkdownConverter = new MarkdownToHTML();
 const defaultHTMLConverter = new HTMLToMarkdown();

package/src/logo-generator/components/fair-usage-notice.tsx

@@ -1,5 +1,5 @@
 import { Notice } from '@wordpress/components';
-import useFairUsageNoticeMessage from '../hooks/use-fair-usage-notice-message.js';
+import useFairUsageNoticeMessage from '../hooks/use-fair-usage-notice-message.tsx';
 
 type FairUsageNoticeProps = {
 	variant?: 'error' | 'muted';

package/src/logo-generator/components/first-load-screen.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 /**
  * Internal dependencies
  */
-import { ImageLoader } from './image-loader.js';
+import { ImageLoader } from './image-loader.tsx';
 import './first-load-screen.scss';
 
 export const FirstLoadScreen: React.FC< {

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

@@ -11,31 +11,31 @@ import { useState, useEffect, useCallback, useRef } from 'react';
 /**
  * Internal dependencies
  */
-import AiModalFooter from '../../components/ai-modal-footer/index.js';
+import AiModalFooter from '../../components/ai-modal-footer/index.tsx';
 import {
 	DEFAULT_LOGO_COST,
 	EVENT_MODAL_OPEN,
 	EVENT_FEEDBACK,
 	EVENT_MODAL_CLOSE,
 	EVENT_GENERATE,
-} from '../constants.js';
-import { useCheckout } from '../hooks/use-checkout.js';
-import useLogoGenerator from '../hooks/use-logo-generator.js';
-import useRequestErrors from '../hooks/use-request-errors.js';
-import { isLogoHistoryEmpty, clearDeletedMedia } from '../lib/logo-storage.js';
-import { STORE_NAME } from '../store/index.js';
-import { FeatureFetchFailureScreen } from './feature-fetch-failure-screen.js';
-import { FirstLoadScreen } from './first-load-screen.js';
-import { HistoryCarousel } from './history-carousel.js';
-import { LogoPresenter } from './logo-presenter.js';
-import { Prompt } from './prompt.js';
-import { UpgradeScreen } from './upgrade-screen.js';
-import { VisitSiteBanner } from './visit-site-banner.js';
+} from '../constants.ts';
+import { useCheckout } from '../hooks/use-checkout.ts';
+import useLogoGenerator from '../hooks/use-logo-generator.ts';
+import useRequestErrors from '../hooks/use-request-errors.ts';
+import { isLogoHistoryEmpty, clearDeletedMedia } from '../lib/logo-storage.ts';
+import { STORE_NAME } from '../store/index.ts';
+import { FeatureFetchFailureScreen } from './feature-fetch-failure-screen.tsx';
+import { FirstLoadScreen } from './first-load-screen.tsx';
+import { HistoryCarousel } from './history-carousel.tsx';
+import { LogoPresenter } from './logo-presenter.tsx';
+import { Prompt } from './prompt.tsx';
+import { UpgradeScreen } from './upgrade-screen.tsx';
+import { VisitSiteBanner } from './visit-site-banner.tsx';
 import './generator-modal.scss';
 /**
  * Types
  */
-import type { GeneratorModalProps } from '../types.js';
+import type { GeneratorModalProps } from '../types.ts';
 import type React from 'react';
 
 const debug = debugFactory( 'jetpack-ai-calypso:generator-modal' );