Commit Graph

67 Commits

Author SHA1 Message Date
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