Commit Graph

41 Commits

Author SHA1 Message Date
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 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 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 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 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
Alba Rincón 5bc0a2c8b1
[CYS] Fix logo position after saving on the assembler (#46833)
* Fix logo position after saving on the assembler

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

* Fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-04-24 09:34:09 +02:00
Alba Rincón 41e1da5033
[CYS] Redirect to transitional page to the intro page if the CYS task was not completed (#45933)
* Redirect to intro page when accessing the transitional page if no customized

* Remove only

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

* Check if the task is completed

* Add transition screen class

* Remove unused import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-03-27 14:13:52 +01:00
Paul Sealock 619804cff3
Stylelint: Update config to double quotes (#45607)
* Add eslint override

* bump versions stylelint config

* re pnpm install

* fix config

* move to double quotes in scss

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

* lint fix new scss files

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-03-26 10:41:34 -03:00
Alba Rincón 87bfa48638
[CYS] Fix the border of the toggle control in the assembler (#45744)
* Fix the color of the toggle control in the assembler

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-03-20 19:03:31 +01:00
Alba Rincón 7e50f670b7
Fix intro CYS logo and site title (#45216)
* Fix intro CYS logo and site title

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

* Improve format

* Fix logo motion

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-03-04 12:34:47 +01:00
Alba Rincón 27ee0fd9d1
[CYS] Update path to intro when exiting the assembler (#44771)
* Update path to intro when exiting the assembler

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

* Fix styling

* Fix linting error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-27 09:28:24 +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
Moon 212c5bca3e
CYS - AI Offline flow (#41656) 2023-12-06 20:49:28 +08:00
Chi-Hsuan Huang 1c4f91ebd3
[CYS] Add the possibility to remove the logo (#41393)
* Add the possibility to remove the logo

* Add changelog
2023-11-15 09:20:42 +08:00
Chi-Hsuan Huang 415fa2004a Fix color panel style 2023-11-03 14:04:49 +08:00
Adrian Duffell 62a833e834
Update Pattern Thumbnail Shadow (#41157)
* Update pattern thumbnail shadow

* Remove whitespace

* Add changelog

* Remove specific container class

* Include new gutenberg class

* Add border for selected homepage option, lint

* Fix jumpy borders in pattern assembler menu items

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-11-01 23:41:57 +08:00
Chi-Hsuan Huang f7012536cc
Fix CYS pattern thumbnail size (#41126)
* Fix pattern thumbnail size

* Add changelog and doc

* Remove unused import
2023-11-01 19:03:04 +08:00
Chi-Hsuan Huang 23e8324163
[CYS] Fix "Drag to resize" styling when spotlight tour is present (#41150)
* Add changelog

* Update "Drag to resize" styling when spotlight tour is present
2023-11-01 19:01:51 +08:00
Moon 79138bf13c
CYS - Hide theme and default palettes (#41103)
* Hide theme and default palette

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

* Lint fix

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-11-01 14:40:55 +08:00
Chi-Hsuan Huang 391aa15e79
[CYS] Remove disproportionate spacing above and below logo preview (#41151)
* Remove disproportionate spacing above and below logo

* Add changelog
2023-11-01 13:32:33 +08:00
Chi-Hsuan Huang 75114728f0
[CYS] Reduce the logo preview to a maximum width of 250px (#41122)
* Reduce the logo preview to a maximum width of 60px

* Add changelog

* Set max height and width to 250px

60px was too small!

---------

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-11-01 12:34:54 +08:00
Chi-Hsuan Huang 7b00687a38
Fix CYS assembler hub UI issues (#41036)
* Set default logo size to 60px and max to 200px

* Hide homepage template label

* Scroll to position when selecting a pattern

* Fix preview opacity issue

* Update sidebar scrollbar style

* Fix onboarding tour resize handle

* Add changelog
2023-10-26 18:15:30 +08:00
Moon 8687986e79
Customize your store - Link site icon to Woo Home (#40888)
* Link site icon to Woo Home

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-25 13:09:05 +08:00
Chi-Hsuan Huang 6503da23aa
Increase sidebar back button z-index to 2 (#40970) 2023-10-25 12:21:48 +08:00
Chi-Hsuan Huang 64260d987d
Update thumbnail border radius to 4px in CYS assembler (#40967) 2023-10-25 12:20:23 +08:00
Ilyas Foo d8d896741b
CYS: Remove spotlight tour modal shadow (#40861)
* Tweak css for spotlight tour modal shadow

* Changelog

* Lint
2023-10-21 07:34:18 +08:00
Ilyas Foo c87aae495f
CYS: Update save and done button loading indicator to use spinner (#40840)
* Update save and done button loading indicator to use spinner

* Set Done button to disabled while it's resolving

* Changelog
2023-10-19 22:12:53 +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 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
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
RJ 10bb0cc822
fix/cys ui feedback 12 sep (#40155) 2023-09-20 10:47:05 +08:00
Moon f106ca16b9
Customize Your Store - Homepage sidebar (#40140) 2023-09-19 13:54:19 +08:00
Moon e3ccb47b19
Customize Your Store - Footer (#40136)
* Update sidebar text

* Add to query pattern and blocks

* Move EntityProvider to access blocks from the sidebars

* Filter footer blocks

* Implement highlight effect

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

* Update block list

* Use usePatterns

* Replace the last block instead of checking slug value

* Update block list

* Update footer sidebar

* Update sidebar item style

* Fix preview frame

* Update header and footer sidebar

* Remove console

* Sort patterns

* Fix item border style

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-09-18 17:29:29 +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
Chi-Hsuan Huang c9b8236f53
Add customize store assembler hub onboarding tour (#39981)
* Update tour-kit to have a optional skip button and custom secondary button label

* Add changelog

* Add onboarding tour

* Update layout and resiable-frame for onboarding tour

* Update onboarding tour style

* Update resizable handler

* Add changefile(s) from automation for the following project(s): @woocommerce/components, woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-05 15:12:04 +08:00
Chi-Hsuan Huang c025b102fc
Add customize store assembler hub logo (#39932)
* Add @wordpress/blob for wc admin customize store project

* Update save-hub to save entities correctly

* Add logo block context

* Update block-editor to render different preview layout for different paths

* Add media uploader filter

* Update logo sidebar

* Fix auto block preview

* Update styles

* Update loading state

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

* Add comments

Add comments

* Update pnpm-lock.yaml

* Update pnpm-lock.yaml

* Add custom resiable-frame

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

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

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/sidebar-navigation-screen-logo.tsx

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

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/resizable-frame.jsx

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

* Open media uploader when clicking logo image

* Update style

* FRAME_TRANSITION -> frameTransition

* Fix missing import

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-09-05 14:21:19 +08:00
Chi-Hsuan Huang 56f4ad623f
Add customize store assembler hub (#39843)
* Add @wordpress dependencies for customize store task

* Update webpack config to bundle wp edit-site package instead of using external

* Add customize-store task list item fill

* Update CustomizeStore task to load editor scripts and settings

* Update customize store routing path

Use /* since we want to match any path that starts with customize-store

* Add assembler-hub

* Ignore some wp packages from syncpack for customize store assembler hub

We need to use specific versions of these packages for the customize store
"@wordpress/interface", "@wordpress/router", "@wordpress/edit-site"

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

* Tweak style

* Use CustomizeStoreContext and send xstate event

* Update assembler-hub style

* Fix nav width

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-08-28 09:28:05 +08:00