Commit Graph

322 Commits

Author SHA1 Message Date
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
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 72d7a8b929
[CYS Full Composability] Ensure that the assembler doesn't crash when the feature flag is enabled, but the site doesn't have the latest version of Gutenberg. (#47546)
* CYS: allow to the user to move the pattern

* add feature flag

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

* CYS: Add shuffle button

* CYS - add shuffle feature

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

* use WooCommerce feature flag approach

* fix lint error

* Highlight the pattern when the user hovers it

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

* CYS - Assembler: improve feature flag check

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

* improve logic

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:40:16 +00:00
Luigi Teschio 8c1173c94b
Highlight main block at hover (#47415)
* CYS: allow to the user to move the pattern

* add feature flag

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

* CYS: Add shuffle button

* CYS - add shuffle feature

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

* use WooCommerce feature flag approach

* fix lint error

* Highlight the pattern when the user hovers it

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:16:25 +00:00
Luigi Teschio abbcb94709
CYS - add shuffle feature (#47356)
* CYS: allow to the user to move the pattern

* add feature flag

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

* CYS: Add shuffle button

* CYS - add shuffle feature

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

* use WooCommerce feature flag approach

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 07:32:26 +00:00
Luigi Teschio f12d6e4726
CYS: allow to the user to move the pattern (#47322)
* CYS: allow to the user to move the pattern

* add feature flag

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

* use WooCommerce feature flag approach

* hide scrollbar on the body

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:55:14 +02:00
Yan Sern 169baa2929
Entrepreneur Signup: Add Skip button to Design With AI steps. (#47667)
* Add Skip button to Design With AI steps.

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

* Use window.location.href to redirect instead.

* fix css linter errors

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Luigi Teschio <gigitux@gmail.com>
2024-05-22 08:40:31 +00:00
Yan Sern 9a1f987381
Entrepreneur Signup: Simplify final step in CYS when entering from Entrepreneur signup flow. (#47578)
* Simplify final step in CYS when entering from Entrepreneur Signup.

* Add changelog.

* Update plugins/woocommerce-admin/client/customize-store/transitional/index.tsx

Co-authored-by: Ivan Ottinger <ivan.ottinger@automattic.com>

* Show My Home button as primary button only on Entrepreneur flow.

* Use 	'customize_your_store_entrepreneur_home_click' tracks event instead.

---------

Co-authored-by: Ivan Ottinger <ivan.ottinger@automattic.com>
2024-05-21 13:56:26 +00:00