Commit Graph

70 Commits

Author SHA1 Message Date
RJ 1e86558083
fix: cys design-with-api loader should not loop (#40829) 2023-10-18 15:14:51 +08:00
Chi-Hsuan Huang f743a7d4f6
Fix cys ai font choosing state (#40742)
* Fix chooseFontPairing state

* Add changelog
2023-10-12 20:53:20 -05: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
Chi-Hsuan Huang 12a6bdc58c
[Customize Your Store] Add look and feel tags to color choices (#40698) 2023-10-12 06:58:50 -05: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 2f47695ebc
[Customize Your Store] Preload ai loader image (#40697) 2023-10-12 01:12:24 -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 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
RJ 773baea857
fix: cys design with ai duplicate color validation (#40670) 2023-10-11 13:41:34 +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
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
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
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 fbb294f543
[Customize Your Store] Fix preview opacity style does not reset after saving changes (#40612)
* Reset highlighted block index after saving

* Add changelog
2023-10-05 07:39:24 -05:00
Chi-Hsuan Huang 06ea7ae24a
[Customize your store] Fix site preview in transitional screen (#40588)
* Replace mshot image with preview editor frame in transitional screen

* Add changelog

* Fix test

* Use current xstate to check if it is transitional page
2023-10-05 07:36:08 -05:00
Patricia Hillebrandt f0cf1f480c
Store Customization > Update the Homepage Templates list. (#40602) 2023-10-05 10:28:51 +02: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
Patricia Hillebrandt 5da7f24eea Update the Homepage Templates list. 2023-10-04 19:49:45 +02: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
Chi-Hsuan Huang 7918e1ee5c
[Customize Your Store] Retain unsave changes and save all when users click the "done" button (#40541)
* Retain unsave changes and save all the unsaved when users click the "done" button

* Add changelog

* Update save hub
2023-10-04 12:16:41 +08:00
Chi-Hsuan Huang a9c8486b53
[Customize Your Store] Switch Theme to TT3 (#40486)
* Switch theme to TT3 during cys loading screen

* Add changelog

* Revert changes

* Add doc

* Bring theme_switch_via_cys_ai_loader logic to cys task

* Remove unused imports
2023-10-03 15:41:48 +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 0091fada88
Remove homepage template prompt logic (#40476)
* Remove homepage template prompt

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

* Set template1 for the default homepageTemplate

* Fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-29 19:39:34 -07: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
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 4ac861d94c
[Customize your store] Make the frame not navigable for the MVP (#40431)
* Make the frame not navigable for the MVP

* Add changelog
2023-09-29 11:38:25 +08:00
Chi-Hsuan Huang 6d52afa5e9
Handle CYS ai wizard API failures (#40430)
* Add error notice

* Handle api call loader errors

* Add docs

* Add changelog

* Fix untranslated text
2023-09-28 11:15:38 +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
Chi-Hsuan Huang 94660e0476
[Customize Your Store] Fix AI selected verticals not display (#40372)
* Handle store patterns update API request properly

* Full redirect to Assembler hub after ai loading

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-26 20:34:47 +08:00
RJ bf80b7a534
add: use ai suggestions to populate color schemes in assembler hub (#40377) 2023-09-26 11:32:14 +08:00
Ilyas Foo 0b2ad50a21
CYS: Add homepage template AI completion and revamped header footer (#40363)
* Moved homepage templates, added header and footer to homepage templates,  revamped templates to use metadata.

removed header and footer completion calls

* Lint

* Slight adjustment to completion prompt and changelog

* Lint

* Use header and footer in 'Change your homepage'

* Add test

* Lint

* Add back homepage templates exclusion header and footer for assembler use

* Add test for useHomeTemplates

* Lint
2023-09-25 18:30:31 +08:00
RJ f29f519526
add: save cys ai input and response to options (#40330)
* add: save cys ai input and response to options

* fix type error
2023-09-22 20:43:42 +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
Moon a9d6a3aa39
Customize Your Store - Implement back to home buttons (#40321)
* Implement back to home buttons

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-20 19:06:39 -07:00
Chi-Hsuan Huang 48342fbc66
Add cys ai header/footer (#40276)
* Add cys ai header suggestion

* Add cys ai footer suggestion

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

* Fix types

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-21 09:49:00 +08:00
Moon b9b4dc852c
Customize Youre Store - Use all six homepage templates (#40313)
* Use all 6 homepage templates

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-20 18:47:59 -07:00
RJ 1af971caf6
add: best colours AI suggestions (#40295) 2023-09-20 15:27:08 +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 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 b0ee77621f
add: cys ai font pairing (#40240)
* add: cys ai font pairing suggestion

* Move cys ai tests to test folder

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

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>

---------

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-09-20 12:26:15 +08:00
RJ 10bb0cc822
fix/cys ui feedback 12 sep (#40155) 2023-09-20 10:47:05 +08:00
Chi-Hsuan Huang 0b7aee458f
Implement customize your store task completion logic (#40267)
* Mark CYS task completed when clicking done button

* Mark CYS task completed after switching theme

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-19 19:02:02 +08:00
RJ 1b37042d55
add: color palette ai text completion call (#40237)
* add: color palette ai text completion call

* reorganised for allowing more prompts

* lint fix

* moved tests and fixed version
2023-09-19 16:41:52 +08:00
Moon f106ca16b9
Customize Your Store - Homepage sidebar (#40140) 2023-09-19 13:54:19 +08:00
Chi-Hsuan Huang e1f9264bb6
Add tracks to CYS assembler-hub and hide pages sidebar screen (#40156)
* Add tracks to assembler-hub and hide add pages menu

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

* Track sidebar menu item click event

* Update tour tracks

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-19 11:37:46 +08:00