@micromag/screen-contribution 0.3.679 → 0.3.683

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +136 -7
  3. package/package.json +4 -4
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-contribution-container .micromag-screen-contribution-background,.micromag-screen-contribution-container .micromag-screen-contribution-inner{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-screen-contribution-container{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-background{z-index:0}.micromag-screen-contribution-container .micromag-screen-contribution-content{z-index:1}.micromag-screen-contribution-container .micromag-screen-contribution-header{left:0;position:relative;top:0;width:100%}@-webkit-keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputName,.micromag-screen-contribution-container .micromag-screen-contribution-emptySubmit,.micromag-screen-contribution-container .micromag-screen-contribution-emptyTitle{margin-bottom:10px;padding:10px}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-title{padding-bottom:20px}.micromag-screen-contribution-container .micromag-screen-contribution-interactiveContainer{-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-form{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit,.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{display:block;padding:4px;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{margin-bottom:10px}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit{border:0}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:disabled{opacity:1}.micromag-screen-contribution-container .micromag-screen-contribution-formContent{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading{-webkit-animation:micromag-screen-contribution-rotate 1s linear infinite;animation:micromag-screen-contribution-rotate 1s linear infinite;height:40px;left:50%;margin-left:-20px;margin-top:-20px;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;width:40px}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading .micromag-screen-contribution-loadingIcon{display:block;height:100%;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContainer{opacity:0;position:relative;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContent{height:0;overflow:hidden;position:absolute;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-contributions{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-contribution{border-bottom:1px solid #fff;margin-bottom:20px;padding-bottom:20px}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:first-child{border-top:1px solid #fff;padding-top:20px}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.micromag-screen-contribution-container .micromag-screen-contribution-footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-footer.micromag-screen-contribution-disabled{opacity:0;pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-form{pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formContent{opacity:.4}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formLoading{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-submitted .micromag-screen-contribution-formContent{opacity:0}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-form{display:none}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContainer{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContent{height:auto;overflow:visible;position:relative}.micromag-screen-contribution-container.micromag-screen-contribution-isPlaceholder .micromag-screen-contribution-inner{padding:10px}
1
+ .micromag-screen-contribution-container .micromag-screen-contribution-background,.micromag-screen-contribution-container .micromag-screen-contribution-inner{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-screen-contribution-container{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-background{z-index:0}.micromag-screen-contribution-container .micromag-screen-contribution-content{z-index:1}.micromag-screen-contribution-container .micromag-screen-contribution-header{left:0;position:relative;top:0;width:100%}@-webkit-keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputName,.micromag-screen-contribution-container .micromag-screen-contribution-emptySubmit,.micromag-screen-contribution-container .micromag-screen-contribution-emptyTitle{margin-bottom:10px;padding:10px}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-title{padding-bottom:20px}.micromag-screen-contribution-container .micromag-screen-contribution-interactiveContainer{-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-form{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit,.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{display:block;padding:4px;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{margin-bottom:10px}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit{border:0}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:disabled{opacity:1}.micromag-screen-contribution-container .micromag-screen-contribution-formContent{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading{-webkit-animation:micromag-screen-contribution-rotate 1s linear infinite;animation:micromag-screen-contribution-rotate 1s linear infinite;height:40px;left:50%;margin-left:-20px;margin-top:-20px;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;width:40px}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading .micromag-screen-contribution-loadingIcon{display:block;height:100%;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContainer{opacity:0;position:relative;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContent{height:0;overflow:hidden;position:absolute;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-contributions{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-contribution{border-bottom:1px solid #fff;margin-bottom:20px;padding-bottom:20px}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:first-child{border-top:1px solid #fff;padding-top:20px}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.micromag-screen-contribution-container .micromag-screen-contribution-footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-contribution-container .micromag-screen-contribution-footer.micromag-screen-contribution-disabled{opacity:0;pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-form{pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formContent{opacity:.4}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formLoading{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-submitted .micromag-screen-contribution-formContent{opacity:0}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-form{display:none}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContainer{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContent{height:auto;overflow:visible;position:relative}.micromag-screen-contribution-container.micromag-screen-contribution-isPlaceholder .micromag-screen-contribution-inner{padding:10px}.micromag-screen-contribution-reset{background-color:transparent;border:0;padding:10px;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out;z-index:1000}.micromag-screen-contribution-reset:hover{border:0;opacity:.8}.micromag-screen-contribution-reset:hover:active{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
package/es/index.js CHANGED
@@ -1,7 +1,9 @@
1
- import { FormattedMessage, defineMessage } from 'react-intl';
1
+ import { useIntl, FormattedMessage, defineMessage } from 'react-intl';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
4
+ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
4
5
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
6
+ import { faRedo } from '@fortawesome/free-solid-svg-icons/faRedo';
5
7
  import { faSpinner } from '@fortawesome/free-solid-svg-icons/faSpinner';
6
8
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
7
9
  import classNames from 'classnames';
@@ -23,7 +25,7 @@ import Scroll from '@micromag/element-scroll';
23
25
  import Text from '@micromag/element-text';
24
26
  import TextInput from '@micromag/element-text-input';
25
27
 
26
- var styles = {"container":"micromag-screen-contribution-container","inner":"micromag-screen-contribution-inner","background":"micromag-screen-contribution-background","buttonSubmit":"micromag-screen-contribution-buttonSubmit","content":"micromag-screen-contribution-content","header":"micromag-screen-contribution-header","emptyTitle":"micromag-screen-contribution-emptyTitle","emptyInputName":"micromag-screen-contribution-emptyInputName","emptyInputMessage":"micromag-screen-contribution-emptyInputMessage","emptySubmit":"micromag-screen-contribution-emptySubmit","title":"micromag-screen-contribution-title","interactiveContainer":"micromag-screen-contribution-interactiveContainer","form":"micromag-screen-contribution-form","inputName":"micromag-screen-contribution-inputName","inputMessage":"micromag-screen-contribution-inputMessage","formContent":"micromag-screen-contribution-formContent","formLoading":"micromag-screen-contribution-formLoading","loadingIcon":"micromag-screen-contribution-loadingIcon","contributionsContainer":"micromag-screen-contribution-contributionsContainer","contributionsContent":"micromag-screen-contribution-contributionsContent","contributions":"micromag-screen-contribution-contributions","contribution":"micromag-screen-contribution-contribution","footer":"micromag-screen-contribution-footer","disabled":"micromag-screen-contribution-disabled","submitting":"micromag-screen-contribution-submitting","submitted":"micromag-screen-contribution-submitted","showContributions":"micromag-screen-contribution-showContributions","isPlaceholder":"micromag-screen-contribution-isPlaceholder"};
28
+ var styles = {"container":"micromag-screen-contribution-container","inner":"micromag-screen-contribution-inner","background":"micromag-screen-contribution-background","buttonSubmit":"micromag-screen-contribution-buttonSubmit","content":"micromag-screen-contribution-content","header":"micromag-screen-contribution-header","emptyTitle":"micromag-screen-contribution-emptyTitle","emptyInputName":"micromag-screen-contribution-emptyInputName","emptyInputMessage":"micromag-screen-contribution-emptyInputMessage","emptySubmit":"micromag-screen-contribution-emptySubmit","title":"micromag-screen-contribution-title","interactiveContainer":"micromag-screen-contribution-interactiveContainer","form":"micromag-screen-contribution-form","inputName":"micromag-screen-contribution-inputName","inputMessage":"micromag-screen-contribution-inputMessage","formContent":"micromag-screen-contribution-formContent","formLoading":"micromag-screen-contribution-formLoading","loadingIcon":"micromag-screen-contribution-loadingIcon","contributionsContainer":"micromag-screen-contribution-contributionsContainer","contributionsContent":"micromag-screen-contribution-contributionsContent","contributions":"micromag-screen-contribution-contributions","contribution":"micromag-screen-contribution-contribution","footer":"micromag-screen-contribution-footer","disabled":"micromag-screen-contribution-disabled","submitting":"micromag-screen-contribution-submitting","submitted":"micromag-screen-contribution-submitted","showContributions":"micromag-screen-contribution-showContributions","isPlaceholder":"micromag-screen-contribution-isPlaceholder","reset":"micromag-screen-contribution-reset"};
27
29
 
28
30
  var propTypes = {
29
31
  id: PropTypes.string,
@@ -34,6 +36,11 @@ var propTypes = {
34
36
  submit: PropTypes$1.textElement,
35
37
  nameStyle: PropTypes$1.textStyle,
36
38
  messageStyle: PropTypes$1.textStyle,
39
+ settings: PropTypes.shape({
40
+ canViewAnswers: PropTypes.bool,
41
+ answerButton: PropTypes$1.buttonElement,
42
+ contributionButton: PropTypes$1.buttonElement
43
+ }),
37
44
  spacing: PropTypes.number,
38
45
  background: PropTypes$1.backgroundElement,
39
46
  header: PropTypes$1.header,
@@ -55,6 +62,7 @@ var defaultProps = {
55
62
  submit: null,
56
63
  nameStyle: null,
57
64
  messageStyle: null,
65
+ settings: null,
58
66
  spacing: 20,
59
67
  background: null,
60
68
  header: null,
@@ -76,6 +84,7 @@ var ContributionScreen = function ContributionScreen(_ref) {
76
84
  submit = _ref.submit,
77
85
  nameStyle = _ref.nameStyle,
78
86
  messageStyle = _ref.messageStyle,
87
+ settings = _ref.settings,
79
88
  spacing = _ref.spacing,
80
89
  background = _ref.background,
81
90
  header = _ref.header,
@@ -87,6 +96,7 @@ var ContributionScreen = function ContributionScreen(_ref) {
87
96
  resizeTransitionDuration = _ref.resizeTransitionDuration,
88
97
  type = _ref.type,
89
98
  className = _ref.className;
99
+ var intl = useIntl();
90
100
  var screenId = id || 'screen-id';
91
101
  var trackScreenEvent = useTrackScreenEvent(type);
92
102
  var _useScreenSize = useScreenSize(),
@@ -146,6 +156,29 @@ var ContributionScreen = function ContributionScreen(_ref) {
146
156
  _useState8 = _slicedToArray(_useState7, 2),
147
157
  submitState = _useState8[0],
148
158
  setSubmitState = _useState8[1];
159
+ var _ref2 = settings || {},
160
+ _ref2$canViewAnswers = _ref2.canViewAnswers,
161
+ canViewAnswers = _ref2$canViewAnswers === void 0 ? false : _ref2$canViewAnswers,
162
+ _ref2$skipButton = _ref2.skipButton,
163
+ skipButton = _ref2$skipButton === void 0 ? null : _ref2$skipButton,
164
+ _ref2$backButton = _ref2.backButton,
165
+ backButton = _ref2$backButton === void 0 ? null : _ref2$backButton;
166
+ var answersButton = submitState === 4 ? backButton : skipButton;
167
+ var finalAnswersButton = isTextFilled(answersButton) ? answersButton : _objectSpread(_objectSpread({}, answersButton), {}, {
168
+ body: submitState === 4 ? intl.formatMessage({
169
+ id: "8NyYTH",
170
+ defaultMessage: [{
171
+ "type": 0,
172
+ "value": "Back"
173
+ }]
174
+ }) : intl.formatMessage({
175
+ id: "HpkW4J",
176
+ defaultMessage: [{
177
+ "type": 0,
178
+ "value": "Skip"
179
+ }]
180
+ })
181
+ });
149
182
  var onContributionSubmitted = useCallback(function () {
150
183
  setSubmitState(2);
151
184
  trackScreenEvent('submit_success', "".concat(userName, ": ").concat(userMessage));
@@ -167,6 +200,11 @@ var ContributionScreen = function ContributionScreen(_ref) {
167
200
  var onMessageChange = useCallback(function (e) {
168
201
  setUserMessage(e.currentTarget.value);
169
202
  }, [setUserMessage]);
203
+ var onContributionReset = useCallback(function () {
204
+ setUserName('');
205
+ setUserMessage('');
206
+ setSubmitState(0);
207
+ }, [setUserName, setUserMessage, setSubmitState]);
170
208
  var nameFilled = useRef(false);
171
209
  var onNameBlur = useCallback(function (e) {
172
210
  if (!nameFilled.current && e.currentTarget.value.length > 0) {
@@ -198,8 +236,8 @@ var ContributionScreen = function ContributionScreen(_ref) {
198
236
  footerRef = _useDimensionObserver.ref,
199
237
  _useDimensionObserver2 = _useDimensionObserver.height,
200
238
  callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
201
- var onScrolledBottom = useCallback(function (_ref2) {
202
- var initial = _ref2.initial;
239
+ var onScrolledBottom = useCallback(function (_ref3) {
240
+ var initial = _ref3.initial;
203
241
  if (initial) {
204
242
  trackScreenEvent('scroll', 'Contributions list');
205
243
  }
@@ -224,6 +262,15 @@ var ContributionScreen = function ContributionScreen(_ref) {
224
262
  });
225
263
  }
226
264
  }, [submitState, setSubmitState, userName, userMessage, trackScreenEvent, onContributionSubmitted]);
265
+ var onClickSkip = useCallback(function () {
266
+ if (submitState === 4) {
267
+ setSubmitState(0);
268
+ trackScreenEvent('click_skip', 'Skip button');
269
+ } else {
270
+ setSubmitState(4);
271
+ trackScreenEvent('click_back', 'Back button');
272
+ }
273
+ }, [submitState, setSubmitState, trackScreenEvent]);
227
274
  useEffect(function () {
228
275
  var timeout = null;
229
276
  if (submitState === 2) {
@@ -258,7 +305,7 @@ var ContributionScreen = function ContributionScreen(_ref) {
258
305
  }, hasTitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({}, title, {
259
306
  className: styles.title
260
307
  })) : null)];
261
- var allContributions = [].concat(_toConsumableArray(userName !== null && userMessage !== null ? [{
308
+ var allContributions = [].concat(_toConsumableArray(userName !== null && userName !== '' && userMessage !== null && userMessage !== '' ? [{
262
309
  name: userName,
263
310
  message: userMessage
264
311
  }] : []), _toConsumableArray(contributions || []));
@@ -372,7 +419,31 @@ var ContributionScreen = function ContributionScreen(_ref) {
372
419
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
373
420
  className: styles.loadingIcon,
374
421
  icon: faSpinner
375
- }))), /*#__PURE__*/React.createElement("div", {
422
+ }))), canViewAnswers ? /*#__PURE__*/React.createElement(ScreenElement, {
423
+ placeholder: "button",
424
+ emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
425
+ id: "DoFRL4",
426
+ defaultMessage: [{
427
+ "type": 0,
428
+ "value": "Skip button"
429
+ }]
430
+ }),
431
+ emptyClassName: styles.emptySubmit
432
+ }, /*#__PURE__*/React.createElement(Transitions, {
433
+ transitions: transitions,
434
+ playing: transitionPlaying,
435
+ delay: transitionStagger * 3,
436
+ disabled: transitionDisabled
437
+ }, /*#__PURE__*/React.createElement(Button, {
438
+ type: "button",
439
+ className: styles.buttonSubmit,
440
+ disabled: isPreview,
441
+ onClick: onClickSkip,
442
+ buttonStyle: finalAnswersButton !== null ? finalAnswersButton.buttonStyle : null,
443
+ focusable: current && isView
444
+ }, /*#__PURE__*/React.createElement(Text, Object.assign({}, finalAnswersButton, {
445
+ inline: true
446
+ }))))) : null, /*#__PURE__*/React.createElement("div", {
376
447
  className: styles.contributionsContainer,
377
448
  "aria-hidden": submitState === 4 ? null : 'true'
378
449
  }, /*#__PURE__*/React.createElement("div", {
@@ -409,6 +480,7 @@ var ContributionScreen = function ContributionScreen(_ref) {
409
480
  }
410
481
  }, /*#__PURE__*/React.createElement(Header, header)) : null;
411
482
  var headerInScroll = submitState >= 4;
483
+ var showReset = isEdit && submitState === 4;
412
484
  return /*#__PURE__*/React.createElement("div", {
413
485
  className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder), styles.submitting, submitState === 1), styles.submitted, submitState > 1), styles.showContributions, submitState === 4)]),
414
486
  "data-screen-ready": true
@@ -416,7 +488,14 @@ var ContributionScreen = function ContributionScreen(_ref) {
416
488
  width: width,
417
489
  height: height,
418
490
  className: styles.content
419
- }, /*#__PURE__*/React.createElement("div", {
491
+ }, showReset ? /*#__PURE__*/React.createElement(Button, {
492
+ className: styles.reset,
493
+ icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
494
+ icon: faRedo,
495
+ size: "md"
496
+ }),
497
+ onClick: onContributionReset
498
+ }) : null, /*#__PURE__*/React.createElement("div", {
420
499
  className: styles.inner,
421
500
  style: !isPlaceholder ? {
422
501
  paddingLeft: spacing,
@@ -570,6 +649,56 @@ var definition = {
570
649
  "value": "Published message style"
571
650
  }]
572
651
  })
652
+ }, {
653
+ name: 'settings',
654
+ component: 'toggle-section',
655
+ toggleField: 'canViewAnswers',
656
+ isList: true,
657
+ label: defineMessage({
658
+ id: "9omJnT",
659
+ defaultMessage: [{
660
+ "type": 0,
661
+ "value": "Answer settings"
662
+ }]
663
+ }),
664
+ fields: [{
665
+ name: 'canViewAnswers',
666
+ type: 'toggle',
667
+ isHorizontal: true,
668
+ label: defineMessage({
669
+ id: "xcHW4o",
670
+ defaultMessage: [{
671
+ "type": 0,
672
+ "value": "Can view answers"
673
+ }]
674
+ })
675
+ }, {
676
+ name: 'skipButton',
677
+ type: 'button-element',
678
+ theme: {
679
+ textStyle: 'button'
680
+ },
681
+ label: defineMessage({
682
+ id: "CpCykm",
683
+ defaultMessage: [{
684
+ "type": 0,
685
+ "value": "Skip button"
686
+ }]
687
+ })
688
+ }, {
689
+ name: 'backButton',
690
+ type: 'button-element',
691
+ theme: {
692
+ textStyle: 'button'
693
+ },
694
+ label: defineMessage({
695
+ id: "KIXg9M",
696
+ defaultMessage: [{
697
+ "type": 0,
698
+ "value": "Back button"
699
+ }]
700
+ })
701
+ }]
573
702
  }, {
574
703
  name: 'background',
575
704
  type: 'background',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-contribution",
3
- "version": "0.3.679",
3
+ "version": "0.3.683",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -65,7 +65,7 @@
65
65
  "@fortawesome/react-fontawesome": "^0.2.0",
66
66
  "@micromag/core": "^0.3.679",
67
67
  "@micromag/data": "^0.3.679",
68
- "@micromag/element-background": "^0.3.679",
68
+ "@micromag/element-background": "^0.3.682",
69
69
  "@micromag/element-button": "^0.3.679",
70
70
  "@micromag/element-container": "^0.3.679",
71
71
  "@micromag/element-footer": "^0.3.679",
@@ -74,7 +74,7 @@
74
74
  "@micromag/element-scroll": "^0.3.679",
75
75
  "@micromag/element-share-incentive": "^0.3.679",
76
76
  "@micromag/element-text": "^0.3.679",
77
- "@micromag/element-text-input": "^0.3.679",
77
+ "@micromag/element-text-input": "^0.3.683",
78
78
  "@micromag/transforms": "^0.3.679",
79
79
  "classnames": "^2.2.6",
80
80
  "lodash": "^4.17.21",
@@ -86,5 +86,5 @@
86
86
  "access": "public",
87
87
  "registry": "https://registry.npmjs.org/"
88
88
  },
89
- "gitHead": "ed32123e4d66d2cfe32ec1fecaf1a435e1b04bbf"
89
+ "gitHead": "758c665c2a62aba2e46bde9d80903232bfefd6dd"
90
90
  }