@atlaskit/contextual-survey 3.1.2 → 4.0.0

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 (122) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/components/FeedbackAcknowledgement.js +2 -7
  3. package/dist/cjs/components/FeedbackScoreButtons.js +21 -45
  4. package/dist/cjs/components/SignUpPrompt.js +24 -29
  5. package/dist/cjs/components/SignUpSuccess.js +5 -10
  6. package/dist/cjs/components/SuccessContainer.js +14 -19
  7. package/dist/cjs/components/SurveyContainer.js +23 -33
  8. package/dist/cjs/components/SurveyForm.js +26 -31
  9. package/dist/cjs/components/SurveyMarshal.js +16 -23
  10. package/dist/cjs/index.js +8 -4
  11. package/dist/es2019/components/FeedbackAcknowledgement.js +2 -7
  12. package/dist/es2019/components/FeedbackScoreButtons.js +18 -44
  13. package/dist/es2019/components/SignUpPrompt.js +20 -29
  14. package/dist/es2019/components/SignUpSuccess.js +5 -10
  15. package/dist/es2019/components/SuccessContainer.js +11 -19
  16. package/dist/es2019/components/SurveyContainer.js +16 -33
  17. package/dist/es2019/components/SurveyForm.js +25 -29
  18. package/dist/es2019/components/SurveyMarshal.js +12 -22
  19. package/dist/es2019/index.js +2 -3
  20. package/dist/esm/components/FeedbackAcknowledgement.js +2 -7
  21. package/dist/esm/components/FeedbackScoreButtons.js +18 -44
  22. package/dist/esm/components/SignUpPrompt.js +20 -29
  23. package/dist/esm/components/SignUpSuccess.js +5 -10
  24. package/dist/esm/components/SuccessContainer.js +11 -19
  25. package/dist/esm/components/SurveyContainer.js +20 -33
  26. package/dist/esm/components/SurveyForm.js +25 -29
  27. package/dist/esm/components/SurveyMarshal.js +13 -22
  28. package/dist/esm/index.js +2 -3
  29. package/dist/types/components/ContextualSurvey.d.ts +1 -1
  30. package/dist/types/components/FeedbackAcknowledgement.d.ts +2 -6
  31. package/dist/types/components/FeedbackScoreButtons.d.ts +2 -2
  32. package/dist/types/components/SignUpPrompt.d.ts +6 -2
  33. package/dist/types/components/SignUpSuccess.d.ts +2 -6
  34. package/dist/types/components/SuccessContainer.d.ts +1 -6
  35. package/dist/types/components/SurveyContainer.d.ts +2 -3
  36. package/dist/types/components/SurveyForm.d.ts +2 -2
  37. package/dist/types/components/SurveyMarshal.d.ts +3 -3
  38. package/dist/types/index.d.ts +2 -3
  39. package/dist/types-ts4.5/components/ContextualSurvey.d.ts +1 -1
  40. package/dist/types-ts4.5/components/FeedbackAcknowledgement.d.ts +2 -6
  41. package/dist/types-ts4.5/components/FeedbackScoreButtons.d.ts +2 -2
  42. package/dist/types-ts4.5/components/SignUpPrompt.d.ts +6 -2
  43. package/dist/types-ts4.5/components/SignUpSuccess.d.ts +2 -6
  44. package/dist/types-ts4.5/components/SuccessContainer.d.ts +1 -6
  45. package/dist/types-ts4.5/components/SurveyContainer.d.ts +1 -2
  46. package/dist/types-ts4.5/components/SurveyForm.d.ts +2 -2
  47. package/dist/types-ts4.5/components/SurveyMarshal.d.ts +3 -3
  48. package/dist/types-ts4.5/index.d.ts +2 -3
  49. package/package.json +7 -12
  50. package/dist/cjs/compiled/ContextualSurvey.js +0 -231
  51. package/dist/cjs/compiled/FeedbackAcknowledgement.js +0 -15
  52. package/dist/cjs/compiled/FeedbackScoreButtons.js +0 -64
  53. package/dist/cjs/compiled/SignUpPrompt.js +0 -80
  54. package/dist/cjs/compiled/SignUpSuccess.js +0 -22
  55. package/dist/cjs/compiled/SuccessContainer.js +0 -32
  56. package/dist/cjs/compiled/SurveyContainer.js +0 -39
  57. package/dist/cjs/compiled/SurveyForm.js +0 -141
  58. package/dist/cjs/compiled/SurveyMarshal.js +0 -63
  59. package/dist/cjs/compiled/useEscapeToDismiss.js +0 -71
  60. package/dist/cjs/fg-components.js +0 -27
  61. package/dist/es2019/compiled/ContextualSurvey.js +0 -176
  62. package/dist/es2019/compiled/FeedbackAcknowledgement.js +0 -6
  63. package/dist/es2019/compiled/FeedbackScoreButtons.js +0 -51
  64. package/dist/es2019/compiled/SignUpPrompt.js +0 -47
  65. package/dist/es2019/compiled/SignUpSuccess.js +0 -11
  66. package/dist/es2019/compiled/SuccessContainer.js +0 -21
  67. package/dist/es2019/compiled/SurveyContainer.js +0 -26
  68. package/dist/es2019/compiled/SurveyForm.js +0 -119
  69. package/dist/es2019/compiled/SurveyMarshal.js +0 -56
  70. package/dist/es2019/compiled/useEscapeToDismiss.js +0 -65
  71. package/dist/es2019/fg-components.js +0 -13
  72. package/dist/esm/compiled/ContextualSurvey.js +0 -221
  73. package/dist/esm/compiled/FeedbackAcknowledgement.js +0 -8
  74. package/dist/esm/compiled/FeedbackScoreButtons.js +0 -54
  75. package/dist/esm/compiled/SignUpPrompt.js +0 -70
  76. package/dist/esm/compiled/SignUpSuccess.js +0 -15
  77. package/dist/esm/compiled/SuccessContainer.js +0 -22
  78. package/dist/esm/compiled/SurveyContainer.js +0 -29
  79. package/dist/esm/compiled/SurveyForm.js +0 -131
  80. package/dist/esm/compiled/SurveyMarshal.js +0 -54
  81. package/dist/esm/compiled/useEscapeToDismiss.js +0 -64
  82. package/dist/esm/fg-components.js +0 -19
  83. package/dist/types/compiled/ContextualSurvey.d.ts +0 -40
  84. package/dist/types/compiled/FeedbackAcknowledgement.d.ts +0 -3
  85. package/dist/types/compiled/FeedbackScoreButtons.d.ts +0 -11
  86. package/dist/types/compiled/SignUpPrompt.d.ts +0 -10
  87. package/dist/types/compiled/SignUpSuccess.d.ts +0 -5
  88. package/dist/types/compiled/SuccessContainer.d.ts +0 -6
  89. package/dist/types/compiled/SurveyContainer.d.ts +0 -11
  90. package/dist/types/compiled/SurveyForm.d.ts +0 -12
  91. package/dist/types/compiled/SurveyMarshal.d.ts +0 -16
  92. package/dist/types/compiled/useEscapeToDismiss.d.ts +0 -6
  93. package/dist/types/fg-components.d.ts +0 -5
  94. package/dist/types-ts4.5/compiled/ContextualSurvey.d.ts +0 -40
  95. package/dist/types-ts4.5/compiled/FeedbackAcknowledgement.d.ts +0 -3
  96. package/dist/types-ts4.5/compiled/FeedbackScoreButtons.d.ts +0 -11
  97. package/dist/types-ts4.5/compiled/SignUpPrompt.d.ts +0 -10
  98. package/dist/types-ts4.5/compiled/SignUpSuccess.d.ts +0 -5
  99. package/dist/types-ts4.5/compiled/SuccessContainer.d.ts +0 -6
  100. package/dist/types-ts4.5/compiled/SurveyContainer.d.ts +0 -11
  101. package/dist/types-ts4.5/compiled/SurveyForm.d.ts +0 -12
  102. package/dist/types-ts4.5/compiled/SurveyMarshal.d.ts +0 -16
  103. package/dist/types-ts4.5/compiled/useEscapeToDismiss.d.ts +0 -6
  104. package/dist/types-ts4.5/fg-components.d.ts +0 -5
  105. /package/dist/cjs/{compiled → components}/FeedbackScoreButtons.compiled.css +0 -0
  106. /package/dist/cjs/{compiled → components}/SignUpPrompt.compiled.css +0 -0
  107. /package/dist/cjs/{compiled → components}/SuccessContainer.compiled.css +0 -0
  108. /package/dist/cjs/{compiled → components}/SurveyContainer.compiled.css +0 -0
  109. /package/dist/cjs/{compiled → components}/SurveyForm.compiled.css +0 -0
  110. /package/dist/cjs/{compiled → components}/SurveyMarshal.compiled.css +0 -0
  111. /package/dist/es2019/{compiled → components}/FeedbackScoreButtons.compiled.css +0 -0
  112. /package/dist/es2019/{compiled → components}/SignUpPrompt.compiled.css +0 -0
  113. /package/dist/es2019/{compiled → components}/SuccessContainer.compiled.css +0 -0
  114. /package/dist/es2019/{compiled → components}/SurveyContainer.compiled.css +0 -0
  115. /package/dist/es2019/{compiled → components}/SurveyForm.compiled.css +0 -0
  116. /package/dist/es2019/{compiled → components}/SurveyMarshal.compiled.css +0 -0
  117. /package/dist/esm/{compiled → components}/FeedbackScoreButtons.compiled.css +0 -0
  118. /package/dist/esm/{compiled → components}/SignUpPrompt.compiled.css +0 -0
  119. /package/dist/esm/{compiled → components}/SuccessContainer.compiled.css +0 -0
  120. /package/dist/esm/{compiled → components}/SurveyContainer.compiled.css +0 -0
  121. /package/dist/esm/{compiled → components}/SurveyForm.compiled.css +0 -0
  122. /package/dist/esm/{compiled → components}/SurveyMarshal.compiled.css +0 -0
