Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-admin/packages/customer-effort-score
History
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
..
src Update Customer Effort Score Modal (https://github.com/woocommerce/woocommerce-admin/pull/5515) 2020-11-25 12:34:54 +10:00
.npmrc Basic customer effort score survey functionality (https://github.com/woocommerce/woocommerce-admin/pull/5324) 2020-10-30 16:52:52 +10:00
CHANGELOG.md Basic customer effort score survey functionality (https://github.com/woocommerce/woocommerce-admin/pull/5324) 2020-10-30 16:52:52 +10:00
README.md Basic customer effort score survey functionality (https://github.com/woocommerce/woocommerce-admin/pull/5324) 2020-10-30 16:52:52 +10:00
package.json Update Customer Effort Score Modal (https://github.com/woocommerce/woocommerce-admin/pull/5515) 2020-11-25 12:34:54 +10:00

README.md

Customer Effort Score

WooCommerce utility to measuring user satisfaction.

Installation

Install the module

npm install @woocommerce/customer-effort-score --save

This package assumes that your code will run in an ES2015+ environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using core-js or @babel/polyfill will add support for these methods. Learn more about it in Babel docs.

Usage

Coming soon.