Commit Graph

329 Commits

Author SHA1 Message Date
Luigi Teschio a511ce77e9
CYS: fix toolbar position after the site preview resizes (#49028)
* CYS: fix toolbar position

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-03 09:25:23 +02:00
Luigi Teschio 7b3434c8b5
CYS: Fix pattern rendering issues (#49041)
* CYS: Fix pattern rendering issues

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

* fix import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-03 09:25:12 +02:00
Daniel W. Robert 2241a4f199
Update Fiverr CTA to Reflect the Latest Copy in Figma (#48987)
* Update Fiverr CTA to reflect latest update in Figma.

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-02 12:21:44 -04:00
Luigi Teschio d4438a8833
CYS: Add default patterns (#48839)
* remove not necessary patterns

* use always template1 for AI flow

* show default patterns homepage

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

* remove not used images

* restore changes

* fix e2e test

* fix e2e test

* restore necessary patterns

* add necessary patterns

* add default patterns

* add default pattern

* update tests

* fix logic

* rename images

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

* restore deleted patterns

* exclude tt4 patterns

* update image

* update default intro pattern

* not use i18n function

* fix how patterns label are translated

* order patterns in the sidebar

* fix unit test

* simplify function

* Fetch patterns from the private dotcom patterns

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

* exclude some default patterns

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
2024-07-02 14:39:49 +00:00
Alba Rincón e842d4bc26
[CYS] Avoid the intro cards to get smaller on large screens (#48983)
* Avoid the intro cards to get smaller on large screens

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

* Add flex wrap

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-02 15:06:58 +02:00
Luigi Teschio 130edc9860
CYS: open Intro panel when user clicks on Design your homepage (#49005)
* CYS: open Intro panel when user clicks on Design your homepage

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-02 13:56:34 +02:00
Luigi Teschio fe4141f663
CYS: Remove iframe animation (#48941)
* CYS: Remove animation

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

* lint CSS

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-02 08:08:38 +00:00
Luigi Teschio fb1c2b9936
CYS: Revisit sidebar layout (#48803)
* WIP

* improve layout

* improve CSS

* fix import

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

* lint scss

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-02 10:03:56 +02:00
Luigi Teschio d709d53d9a
CYS: make the entire shuffle section clickable (#48889)
* CYS: make the entire shuffle section clickable

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

* fix import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-01 13:56:41 +02:00
Luigi Teschio d4128118c1
CYS: no highlight the pattern when it is added (#48802)
* CYS: Improve Block Toolbar logic

* CYS: no highlight pattern when it is added

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-01 11:21:06 +02:00
Luigi Teschio 6b366c2390
CYS: fix flickering effect (#48767)
* CYS: fix flickering effect

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

* not use hook

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-28 11:38:27 +02:00
Luigi Teschio 026e93916a
CYS: when the footer/header is clicked, the border color is blue (#48765)
* CYS: when the footer/header is clicked, the border color is blue

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

* improve CSS

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-28 08:40:01 +00:00
Luigi Teschio bfe65d61d1
CYS: Update sidebar homepage copy (#48882)
* CYS: Update sidebar homepage copy

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

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-27 09:50:45 +00:00
Luigi Teschio c119a1b64f
CYS: Improve Block Toolbar logic (#48799)
* CYS: Improve Block Toolbar logic

* disable animation

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-27 08:22:32 +00:00
Luigi Teschio e601afb351
CYS: Remove not necessary patterns (#48750)
* remove not necessary patterns

* use always template1 for AI flow

* show default patterns homepage

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

* remove not used images

* restore changes

* fix e2e test

* fix e2e test

* restore necessary patterns

* add necessary patterns

* restore necessary patterns

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-26 12:55:35 +00:00
Luigi Teschio 91e3154a1c
CYS: Disable readonly mode only when full composability feature flag is enabled (#48752)
* CYS: Disable readonly mode only when full composability feature flag is enabled

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

* add import

* address feedback

* no select block when it is added

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-24 14:43:26 +02:00
Luigi Teschio 2374240bb6
CYS: fix pattern wrapped twice by group blocks (#48712)
* CYS: fix pattern wrapped twice by group blocks

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-21 13:22:18 +00:00
Luigi Teschio 2d14a6fb38
CYS: hide button to resize the image (#48714)
* CYS: hide button to resize the image

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-21 13:18:54 +00:00
Luigi Teschio e5cb6917dc
CYS: fix logic to disable click on the no block placeholder (#48722)
* CYS: fix logic to disable click on the no block placeholder

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-21 13:14:42 +00:00
Alba Rincón ed2bb0e27d
[CYS] Pattern Sidebar: Update pattern categories and copy (#48665)
* WIP

* CYS: Refactor routing approach

* fix type

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

* remove focus logic

* remove routekey prop

* fix scroll after insert pattern

* pass onNavigateBackClick callback as prop

* fix scroll

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

* fix back arrow click

* fix css

* fix tooltip position

* create dedicated CSS class

* lint css

* restore change

* improve css class name

* remove not necessary class

* add github link to the todo

* lint css

* add want more pattern section

* remove not used import

* fix logic after merge trunk

* CYS: fix tooltip position

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

* trigger CI

* Add missing categories and descriptions

* Add services copy

* Uppercase

* Fix categories key

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

* Remove todo comment

---------

Co-authored-by: Luigi Teschio <gigitux@gmail.com>
Co-authored-by: github-actions <github-actions@github.com>
2024-06-21 14:56:17 +02:00
Luigi Teschio 388a5131b5
CYS: add badge that informs how many patterns have been inserted from each category (#48668)
* add badge

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

* no show 0

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-20 11:35:42 +00:00
Luigi Teschio 4d2ed9fd67
CYS: Update Block Toolbar Position (#48662)
* fix toolbar position

* improve layout toolbar

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

* fix import

* fix position during the scroll

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-20 11:26:06 +00:00
Alba Rincón b5ba0ed54f
CYS - Optimize intro `professional-theme.svg` image (#48566)
* Optimize intro `professional-theme.svg` image

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-18 17:32:56 +02:00
Luigi Teschio 29d4b18a85
CYS: add pattern category in the block toolbar (#48501)
* WIP

* CYS: Refactor routing approach

* fix type

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

* remove focus logic

* remove routekey prop

* fix scroll after insert pattern

* pass onNavigateBackClick callback as prop

* fix scroll

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

* fix back arrow click

* fix css

* fix tooltip position

* create dedicated CSS class

* lint css

* restore change

* improve css class name

* remove not necessary class

* add github link to the todo

* lint css

* add want more pattern section

* remove not used import

* CYS: set new default patterns

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

* fix logic after merge trunk

* CYS: fix tooltip position

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

* trigger CI

* CYS: add pattern category in the block toolbar

* remove not necessary import

* improve style

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

* improve CSS

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-18 13:07:56 +00:00
Luigi Teschio 408af71b27
CYS: Show Patterns from PTK (#48207)
* WIP

* CYS: Refactor routing approach

* fix type

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

* remove focus logic

* remove routekey prop

* fix scroll after insert pattern

* pass onNavigateBackClick callback as prop

* fix scroll

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

* fix back arrow click

* fix css

* fix tooltip position

* create dedicated CSS class

* lint css

* restore change

* improve css class name

* remove not necessary class

* add github link to the todo

* lint css

* add want more pattern section

* remove not used import

* fix logic after merge trunk

* CYS: fix tooltip position

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

* trigger CI

* improve logic

* use Optional Chaining

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-18 12:16:16 +00:00
Daniel W. Robert a203823d62
Add CYS Fiverr Logo Maker CTA (#48486)
* Add markup for Fiverr logo maker.

Add text CTA with link to WooCommerce landing page for Fiverr logo
maker in sidebar navigation on the logo view.

* Adjust styles for Fiverr logo maker CTA.

* Update string output to use interpolateComponents

The text in this addition is mixed with string and markup.

This segmentation can lead to translation issues because
different languages have different syntactic structures.

Here, we utilize interpolateComponents to remedy these potential issues.

See
https://github.com/woocommerce/woocommerce/pull/48486#discussion_r1639637477
for context.

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

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

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-17 09:12:56 -04:00
Luigi Teschio 317fcaedc8
CYS: fix logic to disable mover buttons (#48502)
* CYS: fix logic to disable mover buttons

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-17 08:56:45 +00:00
Luigi Teschio a105e2d50e
CYS: set new default patterns (#48467)
* CYS: set new default patterns

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-14 12:51:18 +00:00
Luigi Teschio dada673fac
CYS: fix tooltip position (#48495)
* CYS: fix tooltip position

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

* trigger CI

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-14 10:43:07 +00:00
Alba Rincón c18dbb1ce4
[CYS] Show tooltips in delete and shuffle buttons (#48465)
* Show tooltips in delete and shuffle buttons

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-14 10:21:44 +02:00
Luigi Teschio 7f1616242c
Fix CYS crash when loads in WordPress Playground (#48129)
* Fix CYS crash when loads in WordPress Plaground

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-13 13:38:27 +00:00
Luigi Teschio 924fc1687b
CYS: avoid flickering image loading screen (#48460)
* CYS: avoid flickering image loading screen

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-13 13:29:55 +00:00
Alba Rincón 7352c7270a
[CYS - Full Composability]: Fix active/inactive patterns for each assembler section (#48458)
* Add inert to header and footer on the homepage

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

* Refactor to pass query as a param to the hook

* Add an observer to enable/disable patterns depending on the assembler section

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

* Rename observer

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-13 14:42:54 +02: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
Alba Rincón 1f9b130357
[CYS - Full Composability]: When the user is in the "Design your homepage" menu, hovering over the header or footer will should not make them highlighted (#48358)
* Add inert to header and footer on the homepage

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

* Refactor to pass query as a param to the hook

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-13 09:37:34 +02:00
Luigi Teschio 2c754bb667
CYS: Fix CSS header (#48389)
* CYS: fix css header

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-12 11:38:10 +02:00
Luigi Teschio 5c6c9923a5
CYS: hide popover when the mouse pointer leaves the site preview and then back. (#48394)
* CYS: hide popover when the mouse pointer leaves the site preview and then back

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-12 09:18:06 +00:00
Luigi Teschio af2946aa34
CYS: Refactor routing approach (#48312)
* CYS: Refactor routing approach

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

* remove focus logic

* remove routekey prop

* pass onNavigateBackClick callback as prop

* create dedicated CSS class

* lint css

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-11 15:26:04 +02:00
Alba Rincón 1fdba93d9f
Add a step to install patterns when during the CYS flow (#48274)
* Add a step to install patterns when during the CYS flow

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

* Add feature flag to the install patterns function

* Fix changelog

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-10 15:00:33 +02:00
Alba Rincón 9d114c6d2d
[CYS - Full Composability] Select the next block after deleting the selected one (#48316)
* Select the next block after deleting one

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

* Fix lint error

* Check if next block client is defined

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-10 14:33:32 +02:00
Chi-Hsuan Huang 7cc360fa09
Fix untranslated strings on CYS and marketplace (#48127)
* Fix untranslated "Give feedback" text

* Add is_free property to theme API and fix untranslated price texts

* Fix prices

* Add changelog

* Capitalize Free

* Remove default price value
2024-06-10 07:30:46 +00:00
Alba Rincón 3a28c8ce7b
CYS > Ensure that after installing fonts or patterns the user lands back in the same CYS section (#48227)
* Fix crash when currentTemplate is null

* Redirect to the proper section after installing fonts or patterns

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-07 11:38:46 +02:00
RJ 52e2e9f864
dev: core profiler xstate v5 migration (#48135)
* updated core profiler to xstate v5
2024-06-07 15:06:40 +08:00
Luigi Teschio 621800d583
CYS: Fix crash homepage (#48205)
* CYS: Fix crash homepage

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

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-06 09:30:37 +00:00
Alba Rincón d2046b1573
Update copy for the CYS intro tour (#48202)
* Update copy for the CYS intro tour

* Add changelog
2024-06-06 09:29:26 +02:00
Luigi Teschio 84c12e1501
CYS: Add the Delete button to the Block Toolbar (#48143)
* CYS: Show popover when the user clicks on the pattern

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

* fix errors

* add documentation

* fix calculation

* improve performance

* remove not necessary else branch

* restore pnpm-lock

* improve function naming

* fix label

* improve logic

* remove dispatch

* remove console.log

* fix setLogoBlockIds

* CYS - BlockToolbar: Add Delete button

* fix import

* no show toolbar

* fix build

* not allow click on no blocks placeholder

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

* remove not necessary comment

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-06 09:25:07 +02:00
Alba Rincón 88cbceb6fa
[CYS] Update the intro page (#46916)
* Change the modal condition to check if the theme is a block theme

* Only switch to TT4 if the theme is not a block theme

* Remove unnecessary code

* Add new Intro cards when the theme is customized

* Redirect to the customizer if the active theme is a classic one

* Update the "Start designing" link depending on the type of theme

* Fix lint errors

* Fix more lint errors

* Fix tests

* Remove only

* Add tests for the customize button

* Update copy

* Fix lint errors

* Try to fix tests

* Fix tests

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

* Remove commented out css code

* Fix tests

* Remove unused

* Add margin to the cards

* Change active theme has mods by customize task completed

* Add events to the new intro page

* Fix color palette tests

* Remove unused 'fetchActiveThemeHasMods' function

This fixes the "select( 'core' ).getCurrentThemeGlobalStylesRevisions() is deprecated since version 6.5.0" warning

* Revert allowing any block theme in the assembler

* Prevent other block themes to go to the assembler

* Fix linting errors, restore test

* Remove only from test

Co-authored-by: Luigi Teschio <gigitux@gmail.com>

* Fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Luigi Teschio <gigitux@gmail.com>
2024-06-05 16:54:29 +02:00
Alba Rincón 7a3cbcded3
CYS > Patterns Migration: Ensure a message is displayed if the user did not allow fetching patterns via API and/or they are unavailable (#48095)
* Add the `Want more patterns` opt in message when tracking is not allowed

* Add notice for offline user

* Add new internal endpoint to fetch patterns

* Introduce a new step in the state machine to synchronously fetch patterns in the flow

* Remove unnecessary initialization

* Add new endpoint to check the patterns PTK availability

* Add `isPTKPatternsAPIAvailable` to context

* Add patterns opt in tracking message to homepage section

* Add tests

* Fix linting errors

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

* Fix typo

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-05 15:09:35 +02:00
Luigi Teschio 50b29d20f7
[Experimental] [CYS - Full Composability]: Add tooltip when user clicks on pattern (#47583)
* CYS: Show popover when the user clicks on the pattern

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

* fix errors

* add documentation

* fix calculation

* improve performance

* remove not necessary else branch

* restore pnpm-lock

* improve function naming

* fix label

* improve logic

* remove dispatch

* remove console.log

* fix setLogoBlockIds

* fix build

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-05 12:27:35 +00:00
Luigi Teschio 2698eabcbf
CYS: Ensure that toolbar appears only when the homepage sidebar is open (#48115)
* CYS: Ensure that toolbar appears only when the homepage sidebar is open

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

* CYS: Ensure that toolbar appears only when the homepage sidebar is open

* use usequery hook instead of navigation API

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-04 14:11:10 +02:00