Commit Graph

3368 Commits

Author SHA1 Message Date
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
Kyle Nel 6e20ecb3bc
Marketplace: update discover page card counts (#40020)
* Marketplace: update discover page card counts

* Marketplace: Apply PR review feedback

* Addressing linter error. Whitespace.

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

---------

Co-authored-by: And Finally <andfinally@users.noreply.github.com>
Co-authored-by: github-actions <github-actions@github.com>
2023-09-11 15:33:43 +02: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
Chi-Hsuan Huang 914df4b921
Fix customize store whitescreen in WP 6.3 (#40031)
* Fix wp-router dependencies issue

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

* Fix customize your store task header button (#40033)

* Fix customize your store task header button

* 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-09 11:05:31 +08:00
Ismael Martín Alabarce 80173a640e
Update TaskItem and WooPayments task (#40034)
* Custom WooPayments task header content

when action incentive is available.

* Add badge prop to experimental TaskItem component

, update task list components, docs, storybook, and tests

* Add badge property to OnboardingTasks/Task abstract class

* Add `woocommerce_admin_woopayments_onboarding_task_badge` filter

* Use the filter to display the badge from server

* Add changelog entries

* Update filter to use return existing badge

instead of an empty string

* Update task header to also check for the incentive in wcpaySettings
2023-09-07 15:43:18 +02:00
And Finally 39a9596c58
Don't show feedback snackbar till marketplace content has finished loading (#39869) 2023-09-07 11:41:17 +01: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
Nathan Silveira e9aad24125
Migrate Category field to woocommerce/taxonomy-field block (#40021)
* Migrate category field to woocommerce/taxonomy-field block

* Remove details-categories-field

* Add changelogs

* Remove more references

* Rename block and add it to blockregistry

* Add missing setIsCreating calls

* Undo changelog change

* Add changelog
2023-09-06 10:21:37 -03: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
Chris Runnells e2c2c52c1c
Update task list progress bar default setting (#39369) 2023-09-05 13:50:33 -10: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
And Finally 21d1bab26e [wccom-17942] Making sure snackbar doesn't appear before content has loaded.
- Fixing `prettier` linter errors.
2023-09-04 16:00:30 +01:00
And Finally 6d65d54ed5 [wccom-17942] Making sure snackbar doesn't appear before content has loaded.
- Fixing `prettier` linter errors.
2023-09-04 15:45:24 +01:00
And Finally 6ae83b08ec [wccom-17942] Making sure snackbar doesn't appear before content has loaded.
- Addressing feedback. Renamed `MARKETPLACE_API_HOST` TO `MARKETPLACE_HOST` to make it less confusing – we don't only use it for API URLs.
2023-08-31 16:14:06 +01: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
Chris Runnells 8fc9d33041 Update progress bar initial value 2023-08-29 14:57:10 -10: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
Chris Runnells 3c25538f35
Fix Core Profiler layout shifts during plugin install step (#39898) 2023-08-28 16:05:23 -10:00
Nathan Silveira 01b85df049
Fix undismissable notices when using localization for certain messages like "Coupon management has moved" (#39913)
* Make sure alert.id and action.id are defined

* Copy id from db to action

* Add changelog

* Add error message when something goes wrong while triggering note action

* Rename changelog
2023-08-28 11:48:07 -03:00
Ilyas Foo 21df7ca51c
Fix font color in tasklist description (#39903)
* Fix font color in tasklist description

* Changelog
2023-08-28 19:26:02 +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
And Finally 3c8f4861e4 [wccom-17942] Only showing feedback snackbar when content of in-app marketplace has finished loading. Making sure snackbar is fixed position, so it's visible wherever you are on the page.
- `ProductListContextProvider` provides `setIsLoading` function as well as `isLoading`.
- `Discover` uses these values from context, instead of keeping a loading state in itself.
- `FeedbackModal` calls `maybSetTimeout` when `isLoading` changes. If `isLoading` isn't truthy, and snackbar hasn't already rendered, it sets a timeout of 5 seconds to show it.

- Removed wrapping <WooFooterItem> from around Footer component, so it's no longer a child of the WooCommerce Admin `.woocommerce-layout__footer` footer.
- Removed the `position: relative` from `.woocommerce-layout__footer`. It needs to be `position: fixed`.
- Added FooterContent component to Footer, to allow the layout we want.

- Changed use of context. This now only has states for the selected tab and loading state.
- We use this context in `Tabs` and `Content` to keep track of which tab is selected, and set the selected tab.
- We also use it in `Discover` and `Extensions`, which both report loading state to the context. This allows us to use it to only render the snackbar when loading is complete.
- Extensions: moved `productList` and `setProductList` and logic for getting product list from the context provider to a state in this component. We don't need to share the list of products in the context.
- Renamed `ProductListContext`, `ProductListContextProvider` and `productListContextValue` to more generic `MarketplaceContext`, `MarketplaceContextProvider` and `marketplaceContextValue`.
- Renamed a constant and created constants for API paths.
- Only shows snackbar after content has loaded, and after a timeout. We set a date `marketplace_redesign_2023_last_shown_date` in local storage to ensure we only show one snackbar.
2023-08-26 12:47:23 +01:00
Chris Runnells bd5fc03aae Add secondary container to fix layout shifts
Also added CSS so that the container is always aligned to the top of the wrapper
2023-08-24 14:01:55 -10:00
Chris Runnells fb506bf18f Update SVG files so they are all the same size 2023-08-24 13:57:50 -10:00
Kyle Nel f2446da15f
Merge branch 'trunk' into feature/marketplace 2023-08-22 13:16:13 +02:00
RJ cb2cf79342
dev: refactor core profiler loader (#39735)
* dev: refactor core profiler loader

* dev: added storybook example for loader

* lint

* Apply suggestions from code review

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

* addressed review feedback

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-08-22 19:58:33 +10:00
Moon 6f1a84e435
Run A/B test on the core profiler plugins page with Jetpack and Jetpack Boost (#39799)
* Update Jetpack label and description

* Replace Jetpack with Jetpack Boost for treatment group

* Add changelog

* Append plugin_name param to Jetpack Connection page URL

* Use the correct experiment name
2023-08-21 12:43:15 -07:00
raicem 60c07013d4 Marketplace: Cache Discover page content
We were hitting the WCCOM API directly from the front end. However,
that limits of in terms of caching and reducing the load on WCCOM.

To prevent that, we added a REST API endpoint. This endpoint
fetches discover page content from WCCOM and puts in a transient.
This is actually how the page works in the previous version. So
we were able to reuse a lot of the code.
2023-08-18 18:59:36 +03:00
And Finally 87706c5e5a [wccom-17713] Addressing design feedback.
- Removed duplicate `Search` styles from `header.scss`.
- Removed 10px top padding from `Header`. Applied it to title, meta and search containers instead.
- Deleted duplicate search button style from `header.scss`.
- Swapped round order of search component and header meta div so tab navigation order is correct.
- Added focus style to search component.
- Reduced footer side padding on mobile.
- Changed `.woocommerce-marketplace__header-title` page title to an h1 for accessibility.
- Removed top margin from product cards – the css grid handles the gap.
- Removed margin from `.woocommerce-marketplace__product-card__description`.
- Reduced font weight of price in product cards.
- Set margin below product list header.
- Removed right margin from tab buttons – css grid handles the gap.
- Increased top padding of `.woocommerce-marketplace__content`.

Addressing linter error.
2023-08-18 15:20:00 +01:00
Ahmed 74beca459e
Add support for Japan and UAE to WooPayments (#39431)
* Add support for JP and UAE

* Add changelog file
2023-08-18 17:58:39 +08:00
AnnaMag 772541a751
[New Blocks Editor]: Update product experiment name. (#39684)
* Update product experiment name

* Add changelog

---------

Co-authored-by: Lourens Schep <lourensschep@gmail.com>
2023-08-18 10:54:22 +02: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
Ilyas Foo 3e9c14d5fb
Add plugin installation request track for core profiler (#39533)
* Add track to plugin installation in core profiler

* Rename available to shown

* Add changelog

* Lint
2023-08-17 22:34:52 +08:00
And Finally 9fbb8a505b
In-App Marketplace: Improve Product Card Clickability (#39766) 2023-08-17 09:04:27 +01:00
And Finally 436ce4bd4d
Update copy on In-App Marketplace (#39767) 2023-08-17 09:02:25 +01:00
And Finally 6b1694f89b
Update marketplace product card for updated WCCOM search API (#39689) 2023-08-17 08:59:46 +01:00
RJ 99182c015c
dev: fix core profiler context ts type error (#39749) 2023-08-16 20:19:51 +08:00
Kyle Nel 542b33d859
Product Card: update to to using new API values
# Conflicts:
#	plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.tsx
2023-08-16 13:55:59 +02:00
Dan Q cb5769ed0b Correct card hover outline color 2023-08-16 12:26:29 +01:00
Dan Q 555a8aaff0 Correct font color of search "no results" interpretation to g-gray 700 2023-08-16 11:00:59 +01:00
Dan Q 4831c6712b Improve semantics of "no results" page with a <h3> 2023-08-16 10:59:48 +01:00
Dan Q 91afe9f6e2 Correct search placeholder text 2023-08-16 10:56:15 +01:00
Dan Q e4e8490925 Fix heading font size 2023-08-16 10:54:29 +01:00
Dan Q 9c179240ab Switch "Woo Marketplace" hug in footer to gray-50 2023-08-16 10:18:22 +01:00
And Finally cc6ae76c42
Fix child keys error in `Tabs` component and and remove unnecessary `sanitizeHTML` call from `FeedbackModal` component (#39734) 2023-08-16 10:17:33 +01:00