@automattic/jetpack-ai-client 0.27.7 → 0.27.8

package/src/logo-generator/components/history-carousel.tsx

@@ -8,8 +8,8 @@ import clsx from 'clsx';
  * Internal dependencies
  */
 import loader from '../assets/images/loader.gif';
-import { EVENT_NAVIGATE } from '../constants.js';
-import useLogoGenerator from '../hooks/use-logo-generator.js';
+import { EVENT_NAVIGATE } from '../constants.ts';
+import useLogoGenerator from '../hooks/use-logo-generator.ts';
 import './history-carousel.scss';
 /**
  * Types

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

@@ -9,22 +9,22 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import AiFeedbackThumbs from '../../components/ai-feedback/index.js';
-import CheckIcon from '../assets/icons/check.js';
-import LogoIcon from '../assets/icons/logo.js';
-import MediaIcon from '../assets/icons/media.js';
-import { EVENT_SAVE, EVENT_USE } from '../constants.js';
-import useLogoGenerator from '../hooks/use-logo-generator.js';
-import useRequestErrors from '../hooks/use-request-errors.js';
-import { updateLogo } from '../lib/logo-storage.js';
-import { STORE_NAME } from '../store/index.js';
-import { ImageLoader } from './image-loader.js';
+import AiFeedbackThumbs from '../../components/ai-feedback/index.tsx';
+import CheckIcon from '../assets/icons/check.tsx';
+import LogoIcon from '../assets/icons/logo.tsx';
+import MediaIcon from '../assets/icons/media.tsx';
+import { EVENT_SAVE, EVENT_USE } from '../constants.ts';
+import useLogoGenerator from '../hooks/use-logo-generator.ts';
+import useRequestErrors from '../hooks/use-request-errors.ts';
+import { updateLogo } from '../lib/logo-storage.ts';
+import { STORE_NAME } from '../store/index.ts';
+import { ImageLoader } from './image-loader.tsx';
 import './logo-presenter.scss';
 /**
  * Types
  */
-import type { Logo } from '../store/types.js';
-import type { LogoPresenterProps } from '../types.js';
+import type { Logo } from '../store/types.ts';
+import type { LogoPresenterProps } from '../types.ts';
 import type React from 'react';
 
 const debug = debugFactory( 'jetpack-ai-calypso:logo-presenter' );

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

@@ -10,8 +10,8 @@ import { useCallback, useEffect, useState, useRef, Dispatch, SetStateAction } fr
 /**
  * Internal dependencies
  */
