Commit Graph

58 Commits

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