Commit Graph

50 Commits

Author SHA1 Message Date
Luigi Teschio 1fbfa83fb4
CYS: Improve opt in flow (#50529)
* CYS: Improve opt in flow

* Add changefile(s) from automation for the following project(s): woocommerce

* fix import

* fix imports and remove not used functions

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-08-09 17:44:10 +02:00
Luigi Teschio de4a8ffdd4
CYS: show default TT4 fonts pair (#49675)
* CYS: show default TT4 fonts pair

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-18 14:41:52 +00:00
Luigi Teschio 615513144d
CYS: Fix color button (#49181)
* CYS: Fix color button

* Add colors to the just arrived full hero button

* Add changefile(s) from automation for the following project(s): woocommerce

* fix just arrived full hero on sidebar

* improving name

* reorganize code

* Fix lint errors

---------

Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
Co-authored-by: github-actions <github-actions@github.com>
2024-07-05 12:41:27 +00:00
Luigi Teschio e044ea9120
CYS: apply white color to the heading elements in the core/cover block (#48447)
* CYS: apply color to the heading elements in the core/cover block

* Add changefile(s) from automation for the following project(s): woocommerce

* fix color

* add E2E test

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-13 08:48:06 +00:00
Patricia Hillebrandt 5dd7713346
[Performance]: Replace `classnames` usage with `clsx` (#47760)
* Replace classnames with clsx within woocommerce-blocks.

* Undo unnecessary change to getClassnames const.

* Replace classnames with clsx within woocommerce-admin.

* Add changelog.

* Update the pnpm lock file

* Address lint.

* Address lint errors for the block-library.
2024-05-31 05:49:36 +02:00
Luigi Teschio 51dfbb969f
CYS - color picker: fix CSS (#46227)
* CYS - color picker: fix CSS

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-04-04 15:28:15 +00:00
Alba Rincón f06ef8d8e2
[CYS] Fix color palette button colors (#46216)
* CYS: add debounce to improve performance

* Fix button colors

* Format

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: Luigi Teschio <gigitux@gmail.com>
Co-authored-by: github-actions <github-actions@github.com>
2024-04-04 16:26:15 +02:00
Luigi Teschio 96c9180671
CYS: add debounce to improve performance (#46212)
* CYS: add debounce to improve performance

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-04-04 12:19:56 +02:00
Luigi Teschio 76e7d84523
[CYS] Improve logic to ensure that the font is active (#45385)
* improve logic to ensure that the font is active

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-03-07 18:44:01 +00:00
Luigi Teschio e4574e2681
CYS - Core: fix font load when user opts out of tracking (#45185)
* CYS - Core: fix font load when user opts out of tracking

* remove comment

* Add changefile(s) from automation for the following project(s): woocommerce

* fix array to pass to FontFamiliesLoader

* fix crash

* fix font pair selected after the setup

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-28 14:47:31 +00:00
Alba Rincón e1d83555a2
[CYS] Add missing typography settings for the Site Title block (#45166)
* Add missing typography settings for the Site Title block

* Add changefile(s) from automation for the following project(s): woocommerce

* Remove unnecessary fontStyle attribute

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-28 12:06:39 +01:00
Patricia Hillebrandt fe0b918058
[CYS on Core] Conditionally change the default fonts available based on user consent (#44532)
* Add upgrade notice for the fonts feature whenever WP is outdateed or the user did not grant us consent.

* Add styles for the woocommerce-customize-store_sidebar-typography-upgrade-notice class.

* Update the upgrade conditionals.

* Introduce the new modal for the user to opt in to usage tracking.

* Add the CSS for the woocommerce-customize-store__opt-in-usage-tracking-modal

* Implement the sendEvent to OptInDataSharing

* Fix typo.

* Make sure the opt in button is disabled if the opt in checkbox is unchecked.

* Update the styles for the woocommerce-customize-store__opt-in-usage-tracking-modal

* Update the styles to allow changes to the link

* Set Cardo + System Sans-serif as the default fonts if the usage tracking wasn't allowed.

* Set Cardo + System Sans-serif as the default fonts if the Font Library is unavailable.

* Add the Jost + Instrument Sans font pairing.

* Update copy for the upgrade notice to remove mentions to Gutenberg.

* Replace the Link component with the Button component.

* Ensure the woocommerce_allow_tracking option is properly updated whenever the user opts in.

* Add the new Inter + Cardo font pairing.

* Redirect user to the loading screen so all relevant fonts can be installed for them.

* Render the FontPairing component only if the isFontLibraryAvailable. Update the link to download the latest version of the core of WordPress.

* update the fontPairings constant.

* Update styles for buttons and links.

* Add changefile(s) from automation for the following project(s): woocommerce

* Make sure the dispatch for updating the option is async so the page redirect is not triggered before the option is saved to the database.

* Fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
2024-02-26 16:01:43 +01:00
Alba Rincón af00debc02
[CYS] Use outline instead of border, so the border width does not affect the card size (#44851)
* Use outline instead of border, so the border width does not affect the card size

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-26 10:14:47 +01:00
Luigi Teschio 879cfaec46
[CYS- Core] Improve default palette (#44722)
* improve default palette

* improve comment

* Add changefile(s) from automation for the following project(s): woocommerce

* improve comment

* fix theme.json

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-20 10:48:27 +01:00
Luigi Teschio 62f2782715
[CYS - Core] improve logic to find active fonts (#44724)
* improve logic to find active fonts

* Add changefile(s) from automation for the following project(s): woocommerce

* Update changelog

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
2024-02-20 10:48:09 +01:00
Luigi Teschio cb1ae99a77
Core - CYS: fix fonts not loaded on the font picker iframes (#44586)
* Core - CYS: fix fonts not loaded on the font picker iframes

* add changelog

* fix lint error
2024-02-14 10:30:18 +01:00
Luigi Teschio 79ff29138c
CYS - Core: fix fonts not loaded after the setup (#44550)
* CYS - Core: fix fonts not loaded after the setup

* add changelog
2024-02-12 18:33:19 +01:00
Alba Rincón 7f8b1e201c
[CYS] Ensure the font family for buttons match the one assigned for the content, not the title (#44458)
* Fix select font for buttons

* Add changelog
2024-02-12 09:25:36 +01:00
Luigi Teschio abdf0c3f8a
CYS - Core: ensure that the the default font pair and color pair are selected (#44309)
* CYS - Core: ensure that the default font and color are selected

* remove console.log

* Add changefile(s) from automation for the following project(s): woocommerce

* add comment

* add changelog

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-08 15:08:38 +00:00
Alba Rincón 5af5f9b235
[CYS on Core] Ensure the size of fonts is not affected by the font family changes (#44424)
* Fix fonts affecting the size of each other

* Add changefile(s) from automation for the following project(s): woocommerce

* Remove log

* Removae old typography settings before applying new ones

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-08 13:38:20 +01:00
Luigi Teschio ae1503f588
CYS - AI flow: fix regression - no fonts visible (#44280)
* CYS - AI flow: fix regression - no fonts visible

* Add changefile(s) from automation for the following project(s): woocommerce

* Trigger Build

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-01 18:44:28 +00:00
Luigi Teschio e0972ef6ea
[WIP] CYS - Core: add integration with the font library (#44004)
* CYS - Core: add integration with the font library

* install font only when necessary

* refactor logic

* add try catch

* renaming font

* refactor some code

* refactor some logic

* Add changefile(s) from automation for the following project(s): woocommerce

* remove not used import

* avoid mutability

* improve performance

* update name variable

* fix naming

* fix endpoints after font collection rest controller improvements

* use promise.all into the map

* improve performance

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-01 17:16:12 +00:00
Luigi Teschio 1453597400
CYS - Core: implement 'noAI' flowType (#43368)
* CYS - Core: implement 'noAI' flowType

* Add changefile(s) from automation for the following project(s): woocommerce

* remove unused import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-01-09 15:49:59 +01:00
Patricia Hillebrandt de9322fb38
[CYS] Update the neutral color palette to black and white (#43114)
* Update the neutral color palette to black and white.

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-12-27 09:30:08 -03:00
Luigi Teschio 7cb10704ff
fix: CYS - change heading color (#43076)
* fix: CYS - change heading color

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com>
2023-12-26 09:07:52 -03:00
Patricia Hillebrandt 4c62ac23ee Address build and lint errors 2023-12-07 08:05:06 -03:00
Patricia Hillebrandt 422e9ce1b9 Merge branch 'trunk' into update-color-palettes-no-ai 2023-12-07 07:22:53 -03:00
Patricia Hillebrandt a8d4de29f9 Address lint errors. 2023-12-07 06:26:55 -03:00
Luigi Teschio 01d9bfc678
CSY: Update copy when AI is offline (#41900)
* fix: CSY - update font copy when ai is offline

* Add changefile(s) from automation for the following project(s): woocommerce

* update font

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-12-07 09:16:28 +01:00
Patricia Hillebrandt 89108c348b ditch spacing. 2023-12-06 19:04:21 -03:00
Patricia Hillebrandt 6bc41b24e3 Fix lint error. 2023-12-06 19:01:28 -03:00
Patricia Hillebrandt 564f95d997 Update the color palette migrated from Tsubaki for the New - Neutral palette. 2023-12-06 14:22:35 -03:00
Alba Rincón 77826c6c76 Add new color palettes for when ai is unavailable 2023-12-06 14:41:34 +01:00
Chi-Hsuan Huang 05cfe2fe98
Improve CYS assembler hub performance (#41453)
* Use custome iframe to improve iframe loading performance

* Add loadStyles and loadScripts props

* Fix sidebar pattern rerendering issue

* Add changelog

* Fix prop name

* Fix isScrollable
2023-11-15 21:06:05 +08:00
Chi-Hsuan Huang 5ece22111a Fix button's background doesn't change 2023-11-03 15:32:42 +08:00
Chi-Hsuan Huang 7142f80534
Update CYS color palettes and fonts based on the new Dotcom release (#40989)
* Update font pairings

* Remove font loader check

* Update default fonts

* Update color palette choices

* Add changelog

* Add default color styles config

* Add comment

* Fix tests

* Fix test
2023-10-26 14:15:53 +08:00
Moon bd1fda4891
Remove green/yellow color palette from pattern assembler (#40887)
* Remove green/yellow color palette from pattern assembler

* Remove Lemon Myrtle

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-25 11:34:55 +08:00
Chi-Hsuan Huang 532bb3056e
Replace font ai suggestion with pre-defined rule-based approach (#40696) 2023-10-12 01:35:46 -05:00
Chi-Hsuan Huang e87835e95b
Improve CYS font/color performance (#40701)
* Move BlockEditorProvider to variation container and set useSubRegistry to true

* Add custom iframe component

* Add changelog
2023-10-12 12:32:20 +08:00
Ilyas Foo 1b18634ad3
Fix CYS font pairing issues (#40668)
* Remove invalid text parameter used to optimize loaded font

* Fix preview not loading the heading and text font families

* Changelog
2023-10-11 13:40:08 +08:00
Chi-Hsuan Huang 6ce8199e97
[Customize Your Store] Add "Inter + Inter" font pairing & Set default font pairing (#40611)
* Add Inter + Inter font pairing

* Set default font pairing

* Add changelog
2023-10-06 03:53:52 -05:00
Chi-Hsuan Huang de1fe1bf96
Fix Customize Your Store UI bugs (#40456)
* Add woocommerce_customize_store_ai_suggestions option to allowed list

* Add z-index=1 to tour-kit close btn to ensure it's clickable

* Fix cys container classname

* Fix color palette border style and frame spinner position

* Fix janky ai loader

* Add changelog

* Fix classname and section header spacing

* Fix cannot save cys logo changes

* Add use-selected-pattern hoook to add selected style to pattern

* Fix opacity preview issue

* Revert interval change

* Add test

* Fix findPatternByBlock

* Fix range input focus style

* Fix lint
2023-10-02 16:28:13 +08:00
RJ ceb5f942ea
fix: cys assembler font loading optimisations (#40458)
* fix: cys assembler font loading optimisations

* lint
2023-09-29 13:20:29 +08:00
RJ 858fdecc52
fix: cys site assembler color palette persistence bug (#40396)
Fix the bug where sometimes switching from user defined color palettes to a pre-defined color palette won't set some colors.
2023-09-27 16:27:04 +08:00
RJ bf80b7a534
add: use ai suggestions to populate color schemes in assembler hub (#40377) 2023-09-26 11:32:14 +08:00
Chi-Hsuan Huang 0c43712b68
[Customize Your Store] Hide color panel and fix nav links on WooExpress site (#40326) 2023-09-22 14:27:22 +08:00
Chi-Hsuan Huang 7f9322c858
[Customize Your Store] Loading - Persisting AI assembled site (#40294)
* Persist AI assembled site

* Update color options

* Invalid the selectors

* Add changefile(s) from automation for the following project(s): woocommerce

* Fix lint

* Update colorPaletteName

* Fix tests

* [Customize Your Store] Call wc store patterns API (#40297)

* Call /wc/store/v1/patterns endpoint to populate pattern contents/images

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-21 13:30:57 +08:00
Chi-Hsuan Huang 2313667d81
Address CYS UI feedback 19 Sep (#40269)
* Direct user to the assembler hub automatically after saving

* Unset active state on color palette when user changes colors

* Add changefile(s) from automation for the following project(s): woocommerce

* Remove unneed styles

* Fix color variation logic

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-20 12:52:22 +08:00
Chi-Hsuan Huang 4495a6a49e
Add customize store - fonts (#40082)
* Add customize store fonts

* Add changefile(s) from automation for the following project(s): woocommerce

* Add inline comment for font-hosting note

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/auto-block-preview.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Remove duplicated External dependencies

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-09-13 16:01:28 +08:00
Chi-Hsuan Huang 940b24cce2
Add customize store colors (#40051)
* Add cys color palettes

* Add reference links

* Add changefile(s) from automation for the following project(s): woocommerce

* Rename color-palette

* Add changefile(s) from automation for the following project(s): woocommerce

* Update folder structure

* Reset color changes when navigating back

* Rename files

* Update COLOR_PALETTES options

* Add color-palette-variations/preview.tsx

* Fix double slash links

* Fix color variations item style

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-11 17:48:23 +08:00