-import { IMAGE_STYLE_NONE, IMAGE_STYLE_AUTO } from '../../hooks/use-image-generator/constants.js';
-import AiIcon from '../assets/icons/ai.js';
+import { IMAGE_STYLE_NONE, IMAGE_STYLE_AUTO } from '../../hooks/use-image-generator/constants.ts';
+import AiIcon from '../assets/icons/ai.tsx';
 import {
 	EVENT_GENERATE,
 	MINIMUM_PROMPT_LENGTH,
@@ -19,17 +19,17 @@ import {
 	EVENT_PLACEMENT_INPUT_FOOTER,
 	EVENT_SWITCH_STYLE,
 	EVENT_GUESS_STYLE,
-} 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 { FairUsageNotice } from './fair-usage-notice.js';
-import { UpgradeNudge } from './upgrade-nudge.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 { FairUsageNotice } from './fair-usage-notice.tsx';
+import { UpgradeNudge } from './upgrade-nudge.tsx';
 import './prompt.scss';
 /**
  * Types
  */
-import type { ImageStyle, ImageStyleObject } from '../../hooks/use-image-generator/constants.js';
+import type { ImageStyle, ImageStyleObject } from '../../hooks/use-image-generator/constants.ts';
 
 const debug = debugFactory( 'jetpack-ai-calypso:prompt-box' );
 

package/src/logo-generator/components/upgrade-nudge.tsx

@@ -9,9 +9,9 @@ import { Icon, warning } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import { EVENT_PLACEMENT_UPGRADE_PROMPT, EVENT_UPGRADE } from '../constants.js';
-import { useCheckout } from '../hooks/use-checkout.js';
-import useLogoGenerator from '../hooks/use-logo-generator.js';
+import { EVENT_PLACEMENT_UPGRADE_PROMPT, EVENT_UPGRADE } from '../constants.ts';
+import { useCheckout } from '../hooks/use-checkout.ts';
+import useLogoGenerator from '../hooks/use-logo-generator.ts';
 import './upgrade-nudge.scss';
 
 export const UpgradeNudge = () => {

package/src/logo-generator/components/upgrade-screen.tsx

@@ -8,8 +8,8 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import { EVENT_PLACEMENT_FREE_USER_SCREEN, EVENT_UPGRADE } from '../constants.js';
-import useLogoGenerator from '../hooks/use-logo-generator.js';
+import { EVENT_PLACEMENT_FREE_USER_SCREEN, EVENT_UPGRADE } from '../constants.ts';
+import useLogoGenerator from '../hooks/use-logo-generator.ts';
 /**
  * Types
  */

package/src/logo-generator/hooks/use-checkout.ts

@@ -10,11 +10,11 @@ import { useSelect } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import { STORE_NAME } from '../store/index.js';
+import { STORE_NAME } from '../store/index.ts';
 /**
  * Types
  */
-import type { Selectors } from '../store/types.js';
+import type { Selectors } from '../store/types.ts';
 
 export const useCheckout = () => {
 	const { nextTier, tierPlansEnabled } = useSelect( select => {

package/src/logo-generator/hooks/use-fair-usage-notice-message.tsx

@@ -5,11 +5,11 @@ import { __, sprintf } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import { STORE_NAME } from '../store/index.js';
+import { STORE_NAME } from '../store/index.ts';
 /**
  * Types
  */
-import type { Selectors } from '../store/types.js';
+import type { Selectors } from '../store/types.ts';
 
 const useFairUsageNoticeMessage = (): Element => {
 	const { usagePeriod } = useSelect( select => {

package/src/logo-generator/hooks/use-logo-generator.ts

@@ -7,20 +7,20 @@ import { useCallback } from 'react';
 /**
  * Internal dependencies
  */
-import askQuestionSync from '../../ask-question/sync.js';
-import useImageGenerator from '../../hooks/use-image-generator/index.js';
-import useSaveToMediaLibrary from '../../hooks/use-save-to-media-library/index.js';
-import requestJwt from '../../jwt/index.js';
-import { stashLogo } from '../lib/logo-storage.js';
-import { setSiteLogo } from '../lib/set-site-logo.js';
-import { STORE_NAME } from '../store/index.js';
-import useRequestErrors from './use-request-errors.js';
+import askQuestionSync from '../../ask-question/sync.ts';
+import useImageGenerator from '../../hooks/use-image-generator/index.ts';
+import useSaveToMediaLibrary from '../../hooks/use-save-to-media-library/index.ts';
+import requestJwt from '../../jwt/index.ts';
+import { stashLogo } from '../lib/logo-storage.ts';
+import { setSiteLogo } from '../lib/set-site-logo.ts';
+import { STORE_NAME } from '../store/index.ts';
+import useRequestErrors from './use-request-errors.ts';
 /**
  * Types
  */
-import type { ImageStyle, ImageStyleObject } from '../../hooks/use-image-generator/constants.js';
-import type { RoleType } from '../../types.js';
-import type { Logo, Selectors, SaveLogo, LogoGeneratorFeatureControl } from '../store/types.js';
+import type { ImageStyle, ImageStyleObject } from '../../hooks/use-image-generator/constants.ts';
+import type { RoleType } from '../../types.ts';
+import type { Logo, Selectors, SaveLogo, LogoGeneratorFeatureControl } from '../store/types.ts';
 
 const debug = debugFactory( 'jetpack-ai-calypso:use-logo-generator' );
 

package/src/logo-generator/hooks/use-request-errors.ts

@@ -5,11 +5,11 @@ import { useDispatch, useSelect } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import { STORE_NAME } from '../store/index.js';
+import { STORE_NAME } from '../store/index.ts';
 /**
  * Types
  */
-import type { Selectors } from '../store/types.js';
+import type { Selectors } from '../store/types.ts';
 
 const useRequestErrors = () => {
 	const {

package/src/logo-generator/index.ts

@@ -1,2 +1,2 @@
-export * from './components/generator-modal.js';
-export { AiModalPromptInput } from './components/prompt.js';
+export * from './components/generator-modal.tsx';
+export { AiModalPromptInput } from './components/prompt.tsx';

package/src/logo-generator/lib/logo-storage.ts

@@ -1,9 +1,9 @@
 /**
  * Types
  */
-import { Logo } from '../store/types.js';
-import { RemoveFromStorageProps, SaveToStorageProps, UpdateInStorageProps } from '../types.js';
-import { mediaExists } from './media-exists.js';
+import { Logo } from '../store/types.ts';
+import { RemoveFromStorageProps, SaveToStorageProps, UpdateInStorageProps } from '../types.ts';
+import { mediaExists } from './media-exists.ts';
 
 const MAX_LOGOS = 10;
 

package/src/logo-generator/lib/media-exists.ts

@@ -1,11 +1,11 @@
 /**
  * External dependencies
  */
-import apiFetch from '../../api-fetch/index.js';
+import apiFetch from '../../api-fetch/index.ts';
 /**
  * Types
  */
-import type { CheckMediaProps } from '../types.js';
+import type { CheckMediaProps } from '../types.ts';
 
 /**
  * Uses the media information to confirm it exists or not on the server.

package/src/logo-generator/lib/set-site-logo.ts

@@ -1,11 +1,11 @@
 /**
  * Internal dependencies
  */
-import wpcomLimitedRequest from './wpcom-limited-request.js';
+import wpcomLimitedRequest from './wpcom-limited-request.ts';
 /**
  * Types
  */
-import type { SetSiteLogoProps, SetSiteLogoResponseProps } from '../types.js';
+import type { SetSiteLogoProps, SetSiteLogoResponseProps } from '../types.ts';
 
 /**
  * Set the site logo using a backend request.

package/src/logo-generator/lib/wpcom-limited-request.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import apiFetch from '../../api-fetch/index.js';
+import apiFetch from '../../api-fetch/index.ts';
 /**
  * Types
  */

package/src/logo-generator/store/actions.ts

@@ -1,8 +1,8 @@
 /**
  * Internal dependencies
  */
-import { getSiteLogoHistory } from '../lib/logo-storage.js';
-import wpcomLimitedRequest from '../lib/wpcom-limited-request.js';
+import { getSiteLogoHistory } from '../lib/logo-storage.ts';
+import wpcomLimitedRequest from '../lib/wpcom-limited-request.ts';
 /**
  * Types & Constants
  */
@@ -29,14 +29,14 @@ import {
 	ACTION_SET_SAVE_TO_LIBRARY_ERROR,
 	ACTION_SET_CONTEXT,
 	ACTION_SET_IS_LOADING_HISTORY,
-} from './constants.js';
+} from './constants.ts';
 import type {
 	AiFeatureProps,
 	AiAssistantFeatureEndpointResponseProps,
 	Logo,
 	RequestError,
-} from './types.js';
-import type { SiteDetails } from '../types.js';
+} from './types.ts';
+import type { SiteDetails } from '../types.ts';
 
 /**
  * Map the response from the `sites/$site/ai-assistant-feature`

package/src/logo-generator/store/index.ts

@@ -5,9 +5,9 @@ import { createReduxStore, register } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import actions from './actions.js';
-import reducer from './reducer.js';
-import selectors from './selectors.js';
+import actions from './actions.ts';
+import reducer from './reducer.ts';
+import selectors from './selectors.ts';
 
 export const STORE_NAME = 'jetpack-ai/logo-generator';
 

package/src/logo-generator/store/initial-state.ts

@@ -1,8 +1,8 @@
 /**
  * Types & Constants
  */
-import { ASYNC_REQUEST_COUNTDOWN_INIT_VALUE, FREE_PLAN_REQUESTS_LIMIT } from './constants.js';
-import { LogoGeneratorStateProp } from './types.js';
+import { ASYNC_REQUEST_COUNTDOWN_INIT_VALUE, FREE_PLAN_REQUESTS_LIMIT } from './constants.ts';
+import { LogoGeneratorStateProp } from './types.ts';
 
 const INITIAL_STATE: LogoGeneratorStateProp = {
 	siteDetails: {},

package/src/logo-generator/store/reducer.ts

@@ -1,7 +1,7 @@
 /**
  * Types & Constants
  */
-import { DEFAULT_LOGO_COST } from '../constants.js';
+import { DEFAULT_LOGO_COST } from '../constants.ts';
 import {
 	ACTION_INCREASE_AI_ASSISTANT_REQUESTS_COUNT,
 	ACTION_REQUEST_AI_ASSISTANT_FEATURE,
@@ -28,10 +28,10 @@ import {
 	ACTION_SET_LOGO_UPDATE_ERROR,
 	ACTION_SET_CONTEXT,
 	ACTION_SET_IS_LOADING_HISTORY,
-} from './constants.js';
-import INITIAL_STATE from './initial-state.js';
-import type { AiFeatureStateProps, RequestError, TierLimitProp } from './types.js';
-import type { SiteDetails } from '../types.js';
+} from './constants.ts';
+import INITIAL_STATE from './initial-state.ts';
+import type { AiFeatureStateProps, RequestError, TierLimitProp } from './types.ts';
+import type { SiteDetails } from '../types.ts';
 
 /**
  * Reducer for the Logo Generator store.

package/src/logo-generator/store/selectors.ts

@@ -1,9 +1,9 @@
 /**
  * Types
  */
-import { DEFAULT_LOGO_COST } from '../constants.js';
-import type { AiFeatureProps, LogoGeneratorStateProp, Logo, RequestError } from './types.js';
-import type { SiteDetails } from '../types.js';
+import { DEFAULT_LOGO_COST } from '../constants.ts';
+import type { AiFeatureProps, LogoGeneratorStateProp, Logo, RequestError } from './types.ts';
+import type { SiteDetails } from '../types.ts';
 
 const selectors = {
 	/**

package/src/logo-generator/store/types.ts

@@ -1,5 +1,5 @@
-import type { ImageStyleObject } from '../../hooks/use-image-generator/constants.js';
-import type { SiteDetails } from '../types.js';
+import type { ImageStyleObject } from '../../hooks/use-image-generator/constants.ts';
+import type { SiteDetails } from '../types.ts';
 
 /**
  * Types for the AI Assistant feature.

package/src/logo-generator/types.ts

@@ -1,7 +1,7 @@
 /**
  * Types
  */
-import type { Logo } from './store/types.js';
+import type { Logo } from './store/types.ts';
 
 export type SiteDetails = {
 	ID: number;

package/src/suggestions-event-source/index.ts

@@ -6,8 +6,8 @@ import debugFactory from 'debug';
 /**
  * Internal dependencies
  */
-import { getErrorData } from '../hooks/use-ai-suggestions/index.js';
-import requestJwt from '../jwt/index.js';
+import { getErrorData } from '../hooks/use-ai-suggestions/index.ts';
+import requestJwt from '../jwt/index.ts';
 /*
  * Types & constants
  */
@@ -19,13 +19,13 @@ import {
 	ERROR_RESPONSE,
 	ERROR_SERVICE_UNAVAILABLE,
 	ERROR_UNCLEAR_PROMPT,
-} from '../types.js';
+} from '../types.ts';
 import type {
 	AiModelTypeProp,
 	PromptMessagesProp,
 	PromptProp,
 	SuggestionErrorCode,
-} from '../types.js';
+} from '../types.ts';
 
 type SuggestionsEventSourceConstructorArgs = {
 	url?: string;

package/src/types.ts

@@ -44,30 +44,30 @@ export type PromptProp = PromptMessagesProp | string;
 /*
  * Data Flow types
  */
-export type { UseAiContextOptions } from './data-flow/use-ai-context.js';
+export type { UseAiContextOptions } from './data-flow/use-ai-context.ts';
 
 /*
  * Hook types
  */
-export type { RequestingErrorProps } from './hooks/use-ai-suggestions/index.js';
+export type { RequestingErrorProps } from './hooks/use-ai-suggestions/index.ts';
 export type {
 	UseAudioTranscriptionProps,
 	UseAudioTranscriptionReturn,
-} from './hooks/use-audio-transcription/index.js';
+} from './hooks/use-audio-transcription/index.ts';
 export type {
 	UseTranscriptionPostProcessingProps,
 	UseTranscriptionPostProcessingReturn,
 	PostProcessingAction,
-} from './hooks/use-transcription-post-processing/index.js';
+} from './hooks/use-transcription-post-processing/index.ts';
 export type {
 	UseAudioValidationReturn,
 	ValidatedAudioInformation,
-} from './hooks/use-audio-validation/index.js';
+} from './hooks/use-audio-validation/index.ts';
 
 /*
  * Hook constants
  */
-export { TRANSCRIPTION_POST_PROCESSING_ACTION_SIMPLE_DRAFT } from './hooks/use-transcription-post-processing/index.js';
+export { TRANSCRIPTION_POST_PROCESSING_ACTION_SIMPLE_DRAFT } from './hooks/use-transcription-post-processing/index.ts';
 
 /*
  * Requests types
@@ -99,7 +99,7 @@ export type AiModelTypeProp = typeof AI_MODEL_GPT_3_5_Turbo_16K | typeof AI_MODE
 /*
  * Media recording types
  */
-export type { RecordingState } from './hooks/use-media-recording/index.js';
+export type { RecordingState } from './hooks/use-media-recording/index.ts';
 
 /*
  * Utility types
@@ -125,7 +125,7 @@ export type TranscriptionState = RecordingState | 'validating' | 'processing' |
 /*
  * Lib types
  */
-export type { RenderHTMLRules } from './libs/index.js';
+export type { RenderHTMLRules } from './libs/index.ts';
 
 export interface BlockEditorStore {
 	selectors: {