Commit Graph

85 Commits

Author SHA1 Message Date
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
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
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
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
RJ 773baea857
fix: cys design with ai duplicate color validation (#40670) 2023-10-11 13:41:34 +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
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
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
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
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 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
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
RJ 1af971caf6
add: best colours AI suggestions (#40295) 2023-09-20 15:27:08 +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
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
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
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
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
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