* Add initial task item component with the new task list
* Switch components to functional components
* Some minor updates from the last rebase
* Fix missing variables.
* Fix tests
* Add animation for the experimental list
* Fix lint error
* Add changelog
* Fix E2E tests
* Update PR suggestions and export list from experimental package
* Fix dismiss styling issue
Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
* Add types
* Add type definitions for @wordpress/components
* Fix formatting
* Fix JSX return type
* Fix incorect type for rows
* Add null to return type for react component
* Add type definitions for @wordpress/components to main package
* Add changelog entry
* Remove TS filename from import
* Re-add @types/wordpress__components
* Add package dependencies and bump version
* don't use lodash's noop
* Use useEffect instead of changing state right in the render :-O
* Add dependencies for ces to Loader.php
* undo add dependencies for ces to Loader.php
* 🎶 found a typo
Co-authored-by: Rebecca Scott <me@becdetat.com>
* Add Customer Effort Score modal
* Add style for selected emoji
* Update modal layout to match design
* Update colors to use color studio variables
* Refactor SCSS to reduce nesting
* Refactor render logic to reduce nesting
* Add translation to strings
* Add keyboard support to emoji buttons
* Fix button misalignment
* Fix missing white space around button text
* Refactor emoji button layout with flexbox
Flexbox makes more sense to use than a grid since the buttons need only a single row or column layout.
* Refactor merge conflict resolution
Tidies up the diff by
- Using naming convention of “visible” instead of “open”.
- Restoring previous import order.
* Add comments field
* Update initial score value to undefined
* Refactor SASS selectors
* Update sendScore with comments data
* Fix comments field to display on low scores only
* Refactor by extracting modal to own component
* Add input validation
* Add tests
* Fix variable name
* Update Feedback component documentation
* Fix uneven button height
* Restore previous prop names
This ensures naming consistency with the CustomerEffortScore component.
* Update variable name for consistency
* Don't close modal if click outside it
* Rename Feedback component to CustomerFeedbackModal
* Update error message text
* Fix import name
* Fix formatting
* Update test to use mockRecordScoreCallback prop name
* Convert score to int before recording
* Clear error message when score has been selected
* Add transitions when comments field is shown/hidden
* Wrapped comments field UI text for localization
* Increase contrast ratio for focused effort score labels
Co-authored-by: Matt Sherman <matt@jam123.com>
Co-authored-by: Rebecca Scott <me@becdetat.com>
* Spike out customer effort score
* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)
* Tidy up _webpack.config.js
* Fix linter issues
* refactor setting up CES tracking, add try..catch around loading from localStorage
* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)
* Add feature toggle to only enable the customer effort score in development
* Move check into Loader
* fix logic 🙄
Co-authored-by: Rebecca Scott <me@becdetat.com>
* Add client-side check of the feature flag
* fix tabs in config
* Fix comment
* Use product lifecycle and options
* Add product count to tracks props
* Use Loader::load_features instead of DIY
Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>