Commit Graph

44 Commits

Author SHA1 Message Date
Patricia Hillebrandt 298cddf5a4
[CYS on Core] Display the theme switch modal only if the current active theme is not TT4 (#45296)
* Ensure the active theme switch modal is displayed only if the theme is different than TT4

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-03-05 10:11:31 +00: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
Patricia Hillebrandt ce33c84222
[CYS on Core] Display a new modal informing the theme switch whenever the user clicks on the "Start designing" button (#44821)
* Introduce the new theme switch warning modal.

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

* Remove the unnecessary CheckboxControl

* update the copy & replace 'can' with 'could'

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-26 13:53:02 +00:00
Patricia Hillebrandt e74199928d
[CYS on Core] Update the themes list on the intro screen (#44822)
* Update themes list on core. Update the themes data and remove hardcoded reference to free themes.

* Update styles for the Free, Paid and active cards.

* Add the color palletes to TT4 theme.

* Update the references for default and core themes.

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

* Update the link to TT4 theme

* Update default value for price.

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-25 19:56:10 +00:00
Alba Rincón 856fae433b
[CYS] Fetch the `activeThemeHasMods` right before is used to improve intro loading time (#44647)
* Fetch the activeThemeHasMods right before is used

* Add changelog
2024-02-22 09:30:11 +01:00
Alba Rincón 0e1239867a
[CYS] Reduce the width of the "Design your own" text box on the Intro screen (#44546)
* Reduce the `woocommerce-customize-store-banner-content` width to better fit the copy

* Add changelog

* Increase the width to fit the sentence in one line
2024-02-14 11:44:41 +01:00
Alba Rincón da8fee41aa
[CYS] Update the "Change your homepage" description on Core (#44579)
* Update the "Change your homepage" description on Core

* Add changelog
2024-02-14 09:07:55 +01:00
Luigi Teschio a2d35b0563
CYS - Core: install fonts only when the tracking is enabled (#44558)
* CYS - Core: install fonts only when the tracking is enabled

* add a parameter to reduce the response payload

* add changelog
2024-02-13 14:03:06 +01:00
Luigi Teschio 159d47434b
[CYS - Core] Before installing the fonts, ensure that the font library is available (#44358)
* Avoid duplicating the `/onboarding/themes/recommended` request

* Use `fetchActiveThemeHasMods` in the `fetchIntroData` function

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

* WIP

* WIP

* WIP

* WIP

* Move the `activeThemeHasMods` to outside the `intro` key, since it's used also in other places

Refactor, add comments and cleanup

* Remove unnecessary log

* Set the `activeThemeHasMods` on the parent window to true after the design step to avoid having to fetch it again

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

* Remove unused import

* Add comment and ref to the new issue

* CYS - Core: fix flow when Font Library is not installed

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

* improve naming

---------

Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
Co-authored-by: github-actions <github-actions@github.com>
2024-02-06 11:28:26 +01:00
Alba Rincón a943de24fa
[CYS] Avoid duplicating requests during the CYS flow (#44179)
* Avoid duplicating the `/onboarding/themes/recommended` request

* Use `fetchActiveThemeHasMods` in the `fetchIntroData` function

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

* WIP

* WIP

* WIP

* WIP

* Move the `activeThemeHasMods` to outside the `intro` key, since it's used also in other places

Refactor, add comments and cleanup

* Remove unnecessary log

* Set the `activeThemeHasMods` on the parent window to true after the design step to avoid having to fetch it again

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

* Remove unused import

* Add comment and ref to the new issue

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Luigi Teschio <gigitux@gmail.com>
2024-02-05 12:36:33 +01:00
Luigi Teschio 42a2d00cba
CYS - Core - Check the Font Library availability (#44206)
* Ensure that the Font Library is available

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

* fix iframe issue

* improve comment

* don't return any object

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-01 11:30:50 +00:00
Luigi Teschio 0a1c4a6920
[CYS - Core] Handling errors during the setup for the `NoAI` flow (#43810)
* CYS - Core: handling errors during the setup

* fix CSS format

* remove export

* fix CSS

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

* fix import

* fix style notice

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-01-25 12:04:44 +01:00
Alba Rincón 589259f39f
[CYS on Core] Intro screen - Update the copy depending on whether the user already started to customize their store (#43690)
* Add new banner for no-Ai existing theme

- Add new banner
- Update copy
- Refactor the theme preview structure

* Make preview optional

* Remove log

* Remove unused param

* Fix linting error

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-01-18 14:59:10 +01:00
Alba Rincón b9f447b101
Update copy for CYS intro screen sidebar (#43551)
* Update copy for CYS intro screen sidebar

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

* Avoid using variables in __()

* Add missing period

Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com>

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com>
2024-01-16 09:07:47 +01:00
Alba Rincón 50c7e51d86
Add "No AI" banner image and center banner content (#43547)
* Add "No AI" banner image and center banner content

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-01-15 14:17:33 +01:00
Luigi Teschio c686f605e6
[CYS - Core] Update the homepage with default patterns when the assembler is loaded (#43457)
CYS - Core: Setup the site with a default homepage when the assembler is loaded
2024-01-11 15:32:16 +01: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
Alba Rincón b3db937d3a
CYS - Ensure the offline modal is displayed whenever AI is unavailable (#42949)
* Show the ai offline modal independently from the onboarding tour

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

* Remove log

* Fix tests

* Add customizing parameter to avoid showing the aioffline modal when customizing

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-12-21 16:56:22 +01:00
Moon 212c5bca3e
CYS - AI Offline flow (#41656) 2023-12-06 20:49:28 +08:00
Chi-Hsuan Huang e486d0a7e9
[CYS] Tweak intro page banner style (#41458)
* Tweak cys banner style

* Add changelog
2023-11-15 20:51:23 +08:00
Moon 5d192d5ed6
CYS - Add AI disclaimer copy (#41414)
* Add AI disclaimer

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

* Move .ai-disclaime to inside the .woocommerce-customize-store-banner-content p rule

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-11-15 12:39:51 +08:00
Chi-Hsuan Huang 73692a3b9b
[CYS] Hide feedback button when survey has already been completed (#41352)
* Fix cys feedback button should not appear if it has already been completed

* Add changelog
2023-11-10 16:35:46 +08:00
Chi-Hsuan Huang 6af471d248
[CYS] Add more Tracks (#41321)
* Add more tracks for cys

* Add changelog

* Update track events
2023-11-10 14:51:00 +08:00
Chi-Hsuan Huang 65e533bedd
[CYS] Add track events (#41284)
* Add tracks for cys

* Update assignStartLoadingTime entry

* Add changelog

* Fix types

* Fix redundant wcadmin track name

* Track "Start again" button instead
2023-11-09 09:32:47 +08:00
Ilyas Foo 3d223040d1
Render site thumbnail in CYS intro screen (#41130)
* Try getting a site preview in the banner working.

* Change to use iframe instead

* Changelog

* Fix lint issues

---------

Co-authored-by: Chris Runnells <chris.runnells@automattic.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-11-01 00:11:26 +08:00
Chi-Hsuan Huang 1c4340608a
Fix intro page button styles (#41118)
* Fix intro page button style

* Add changelog
2023-10-31 22:05:18 +08:00
Chi-Hsuan Huang 6ecf096d1c
Fix intro warning modal copy and button spacing (#41082)
* Fix intro warning modal copy and button spacing

* Add changelog
2023-10-30 18:05:17 +08:00
Ilyas Foo b108e19a93
Try using iframe for loading assembler hub behind the scenes (#40936)
* Try using iframe for loading assembler behind the scenes

* Add css

* Lint

* Changelog

* Update plugins/woocommerce-admin/client/customize-store/design-with-ai/actions.ts

* Handle navigations around CYS if we're using iframe

* Add better loading handler

* Increase loader screen intervals

* Fix navigation

* Increase loader timeout to 30 seconds

* Much better loading detect from editor hook as suggested by Chi

* Unused import

* Lint css
2023-10-26 16:46:50 +08:00
RJ a1505531bb
fix: cys intro screen parallelised network calls (#40827) 2023-10-18 18:15:36 +08:00
Chi-Hsuan Huang 322fbd6eb7
Make cys intro page responsive (#40725)
* Make cys intro page responsive

* Add changelog

* Change min-width to 820px

* Change color prompt version
2023-10-12 19:43:32 -05:00
Ilyas Foo 4bc7964b36
Remove retry button when offline in CYS (#40694)
* Remove retry button and update copy when internet is not available in intro page

* Changelog

* Update test
2023-10-12 10:49:25 +08:00
Chris Runnells e14086eef1
Update recommended themes for Customize Your Store (#40650)
* Update theme properties

* Fix theme array properties

* Update filtered urls to use admin_url() instead of home_url()

home_url() is used for front-end requests; admin_url() should be used for wp-admin urls

* Remove "valid" theme check

* Slight tweak to the color palette values

The theme showcase actually uses some more complex logic to pick two out of the 5 colors to represent the theme. We could probably manually copy these as two values instead of what I'm doing here.

* Removed unused color palette values

Really this is probably the simpler approach. Might revisit this later. Also added a total_palettes value so we can track that and show "+X" in the theme preview

* Add extra palettes number

If there are more than 4 palettes, we'll show the number of extras as we do in the WP.com theme showcase.

* Tighten gap between theme name and type

There was too large of a bottom margin on the theme info div.

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

* Fix lint

* Remove allowed_theme check from activate_theme api

* Fix tests

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-10-09 02:45:04 -05:00
RJ b436d40be3
add: CYS task-completed intro flow (#40616)
* add: UI work for task completed flow

* added spinner for intro page loading

* add: save ai generated theme id to options

* resolve rebase conflict

* fixed tests
2023-10-09 13:19:08 +08:00
Moon a99a52947e
Use themes REST API - CYS intro page (#40552)
* Use themes REST API

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

* Use browse_all.href and set default value to /:admin-dir/themes.php

* Fix lint

* Fix tests

* Fix tests

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-10-05 08:33:50 -05:00
Chi-Hsuan Huang 6d14eb744e
[Customize Your Store] Correct activeThemeHasMods conditionals (#40560)
* Fix activeThemeHasMods logic

* Add changelog
2023-10-04 22:42:05 -05:00
RJ 246b9a5c76
fix/cys intro refactor banner (#40561)
* tests

lint

* refactor cys intro banner

* refactor cys intro modal

* changelog

* fix banner classname
2023-10-04 20:24:51 +08:00
RJ 6a0fb11a74
fix: refactored use-network-status (#40542)
* fix: refactored use-network-status

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

* fix: renamed event handlers appropriately

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-03 09:56:13 +08: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
Moon 4798829bbd
CYS -- Intro design updates (#40503)
* Update intro banner background image

* Remove unused graphic

* Add site icon and title

Also updated the intro banner background CSS

* Fix typo

* Remove assembler hub button -- not used here

* Fix image pos and import the correct image

* Change banner to offline when the user network goes offline

* CSS fixes

* Redirect to users to themes.php on Browse all themes clicked

* Change banner text, title, and button text depending on the network and jetpack status

* Add active theme design -- still needs API to get the active theme

* Add color variations

* Update info card margin

* Update info card margin

* Separate out ColorPalettes component

* Separate out ThemeCard

* Update site-title font color

* Update margin between banner p and button

* Update theme card row-gap

* Remove use of color palette border color

* Lint fixes

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

* Fix errors after rebase

---------

Co-authored-by: Chris Runnells <chris.runnells@automattic.com>
Co-authored-by: github-actions <github-actions@github.com>
2023-09-29 17:17:36 -07:00
Moon 4d41109ca2
Customize Store -- Show warning modal when the active theme has mods (#40362)
* Add new context values

* Implement design with A.I change warning modal

* Add count-active-theme-mods endpoint

* Add count-active-theme-mods selector in the frontend

* Set mods_count correctly

* Fetch activeThemeHasMods and customizeStoreTaskCompleted

* Use activeThemeHasMods and customizeStoreCompleted

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

* Use correct APIs to check  template, pages, and styles modifications

* Fix hasModifiedPages resolve error

* Assign hasErrors on fetchIntroData errors

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

* Ignore TS error

* Fix css lint errors

* Fix broken test

* Fix broken test

* Revert changes -- no longer needed

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-29 16:03:50 -07:00
Chi-Hsuan Huang 79442edf1d
[Customize Your Store] Add track events to intro page (#40484)
* Add tracks to cys intro page

* Add changelog
2023-09-29 15:44:22 +08:00
Chris Runnells 77db736fc9
Update Customize Your Store introduction page (#40293)
* Add intro Banner components

* Add intro banner svg

* Add additional theme card data

* Add theme slug

* Add intro page layout and styling

* Remove unused component files

* Update button events

* Add intro Banner components

* Add intro banner svg

* Add additional theme card data

* Add theme slug

* Add intro page layout and styling

* Remove unused component files

* Update button events

* Add changelog

* Fix lint issues

* Fix lint issues

* Fix lint issues

* Fix lint issues

---------

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-09-20 14:36:20 +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
RJ d663c304c9
add: customize your store xstate scaffolding (#39619)
* add: customize your store xstate scaffolding

* Update plugins/woocommerce-admin/client/core-profiler/types.tsx

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

* improved findComponentMeta

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-08-18 13:30:25 +08:00