Commit Graph

3558 Commits

Author SHA1 Message Date
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
Moon 7ed46ad2fe
Add flags to control visibility of Header, StoreAlerts, Notices, and PluginsArea from a page (#41014)
* Disable header and footer on cys pages

* Support showNotices and showStoreAlerts to control Notices and StoreAlerts from the layout

* Disable Notices and StoreAlerts from CYS

* Support showPluginArea -- setting this value to false disables plugins

* Disable plugin area in cys

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-31 15:49: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
Maikel David Pérez Gómez 5bce523443
wp-admin sidebar menu pushed down on wc-admin pages (#41001)
* Fix invalid left menu top space

* Add changelog files

* Fix linter errors
2023-10-25 15:16:08 -03:00
Wacław Jacek 3d5b58b7d6
Remove dependency on Jetpack from Shipping and Tax task list items (#39992)
* Remove dependency on Jetpack from WCS&T's task list item

- Remove installing Jetpack-the-plugin from WooCommerce Shipping &
Tax WC Home task list and recommended extensions area.

- Update Jetpack auth link generation to use getJetpackAuthUrl().

- Remove references of Jetpack-the-plugin from WCS&T onboarding
as the extension will now use the Jetpack Connection package
for establishing a connection between WPCOM infrastructure
and a Woo site.

* Update WooCommerce Tax flow in WC Home task list

* Inline the agreementText variable

* Add missing pluginSlugs prop to <Plugins> instance for WC Tax

* Fix WC Tax extension name in API response

* Remove Jetpack from copy in Tax task header

* Fix MD034/no-bare-urls MD linting violation

* Fix experimental shipping recommendation tests

* Add changelogs requested by linter

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

* Remove mention of Jetpack from ExperimentalShippingRecommendation

* Fix text wrapping bug in WC Tax onboarding task

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

* Use isResolving() to detect pending auth URL fetch

* Replace unused hasErrors with ref to error

* Fix lint

* Jetpack auth URL prefetching

* Revert "Jetpack auth URL prefetching"

This reverts commit 2b79000e20.

* Add PrefetchJetpackAuthUrl component to remove Connect button load time

* Replace URL prefetching in component with useEffect

* Fix: Accept redirect URL as param instead of prop

* Fix lint

* Remove prefetching. Make Connect button always available

* Fix ExperimentalShippingRecommendation incompatibility with new Connect behavior

* Handle empty object errors in Connect

* Display TOS above WooCommerce Shipping & Tax installation buttons (#40863)

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-25 22:39:43 +08:00
And Finally fe8e132cc4 Styling tweaks.
- Changed illustrations for extensions and themes no results.
- Added bottom border to theme images in product cards, as many themes have white backgrounds.
- Reduced font size and font weight of suggested products titles in no results.
2023-10-25 14:26:36 +01:00
And Finally ab34974470 Added top margin to `.woocommerce-store-alerts` to address https://github.com/Automattic/woocommerce.com/issues/18448. 2023-10-25 12:46:54 +01:00
And Finally be46ab25ed
Add improved tracking to the marketplace (#40951) 2023-10-25 12:44:02 +01:00
And Finally cc83ffd387
Removed `recordMarketplaceView` from `showSection` in `Products` component. We already record the view in the `useEffect` hook in the `Content` component, so we were getting a duplicate view.
Only setting default category `_all` for `search` view if `product_type` (i.e. `query.section`) is also set. The previous arrangement was setting the `_all` category on the initial search results, where category doesn't figure.

Removed `! props.view` from condition in `recordLegacyTabView`. It meant that the initial default marketplace view wasn't being recorded.

Solve issue with some default prop values

We were no longer sending through a property to determine the "view" or "section" (depending on which event version you're referring to) when loading the discover page.

This change ensures that there is always a fallback that resolves this.

Also fixed some linting issues and cleaned up redundant code.

Removed unused import.
2023-10-25 12:59:39 +02:00
Kyle Nel e76a88aa07
Fix some logic errors and tidy up empty properties
Removed default values from `marketplaceViewProps` – we are now handling this in the tracking function.

Changed `selectedTab` dependency of `useEffect` hook in content.tsx to `query?.tab`. The `selectedTab` state was being reset after (or at least not at the same time as) the change of the tab param in the query string. For this reason, we were recording two page views when you changed from Extensions tab and Shipping category to Themes tab. This doesn't seem to break anything! We are still setting the `selectedTab` based on the query string in the `Tabs` component, so they should still be in sync.

Removed the condition skipping marketplace page view when there was no `prop.view`. This meant that when you switched to the Discovery tab from another tab, we weren't recording the page view.

Also setting default category prop `_all` when no category is specified on extensions, themes and search tabs. This allows us to bundle the default views of those tabs with the views got by clicking on the "All" category link.

Addressing linter errors.
2023-10-25 12:56:54 +02: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
Fernando Marichal abc476a005
Change variable product experiment name (#40769)
* Change experiment name

* Add changelog
2023-10-24 13:29:01 -03:00
RJ e01e6f8b2a
add: core profiler email marketing opt in (#40869)
* add: core profiler email marketing opt in

* tests

* changed mailchimp feature flag

* fix: made experiment name static

* lint
2023-10-24 17:07:26 +02:00
Kyle Nel 7b0a72307b
Add tracks events for to ensure legacy funnels work 2023-10-24 12:05:25 +02:00
Maikel David Pérez Gómez 16ce05109f
Add a loading state for the new product form (#40939)
* Create product page skeleton

* Load skeleton in product and variation pages

* Let each page to define own loading/skeleton when the router is resolving the page.

* Add changelog files

* Fix linter error

* Fix unit test
2023-10-23 12:47:26 -04:00
Maikel David Pérez Gómez 2fb59293ad
Create product-external-affiliate feature flag (#40910)
* Create product-external-affiliate feature flag

* Add changelog file
2023-10-23 09:34:24 -04: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
louwie17 fbac42aafc
Update variation switcher logic to not loop (#40901) 2023-10-20 11:17:30 -04: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
Daniel Mallory e4b1657f98
Remove references to Sofort (#40745)
* Removing all references to Sofort in the various locations we show payment method information.

* Adding changelogs.
2023-10-19 13:45:48 +01:00
louwie17 cee08e44d9
Hide header on variation edit page and remove use of `:has()` CSS selector (#40843)
* Make sure we hide the header on the variation edit page and remove use of has()

* Add changelogs
2023-10-18 09:22:55 -03:00
RJ a1505531bb
fix: cys intro screen parallelised network calls (#40827) 2023-10-18 18:15:36 +08:00
Jaclyn Chen 2c557f6d30
Update mobile app onboarding modal to be two steps (#40613) 2023-10-18 15:22:46 +08:00
RJ 1e86558083
fix: cys design-with-api loader should not loop (#40829) 2023-10-18 15:14:51 +08:00
berislav grgičak 7cd33b5e95
Marketplace search improvements (#40667)
* Show themes first if no extensions

* Empty search load discover page

* Show three items per row if not dividable by four

* Update search per page to 8 for large screens

* Show 8 items on large screens

* Prevent same tab click

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

* Fix function name

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-17 18:32:23 +02:00
And Finally 03ba981eea This branch replaces all "skeleton" loading indicators on the Marketplace with more-standard ones. It also:
- Aims to make those skeleton loaders more accurately represent this size and shape of the content that will replace them.
- Refactors the code so that components are responsible for hosting their own skeleton code, attached to an `isLoading` variable, making it easier to stay consistent as changes are made in future.
2023-10-16 16:08:33 +01:00
louwie17 7f25060044
Variation switching when deleting (#40780)
* Add variation switcher hook for easier use across multiple components

* Add unregister function for validation

* Add changelogs

* Remove stray console

* Add unRegisterValidator function
2023-10-13 19:25:58 -04:00
Maikel David Pérez Gómez df2bf33bcd
Add edit button to each variation to redirect to the single variation page (#40709)
* Add edit button to each variation to redirect to the single variation page

* Add changelog file

* Fix blocks and plugin registration

* Add router redirection

* Fix css conflicts with the prev experience

* Fix linter errors

* Add changelog file
2023-10-13 16:22:11 -04:00
berislav grgičak f712c23b66
Fix Marketplace theme labels and links (#40661)
* Update search title

* Update no result title

* Open products in the same tab
2023-10-13 05:56:38 +02:00