Commit Graph

391 Commits

Author SHA1 Message Date
Alba Rincón 77826c6c76 Add new color palettes for when ai is unavailable 2023-12-06 14:41:34 +01:00
Moon 212c5bca3e
CYS - AI Offline flow (#41656) 2023-12-06 20:49:28 +08:00
Christopher Allford 88969742f2
Regenerate PNPM Lock File & Fix Errors (#41830) 2023-12-05 00:36:30 -08:00
Alba Rincón 4b63874ff8
Switch assembler theme to TT4 (#41736)
* Switch assemble theme to TT4

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

* Rename changelog file

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

* Remove duplicated changelog

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

* Remove duplicated changelog

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-12-04 16:20:05 +01:00
Patricia Hillebrandt 60bf7c9536 Update the call to the /wc/private/ai/product endpoint to include the new param last_product 2023-12-01 14:37:21 +01:00
Moon 6b77f71ea7
Show a warning modal when user tries to leave the assember hub (#41596)
* Show warning modal when user tries to leave the assember hub

* Remove pushState and popstate changes from the iframe

* Listen to popstate and render a warning modal when the user tries to leave the page

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

* Update GoBackWarningModal to accept a callback for reusability

* Reuse GoBackWarningModal

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-11-30 18:23:00 -08:00
Alba Rincón b6657403f8
[Store Customization] Update the store title with an AI generated one (#41632)
* Make the call to update the store title with an AI generated one

* Add changelog
2023-11-24 14:40:37 +01:00
Chi-Hsuan Huang c768ca0dc6
[CYS] Remove `getLookAndTone` AI request from the business description step (#41497)
* Remove AI requests from the business description step

* Add changelog
2023-11-17 19:40:43 +08:00
Chi-Hsuan Huang d379a3de85
[CYS] The “Preview" on the transitional screen doesn’t represent our custom color palette (#41496)
* Fix the “Preview” on the transnational screen doesn’t represent our custom color palette

* Add changelog

* Fix setCanvasMode
2023-11-17 19:35:52 +08:00
RJ 225e020d50
add: modified cys business info placeholder (#41532) 2023-11-17 19:08:32 +08:00
Chi-Hsuan Huang 05cfe2fe98
Improve CYS assembler hub performance (#41453)
* Use custome iframe to improve iframe loading performance

* Add loadStyles and loadScripts props

* Fix sidebar pattern rerendering issue

* Add changelog

* Fix prop name

* Fix isScrollable
2023-11-15 21:06:05 +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
Chi-Hsuan Huang 35a10d05c2
[CYS] Fix `getCompletion` API hanging and color choices parsing error (#41424)
* Fix color choices prompt

* Add timeout to getCompletion API calls

* Add changelog

* Fix test
2023-11-15 17:46:20 +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 3e1ee8e089
[CYS] Preload fonts in preview frame (#41421)
* Preload fonts in preview iframe

* Add changelog
2023-11-15 09:20:56 +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 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
louwie17 65234c4590
Remove unused large banner image (#41244)
* Remove unused banner image

* Add changelog
2023-11-09 09:43:10 -04: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
Moon 54a00b282a
CYS - make the progress bar move forward in small segments (#41279)
* Add 2 additional steps between the loader steps

* Support onChange callback

* Add loader progress transition

* Add smooth transition story

* Set the initial percentage to 5 to make the transition smoother

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

* Add smooth-transition class to the progressbar

* Fix lint

* Update AssembleHubLoader

* Fix e2e

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-11-08 16:50:15 +08:00
Daniel W. Robert d83c7f30f7
Rename Centered Header Menu with Search pattern (#41252)
* Rename Centered Header Menu with Search pattern

Since the search bar has been removed from this pattern, this PR renames
the pattern title and slug to reflect that change.

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-11-08 11:24:47 +08:00
Chi-Hsuan Huang f835237a2d
[CYS] Fix navigation disappears after choosing a homepage template (#41262)
* Add changelog

* Fix navigation disappears after choosing a homepage template
2023-11-08 10:48:38 +08:00
Chi-Hsuan Huang 2ec666fd73
[CYS] Show warning modal when clicking this back arrow in assembler hub (#41259)
* Add go back warning modal to assembler-hub

* Add changelog

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

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

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-11-07 17:37:17 +08:00
Adrian Duffell 9252e5a320
Add Customize Your Store AI Survey (#41234)
* Add Customize Your Store AI Survey

* Add rating required field validation

* Move survey state to layout component

* Add changelog

* Update style

* Enable notice

* Update plugins/woocommerce-admin/client/customize-store/transitional/style.scss

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

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

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

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

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

* Fix lint

---------

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-11-07 17:34:20 +08:00
Chi-Hsuan Huang 8d80436d45
[CYS] Fix frame overlap sidebar (#41237)
* Fix frame overlap the sidebar

* Add changelog

* Update
2023-11-07 10:15:24 +08:00
Chi-Hsuan Huang 14de97f03d
[CYS] Copy changes (#41235)
* Update copy for CYS

* Add changelog
2023-11-07 09:28:56 +08:00
louwie17 dfc2f70f46
Shrink large banner image (#41247)
* Shrink intro banner image in customize store

* Add changelog
2023-11-06 11:07:23 -04:00
Luigi Teschio cbc3bac88c
Fix pattern route performance (#41168)
* fix pattern route performance

* Fetch multiple endpoints

* update namespace

* update business description

* fix payload

* remove eslint comment

* add changelog

* update interval of the loading frames
2023-11-06 18:51:11 +08:00
Chi-Hsuan Huang 5f819cc40e
Fix CYS initial pattern population bug (#41233)
* Fix CYS initial pattern population bug

* Add changelog
2023-11-06 15:46:28 +08:00
nigeljamesstevenson 3966d44644
Fix save button is still disabled after changing logo settings (#41208) 2023-11-03 11:28:21 +00:00
nigeljamesstevenson 457da86ef7
Rename the reference to the 'Footer with Simple Menu and Cart' pattern (#41181) 2023-11-03 11:28:03 +00:00
Chi-Hsuan Huang 9a702eab4f Expand the custom color panel when the user has set a custom color palette 2023-11-03 15:49:46 +08:00
Chi-Hsuan Huang 5ece22111a Fix button's background doesn't change 2023-11-03 15:32:42 +08:00
Chi-Hsuan Huang 415fa2004a Fix color panel style 2023-11-03 14:04:49 +08:00
Chi-Hsuan Huang 54d3394ac4 Fix cys frame zooming in/out while moving mouse over 2023-11-03 13:57:41 +08:00
Chi-Hsuan Huang d2cd2ff35a Update offset 2023-11-03 13:40:25 +08:00
Chi-Hsuan Huang 14e37229a5 Fix resizer handler bar style and position 2023-11-03 13:39:04 +08:00
Chi-Hsuan Huang ca0736340e Fix onchange logic 2023-11-03 13:08:09 +08:00
Alba Rincón ce94ce2328 Rename the reference to the 'Footer with Simple Menu and Cart'
The pattern was rename to 'Footer with Simple Menu' in the woocommerce-blocks repo so we need to update the reference here as well
2023-11-03 11:36:33 +08:00
Ilyas Foo 2a023910ef
Fix CYS transition screen iframe positioning (#41162)
* Fix iframe positioning

* Changelog

* Lint
2023-11-02 01:02:43 +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 3c839b04c0
Add SlotFill for custom buttons on Transitional Page (#41153)
* Enqueue scripts in translation page

* Add cys transitiona page secondary button slotfill

* Add changelog

* Fix slot

* Fix lint
2023-11-01 19:40:12 +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
Chi-Hsuan Huang 1ca93287ca
[CYS] Fix Spotlight Tour caret is not centered vertically (#41154)
* Fix CYS Spotlight Tour caret is not centered vertically

* Add changelog
2023-11-01 16:54:53 +08:00
Chi-Hsuan Huang 38d0081fab
[CYS] Add two more loading frames to loading sequence (#41148)
* Add more loaders

* Add changelog

* Change interval time
2023-11-01 15:42:36 +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 2902cdee92
[CYS] Fix undefined query id warning (#41083)
* Fix Warning: Undefined array key "queryId"

* Add changelog

* Update trigger save button logo

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/save-hub.tsx

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

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-11-01 12:30:47 +08:00
Patricia Hillebrandt 1f625ca671
Store Customization > Replace the Just Arrived Full Hero pattern with the Hero Product Split pattern in the CYS flow (#41109)
* Use the Hero Product Split pattern as the initial one for all templates.

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

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-11-01 08:41:30 +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 ef2fb598c4
[Customize your store] Fix default width for logo (#41080)
* Set default logo width when updating the template

* Set current logo width to the inserting patterns

* Add changelog

* Fix tests

* Apply logo width in use-patterns
2023-10-31 21:44:09 +08:00
Chi-Hsuan Huang b9b45469b3
Update CYS AI loading screen (#41123)
* Update the CYS Design with AI loading iframes

* Add changelog
2023-10-31 21:09:21 +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 1070d02e6f
Fix CYS iframe not firing pushstate events (#41079)
* Call original pushstate from iframe

* Changelog
2023-10-30 15:53:06 +08:00
Ilyas Foo 6805e5c5e6
Add fullscreen class to body when CYS component is shown (#41056)
* Add fullscreen class to body when CYS component is shown

* Changelog

* Update import and lint
2023-10-27 17:06:13 +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
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
Chi-Hsuan Huang 7142f80534
Update CYS color palettes and fonts based on the new Dotcom release (#40989)
* Update font pairings

* Remove font loader check

* Update default fonts

* Update color palette choices

* Add changelog

* Add default color styles config

* Add comment

* Fix tests

* Fix test
2023-10-26 14:15:53 +08:00
Chi-Hsuan Huang cfc44be57b
Reduce CYS intro screen loading time (#41017)
* Redirect to customize your store task without a full-reload

* Add changelog
2023-10-26 14:13:18 +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 0f6fd01e65
[Customize your store] Fix footer logo size (#40963) 2023-10-25 12:20:42 +08:00
Chi-Hsuan Huang 64260d987d
Update thumbnail border radius to 4px in CYS assembler (#40967) 2023-10-25 12:20:23 +08:00
Moon bd1fda4891
Remove green/yellow color palette from pattern assembler (#40887)
* Remove green/yellow color palette from pattern assembler

* Remove Lemon Myrtle

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-25 11:34:55 +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
RJ a1505531bb
fix: cys intro screen parallelised network calls (#40827) 2023-10-18 18:15:36 +08:00
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
Chi-Hsuan Huang 8ce2611326
Add track events to customize store transitional page (#40143)
* Add cys transitional page tracks

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

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

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>

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

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>

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

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>

* Fix tests

* Update query step for transitional step

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-09-18 19:01:12 +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 7897a61a10
Add track events to customize store AI wizard (#40144)
* Add cys AI wizard tracks

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

* Revert ai API track name change

* Track AI API request network error

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-15 12:48:12 +08:00
Chi-Hsuan Huang 80eaece265
Add customize store transitional screen (#40122)
* Add CYS transitional screen

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

* Add tests

* Update preview loading style and add requeue param

* Fix visible logic

* Fix img size

* Update comments

* Fix lint

* Pre-fetch image and wait a 5s before redirecting to transitional page after clicking on done button

* Remove unneed overflow

* Move pre-fetch logic to xstate and use spinner for button loading state

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-15 12:01:02 +08:00
Sam Seay 36c644a1c4
Customize your store header (#40107)
This closes #39718 by loading header patterns in the header customization menu of the assembler.
2023-09-14 20:24:46 +12: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
RJ e52d11a87e
add: url navigation to cys (#40068)
* add: url navigation to cys

* bugfix for url not updating

* url handling for design-with-ai

* fixed url syncing so that it's working with @woocommerce/navigation

* changed useLocation to useQuery in assembler-hub save-hub
2023-09-12 14:32:50 +08:00
RJ 267cf52394
add: customize store design with ai loader (#40083)
* add: customize store design with ai loader

* removed unused prop
2023-09-12 10:30:54 +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 2fc0201632
Fix CYS `__experimentalReapplyBlockTypeFilters` is not a function (#40104)
* Fix __experimentalReapplyBlockTypeFilters is not a function

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

Update changelog

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-11 15:13:40 +08:00
RJ c889d5ed2d
add: made look and tone ai api call more robust (#40052)
* add: made look and tone ai completion api call more robust

- added tracks and tests for invalid ai response

* removed some redundant stuff

* parameterised prompt for safety

* minor fixes
2023-09-07 17:05:47 +08:00
Moon c45335b936
CYS - Add LookAndFeel and ToneOfVoice pages (#39979)
* Add ProgressBar component to @woocommerce/components

* Add changelog

* Remove html.wp-toolbar in fullscreen mode

* Add base style

* Add Tell us a bit more about your business page

* Fix merge conflict issues

* Send BUSINESS_INFO_DESCRIPTION_COMPLETE event when continue button is clicked

* Remove duplicated style import

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

* Lint fix

* Add 'Look and Feel' and 'Tone of voice' pages';

* Use correct classname

* Minor changes

* Textearea color should be gray-900 after the user enter text
* guide font weight should be 500

* Fix layout shift when a choice is selected

* Fix choices width for tone of voice page

* Use context value for the default

* Revert button margin top

* Fix default selection

* Add X button

* Decrease the margin by 20px to accommodate the height of the close button

* Add close action

* Include @woocommerce/ai package

* Add AI service

* Use AI service

* Parse JSON from in function

* Fix assignLookAndTone event type

* Update plugins/woocommerce-admin/client/customize-store/design-with-ai/components/choice/choice.scss

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

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

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

* Log when AI API endpoint request fails

* Add spinner when user clicks the continue button

* streamlined unnecessary isRequesting context and forwarded close event

* pnpm-lock changes from trunk

* lint fixes

* ai package test passWithNoTests

* changelog

* reset pnpm-lock to trunk

* Dev: update pnpm-lock.yaml and jest preset config (#40045)

* Update pnpm-lock.yaml

* Update jest-preset config to fix unexpected token error

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Co-authored-by: rjchow <me@rjchow.com>
2023-09-06 14:21:09 +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
RJ 5f87296805
fix: missed lint error in assembler hub PR (#39964) 2023-08-30 10:45:13 -05:00
Chi-Hsuan Huang 843b4041be
Optimize customize store preview frame resize performance (#39930)
* Optimize customize store preview frame resize performance

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

* Set isOversized to false to fix frame oversize issue

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-08-30 13:38:20 +08:00
RJ 0190f4adea
fix: applied lint autofixes (#39942)
* woocommerce-admin lint fixes

* @woocommerce/* lint fixes

* Add changefile(s) from automation for the following project(s): @woocommerce/date, @woocommerce/data, @woocommerce/components, @woocommerce/admin-layout, woocommerce

* lints

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-08-30 06:40:45 +08:00
RJ af9ef856e5
add: customize your store AI wizard xstate scaffolding (#39863)
* add: customize your store AI wizard xstate scaffolding

* Update plugins/woocommerce-admin/client/customize-store/design-with-ai/index.tsx

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

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-08-29 14:00:54 +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