= ( { onCancel, upgradeURL, reason } ) => {
const { tracks } = useAnalytics();
const { recordEvent: recordTracksEvent } = tracks;
+
const upgradeMessageFeature = __(
- 'The logo generator requires a paid Jetpack AI plan. Upgrade your plan to access exclusive features, including logo generation. The upgrade will also increase the amount of requests you can use in all AI-powered features.',
+ 'Upgrade your Jetpack AI for access to logo generation. This upgrade will also increase the amount of monthly requests you can use in for all AI-powered features.',
'jetpack-ai-client'
);
@@ -31,6 +33,10 @@ export const UpgradeScreen: React.FC< {
'jetpack-ai-client'
);
+ const upgradeInfoUrl = getRedirectUrl( 'ai-logo-generator-fair-usage-policy', {
+ anchor: 'usage-limitations-and-upgrades',
+ } );
+
const { context } = useLogoGenerator();
const handleUpgradeClick = () => {
@@ -45,7 +51,7 @@ export const UpgradeScreen: React.FC< {
{ reason === 'feature' ? upgradeMessageFeature : upgradeMessageRequests }
-
diff --git a/projects/js-packages/ai-client/src/logo-generator/constants.ts b/projects/js-packages/ai-client/src/logo-generator/constants.ts
index 49d6ae5bbb77a..a6d1c95aee058 100644
--- a/projects/js-packages/ai-client/src/logo-generator/constants.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/constants.ts
@@ -11,6 +11,7 @@ export const EVENT_NAVIGATE = 'jetpack_ai_logo_generator_navigate';
export const EVENT_FEEDBACK = 'jetpack_ai_logo_generator_feedback';
export const EVENT_UPGRADE = 'jetpack_ai_upgrade_button';
export const EVENT_SWITCH_STYLE = 'jetpack_ai_logo_generator_switch_style';
+export const EVENT_GUESS_STYLE = 'jetpack_ai_logo_generator_guess_style';
// Event placement constants
export const EVENT_PLACEMENT_QUICK_LINKS = 'quick_links';
diff --git a/projects/js-packages/ai-client/src/logo-generator/hooks/use-checkout.ts b/projects/js-packages/ai-client/src/logo-generator/hooks/use-checkout.ts
index b30119f4b87aa..1d77573b27d7b 100644
--- a/projects/js-packages/ai-client/src/logo-generator/hooks/use-checkout.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/hooks/use-checkout.ts
@@ -7,7 +7,6 @@ import {
getSiteFragment,
} from '@automattic/jetpack-shared-extension-utils';
import { useSelect } from '@wordpress/data';
-import debugFactory from 'debug';
/**
* Internal dependencies
*/
@@ -17,8 +16,6 @@ import { STORE_NAME } from '../store/index.js';
*/
import type { Selectors } from '../store/types.js';
-const debug = debugFactory( 'ai-client:logo-generator:use-checkout' );
-
export const useCheckout = () => {
const { nextTier, tierPlansEnabled } = useSelect( select => {
const selectors: Selectors = select( STORE_NAME );
@@ -60,8 +57,6 @@ export const useCheckout = () => {
const nextTierCheckoutURL = checkoutUrl.toString();
- debug( 'Next tier checkout URL: ', nextTierCheckoutURL );
-
return {
nextTierCheckoutURL,
hasNextTier: !! nextTier,
diff --git a/projects/js-packages/ai-client/src/logo-generator/hooks/use-fair-usage-notice-message.tsx b/projects/js-packages/ai-client/src/logo-generator/hooks/use-fair-usage-notice-message.tsx
index fc4ef8163b5eb..764d34403f4b7 100644
--- a/projects/js-packages/ai-client/src/logo-generator/hooks/use-fair-usage-notice-message.tsx
+++ b/projects/js-packages/ai-client/src/logo-generator/hooks/use-fair-usage-notice-message.tsx
@@ -1,6 +1,7 @@
import { useSelect } from '@wordpress/data';
import { createInterpolateElement } from '@wordpress/element';
import { __, sprintf } from '@wordpress/i18n';
+import getRedirectUrl from '../../../../components/tools/jp-redirect/index.js';
/**
* Internal dependencies
*/
@@ -52,14 +53,12 @@ const useFairUsageNoticeMessage = () => {
// Get the proper template based on the presence of the next usage period start date.
const fairUsageNoticeMessage = getFairUsageNoticeMessage( nextUsagePeriodStartDateString );
+ const upgradeInfoUrl = getRedirectUrl( 'ai-logo-generator-fair-usage-policy', {
+ anchor: 'jetpack-ai-usage-limit',
+ } );
+
const fairUsageNoticeMessageElement = createInterpolateElement( fairUsageNoticeMessage, {
- link: (
-
- ),
+ link:
,
} );
return fairUsageNoticeMessageElement;
diff --git a/projects/js-packages/ai-client/src/logo-generator/hooks/use-logo-generator.ts b/projects/js-packages/ai-client/src/logo-generator/hooks/use-logo-generator.ts
index 038150d19630a..70acbf3fe98e0 100644
--- a/projects/js-packages/ai-client/src/logo-generator/hooks/use-logo-generator.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/hooks/use-logo-generator.ts
@@ -7,6 +7,7 @@ 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';
@@ -17,8 +18,9 @@ import useRequestErrors from './use-request-errors.js';
/**
* Types
*/
-import type { ImageStyle } from '../../hooks/use-image-generator/constants.js';
-import type { Logo, Selectors, SaveLogo } from '../store/types.js';
+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';
const debug = debugFactory( 'jetpack-ai-calypso:use-logo-generator' );
@@ -79,7 +81,7 @@ const useLogoGenerator = () => {
setLogoUpdateError,
} = useRequestErrors();
- const { generateImageWithParameters, getImageStyles } = useImageGenerator();
+ const { generateImageWithParameters } = useImageGenerator();
const { saveToMediaLibrary } = useSaveToMediaLibrary();
const { ID = null, name = null, description = null } = siteDetails || {};
@@ -87,6 +89,10 @@ const useLogoGenerator = () => {
const aiAssistantFeatureData = getAiAssistantFeature( siteId );
const logoGenerationCost = aiAssistantFeatureData?.costs?.[ 'jetpack-ai-logo-generator' ]?.logo;
+ const logoGeneratorControl = aiAssistantFeatureData?.featuresControl?.[
+ 'logo-generator'
+ ] as LogoGeneratorFeatureControl;
+ const imageStyles: Array< ImageStyleObject > = logoGeneratorControl?.styles || [];
const generateFirstPrompt = useCallback(
async function (): Promise< string > {
@@ -192,25 +198,70 @@ For example: user's prompt: A logo for an ice cream shop. Returned prompt: A log
}
};
- const generateImage = useCallback( async function ( {
- prompt,
- style = null,
- }: {
- prompt: string;
- style?: ImageStyle | null;
- } ): Promise< { data: Array< { url: string } > } > {
- setLogoFetchError( null );
+ const guessStyle = useCallback(
+ async function ( prompt: string ): Promise< ImageStyle | null > {
+ setLogoFetchError( null );
+ if ( ! imageStyles || ! imageStyles.length ) {
+ return null;
+ }
- try {
- const tokenData = await requestJwt();
+ const messages = [
+ {
+ role: 'jetpack-ai' as RoleType,
+ context: {
+ type: 'ai-assistant-guess-logo-style',
+ request: prompt,
+ name,
+ description,
+ },
+ },
+ ];
- if ( ! tokenData || ! tokenData.token ) {
- throw new Error( 'No token provided' );
+ try {
+ const style = await askQuestionSync( messages, { feature: 'jetpack-ai-logo-generator' } );
+
+ if ( ! style ) {
+ return null;
+ }
+ const styleObject = imageStyles.find( ( { value } ) => value === style );
+
+ if ( ! styleObject ) {
+ return null;
+ }
+
+ return styleObject.value;
+ } catch ( error ) {
+ debug( 'Error guessing style', error );
+ Promise.reject( error );
}
+ },
+ [ imageStyles, name, description ]
+ );
+
+ const generateImage = useCallback(
+ async function ( {
+ prompt,
+ style = null,
+ }: {
+ prompt: string;
+ style?: ImageStyle | null;
+ } ): Promise< { data: Array< { url: string } > } > {
+ setLogoFetchError( null );
- debug( 'Generating image with prompt', prompt );
+ try {
+ const tokenData = await requestJwt();
+
+ if ( ! tokenData || ! tokenData.token ) {
+ throw new Error( 'No token provided' );
+ }
- const imageGenerationPrompt = `I NEED to test how the tool works with extremely simple prompts. DO NOT add any detail, just use it AS-IS:
+ if ( style === 'auto' ) {
+ throw new Error( 'Auto style is not supported' );
+ }
+
+ debug( 'Generating image with prompt', prompt );
+
+ const imageGenerationPrompt = `I NEED to test how the tool works with extremely simple prompts. DO NOT add any detail, just use it AS-IS:
Create a single text-free iconic vector logo that symbolically represents the user request, using abstract or symbolic imagery.
The design should be modern, with either a vivid color scheme full of gradients or a color scheme that's monochromatic. Use any of those styles based on the user request mood.
Ensure the logo is set against a clean solid background.
@@ -220,21 +271,38 @@ The image should contain a single icon, without variations, color palettes or di
User request:${ prompt }`;
- const body = {
- prompt: imageGenerationPrompt,
- feature: 'jetpack-ai-logo-generator',
- response_format: 'b64_json',
- style: style || '', // backend expects an empty string if no style is provided
- };
+ const body = {
+ prompt: imageGenerationPrompt,
+ // if style is set prompt is reworked at backend with messages
+ messages: style
+ ? [
+ {
+ role: 'jetpack-ai',
+ context: {
+ type: 'ai-assistant-generate-logo',
+ request: prompt,
+ name,
+ description,
+ style,
+ },
+ },
+ ]
+ : [],
+ feature: 'jetpack-ai-logo-generator',
+ response_format: 'b64_json',
+ style: style || '', // backend expects an empty string if no style is provided
+ };
- const data = await generateImageWithParameters( body );
+ const data = await generateImageWithParameters( body );
- return data as { data: { url: string }[] };
- } catch ( error ) {
- setLogoFetchError( error );
- throw error;
- }
- }, [] );
+ return data as { data: { url: string }[] };
+ } catch ( error ) {
+ setLogoFetchError( error );
+ throw error;
+ }
+ },
+ [ name, description ]
+ );
const saveLogo = useCallback< SaveLogo >(
async logo => {
@@ -401,7 +469,8 @@ User request:${ prompt }`;
tierPlansEnabled,
isLoadingHistory,
setIsLoadingHistory,
- getImageStyles,
+ imageStyles,
+ guessStyle,
};
};
diff --git a/projects/js-packages/ai-client/src/logo-generator/store/actions.ts b/projects/js-packages/ai-client/src/logo-generator/store/actions.ts
index 4164e5e3ca6f6..497ab74246fc9 100644
--- a/projects/js-packages/ai-client/src/logo-generator/store/actions.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/store/actions.ts
@@ -93,6 +93,10 @@ const actions = {
query: 'force=wpcom',
} );
+ if ( response.data ) {
+ throw new Error( 'Failed to fetch' );
+ }
+
// Store the feature in the store.
dispatch(
actions.storeAiAssistantFeature( mapAiFeatureResponseToAiFeatureProps( response ) )
diff --git a/projects/js-packages/ai-client/src/logo-generator/store/constants.ts b/projects/js-packages/ai-client/src/logo-generator/store/constants.ts
index 4131f5f05f7cc..fa4a7d7f03cb6 100644
--- a/projects/js-packages/ai-client/src/logo-generator/store/constants.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/store/constants.ts
@@ -18,7 +18,7 @@ export const ENDPOINT_AI_ASSISTANT_FEATURE = '/wpcom/v2/jetpack-ai/ai-assistant-
* New AI Assistant feature async request
*/
export const FREE_PLAN_REQUESTS_LIMIT = 20;
-export const UNLIMITED_PLAN_REQUESTS_LIMIT = 999999999;
+export const UNLIMITED_PLAN_REQUESTS_LIMIT = 3000;
export const ASYNC_REQUEST_COUNTDOWN_INIT_VALUE = 3;
export const NEW_ASYNC_REQUEST_TIMER_INTERVAL = 5000;
export const ACTION_DECREASE_NEW_ASYNC_REQUEST_COUNTDOWN = 'DECREASE_NEW_ASYNC_REQUEST_COUNTDOWN';
diff --git a/projects/js-packages/ai-client/src/logo-generator/store/initial-state.ts b/projects/js-packages/ai-client/src/logo-generator/store/initial-state.ts
index 7b130dc12e31e..d07579e8f9793 100644
--- a/projects/js-packages/ai-client/src/logo-generator/store/initial-state.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/store/initial-state.ts
@@ -34,6 +34,12 @@ const INITIAL_STATE: LogoGeneratorStateProp = {
asyncRequestTimerId: 0,
isRequestingImage: false,
},
+ featuresControl: {
+ 'logo-generator': {
+ enabled: false,
+ styles: [],
+ },
+ },
},
},
history: [],
diff --git a/projects/js-packages/ai-client/src/logo-generator/store/reducer.ts b/projects/js-packages/ai-client/src/logo-generator/store/reducer.ts
index a2cd92c6916f8..9322c3c21a0b4 100644
--- a/projects/js-packages/ai-client/src/logo-generator/store/reducer.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/store/reducer.ts
@@ -325,6 +325,16 @@ export default function reducer(
case ACTION_SET_FEATURE_FETCH_ERROR:
return {
...state,
+ features: {
+ ...state.features,
+ aiAssistantFeature: {
+ ...state?.features?.aiAssistantFeature,
+ _meta: {
+ ...state?.features?.aiAssistantFeature?._meta,
+ isRequesting: false,
+ },
+ },
+ },
_meta: {
...( state._meta ?? {} ),
featureFetchError: action.error,
diff --git a/projects/js-packages/ai-client/src/logo-generator/store/types.ts b/projects/js-packages/ai-client/src/logo-generator/store/types.ts
index b40b2be92b85a..b34f3b9f8a22e 100644
--- a/projects/js-packages/ai-client/src/logo-generator/store/types.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/store/types.ts
@@ -1,3 +1,4 @@
+import type { ImageStyleObject } from '../../hooks/use-image-generator/constants.js';
import type { SiteDetails } from '../types.js';
/**
@@ -13,7 +14,7 @@ export type UpgradeTypeProp = 'vip' | 'default';
export type TierUnlimitedProps = {
slug: 'ai-assistant-tier-unlimited';
- limit: 999999999;
+ limit: 999999999 | 3000;
value: 1;
readableLimit: string;
};
@@ -88,13 +89,17 @@ export type TierValueProp =
| Tier750Props[ 'value' ]
| Tier1000Props[ 'value' ];
+export type LogoGeneratorFeatureControl = FeatureControl & {
+ styles: Array< ImageStyleObject > | [];
+};
+
export type FeatureControl = {
enabled: boolean;
- 'min-jetpack-version': string;
- [ key: string ]: FeatureControl | boolean | string;
};
-export type FeaturesControl = { [ key: string ]: FeatureControl };
+export type FeaturesControl = {
+ [ key: string ]: FeatureControl | LogoGeneratorFeatureControl;
+};
export type AiFeatureProps = {
hasFeature: boolean;
@@ -215,6 +220,7 @@ export type AiAssistantFeatureEndpointResponseProps = {
};
};
'features-control'?: FeaturesControl;
+ data?: string; // when WP responds with a 200 status code but it's the error wrap
};
export type SaveLogo = ( logo: Logo ) => Promise< { mediaId: number; mediaURL: string } >;
diff --git a/projects/js-packages/ai-client/src/logo-generator/types.ts b/projects/js-packages/ai-client/src/logo-generator/types.ts
index 60801f353bc3c..e54cf774ac98e 100644
--- a/projects/js-packages/ai-client/src/logo-generator/types.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/types.ts
@@ -16,10 +16,9 @@ export interface GeneratorModalProps {
isOpen: boolean;
onClose: () => void;
onApplyLogo: ( mediaId: number ) => void;
- onReload: () => void;
+ onReload?: () => void;
context: string;
placement: string;
- showStyleSelector?: boolean;
}
export interface LogoPresenterProps {
diff --git a/projects/js-packages/ai-client/src/types.ts b/projects/js-packages/ai-client/src/types.ts
index d984a1c49471a..0fc6479d5ec8c 100644
--- a/projects/js-packages/ai-client/src/types.ts
+++ b/projects/js-packages/ai-client/src/types.ts
@@ -17,11 +17,22 @@ export type SuggestionErrorCode =
| typeof ERROR_UNCLEAR_PROMPT
| typeof ERROR_RESPONSE;
+export const ROLE_SYSTEM = 'system' as const;
+export const ROLE_USER = 'user' as const;
+export const ROLE_ASSISTANT = 'assistant' as const;
+export const ROLE_JETPACK_AI = 'jetpack-ai' as const;
+
+export type RoleType =
+ | typeof ROLE_SYSTEM
+ | typeof ROLE_USER
+ | typeof ROLE_ASSISTANT
+ | typeof ROLE_JETPACK_AI;
+
/*
* Prompt types
*/
export type PromptItemProps = {
- role: 'system' | 'user' | 'assistant' | 'jetpack-ai';
+ role: RoleType;
content?: string;
context?: object;
};
diff --git a/projects/js-packages/api/CHANGELOG.md b/projects/js-packages/api/CHANGELOG.md
index 87ba1b77b441e..e093c967b826c 100644
--- a/projects/js-packages/api/CHANGELOG.md
+++ b/projects/js-packages/api/CHANGELOG.md
@@ -2,6 +2,14 @@
### This is a list detailing changes for the Jetpack RNA Components package releases.
+## [0.17.15] - 2024-10-10
+### Changed
+- Updated package dependencies.
+
+## [0.17.14] - 2024-10-07
+### Changed
+- Updated package dependencies. [#39594]
+
## [0.17.13] - 2024-09-10
### Changed
- Updated package dependencies. [#39302]
@@ -354,6 +362,8 @@
- Add the API methods left behind by the previous PR.
- Initial release of jetpack-api package
+[0.17.15]: https://github.com/Automattic/jetpack-api/compare/v0.17.14...v0.17.15
+[0.17.14]: https://github.com/Automattic/jetpack-api/compare/v0.17.13...v0.17.14
[0.17.13]: https://github.com/Automattic/jetpack-api/compare/v0.17.12...v0.17.13
[0.17.12]: https://github.com/Automattic/jetpack-api/compare/v0.17.11...v0.17.12
[0.17.11]: https://github.com/Automattic/jetpack-api/compare/v0.17.10...v0.17.11
diff --git a/projects/js-packages/api/package.json b/projects/js-packages/api/package.json
index f8decf9599a79..6238761e4bf50 100644
--- a/projects/js-packages/api/package.json
+++ b/projects/js-packages/api/package.json
@@ -1,6 +1,6 @@
{
"name": "@automattic/jetpack-api",
- "version": "0.17.13",
+ "version": "0.17.15",
"description": "Jetpack Api Package",
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/api/#readme",
"bugs": {
@@ -15,7 +15,7 @@
"license": "GPL-2.0-or-later",
"dependencies": {
"@automattic/jetpack-config": "workspace:*",
- "@wordpress/url": "4.8.1"
+ "@wordpress/url": "4.9.0"
},
"devDependencies": {
"jest": "29.7.0",
diff --git a/projects/js-packages/base-styles/CHANGELOG.md b/projects/js-packages/base-styles/CHANGELOG.md
index 55d139a37619c..4da63fce49bc5 100644
--- a/projects/js-packages/base-styles/CHANGELOG.md
+++ b/projects/js-packages/base-styles/CHANGELOG.md
@@ -5,6 +5,14 @@ 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.6.34] - 2024-10-10
+### Changed
+- Updated package dependencies.
+
+## [0.6.33] - 2024-10-07
+### Changed
+- Updated package dependencies. [#39594]
+
## [0.6.32] - 2024-09-10
### Changed
- Updated package dependencies. [#39302]
@@ -313,6 +321,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Updated package dependencies.
- Use Node 16.7.0 in tooling. This shouldn't change the behavior of the code itself.
+[0.6.34]: https://github.com/Automattic/jetpack-base-styles/compare/0.6.33...0.6.34
+[0.6.33]: https://github.com/Automattic/jetpack-base-styles/compare/0.6.32...0.6.33
[0.6.32]: https://github.com/Automattic/jetpack-base-styles/compare/0.6.31...0.6.32
[0.6.31]: https://github.com/Automattic/jetpack-base-styles/compare/0.6.30...0.6.31
[0.6.30]: https://github.com/Automattic/jetpack-base-styles/compare/0.6.29...0.6.30
diff --git a/projects/js-packages/base-styles/package.json b/projects/js-packages/base-styles/package.json
index 2b7b00c414279..1717021191164 100644
--- a/projects/js-packages/base-styles/package.json
+++ b/projects/js-packages/base-styles/package.json
@@ -1,6 +1,6 @@
{
"name": "@automattic/jetpack-base-styles",
- "version": "0.6.32",
+ "version": "0.6.34",
"description": "Jetpack components base styles",
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/base-styles/#readme",
"bugs": {
@@ -20,6 +20,6 @@
"build-production-js": "echo 'Not implemented.'"
},
"devDependencies": {
- "@wordpress/base-styles": "5.8.1"
+ "@wordpress/base-styles": "5.9.0"
}
}
diff --git a/projects/js-packages/boost-score-api/CHANGELOG.md b/projects/js-packages/boost-score-api/CHANGELOG.md
index 3f11b7abafa17..39ff183d1b94f 100644
--- a/projects/js-packages/boost-score-api/CHANGELOG.md
+++ b/projects/js-packages/boost-score-api/CHANGELOG.md
@@ -5,6 +5,14 @@ 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.1.42] - 2024-10-10
+### Changed
+- Updated package dependencies.
+
+## [0.1.41] - 2024-10-07
+### Changed
+- Updated package dependencies. [#39594]
+
## [0.1.40] - 2024-09-10
### Changed
- Updated package dependencies. [#39302]
@@ -175,6 +183,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
- Create package for the boost score bar API [#30781]
+[0.1.42]: https://github.com/Automattic/jetpack-boost-score-api/compare/v0.1.41...v0.1.42
+[0.1.41]: https://github.com/Automattic/jetpack-boost-score-api/compare/v0.1.40...v0.1.41
[0.1.40]: https://github.com/Automattic/jetpack-boost-score-api/compare/v0.1.39...v0.1.40
[0.1.39]: https://github.com/Automattic/jetpack-boost-score-api/compare/v0.1.38...v0.1.39
[0.1.38]: https://github.com/Automattic/jetpack-boost-score-api/compare/v0.1.37...v0.1.38
diff --git a/projects/js-packages/boost-score-api/package.json b/projects/js-packages/boost-score-api/package.json
index c8228618c7e87..6aaa7889bafc4 100644
--- a/projects/js-packages/boost-score-api/package.json
+++ b/projects/js-packages/boost-score-api/package.json
@@ -1,6 +1,6 @@
{
"name": "@automattic/jetpack-boost-score-api",
- "version": "0.1.40",
+ "version": "0.1.42",
"description": "A package to get the Jetpack Boost score of a site",
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/boost-score-api/#readme",
"bugs": {
@@ -20,7 +20,7 @@
"test": "jest tests"
},
"dependencies": {
- "@wordpress/i18n": "5.8.2",
+ "@wordpress/i18n": "5.9.0",
"zod": "3.22.3"
},
"devDependencies": {
diff --git a/projects/js-packages/components/CHANGELOG.md b/projects/js-packages/components/CHANGELOG.md
index 05103621aeb29..4678b332afb84 100644
--- a/projects/js-packages/components/CHANGELOG.md
+++ b/projects/js-packages/components/CHANGELOG.md
@@ -2,6 +2,25 @@
### This is a list detailing changes for the Jetpack RNA Components package releases.
+## [0.58.0] - 2024-10-15
+### Added
+- Add DiffViewer component [#39672]
+- Add ThreatSeverityBadge component [#39758]
+
+## [0.57.0] - 2024-10-14
+### Added
+- Add JetpackProtectLogo component. [#39703]
+- Add MarkedLines component. [#39674]
+
+## [0.56.3] - 2024-10-10
+### Changed
+- Components - getRedirectUrl: use file extension on import for linter to find definitions
+- Updated package dependencies.
+
+## [0.56.2] - 2024-10-07
+### Changed
+- Updated package dependencies. [#39594]
+
## [0.56.1] - 2024-10-02
### Changed
- Updated package dependencies. [#39610]
@@ -1176,6 +1195,10 @@
### Changed
- Update node version requirement to 14.16.1
+[0.58.0]: https://github.com/Automattic/jetpack-components/compare/0.57.0...0.58.0
+[0.57.0]: https://github.com/Automattic/jetpack-components/compare/0.56.3...0.57.0
+[0.56.3]: https://github.com/Automattic/jetpack-components/compare/0.56.2...0.56.3
+[0.56.2]: https://github.com/Automattic/jetpack-components/compare/0.56.1...0.56.2
[0.56.1]: https://github.com/Automattic/jetpack-components/compare/0.56.0...0.56.1
[0.56.0]: https://github.com/Automattic/jetpack-components/compare/0.55.17...0.56.0
[0.55.17]: https://github.com/Automattic/jetpack-components/compare/0.55.16...0.55.17
diff --git a/projects/js-packages/components/components/button/stories/index.stories.tsx b/projects/js-packages/components/components/button/stories/index.stories.tsx
index 6b0dffab52719..390b6c1caf71f 100644
--- a/projects/js-packages/components/components/button/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/button/stories/index.stories.tsx
@@ -313,7 +313,7 @@ export const VariantsAndProps = () => {
no props
{ variants.map( variant => (
-
+
) ) }
@@ -322,7 +322,7 @@ export const VariantsAndProps = () => {
size: small
{ variants.map( variant => (
-
+
) ) }
@@ -331,7 +331,7 @@ export const VariantsAndProps = () => {
weight: regular
{ variants.map( variant => (
-
+
) ) }
@@ -340,7 +340,7 @@ export const VariantsAndProps = () => {
icon (cloud)
{ variants.map( variant => (
-
+