Commit Graph

32 Commits

Author SHA1 Message Date
Joshua T Flowers babefd0d47 Fix Gutenberg CardBody styles for task card (https://github.com/woocommerce/woocommerce-admin/pull/7411)
* Fix Gutenberg CardBody styles for task card

* Add changelog entry
2021-07-23 09:53:39 -04:00
Joshua T Flowers 86ee870873 Add text for manage button when no help text exists (https://github.com/woocommerce/woocommerce-admin/pull/7191)
* Add text for manage button when no help text exists

* Update manage button text to set up

* Handle PR feedback
2021-06-22 20:07:03 -04:00
Joshua T Flowers a2fa141bcb Update payment gateway suggestions semantics to be more consistent (https://github.com/woocommerce/woocommerce-admin/pull/7130)
* Rename and simplify frontend component names

* Rename feature flag and feature folder

* Rename transients and filters

* Rename SlotFills

* Fix feature name comment

* Update variable naming in payment suggestions

* Update WCPay Button component

* Rename suggestion key to id

* Rename recommended to recommendation

* Add changelog entry

* Update isConfigured to needsSetup

* Fix key id reference in WCPayMethodCard

* Update onboarding component filenames and exports

* Fix typo

* Add changelog entry

* Fix up remaining references to keys/ids
2021-06-08 13:40:57 -04:00
Joshua T Flowers a417a72ce4 Add loading placeholders for payment gateways task (https://github.com/woocommerce/woocommerce-admin/pull/7123)
* Add payment list placeholder

* Add current step placeholder

* Fix task list placeholder shown for individual tasks

* Add changelog entry
2021-06-03 15:14:31 -04:00
Joshua T Flowers b4c71ae644 Add BACS as default fallback payment gateway (https://github.com/woocommerce/woocommerce-admin/pull/7073)
* Add bacs method to fallback methods

* Register bacs plugin to override default setup

* Clean up prop usage

* Add changelog entry

* Fix imports for onboarding package

* Fix card divider

* Return early in updateSettings

* Move recommended gateway up to remote payments index

* Fix text domains
2021-06-02 16:54:04 -04:00
Jeff Stieler c23d02bcc0 Add conditional copy/content and CTA to expanded task items (https://github.com/woocommerce/woocommerce-admin/pull/6956)
* Add action button to TaskItem.

* Pass through click event.

* Add separate action and label to onClick.

* Add initial copy for task expansion.

* Expand one task at a time.

* Add descriptive text to the payments step.

* Set the first incomplete task current by default.

* Revert expansion behavior.

* Fix margins.

* Curate purchase products task content based on selections.

* Fix appearance task copy.

* Fix payment task copy.

* Add conditional tax step title.

* Indicated if task is expanded to click handlers.

* Automatically enable WC Tax from the expanded CTA.

* Restore additional text property.

* Fix task title xpath selector in E2E test.

* Fix automatic tax setup query param logic.

* Add changelog entries.
2021-06-01 12:04:21 -06:00
Jeff Stieler bdd91b3337 Move TaskItem component to experimental package for reuse. (https://github.com/woocommerce/woocommerce-admin/pull/6978)
* Move TaskItem component to experimental package for reuse.

* Bump package version.

* Add dompurify types.
2021-05-13 08:05:30 -06:00
louwie17 99c6044e55 Add task hierarchy support to task item (https://github.com/woocommerce/woocommerce-admin/pull/6916)
* Add task hierarchy support to task item

* Add optional tooltip

* Add changelog

* Update the logic to keep it more generic

* Fix up css

* Change level to numbers

* Switched the levels around where 1 is the highest priority

* Updated classnames and made sure tooltip does not show on completed item
2021-05-05 14:43:46 -03:00
Joel Thiessen c31d694c45 Adding setup required indicator for non-configured payment methods (https://github.com/woocommerce/woocommerce-admin/pull/6811) 2021-04-15 15:29:15 -07:00
Joel Thiessen c0e95ba189 Update UI for Payment Task Screen (https://github.com/woocommerce/woocommerce-admin/pull/6766) 2021-04-15 11:42:31 -07:00
Hsing-Yu Flowers a85034f504 Update payment card style on mobile (https://github.com/woocommerce/woocommerce-admin/pull/6413)
* Update payment card style on mobile

* Add changelog

* Add testing instructions

* Move changelog entry to unreleased

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2021-03-02 12:36:05 +08:00
Hsing-Yu Flowers b1257c5b22 Move the shipping input and text 1px lower (https://github.com/woocommerce/woocommerce-admin/pull/6408)
* Move the shipping input and text 1px lower

* Add changelog

Co-authored-by: Sam Seay <samueljseay@gmail.com>
2021-02-24 09:14:53 +08:00
louwie17 467e54fded Update product template icon and copy (https://github.com/woocommerce/woocommerce-admin/pull/6177)
* Update product template task copy and icon, updated wordpress/icons

* Fix tests

* Fix css lint errors

* Make use of the re-usable Pill component from Woo
2021-01-29 17:23:02 -04:00
louwie17 298419d1ab Update payment task styling, to match old format (https://github.com/woocommerce/woocommerce-admin/pull/6140) 2021-01-21 16:06:58 -04:00
Joshua T Flowers 6a3b30a2b2 Update task list to use wp card component (https://github.com/woocommerce/woocommerce-admin/pull/5895)
* Update task list to use wp card component

* Fix lint errors
2020-12-21 14:05:29 -05:00
Elizabeth Pizzuti 93cca16404 Style updates to tax task (https://github.com/woocommerce/woocommerce-admin/pull/5709)
* style changes to tax task

* Fix undefined variable use.

* Set plugin install dismissal actions as tertiary.

* change back to variable

* add margin to primary

* text-button-styles-homescreen

* Add specificity to the task caption selector.

We need to beat out the styles from Gutenberg.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2020-12-02 09:27:50 -05:00
Moon edde19a7fb Stripe - Remove redundant text (https://github.com/woocommerce/woocommerce-admin/pull/5701)
* Remove redundant text

* Remove stripe subtext
2020-11-20 14:48:58 -08:00
Sam Seay 5c50c4cc03 Restyle the setup task list to match new designs (https://github.com/woocommerce/woocommerce-admin/pull/5520)
Dev: Add the new `<Badge>` component to @woocommerce/components
Dev: Restyle the setup task list header to display incomplete tasks
2020-11-05 10:48:26 +13:00
Bec Scott b4fef3059c Add ToS agreement copy to the WCPay setup task (https://github.com/woocommerce/woocommerce-admin/pull/5085)
Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-09-03 12:28:31 +10:00
Joshua T Flowers 92a8a58d2b Remove payment task actions (https://github.com/woocommerce/woocommerce-admin/pull/4917)
* Remove task list payment actions

* Check that the payments task has been marked complete in checkout note

* Track payments completion via enabled gateways

* Allow toggling to unfinish task when no payments enabled
2020-08-11 15:20:48 +03:00
Sam Seay 34d8d930b0 Display modal with more info about the new homescreen (https://github.com/woocommerce/woocommerce-admin/pull/4890)
Fixes woocommerce/woocommerce-admin#4590

This implements a paged modal via the Gutenberg Guide component. Some styling adjustment was needed to match the designs exactly.

This also introduces 3 SVG based illustrations for display in the modal. According to this comment there is a need to color them based on the theme at some point, but based on a current lack of requirements for that, I felt that could be done at a separate time (that was suggested in the comment as well).
2020-08-05 12:14:56 +12:00
Sam Seay b448ff60b7 Update @wordpress/base-styles and replace deprecated variables (https://github.com/woocommerce/woocommerce-admin/pull/4759)
Fixes woocommerce/woocommerce-admin#4732

This updates `@wordpress/base-styles`, and because `@wordpress/components` depends on variables from it, that must be updated as well.

There are 3 major changes required as part of updating:

1. The $theme-color variable is no longer exposed by base-styles. Instead there are 3 css vars exposed. These are made available by use of a provided mixin. Situations where $theme-color was darkened using scss have been mapped as best as possible to the 2 other darkened shades of the css var that are available such as `--wp-admin-theme-color-darker-20` and `--wp-admin-theme-color-darker-10`. In some cases this means the colors are not exactly the same as before.

2. The post css `theme()` call is no longer available. All uses of this have been consolidated to use of the main theme css var `--wp-admin-theme-color`. This means that calls like `theme(secondary)` or `theme(outline)` etc have all been consolidated to the one color.

3. Many of the variables used for different shades of gray have been deprecated. These have been mapped across to the new gray variables. (Mapped according to the list described in woocommerce/woocommerce-admin#4732)
2020-07-17 12:11:42 +12:00
Jeff Stieler 98f09e2b7d Add option to automatically create a PayPal account (https://github.com/woocommerce/woocommerce-admin/pull/4804)
* Add "create an account" option to PayPal setup.

Requires a connected Jetpack and WCS.

* Incorporate account creation into multiple flows.

Consolidate form code as well.

* Empty emails aren't valid.

* Remove defunct manual form render.

* Only validate API credentials if needed.

* Update PayPal settings for account creation flow.

* Add first basic test for PayPal setup task.

* Add more test coverage.

* Add some padding to the create account form.

* Only show "create account" if WCS TOS has been accepted.
2020-07-15 08:10:21 -04:00
Joshua T Flowers 49a0a9f3a2 Add option to dismiss tasks (https://github.com/woocommerce/woocommerce-admin/pull/4733)
* Add dismiss button as task list item option

* Add option to undo task dismissal

* Record modal dismissal event

* Add transition animation to list items

* Use key for list items instead of index

* Remove dismissed tasks on recompleting profiler steps
2020-07-14 13:46:25 +03:00
Joshua T Flowers 8e5291e231 Refactor task tax to use promise chain (https://github.com/woocommerce/woocommerce-admin/pull/4683)
* Show success screen based on conditions instead of step

* Use promise chain to handle updating tax settings

* Fix up error handling for failed setting updates

* Skip store location step if complete address exists

* Fix up pending/requesting state logic

* Allow opt in to TOS on tax task

* Don't complete task from completeStep

* Add caption styling to TOS text
2020-07-01 15:19:15 +03:00
Paul Sealock c97e9d5ad1 Tax Task: don't rely on settings requesting (https://github.com/woocommerce/woocommerce-admin/pull/4660) 2020-06-23 13:14:57 +12:00
Paul Sealock c938b66ee7 Task List: Cleanup styles (https://github.com/woocommerce/woocommerce-admin/pull/4627) 2020-06-19 12:13:41 +12:00
Paul Sealock b5214e95d3 Stats Overview: Cleanup styles (https://github.com/woocommerce/woocommerce-admin/pull/4625) 2020-06-19 11:44:00 +12:00
Jeff Stieler 6e85cf977a Style cleanup from components update (https://github.com/woocommerce/woocommerce-admin/pull/4606)
* Fix secondary button style in OBW.

* Center snackbar notices in OBW.

* Scope snackbar changes to just the OBW.

* Add busy treatment to Jetpack connect button when redirecting.

* Remove color override for form toggles in ellipsis menus.

* Fix styling of task list.

* Fix button styles in date range picker component.

* Use admin theme colors in calendar component selections.

* Fix datepicker styling on analytics settings page.
2020-06-17 08:58:35 -04:00
Paul Sealock 77ce9448a3 Fix Task List styles (https://github.com/woocommerce/woocommerce-admin/pull/4573) 2020-06-16 14:07:06 +12:00
Jeff Stieler cd146b388e Update TaskList design (https://github.com/woocommerce/woocommerce-admin/pull/4434)
* Update task list to closer match new designs.

* Update TaskList placeholder to match the new design.

* Hook up store details task click.

* Don't show "skip" prompt for task list on new home screen.

* Update time estimates for tasks.

* Add progress indicator to TaskList.

* Use null container for store details task.

* Fix progress bar styling.

* Just use card menu for TaskList dismissal.

* Don't show TaskList on analytics overview if homepage feature is enabled.

* Initial refactor of TaskList to use WP card.

* Style TaskList items and card header.

* Style "hide" button for TaskList.

* Don't show TaskList after it's completion.

* Don't show TaskList placeholder when options are still loading.

Avoid a potential flash of the placeholder without showing the TaskList.

* Fix border radius on progress bar.

* Fix TaskList header style with homepage feature disabled.

* Remove defunct function.

* Remove unnecessary import.

* Some minor color tweaks (https://github.com/woocommerce/woocommerce-admin/pull/4436)

* Colors

* Only show time estimation for incomplete tasks

* Don't show chevron on completed tasks.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>

* Preload task list completed option, show placeholder when loading.

* Fix alignment of "hide this" button.

Co-authored-by: James Koster <james@jameskoster.co.uk>
2020-05-27 10:08:39 -06:00
Jeff Stieler 3c8490c26b Add existing TaskList component to new home screen (https://github.com/woocommerce/woocommerce-admin/pull/4378)
* Move TaskList component up in directory tree.

* Render the TaskList on the new home screen.

* Render single tasks in isolation on new home screen.

* Fix "is requesting" selection for options API.

* Add loading placeholder for TaskList.

* Add initial test for the task list on the home screen.

* Fix dynamic imports under test.

* Add test for inline TaskList on home screen.

* Test that single task view works on new home screen.

* Restore Jest mocks between tests.

* Fix linting errors.
2020-05-21 11:15:08 -06:00