@@ -3,8 +3,7 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import { type ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
- export type Props = {
6
+ type Props = {
8
7
  /** Whether the form should be rendered */
9
8
  shouldShow: boolean;
10
9
  /** A function that returns Node to be rendered (`<ContextualSurvey/>`)
@@ -13,4 +12,5 @@ export type Props = {
13
12
  */
14
13
  children: () => ReactNode;
15
14
  };
16
- export default function SurveyMarshal(props: Props): jsx.JSX.Element;
15
+ export default function SurveyMarshal(props: Props): JSX.Element;
16
+ export {};
@@ -1,3 +1,2 @@
1
- export { DismissTrigger, type OnDismissArgs } from './components/ContextualSurvey';
2
- export { ContextualSurvey } from './fg-components';
3
- export { SurveyMarshal } from './fg-components';
1
+ export { default as ContextualSurvey, DismissTrigger, type OnDismissArgs } from './components/ContextualSurvey';
2
+ export { default as SurveyMarshal } from './components/SurveyMarshal';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/contextual-survey",
3
- "version": "3.1.2",
3
+ "version": "4.0.0",
4
4
  "description": "A React component used to ask the user for feedback",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,17 +37,17 @@
37
37
  }
38
38
  },
39
39
  "dependencies": {
40
- "@atlaskit/button": "^22.0.0",
40
+ "@atlaskit/button": "^23.0.0",
41
41
  "@atlaskit/checkbox": "^17.0.0",
42
42
  "@atlaskit/form": "^12.0.0",
43
- "@atlaskit/heading": "^5.1.0",
44
- "@atlaskit/icon": "^25.2.0",
45
- "@atlaskit/link": "^3.0.0",
43
+ "@atlaskit/heading": "^5.2.0",
44
+ "@atlaskit/icon": "^25.5.0",
45
+ "@atlaskit/link": "^3.1.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/primitives": "^14.2.0",
47
+ "@atlaskit/primitives": "^14.4.0",
48
48
  "@atlaskit/textarea": "^8.0.0",
49
49
  "@atlaskit/theme": "^18.0.0",
50
- "@atlaskit/tokens": "^4.5.0",
50
+ "@atlaskit/tokens": "^4.7.0",
51
51
  "@atlaskit/tooltip": "^20.0.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@compiled/react": "^0.18.3",
@@ -77,10 +77,5 @@
77
77
  "spacing"
78
78
  ]
