@automattic/jetpack-ai-client 0.33.1 → 0.33.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/package.json +12 -13
  3. package/src/components/ai-control/style.scss +5 -5
  4. package/src/components/ai-feedback/style.scss +1 -1
  5. package/src/components/ai-image/components/ai-image-modal.scss +1 -1
  6. package/src/components/ai-image/components/carrousel.scss +7 -7
  7. package/src/components/ai-modal-footer/style.scss +3 -3
  8. package/src/components/ai-status-indicator/style.scss +2 -1
  9. package/src/components/message/style.scss +12 -12
  10. package/src/components/quota-exceeded-message/style.scss +21 -21
  11. package/src/logo-generator/components/generator-modal.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [0.33.3] - 2025-07-21
9
+ ### Changed
10
+ - Internal updates.
11
+
12
+ ## [0.33.2] - 2025-07-14
13
+ ### Changed
14
+ - Update package dependencies. [#44217] [#44219]
15
+
8
16
  ## [0.33.1] - 2025-07-07
9
17
  ### Changed
10
18
  - Jetpack AI: Change Chrome AI experiment name to v2. [#44135]
@@ -659,6 +667,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
659
667
  - AI Client: stop using smart document visibility handling on the fetchEventSource library, so it does not restart the completion when changing tabs. [#32004]
660
668
  - Updated package dependencies. [#31468] [#31659] [#31785]
661
669
 
670
+ [0.33.3]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.2...v0.33.3
671
+ [0.33.2]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.1...v0.33.2
662
672
  [0.33.1]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.0...v0.33.1
663
673
  [0.33.0]: https://github.com/Automattic/jetpack-ai-client/compare/v0.32.1...v0.33.0
664
674
  [0.32.1]: https://github.com/Automattic/jetpack-ai-client/compare/v0.32.0...v0.32.1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": false,
3
3
  "name": "@automattic/jetpack-ai-client",
4
- "version": "0.33.1",
4
+ "version": "0.33.3",
5
5
  "description": "A JS client for consuming Jetpack AI services",
6
6
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
7
7
  "bugs": {
@@ -25,15 +25,14 @@
25
25
  },
26
26
  "type": "module",
27
27
  "devDependencies": {
28
- "@storybook/addon-actions": "8.6.7",
29
- "@storybook/blocks": "8.6.7",
30
- "@storybook/preview-api": "8.6.7",
31
- "@storybook/react": "8.6.7",
28
+ "@storybook/addon-docs": "9.0.15",
29
+ "@storybook/react": "9.0.15",
30
+ "@testing-library/dom": "10.4.0",
32
31
  "@types/markdown-it": "14.1.2",
33
32
  "@types/turndown": "5.0.5",
34
- "jest": "30.0.0",
35
- "jest-environment-jsdom": "30.0.0",
36
- "storybook": "8.6.7",
33
+ "jest": "30.0.4",
34
+ "jest-environment-jsdom": "30.0.4",
35
+ "storybook": "9.0.15",
37
36
  "typescript": "5.8.3"
38
37
  },
39
38
  "exports": {
@@ -45,12 +44,12 @@
45
44
  "main": "./build/index.js",
46
45
  "types": "./build/index.d.ts",
47
46
  "dependencies": {
48
- "@automattic/jetpack-base-styles": "^1.0.3",
49
- "@automattic/jetpack-components": "^1.1.10",
50
- "@automattic/jetpack-connection": "^1.2.10",
51
- "@automattic/jetpack-script-data": "^0.4.4",
47
+ "@automattic/jetpack-base-styles": "^1.0.5",
48
+ "@automattic/jetpack-components": "^1.1.14",
49
+ "@automattic/jetpack-connection": "^1.2.14",
52
50
  "@automattic/jetpack-explat": "workspace:*",
53
- "@automattic/jetpack-shared-extension-utils": "^1.3.0",
51
+ "@automattic/jetpack-script-data": "^0.5.0",
52
+ "@automattic/jetpack-shared-extension-utils": "^1.3.5",
54
53
  "@microsoft/fetch-event-source": "2.0.1",
55
54
  "@types/jest": "30.0.0",
56
55
  "@types/react": "18.3.23",
package/src/components/ai-control/style.scss CHANGED
@@ -6,8 +6,8 @@
6
6
  }
7
7
 
8
8
  .jetpack-components-ai-control__container {
9
- color: var( --jp-gray-80 );
10
- background-color: var( --jp-white );
9
+ color: var(--jp-gray-80);
10
+ background-color: var(--jp-white);
11
11
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.12), 0 3px 9px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
12
12
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13
13
  border-radius: 6px;
@@ -35,7 +35,7 @@
35
35
  align-items: center;
36
36
 
37
37
  textarea.jetpack-components-ai-control__input {
38
- background-color: var( --jp-white );
38
+ background-color: var(--jp-white);
39
39
  width: 100%;
40
40
  min-height: 20px;
41
41
  border-radius: 2px;
@@ -44,7 +44,7 @@
44
44
  resize: none !important;
45
45
  border: none;
46
46
  box-shadow: none;
47
- color: var( --jp-gray-80 );
47
+ color: var(--jp-gray-80);
48
48
 
49
49
  font-size: 16px;
50
50
  font-weight: 400;
@@ -54,7 +54,7 @@
54
54
 
55
55
  &:focus {
56
56
  box-shadow: none;
57
- color: var( --jp-gray-80 );
57
+ color: var(--jp-gray-80);
58
58
  }
59
59
 
60
60
  @media (min-width: 600px) {
package/src/components/ai-feedback/style.scss CHANGED
@@ -10,6 +10,6 @@
10
10
  }
11
11
 
12
12
  &__thumb-selected {
13
- color: var( --wp-components-color-accent, var( --wp-admin-theme-color, #3858e9 ) );
13
+ color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
14
14
  }
15
15
  }
package/src/components/ai-image/components/ai-image-modal.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  border: 1px solid #ccc;
41
41
  border-radius: 6px;
42
42
  padding: 12px;
43
- color: var( --studio-black );
43
+ color: var(--studio-black);
44
44
  }
45
45
 
46
46
  textarea:disabled {
package/src/components/ai-image/components/carrousel.scss CHANGED
@@ -50,7 +50,7 @@ $scale-factor: 0.55;
50
50
  display: flex;
51
51
  align-items: center;
52
52
  overflow: hidden;
53
- height: calc( 768px * $scale-factor );
53
+ height: calc(768px * $scale-factor);
54
54
 
55
55
  .ai-carrousel {
56
56
 
@@ -80,7 +80,7 @@ $scale-factor: 0.55;
80
80
  background: transparent;
81
81
 
82
82
  &:hover {
83
- background-color: rgba( 0, 0, 0, 0.3 );
83
+ background-color: rgba(0, 0, 0, 0.3);
84
84
  opacity: 1;
85
85
  }
86
86
 
@@ -136,8 +136,8 @@ $scale-factor: 0.55;
136
136
  }
137
137
 
138
138
  &-image {
139
- max-height: calc( 768px * $scale-factor );
140
- max-width: calc( 1024px * $scale-factor );
139
+ max-height: calc(768px * $scale-factor);
140
+ max-width: calc(1024px * $scale-factor);
141
141
  width: auto;
142
142
  height: auto;
143
143
  margin: auto 0;
@@ -149,18 +149,18 @@ $scale-factor: 0.55;
149
149
  height: 100%;
150
150
  position: absolute;
151
151
  left: 8px;
152
- transform: translateX( 100% );
152
+ transform: translateX(100%);
153
153
  transition: transform 0.5s;
154
154
  flex-direction: column;
155
155
  align-items: center;
156
156
 
157
157
  &.is-prev {
158
- transform: translateX( -100% );
158
+ transform: translateX(-100%);
159
159
  left: -8px;
160
160
  }
161
161
 
162
162
  &.is-current {
163
- transform: translateX( 0 );
163
+ transform: translateX(0);
164
164
  position: static;
165
165
  }
166
166
  }
package/src/components/ai-modal-footer/style.scss CHANGED
@@ -2,11 +2,11 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: 4px;
5
- color: var( --jp-gray-50 );
6
- fill: var( --jp-gray-50 );
5
+ color: var(--jp-gray-50);
6
+ fill: var(--jp-gray-50);
7
7
 
8
8
  .components-button.is-link {
9
- color: var( --jp-gray-50 );
9
+ color: var(--jp-gray-50);
10
10
  }
11
11
  }
12
12
 
package/src/components/ai-status-indicator/style.scss CHANGED
@@ -12,7 +12,8 @@
12
12
  margin: 6px 0 0;
13
13
  }
14
14
 
15
- &.is-requesting, &.is-suggesting {
15
+ &.is-requesting,
16
+ &.is-suggesting {
16
17
  opacity: 1;
17
18
  width: 24px;
18
19
  }
package/src/components/message/style.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  min-height: 28px;
12
12
 
13
13
  > svg {
14
- fill: var( --jp-gray-40 );
14
+ fill: var(--jp-gray-40);
15
15
  flex-shrink: 0;
16
16
  }
17
17
 
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  .components-external-link {
32
- color: var( --jp-gray-50 );
32
+ color: var(--jp-gray-50);
33
33
  }
34
34
 
35
35
  // Force padding 0 in link buttons, since default Gutenberg version in WordPress doesn't use iframe and
@@ -46,30 +46,30 @@
46
46
  }
47
47
 
48
48
  .jetpack-ai-assistant__message-severity-info {
49
- background-color: var( --jp-gray-0 );
50
- color: var( --jp-gray-50 );
49
+ background-color: var(--jp-gray-0);
50
+ color: var(--jp-gray-50);
51
51
  }
52
52
 
53
53
  .jetpack-ai-assistant__message-severity-warning {
54
54
  background-color: #FEF8EE;
55
- color: var( --jp-gray-100 );
55
+ color: var(--jp-gray-100);
56
56
  }
57
57
 
58
58
  .jetpack-ai-assistant__message-severity-error {
59
- background-color: var( --jp-red-0 );
60
- color: var( --jp-gray-100 );
59
+ background-color: var(--jp-red-0);
60
+ color: var(--jp-gray-100);
61
61
 
62
62
  > svg {
63
- fill: var( --jp-red-40, #E65054 );
63
+ fill: var(--jp-red-40, #E65054);
64
64
  }
65
65
  }
66
66
 
67
67
  .jetpack-ai-assistant__message-severity-success {
68
- background-color: var( --jp-green-5 );
69
- color: var( --jp-gray-100 );
68
+ background-color: var(--jp-green-5);
69
+ color: var(--jp-gray-100);
70
70
 
71
71
  > svg {
72
- fill: var( --jp-green-30 );
72
+ fill: var(--jp-green-30);
73
73
  }
74
74
  }
75
75
 
@@ -79,6 +79,6 @@
79
79
  height: unset;
80
80
 
81
81
  > svg {
82
- fill: var( --jp-gray-50 );
82
+ fill: var(--jp-gray-50);
83
83
  }
84
84
  }
package/src/components/quota-exceeded-message/style.scss CHANGED
@@ -1,37 +1,37 @@
1
1
  @use '@automattic/jetpack-base-styles/style';
2
2
 
3
3
  .jetpack-upgrade-plan-banner__wrapper {
4
- column-gap: 32px;
4
+ column-gap: 32px;
5
5
  }
6
6
 
7
7
  .jetpack-upgrade-plan-banner.jetpack-ai-upgrade-banner {
8
8
 
9
- .jetpack-upgrade-plan-banner__wrapper {
9
+ .jetpack-upgrade-plan-banner__wrapper {
10
10
 
11
- .components-button.is-primary.is-busy {
12
- background: var( --jp-white );
13
- color: var( --jp-black );
14
- }
15
- }
11
+ .components-button.is-primary.is-busy {
12
+ background: var(--jp-white);
13
+ color: var(--jp-black);
14
+ }
15
+ }
16
16
  }
17
17
 
18
18
  .jetpack-ai-fair-usage-notice-muted-variant {
19
- line-height: 1.4;
20
- margin: 0;
21
- text-wrap: pretty;
22
- font-size: calc(13px);
23
- font-weight: 400;
24
- color: #757575;
25
-
26
- a {
27
- color: #757575;
28
- }
19
+ line-height: 1.4;
20
+ margin: 0;
21
+ text-wrap: pretty;
22
+ font-size: calc(13px);
23
+ font-weight: 400;
24
+ color: #757575;
25
+
26
+ a {
27
+ color: #757575;
28
+ }
29
29
  }
30
30
 
31
31
  .jetpack-ai-fair-usage-notice {
32
- color: #1E1E1E;
32
+ color: #1E1E1E;
33
33
 
34
- a {
35
- color: #1E1E1E;
36
- }
34
+ a {
35
+ color: #1E1E1E;
36
+ }
37
37
  }
package/src/logo-generator/components/generator-modal.scss CHANGED
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .jetpack-ai-logo-generator-modal__notice-message {
53
- font-size: var( --font-body-small );
53
+ font-size: var(--font-body-small);
54
54
  }
55
55
 
56
56
  .jetpack-ai-logo-generator-modal__notice-actions {