Commit Graph

56 Commits

Author SHA1 Message Date
RJ 75f6ec3a43
dev: refactor Homescreen component to use useQuery hook (#34183)
- added useQuery hook for usage in functional components
- refactored Homescreen component to useQuery instead of prop drilling
2022-08-04 16:57:53 +08:00
Moon 15015b9eda
Clean up setup_experiment_1 and setup_experiment_2 experiments (#34084)
* Remove setup_experiment_1 and setup_experiment_2 tests and css

* Remove setup_experiment_1 and 2 from the client code

* Copy over setup_experiment_1 options to the setup tasklist and remove setup_experiment_1 and 2

* Add changelog

* Determine the default component to use by task id

* Update plugins/woocommerce-admin/client/tasks/hooks/useActiveSetupList.ts

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2022-07-28 09:16:10 -07:00
Chi-Hsuan Huang 7068c78101
Fix JS lint errors (#33484)
* Fix @woocommerce/data lint errors

* Fix internal-e2e-builds lint error

* Fix lint errors
2022-06-21 16:37:34 +08:00
Moon dc70bdfae4
Remove two-col task list experiments (#33426)
* Remove two-col task list experiments

* Add changelog
2022-06-16 13:51:46 -07:00
Joel Thiessen 183ac65c82
Adding context property to tasklist tracks event, introducing LayoutContext (#33287) 2022-06-14 11:31:50 -07:00
Joel Thiessen ddafa8e380
Tasks chaining side panel (#33124) 2022-06-01 10:10:20 -07:00
moon 2aa8088197 Remove ExPlat API calls from the frontend 2022-05-09 10:01:11 -07:00
Lourens Schep c3b1352f90 Make sure activity header does not show when displaying task list with progressive header 2022-04-11 10:18:14 -03:00
Lourens Schep 217bec8942 Fix lint errors 2022-04-04 15:58:50 -03:00
Lourens Schep 4d6aab73df Add placeholder for task list experiment one 2022-04-04 15:38:27 -03:00
RJChow 1ba60ee69d Codemod to change i18n text domain from 'woocommerce-admin' to 'woocommerce' in WCA Client 2022-04-01 11:41:32 +08:00
Fernando Marichal f276434ea4 Disable welcome modals 2022-03-23 09:11:34 -03:00
louwie17 b871cbf09b Fix/8251 woocommerce payments task list logic (https://github.com/woocommerce/woocommerce-admin/pull/8332)
* Allow the support of multiple task lists with overlapping tasks

* Add filter by task ids

* Revert getTaskListById call

* Fix notices

* Move prefix event to task and task list classes instead

* Fix track events and extended task list

* Fix php unit tests

* Remove the seperate task list classes as this was unnecessary.

* Fix tests

* Remove unneeded allowed-tasks

* Change onboarding task list redux store structure

* Add extra id for handling hidden param for experimental task lists

* Fix lint errors

* Fix forgotten change

* Add changelog
2022-03-01 08:34:18 -04:00
Ilyas Foo dfdafc1568 Update headercard to use filter to add ExPlat parameter (https://github.com/woocommerce/woocommerce-admin/pull/8233)
* Add changelog

* Update headercard experiment hook to utilize `woocommerce_explat_request_args` filter

* Add test

* Fix experiment name check

* Update parameter name

* Add changelog

* Removed old changelog

* Added prop comments to Layout component

* Add preload option for homescreen

* Fix class attribute typo

* Hide extended tasklist when task detail is shown

* Add local Suspense to stop lazy component bubbling up to Controller's Suspense

* Remove unused props

* Add missed Suspense, add loading logic to ActivityHeader

Co-authored-by: Moon <moon.kyong@automattic.com>
2022-02-07 08:50:20 +08:00
Moon 7348c302ec Fix duplicated back button with two-cols experiment (https://github.com/woocommerce/woocommerce-admin/pull/8138)
* Do not render individual task in the extended component when it is rendered with two column task component
* Change var name to shouldRenderTask
2022-01-11 08:21:50 -08:00
Moon 8983852686 Render the activity panel when the tasklist is hidden (https://github.com/woocommerce/woocommerce-admin/pull/8111) 2022-01-04 18:23:34 -08:00
Joshua T Flowers 7aeb0a19d2 Migrate header items to slot fills (https://github.com/woocommerce/woocommerce-admin/pull/7805)
* Add SlotFill area to header

* Add activity panel fill

* Move activity panel to root client folder

* Move activity panel registration to its own folder

* Add navigation fill

* Add page title slotfill

* Slot fill the back button

* Move mobile banner to slot fill

* Fix navigation fill on embed pages

* Add changelog entry

* Allow order prop to header item fill

* Split header into before and after

* Fix header title gaps

* Fix nav and mobile app banner placement

* Fix display options import

* Only use last item for page header title fill

* Use function to pass fill props instead of bind

* Rename header slots

* Fix mobile banner dismissal check

* Fix up inbox panel rename

* Update task title in tests

* Fix up task status retrieval
2021-12-14 11:56:42 -05:00
Joshua T Flowers 126707eeab Replace old task list option calls with data store selectors (https://github.com/woocommerce/woocommerce-admin/pull/7820)
* Add endpoint to unhide task list

* Rename show method to unhide

* Replace requests for hidden task list options

* Replace unhide task list requests

* Replace task list complete checks

* Replace dismiss option requests

* Remove complete task option check

* Fix up panel buttons

* Update finished setup to wait for task list resolution

* Create selector for getting a single task list

* Add selector for single task

* Fix task list panel visibility

* Add changelog entry

* Fix empty product types in profiler data

* Revert to checking for hidden task list
2021-11-15 15:57:13 -05:00
Ilyas Foo 62c3b6ea97 Fix TaskList UI experiment enablement logic (https://github.com/woocommerce/woocommerce-admin/pull/7930)
* Fix TaskList UI logic to enable when either experiment is in treatment

* Fix invalid react attribute

* Changelog
2021-11-12 18:32:27 +08:00
Adrian Duffell db11df4296 Add 2col Experiment (https://github.com/woocommerce/woocommerce-admin/pull/7872)
* Update experiment name

* Add 2col experiment

* Add changelog

* Update changelog

* Revert "Add 2col experiment"

This reverts commit 6509bf75f48d2662a4b3e53d3022ea82daac0d2b.

* Add 2col experiment
2021-11-03 06:36:12 +08:00
Moon 777c3a709a Add two-columns class dynamically (https://github.com/woocommerce/woocommerce-admin/pull/7878) 2021-11-01 19:43:46 -07:00
Moon d97a45c432 Update experiment name (https://github.com/woocommerce/woocommerce-admin/pull/7851)
* Use UTC timezone for the month and year

* Include year
2021-10-26 20:09:26 -07:00
Moon 543cefa004 Two columns experiment - move paid extensions to extended task list (https://github.com/woocommerce/woocommerce-admin/pull/7839)
* Render extended task list

* Remove margin-bottom when the extended task list is empty

* Fix typo

* Remove redundant isVisible check

* Remove unallowedTasks and move it to concat

* Remove woocommerce_tasklist_progression experiment

* Remove duplicate array items

* Use isVisible to check the visibility

* Remove redundant logic
2021-10-25 21:08:05 -07:00
Moon ef0fde6632 Add summary tasks for the new two-column tasklist experiment (https://github.com/woocommerce/woocommerce-admin/pull/7669)
* Add two column version of task list with a new design

* Show number in the status circle

* Set background for the active task

* Remove border top

* Changes in single column

* Task list does not render in the left column if two column task list has been rendered already.

* Your store today and activity panel does not render if user is running two column experiment

* Update the circle border color

* Fix lint issue

* Support single column mode

* Add box-shadow transition

* Fix max width

* Set the first card as the default if all tasks are complete

* Adjust font-weight for the complete tasks

* Use experiment

* Remove unnecessary placeholder

* Use two-column placeholder

* Use the new task REST API

* Remove unused code -- these are no longer used as we are using the new task list REST API

* Update logic to use the new fields

* Update css to fit the homescreen card

* Remove unused var

* Sync changelog from 2.8.0-rc.2 (https://github.com/woocommerce/woocommerce-admin/pull/7783)

* Remove changelogs that were picked into 2.8.0-beta.2

* Update changelog for 7690

* Update changelog for 7743

* Update changelog for 7734

* Update changelog for 7763, 7771

* Remove changelog for 7763 from 2.8.0 since it was in 2.7.2

* Update changelog for 7798

* Show keep & dismiss page when tasks are complete (https://github.com/woocommerce/woocommerce-admin/pull/7684)

* Add two column version of task list with a new design

* Changes in single column

* Task list does not render in the left column if two column task list has been rendered already.

* Your store today and activity panel does not render if user is running two column experiment

* Prompt a modal when hiding the task list

* Add completed compoent

* Move completed task to task-list

* Implement hide and keep list buttons

* Fix keep task list button

* Rename hideTaskCard to hideTasks and keepTaskCard to keepTasks

* Add two column version of task list with a new design

* Show number in the status circle

* Set background for the active task

* Remove border top

* Changes in single column

* Task list does not render in the left column if two column task list has been rendered already.

* Your store today and activity panel does not render if user is running two column experiment

* Update the circle border color

* Fix lint issue

* Support single column mode

* Add box-shadow transition

* Fix max width

* Set the first card as the default if all tasks are complete

* Adjust font-weight for the complete tasks

* Use experiment

* Remove unnecessary placeholder

* Use two-column placeholder

* Use the new task REST API

* Remove unused code -- these are no longer used as we are using the new task list REST API

* Update logic to use the new fields

* Update css to fit the homescreen card

* Remove unused var

* Show keep & dismiss page when tasks are complete (https://github.com/woocommerce/woocommerce-admin/pull/7684)

* Add two column version of task list with a new design

* Changes in single column

* Task list does not render in the left column if two column task list has been rendered already.

* Your store today and activity panel does not render if user is running two column experiment

* Prompt a modal when hiding the task list

* Add completed compoent

* Move completed task to task-list

* Implement hide and keep list buttons

* Fix keep task list button

* Rename hideTaskCard to hideTasks and keepTaskCard to keepTasks

* Remove unnecessary feature checking logic

* Separate && operator for Activity Header and Panel since one of them can be empty

* Add changelog

Co-authored-by: Matt Sherman <matt.sherman@automattic.com>
2021-10-20 09:16:22 -07:00
Joshua T Flowers 0b8596f53c Remove tasks feature flag and old components (https://github.com/woocommerce/woocommerce-admin/pull/7736)
* Remove feature flag

* Remove unused task status items

* Remove old task list components

* Remove more unused task status items

* Move completion checking to TaskList class

* Move completion checking to Task class

* Add changelog entry

* Fix up old task-list component references

* Remove flag around slotfill area

* Add back missing task stylesheet

* Move task specific styles to respective fills

* Add PR number to changelog entry
2021-10-05 14:20:28 -04:00
Joshua T Flowers 6300e8aacd Add task list components to consume task list REST API (https://github.com/woocommerce/woocommerce-admin/pull/7556)
* Add initial task list render

* Add task list item render

* Separate task list menu component

* Fix click handling for tasks

* Add task started count data

* Scroll to top after selecting task

* Handle PR feedback

* Handle PR feedback round 2
2021-09-01 17:28:24 -04:00
Joshua T Flowers 7cb06f00fd Add tasks feature flag (https://github.com/woocommerce/woocommerce-admin/pull/7522)
* Add feature flags for tasks feature

* Add tasks initial render and placeholder to layout

* Fix lint errors
2021-08-23 10:29:20 -04:00
Joshua T Flowers 0ab7c7a3ec Remove the preloaded onboarding options (https://github.com/woocommerce/woocommerce-admin/pull/7338)
* Remove unused options

* Remove preloade tracking option

* Remove preloaded wc_connect_options

* Remove preloaded modal options

* Refactor requesting options into task list component

* Remove preloaded dismissed and completed tasks

* Add changelog entry

* Wait for modal before attempting to dismiss

* Attempt to make closing welcome modal more robust

* Update the payment E2E tests to support new app flow

* Update isResolving selectors to hasFinishedResolution

Co-authored-by: Lourens Schep <lourensschep@gmail.com>
2021-08-10 14:58:01 -04:00
Paul Sealock 1701b6ce15 Analytics Flag: Remove performance indicators when disabled (https://github.com/woocommerce/woocommerce-admin/pull/7234)
* remove performance indicators if analytics off

* changelog

* Hide the display option if there is only content for a single column
2021-07-01 11:16:11 +12: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
Sam Seay 4e17af5734 Show management links when the task list is complete (even if its not hidden). (https://github.com/woocommerce/woocommerce-admin/pull/6657) 2021-03-26 10:54:24 +13:00
Joshua T Flowers 8e9c60b0b0 Add navigation intro modal (https://github.com/woocommerce/woocommerce-admin/pull/6367)
* Add initial intro modal

* Hide modal on dismissal

* Add modal styling

* Add modal page content

* Update styles to match Figma designs

* Replace video with gifs

* Check if user is opted in to satisfy gdpr concerns

* Add testing instructions and changelog notes

* Handle PR feedback

* Handle responsiveness

* Dismiss modal when welcome modal is shown simultaneously

* Update shared modal option constants
2021-02-22 13:40:44 -05:00
louwie17 8bc7863c71 Show management links when main task list is hidden (https://github.com/woocommerce/woocommerce-admin/pull/6291)
* Show management links when main task list is hidden, and add test

* Add changelog
2021-02-10 13:30:29 +10:00
louwie17 78d62c858d Move inbox panel to left column, to increase user interaction (https://github.com/woocommerce/woocommerce-admin/pull/6122)
* Move inbox panel to left column, to increase user interaction

* Add changelog

* Fix and add test

* Remove old loading banner-block

* Remove unused css

* Fix test with new props
2021-01-28 09:33:36 -04:00
Fernando 2ab28c977f Extended task list refactor (https://github.com/woocommerce/woocommerce-admin/pull/6081)
* Fixed hiding core task list

This commit fixes the hiding of the core task list

* Added tests

* Added fix to readme.txt

* Fixed readme.txt

* Added new test

* Hooks were fixed

* Refactored task lists handling

This commit refactors a few things related to the task lists handling

* Added tests

* Fixed task lists handling

* Fixed tests

* Renamed 'taskListHidden' to 'taskListsHidden'

* Added taskListsHidden util

* Fix completed tasks tracking infinite loop

This commit fixes the completed tasks tracking infinite loop (for multiple extended tasks)

* Refactored update check

* Hide task list if there aren't any visible tasks

* Fixed comment

* Fixed typo

* Renamed example method

* Fixed example extension

* Added tab to the extension example

* Fixed extended task list enabling option

* Added more tests

* Added PHP tests

* Fixed some comments

* Removed utils.js file

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2021-01-27 15:40:02 -03:00
Moon aa602e66cf Display the task components regardless of woocommerce_task_list_hidden value (https://github.com/woocommerce/woocommerce-admin/pull/6026) 2021-01-07 19:24:23 -08:00
Bec Scott 3338c273c2 Add welcome modal when coming from Calypso (https://github.com/woocommerce/woocommerce-admin/pull/6004)
* Add welcome modal when coming from Calypso

* add to changelog

* do some important work for prettier

* udpated with final copy

* Add PR number to readme
2021-01-08 12:06:52 +10:00
louwie17 cad707f57c Highlight help panel with tooltip (https://github.com/woocommerce/woocommerce-admin/pull/5826)
* Show highlight help panel popup after user enters uncompleted task more then once

* Updated styling of highlight tooltip

* Removed empty array from the useSelect to prevent unnecessary re-renders

* Updated styling of the highlight tooltip to match wireframe and wrote tests

* Fix close button location

* Add event tracking

* Add changelog

* Make use of user preferences meta data for task visit tracking

* Add support for toggling the show boolean

* Make sure the delay works correctly for highlight tooltip

* Continue tracking tasks visit count, and added onShow callback for tooltip
2020-12-18 09:17:07 -04:00
Fernando 91bf42d7f4 Home Screen - modified tasks extensibility (https://github.com/woocommerce/woocommerce-admin/pull/5794)
* Added tasks extensibility

This commit addes tasks extensibility

* Fixed tests

This commit fixes the tests

* Fixed add task example

This commit fixes the add task example

* Fixed method possiblyCompleteTaskList

This commit fixes the method "possiblyCompleteTaskList"

* Fixed method getIncompleteTasks

This commit fixes the method getIncompleteTasks

* Fixed add task example

* Added callback onDismiss

This commit adds the callback for the "onDismiss"

* Added onDismiss and isDismissable to add task example

This commit adds the props "onDismiss" and "isDismissable" to add task example

* Not showing extensions task list if empty

* Fixed onDismiss callback

* Add changelog

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
Co-authored-by: Sam Seay <samueljseay@gmail.com>
2020-12-03 17:16:04 -04:00
louwie17 76954a5e23 Continue showing tasklist even if list is complete, only hide if set to hidden (https://github.com/woocommerce/woocommerce-admin/pull/5673) 2020-11-20 14:46:47 -04:00
Sam Seay 7d32d6db0e Change rendering of homescreen layout so store links are last (https://github.com/woocommerce/woocommerce-admin/pull/5579)
* Change rendering of homescreen layout so store links are last.

* Render in left column in 2 column mode.

* Revert accidental log changes.

* Make homescreen layout component width-aware.

Potentially toggle the two column styling when viewport width changes.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2020-11-11 12:20:15 -05:00
Sam Seay 908f8babb9 Fix a bug where the modal would display even when dismissed. (https://github.com/woocommerce/woocommerce-admin/pull/5581) 2020-11-11 13:23:33 +13:00
Jeff Stieler 041aec8ff9 Homescreen layout changes (https://github.com/woocommerce/woocommerce-admin/pull/5465)
* Migrate homescreen specific backend code to its own class.

* Default to single column homescreen.

Create an option to handle the default homescreen layout value.

* Potentially reset sticky column when layout is changed.

* Move homescreen components to their new locations.

* Clean up defunct CSS.

* Default to the two-column layout on existing stores.

* Remove header from inbox notes.

* Add "your store today" header on two column homescreens.

* Set default homescreen layout to two columns when task list is complete or hidden.

* Remove unused variables.

* Add sticky scrolling behavior to both homepage columns.
2020-11-06 12:53:03 -05:00
Fernando 6ae4c5fbfd Home Screen - migrated orders panel (https://github.com/woocommerce/woocommerce-admin/pull/5455)
Fixes woocommerce/woocommerce-admin#5238
2020-11-06 14:21:05 +13:00
Sam Seay 06f9248572 Reorganize the store management link section and provide extensibility (https://github.com/woocommerce/woocommerce-admin/pull/5476)
Rearrange the store management links under categories and expose extensibility via the `woocommerce_admin_homescreen_quicklinks` filter.
2020-11-04 13:33:04 +13:00
Jeff Stieler eefe2e8acc Add Homescreen layout control (https://github.com/woocommerce/woocommerce-admin/pull/5429)
* Remove inbox-specific class, widen single column.

* Create user preference for homescreen column layout.

* Add display options "tab" to homescreen.

* Style display options.

* Tweak homepage layout option values.

* Add tracks events for homepage layout.

* Add test coverage for homescreen display options.

* No need to use Fragment component.

* Use named exports.

* Fix display options styling on mobile/narrow viewports.

Don't show the options at all if we're forcing single column.

* Fix linting error.
2020-10-22 18:13:14 -04:00
Timmy Crawford 1a94f54837 Home Screen: Always show the inbox for temporary gutenberg plugin fix. (https://github.com/woocommerce/woocommerce-admin/pull/5416) 2020-10-16 10:35:38 -07:00
Fernando 1da4eedbf0 Moved Inbox Panel component (https://github.com/woocommerce/woocommerce-admin/pull/5252)
This commit moves the Inbox Panel component

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-06 10:13:32 -03:00
Sam Seay b492a2aa15 Use 'yes' to update modal dismiss option. (https://github.com/woocommerce/woocommerce-admin/pull/5152)
Fixes a bug in Atomic sites where dismissing the home screen modal would not set the option causing the modal to come back on each reload.
2020-09-19 08:19:55 +12:00
Paul Sealock 3c6483e842 Remove wc api 🎉 (https://github.com/woocommerce/woocommerce-admin/pull/5075)
* remove wc-api selects and constansts

* remove extendedItems dependence on wc-api

* remove wc-api

* PR feedback
2020-09-04 09:45:40 +12:00