Commit Graph

11 Commits

Author SHA1 Message Date
Bec Scott d41a550246 Fix small issues with customer effort score package (https://github.com/woocommerce/woocommerce-admin/pull/5754)
* 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>
2020-12-02 08:36:13 +10:00
Adrian Duffell debc0a0235 Downgrade @wordpress/components to 11.0.0 in Customer Effort Score package (https://github.com/woocommerce/woocommerce-admin/pull/5755)
This aligns the version with the root package.json and fixes an error reported by `lerna bootstrap`.
2020-11-30 14:07:50 +08:00
Adrian Duffell 99834fca3b Update Customer Effort Score Modal (https://github.com/woocommerce/woocommerce-admin/pull/5515)
* 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>
2020-11-25 12:34:54 +10:00
Matt Sherman ad78576cf4 Record Tracks events when CES notice/snackbar and modal is viewed (https://github.com/woocommerce/woocommerce-admin/pull/5648) 2020-11-18 15:53:52 -05:00
Bec Scott ff923bcb82 Add support for an explicit dismiss button to snackbar, as well as an onDismiss callback (https://github.com/woocommerce/woocommerce-admin/pull/5623)
* Add support for an explicit dismiss button to snackbar, as well as an onDismiss callback

* Fix effect dependencies

* Fix disabling auto-dismiss when explicit dismissing is on, fix cursor styles

* fix noops and dismiss on action

* refactor action click handler

* rename dismiss button class

* increase CES modal placeholder z index

* white. space.

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-18 12:15:42 +10:00
Matt Sherman efc5dbb68d Show CES survey after editing an order (https://github.com/woocommerce/woocommerce-admin/pull/5540)
* Add enqueing of CES survey for shop order editing
* Only hook up transition_post_status if on edit page
2020-11-17 17:23:15 -05:00
Bec Scott 0b721d4461 Add icon to snackbar (https://github.com/woocommerce/woocommerce-admin/pull/5563)
* Add an icon to the snackbar displayed for CES

* Change icon from SVG to a unicode emoji pencil

* formatting changes to satisfy CI

* bump ci

* Fix prop types and jsdocs for the customer effort score component

* whitespace >:-(

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-13 10:53:28 +10:00
Bec Scott 4cde62561a Copy the snackbar component from Gutenberg into wp-admin (https://github.com/woocommerce/woocommerce-admin/pull/5532)
* Copy the snackbar component from Gutenberg into wp-admin

* Copy @wordpress/data in from Gutenberg

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-09 17:17:08 +10:00
renovate[bot] dbd7c823f6 Update babel monorepo to v7.12.5 (https://github.com/woocommerce/woocommerce-admin/pull/5525)
Co-authored-by: Renovate Bot <bot@renovateapp.com>
2020-11-05 13:50:38 +13:00
Bec Scott 2bdab078e0 Use snackbar before CES modal (https://github.com/woocommerce/woocommerce-admin/pull/5406)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Use an interstitial snackbar to trigger the CES modal

* Moved notice (snackbar) into @woocommerce/customer-effort-score

* 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

* drop initiallyVisible from container

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-11-04 10:48:56 +10:00
Bec Scott f29995124c Basic customer effort score survey functionality (https://github.com/woocommerce/woocommerce-admin/pull/5324)
* 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>
2020-10-30 16:52:52 +10:00