79
79
  }
80
- },
81
- "platform-feature-flags": {
82
- "platform_contextual_survey_enable_compiled_fg": {
83
- "type": "boolean"
84
- }
85
80
  }
86
81
  }
@@ -1,231 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.DismissTrigger = exports.AUTO_DISAPPEAR_DURATION = void 0;
9
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _FeedbackAcknowledgement = _interopRequireDefault(require("./FeedbackAcknowledgement"));
14
- var _SignUpPrompt = _interopRequireDefault(require("./SignUpPrompt"));
15
- var _SignUpSuccess = _interopRequireDefault(require("./SignUpSuccess"));
16
- var _SurveyContainer = _interopRequireDefault(require("./SurveyContainer"));
17
- var _SurveyForm = _interopRequireDefault(require("./SurveyForm"));
18
- var _useEscapeToDismiss = _interopRequireDefault(require("./useEscapeToDismiss"));
19
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
- var DismissTrigger = exports.DismissTrigger = /*#__PURE__*/function (DismissTrigger) {
22
- DismissTrigger["AutoDismiss"] = "AUTO_DISMISS";
23
- DismissTrigger["Manual"] = "MANUAL";
24
- DismissTrigger["Finished"] = "FINISHED";
25
- DismissTrigger["Unmount"] = "UNMOUNT";
26
- return DismissTrigger;
27
- }({});
28
- var AUTO_DISAPPEAR_DURATION = exports.AUTO_DISAPPEAR_DURATION = 8000;
29
- var _default = exports.default = function _default(_ref) {
30
- var question = _ref.question,
31
- statement = _ref.statement,
32
- onDismiss = _ref.onDismiss,
33
- onSubmit = _ref.onSubmit,
34
- onMailingListAnswer = _ref.onMailingListAnswer,
35
- getUserHasAnsweredMailingList = _ref.getUserHasAnsweredMailingList,
36
- _ref$textLabel = _ref.textLabel,
37
- textLabel = _ref$textLabel === void 0 ? 'Why did you give that rating' : _ref$textLabel,
38
- _ref$textPlaceholder = _ref.textPlaceholder,
39
- textPlaceholder = _ref$textPlaceholder === void 0 ? 'Tell us why' : _ref$textPlaceholder;
40
- var autoDisappearTimeoutRef = (0, _react.useRef)(null);
41
-
42
- // only allow a single dismiss for a component
43
- var isDismissedRef = (0, _react.useRef)(false);
44
- var tryDismiss = (0, _react.useCallback)(function (trigger) {
45
- // Already called dismiss once
46
- if (isDismissedRef.current) {
47
- return;
48
- }
49
- isDismissedRef.current = true;
50
- onDismissRef.current({
51
- trigger: trigger
52
- });
53
- }, []);
54
- var _useState = (0, _react.useState)('SURVEY'),
55
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
56
- currentStep = _useState2[0],
57
- setCurrentStep = _useState2[1];
58
- var trySetCurrentStep = (0, _react.useCallback)(function (step) {
59
- // Already dismissed - cannot update the step
60
- if (isDismissedRef.current) {
61
- if (process.env.NODE_ENV !== 'production') {
62
- // eslint-disable-next-line no-console
63
- console.log("not setting step \"".concat(step, "\" as survey is already dismissed"));
64
- }
65
- return;
66
- }
67
- setCurrentStep(step);
68
- }, [setCurrentStep]);
69
-
70
- // using a ref so that we don't break all of our caches if a consumer is using an arrow function
71
- var onDismissRef = (0, _react.useRef)(onDismiss);
72
- (0, _react.useEffect)(function () {
73
- onDismissRef.current = onDismiss;
74
- }, [onDismiss]);
75
-
76
- // reset isDismissedRef.current on mount to be compatible with double render in react18 strict mode
77
- (0, _react.useEffect)(function () {
78
- isDismissedRef.current = false;
79
- }, []);
80
- var tryClearTimeout = (0, _react.useCallback)(function () {
81
- var id = autoDisappearTimeoutRef.current;
82
- if (id) {
83
- clearTimeout(id);
84
- autoDisappearTimeoutRef.current = null;
85
- }
86
- }, []);
87
-
88
- // Cleanup any auto dismiss after dismiss
89
- (0, _react.useEffect)(function () {
90
- return function unmount() {
91
- tryClearTimeout();
92
- tryDismiss(DismissTrigger.Unmount);
93
- };
94
- }, [tryClearTimeout, tryDismiss]);
95
- var onSurveySubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
96
- var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(formValues, form) {
97
- var callback,
98
- userHasAnswered,
99
- _args = arguments;
100
- return _regenerator.default.wrap(function _callee$(_context) {
101
- while (1) switch (_context.prev = _context.next) {
102
- case 0:
103
- callback = _args.length > 2 && _args[2] !== undefined ? _args[2] : function () {};
104
- _context.next = 3;
105
- return onSubmit(formValues);
106
- case 3:
107
- if (!isDismissedRef.current) {
108
- _context.next = 6;
109
- break;
110
- }
111
- callback();
112
- return _context.abrupt("return");
113
- case 6:
114
- if (formValues.canContact) {
115
- _context.next = 10;
116
- break;
117
- }
118
- callback();
119
- trySetCurrentStep('POST_SURVEY_NO_CONSENT');
120
- return _context.abrupt("return");
121
- case 10:
122
- _context.next = 12;
123
- return getUserHasAnsweredMailingList();
124
- case 12:
125
- userHasAnswered = _context.sent;
126
- callback();
127
-
128
- // Not entering phase 2: user has already answered this question
129
- if (!userHasAnswered) {
130
- _context.next = 17;
131
- break;
132
- }
133
- trySetCurrentStep('POST_SURVEY_HAS_SIGN_UP');
134
- return _context.abrupt("return");
135
- case 17:
136
- // Enter phase 2
137
- trySetCurrentStep('SIGN_UP_PROMPT');
138
- case 18:
139
- case "end":
140
- return _context.stop();
141
- }
142
- }, _callee);
143
- }));
144
- return function (_x, _x2) {
145
- return _ref2.apply(this, arguments);
146
- };
147
- }(), [getUserHasAnsweredMailingList, onSubmit, trySetCurrentStep]);
148
- var onMailingListResponse = (0, _react.useCallback)( /*#__PURE__*/function () {
149
- var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(answer) {
150
- return _regenerator.default.wrap(function _callee2$(_context2) {
151
- while (1) switch (_context2.prev = _context2.next) {
152
- case 0:
153
- _context2.next = 2;
154
- return onMailingListAnswer(answer);
155
- case 2:
156
- if (!answer) {
157
- _context2.next = 5;
158
- break;
159
- }
160
- trySetCurrentStep('SIGN_UP_SUCCESS');
161
- return _context2.abrupt("return");
162
- case 5:
163
- // We have already thanked to user, we can simply close
164
- tryDismiss(DismissTrigger.Finished);
165
- case 6:
166
- case "end":
167
- return _context2.stop();
168
- }
169
- }, _callee2);
170
- }));
171
- return function (_x3) {
172
- return _ref3.apply(this, arguments);
173
- };
174
- }(),
175
- // eslint-disable-next-line react-hooks/exhaustive-deps
176
- [tryDismiss, trySetCurrentStep]);
177
-
178
- // Start the auto disappear when we are finished
179
- (0, _react.useEffect)(function () {
180
- // Already dismissed
181
- if (isDismissedRef.current) {
182
- return;
183
- }
184
-
185
- // Timeout already scheduled
186
- if (autoDisappearTimeoutRef.current) {
187
- return;
188
- }
189
- if (['SIGN_UP_SUCCESS', 'POST_SURVEY_NO_CONSENT', 'POST_SURVEY_HAS_SIGN_UP'].includes(currentStep)) {
190
- autoDisappearTimeoutRef.current = window.setTimeout(function () {
191
- return tryDismiss(DismissTrigger.AutoDismiss);
192
- }, AUTO_DISAPPEAR_DURATION);
193
- }
194
- }, [currentStep, tryDismiss]);
195
- (0, _useEscapeToDismiss.default)({
196
- onDismiss: function onDismiss() {
197
- return tryDismiss(DismissTrigger.Manual);
198
- }
199
- });
200
- var content = function () {
201
- if (currentStep === 'SURVEY') {
202
- return /*#__PURE__*/_react.default.createElement(_SurveyForm.default, {
203
- question: question,
204
- statement: statement,
205
- textLabel: textLabel,
206
- textPlaceholder: textPlaceholder,
207
- onSubmit: onSurveySubmit
208
- });
209
- }
210
- if (currentStep === 'SIGN_UP_PROMPT') {
211
- return /*#__PURE__*/_react.default.createElement(_SignUpPrompt.default, {
212
- onAnswer: onMailingListResponse
213
- });
214
- }
215
- if (currentStep === 'SIGN_UP_SUCCESS') {
216
- return /*#__PURE__*/_react.default.createElement(_SignUpSuccess.default, null);
217
- }
218
- if (currentStep === 'POST_SURVEY_NO_CONSENT' || currentStep === 'POST_SURVEY_HAS_SIGN_UP') {
219
- return /*#__PURE__*/_react.default.createElement(_FeedbackAcknowledgement.default, null);
220
- }
221
- return null;
222
- }();
223
- var manualDismiss = (0, _react.useCallback)(function () {
224
- // clear any pending timers
225
- tryClearTimeout();
226
- tryDismiss(DismissTrigger.Manual);
227
- }, [tryDismiss, tryClearTimeout]);
228
- return /*#__PURE__*/_react.default.createElement(_SurveyContainer.default, {
229
- onDismiss: manualDismiss
230
- }, content);
231
- };
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _heading = _interopRequireDefault(require("@atlaskit/heading"));
10
- var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
11
- var _default = exports.default = function _default() {
12
- return /*#__PURE__*/_react.default.createElement(_SuccessContainer.default, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
13
- size: "xsmall"
14
- }, "Thanks for your feedback"));
15
- };
@@ -1,64 +0,0 @@
1
- /* FeedbackScoreButtons.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- "use strict";
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
- Object.defineProperty(exports, "__esModule", {
7
- value: true
8
- });
9
- exports.default = void 0;
10
- require("./FeedbackScoreButtons.compiled.css");
11
- var React = _interopRequireWildcard(require("react"));
12
- var _runtime = require("@compiled/react/runtime");
13
- var _new = _interopRequireDefault(require("@atlaskit/button/new"));
14
- var _compiled = require("@atlaskit/primitives/compiled");
15
- var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
- var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
19
- var buttonWrapperStyles = null;
20
- var descriptionWrapperStyles = null;
21
- var _default = exports.default = function _default(_ref) {
22
- var onChange = _ref.onChange,
23
- value = _ref.value;
24
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
25
- className: (0, _runtime.ax)(["_1e0c1txw _1bah1yb4 _zdxokb7n _v5ynkb7n _13lsf1ug _1o0a1h6o _pof3u2gc"])
26
- }, Array.from({
27
- length: 7
28
- }, function (_, i) {
29
- var score = i + 1;
30
- var isSelected = value === score;
31
- return /*#__PURE__*/React.createElement(_tooltip.default, {
32
- content: tooltipMessage[i],
33
- key: score,
34
- hideTooltipOnClick: true
35
- }, /*#__PURE__*/React.createElement(_new.default, {
36
- onClick: function onClick() {
37
- return onChange(score);
38
- },
39
- isSelected: isSelected,
40
- "aria-pressed": isSelected,
41
- "aria-describedby": "contextualSurveyStatement",
42
- "aria-label": tooltipMessage[i],
43
- shouldFitContainer: true
44
- }, score));
45
- })), /*#__PURE__*/React.createElement("div", {
46
- "aria-hidden": true,
47
- className: (0, _runtime.ax)(["_1e0c1txw _19pku2gc _otyr1ejb _1bah1yb4 _nbgx1epz"])
48
- }, /*#__PURE__*/React.createElement(_compiled.Text, {
49
- color: "color.text.subtlest",
50
- size: "UNSAFE_small",
51
- weight: "semibold",
52
- align: "start"
53
- }, "Strongly disagree"), /*#__PURE__*/React.createElement(_compiled.Text, {
54
- color: "color.text.subtlest",
55
- size: "UNSAFE_small",
56
- weight: "semibold",
57
- align: "center"
58
- }, "Neutral"), /*#__PURE__*/React.createElement(_compiled.Text, {
59
- color: "color.text.subtlest",
60
- size: "UNSAFE_small",
61
- weight: "semibold",
62
- align: "end"
63
- }, "Strongly agree")));
64
- };
@@ -1,80 +0,0 @@
1
- /* SignUpPrompt.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- "use strict";
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
- Object.defineProperty(exports, "__esModule", {
7
- value: true
8
- });
9
- exports.default = void 0;
10
- require("./SignUpPrompt.compiled.css");
11
- var _react = _interopRequireWildcard(require("react"));
12
- var React = _react;
13
- var _runtime = require("@compiled/react/runtime");
14
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
15
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
16
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
- var _new = _interopRequireDefault(require("@atlaskit/button/new"));
18
- var _heading = _interopRequireDefault(require("@atlaskit/heading"));
19
- var _link = _interopRequireDefault(require("@atlaskit/link"));
20
- var _compiled = require("@atlaskit/primitives/compiled");
21
- var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
22
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
- var buttonContainerStyles = null;
25
- var _default = exports.default = function _default(_ref) {
26
- var onAnswer = _ref.onAnswer;
27
- var _useState = (0, _react.useState)(null),
28
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
29
- pending = _useState2[0],
30
- setPending = _useState2[1];
31
- var answeredWith = (0, _react.useCallback)( /*#__PURE__*/function () {
32
- var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(answer) {
33
- return _regenerator.default.wrap(function _callee$(_context) {
34
- while (1) switch (_context.prev = _context.next) {
35
- case 0:
36
- setPending(answer ? 'yes' : 'no');
37
- _context.next = 3;
38
- return onAnswer(answer);
39
- case 3:
40
- case "end":
41
- return _context.stop();
42
- }
43
- }, _callee);
44
- }));
45
- return function (_x) {
46
- return _ref2.apply(this, arguments);
47
- };
48
- }(), [setPending, onAnswer]);
49
- var isDisabled = Boolean(pending);
50
- return /*#__PURE__*/React.createElement(_SuccessContainer.default, null, /*#__PURE__*/React.createElement(_heading.default, {
51
- size: "xsmall"
52
- }, "Thanks for your feedback"), /*#__PURE__*/React.createElement(_compiled.Box, {
53
- paddingBlockStart: "space.150"
54
- }, /*#__PURE__*/React.createElement(_compiled.Stack, {
55
- space: "space.150"
56
- }, /*#__PURE__*/React.createElement(_compiled.Text, {
57
- as: "p"
58
- }, "Are you interested in participating in our research?"), /*#__PURE__*/React.createElement(_compiled.Text, {
59
- as: "p"
60
- }, "Sign up for the", ' ', /*#__PURE__*/React.createElement(_link.default, {
61
- href: "https://www.atlassian.com/research-group",
62
- target: "_blank"
63
- }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."))), /*#__PURE__*/React.createElement("div", {
64
- className: (0, _runtime.ax)(["_19pkxy5q _1e0c1txw _1bahesu3 _pof3u2gc"])
65
- }, /*#__PURE__*/React.createElement(_new.default, {
66
- appearance: "subtle",
67
- onClick: function onClick() {
68
- return answeredWith(false);
69
- },
70
- isDisabled: isDisabled,
71
- isLoading: pending === 'no'
72
- }, "No, thanks"), /*#__PURE__*/React.createElement(_new.default, {
73
- appearance: "primary",
74
- onClick: function onClick() {
75
- return answeredWith(true);
76
- },
77
- isDisabled: isDisabled,
78
- isLoading: pending === 'yes'
79
- }, "Yes, sign me up")));
80
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _heading = _interopRequireDefault(require("@atlaskit/heading"));
11
- var _compiled = require("@atlaskit/primitives/compiled");
12
- var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
13
- var _default = exports.default = function _default(_ref) {
14
- (0, _objectDestructuringEmpty2.default)(_ref);
15
- return /*#__PURE__*/_react.default.createElement(_SuccessContainer.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
16
- space: "space.150"
17
- }, /*#__PURE__*/_react.default.createElement(_heading.default, {
18
- size: "xsmall"
19
- }, "Thanks for signing up"), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
20
- as: "p"
21
- }, "We may reach out to you in the future to participate in additional research.")));
22
- };
@@ -1,32 +0,0 @@
1
- /* SuccessContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- "use strict";
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
- Object.defineProperty(exports, "__esModule", {
7
- value: true
8
- });
9
- exports.default = void 0;
10
- require("./SuccessContainer.compiled.css");
11
- var React = _interopRequireWildcard(require("react"));
12
- var _runtime = require("@compiled/react/runtime");
13
- var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
14
- var _colors = require("@atlaskit/theme/colors");
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
- var sectionStyles = null;
18
- var iconContainerStyles = null;
19
- var _default = exports.default = function _default(_ref) {
20
- var children = _ref.children;
21
- return /*#__PURE__*/React.createElement("section", {
22
- className: (0, _runtime.ax)(["_18u01jfw"])
23
- }, /*#__PURE__*/React.createElement("div", {
24
- className: (0, _runtime.ax)(["_kqswstnw _154iv47k _1ltv1ejb"])
25
- }, /*#__PURE__*/React.createElement(_successCheckCircle.default, {
26
- spacing: "spacious",
27
- label: "",
28
- "aria-hidden": true,
29
- color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
30
- LEGACY_margin: "4px 0 0 0"
31
- })), children);
32
- };
@@ -1,39 +0,0 @@
1
- /* SurveyContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- "use strict";
3
-
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
- Object.defineProperty(exports, "__esModule", {
7
- value: true
8
- });
9
- exports.default = void 0;
10
- require("./SurveyContainer.compiled.css");
11
- var React = _interopRequireWildcard(require("react"));
12
- var _runtime = require("@compiled/react/runtime");
13
- var _new = require("@atlaskit/button/new");
14
- var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
15
- var _colors = require("@atlaskit/theme/colors");
16
- var _constants = require("../constants");
17
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
- var containerStyles = null;
20
- var buttonWrapperStyles = null;
21
- var _default = exports.default = function _default(_ref) {
22
- var children = _ref.children,
23
- onDismiss = _ref.onDismiss;
24
- return /*#__PURE__*/React.createElement("div", {
25
- className: (0, _runtime.ax)(["_2rko1sit _bfhk13b4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _16qs1dt4 _1bsb1sw3"]),
26
- style: {
27
- "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
28
- "--_qzf6oc": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
29
- "--_18gm6wc": (0, _runtime.ix)("".concat(_constants.surveyInnerWidth, "px"))
30
- }
31
- }, /*#__PURE__*/React.createElement("div", {
32
- className: (0, _runtime.ax)(["_kqswstnw _154ipxbi _1xi2pxbi"])
33
- }, /*#__PURE__*/React.createElement(_new.IconButton, {
34
- icon: _closeCross.default,
35
- label: "Dismiss",
36
- appearance: "subtle",
37
- onClick: onDismiss
38
- })), children);
39
- };