@atlaskit/feedback-collector 15.2.0 → 15.3.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.
package/CHANGELOG.md CHANGED
@@ -1,10 +1,28 @@
1
1
  # @atlaskit/feedback-collector
2
2
 
3
+ ## 15.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`ffa7b21ccc11b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ffa7b21ccc11b) -
8
+ A11Y fix (A11Y-31065): Remove inappropriate `aria-hidden={false}` and `hidden` attributes from
9
+ `<legend>` elements inside the opt-in options `<fieldset>` in FeedbackForm. The `hidden` HTML
10
+ attribute removes elements from the accessibility tree regardless of `aria-hidden`, causing screen
11
+ readers to miss the fieldset group label "Atlassian opt-in options". Replaced with a standard
12
+ visually-hidden CSS pattern so the legend is accessible to screen readers but not visible on
13
+ screen.
14
+
15
+ ## 15.2.1
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 15.2.0
4
22
 
5
23
  ### Minor Changes
6
24
 
7
- - [`c56f27a582fec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c56f27a582fec) -
25
+ - [`ebab8f80bfc40`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ebab8f80bfc40) -
8
26
  Autofix: add explicit package exports (barrel removal)
9
27
 
10
28
  ## 15.1.1
@@ -22,7 +22,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
22
  var _isApiGatewayUrl = require("../utils/is-api-gateway-url");
23
23
  var _Truncate = _interopRequireDefault(require("../utils/Truncate"));
24
24
  var _FeedbackForm = _interopRequireDefault(require("./FeedbackForm"));
25
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
25
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
26
26
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27
27
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28
28
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -47,18 +47,18 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
47
47
  (0, _defineProperty2.default)(_this, "postFeedback", /*#__PURE__*/function () {
48
48
  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(formValues) {
49
49
  var entrypointId, fetchUrl, formData, body, postData;
50
- return _regenerator.default.wrap(function _callee$(_context) {
50
+ return _regenerator.default.wrap(function (_context) {
51
51
  while (1) switch (_context.prev = _context.next) {
52
52
  case 0:
53
53
  entrypointId = _this.props.entrypointId;
54
54
  fetchUrl = _this.getFeedbackUrl(); // Don't dispatch unless we have suitable props (allows tests to pass through empty strings and avoid redundant network calls)
55
55
  if (!entrypointId) {
56
- _context.next = 10;
56
+ _context.next = 2;
57
57
  break;
58
58
  }
59
- _context.next = 5;
59
+ _context.next = 1;
60
60
  return _this.mapFormToJSD(formValues);
61
- case 5:
61
+ case 1:
62
62
  formData = _context.sent;
63
63
  body = {
64
64
  feedback: _objectSpread({
@@ -82,7 +82,7 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
82
82
  }),
83
83
  credentials: 'include'
84
84
  });
85
- case 10:
85
+ case 2:
86
86
  _this.props.onClose();
87
87
 
88
88
  // slightly delay confirming submit since we don't wait for the REST call to succeed
@@ -94,7 +94,7 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
94
94
  setTimeout(function () {
95
95
  return _this.props.onSubmit(formValues);
96
96
  }, _this.props.timeoutOnSubmit);
97
- case 12:
97
+ case 3:
98
98
  case "end":
99
99
  return _context.stop();
100
100
  }
@@ -112,17 +112,17 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
112
112
  value: function () {
113
113
  var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
114
114
  var anonymousFeedback;
115
- return _regenerator.default.wrap(function _callee2$(_context2) {
115
+ return _regenerator.default.wrap(function (_context2) {
116
116
  while (1) switch (_context2.prev = _context2.next) {
117
117
  case 0:
118
- _context2.next = 2;
118
+ _context2.next = 1;
119
119
  return this.shouldShowOptInCheckboxesNew();
120
- case 2:
120
+ case 1:
121
121
  anonymousFeedback = !_context2.sent;
122
122
  this.setState({
123
123
  anonymousFeedback: anonymousFeedback
124
124
  });
125
- case 4:
125
+ case 2:
126
126
  case "end":
127
127
  return _context2.stop();
128
128
  }
@@ -164,20 +164,20 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
164
164
  }, {
165
165
  key: "getPackageVersion",
166
166
  value: function getPackageVersion() {
167
- return "0.0.0-development" || 'Unknown, at least 11.0.0';
167
+ return "15.2.1" || 'Unknown, at least 11.0.0';
168
168
  }
169
169
  }, {
170
170
  key: "getEntitlementInformation",
171
171
  value: function () {
172
172
  var _getEntitlementInformation = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
173
173
  var _entitlementDetails, _entitlementDetails2, _productName, _entitlement;
174
- var url, productName, productEntitlement, entitlementDetails, productKey, _document$querySelect, hasPremium, entitlement, entitlementInformation, cloudSiteId, _entitlementDetails3;
175
- return _regenerator.default.wrap(function _callee3$(_context3) {
174
+ var url, productName, productEntitlement, entitlementDetails, productKey, _document$querySelect, hasPremium, entitlement, entitlementInformation, cloudSiteId, _entitlementDetails3, _t;
175
+ return _regenerator.default.wrap(function (_context3) {
176
176
  while (1) switch (_context3.prev = _context3.next) {
177
177
  case 0:
178
178
  url = this.getGatewayUrl(); // jira / confluence / bitbucket / trello
179
179
  if (!window.location.host.includes('bitbucket.org')) {
180
- _context3.next = 9;
180
+ _context3.next = 1;
181
181
  break;
182
182
  }
183
183
  productName = 'Bitbucket';
@@ -185,18 +185,18 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
185
185
  entitlementDetails = JSON.parse(JSON.stringify((_document$querySelect = document.querySelector('meta[id="bb-bootstrap"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('data-current-user')));
186
186
  hasPremium = entitlementDetails['hasPremium'];
187
187
  productEntitlement = hasPremium ? 'PREMIUM' : 'STANDARD';
188
- _context3.next = 24;
188
+ _context3.next = 6;
189
189
  break;
190
- case 9:
190
+ case 1:
191
191
  if (!['trellis.coffee', 'trello.com'].includes(window.location.host)) {
192
- _context3.next = 14;
192
+ _context3.next = 2;
193
193
  break;
194
194
  }
195
195
  productName = 'Trello';
196
196
  productKey = 'trello';
197
- _context3.next = 24;
197
+ _context3.next = 6;
198
198
  break;
199
- case 14:
199
+ case 2:
200
200
  if (document.querySelector('meta[id="confluence-context-path"]')) {
201
201
  productName = 'Confluence';
202
202
  productKey = 'pricingplan.confluence.ondemand';
@@ -204,8 +204,8 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
204
204
  productName = 'Jira';
205
205
  productKey = 'jira-software.ondemand';
206
206
  }
207
- _context3.prev = 15;
208
- _context3.next = 18;
207
+ _context3.prev = 3;
208
+ _context3.next = 4;
209
209
  return fetch("".concat(url, "/customer-context/entitlements/").concat(window.location.host), _objectSpread({
210
210
  method: 'GET',
211
211
  headers: {
@@ -214,15 +214,15 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
214
214
  }, (0, _isApiGatewayUrl.isApiGatewayUrl)(url) ? {
215
215
  credentials: 'include'
216
216
  } : {}));
217
- case 18:
217
+ case 4:
218
218
  entitlementDetails = _context3.sent;
219
- _context3.next = 24;
219
+ _context3.next = 6;
220
220
  break;
221
- case 21:
222
- _context3.prev = 21;
223
- _context3.t0 = _context3["catch"](15);
221
+ case 5:
222
+ _context3.prev = 5;
223
+ _t = _context3["catch"](3);
224
224
  entitlementDetails = undefined;
225
- case 24:
225
+ case 6:
226
226
  entitlementInformation = [];
227
227
  cloudSiteId = ((_entitlementDetails = entitlementDetails) === null || _entitlementDetails === void 0 ? void 0 : _entitlementDetails.cloudSiteId) || '';
228
228
  if ((_entitlementDetails2 = entitlementDetails) !== null && _entitlementDetails2 !== void 0 && _entitlementDetails2.children) {
@@ -244,11 +244,11 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
244
244
  value: cloudSiteId
245
245
  });
246
246
  return _context3.abrupt("return", entitlementInformation);
247
- case 29:
247
+ case 7:
248
248
  case "end":
249
249
  return _context3.stop();
250
250
  }
251
- }, _callee3, this, [[15, 21]]);
251
+ }, _callee3, this, [[3, 5]]);
252
252
  }));
253
253
  function getEntitlementInformation() {
254
254
  return _getEntitlementInformation.apply(this, arguments);
@@ -276,20 +276,20 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
276
276
  key: "getAtlassianID",
277
277
  value: function () {
278
278
  var _getAtlassianID = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
279
- var _this$props3, atlassianAccountId, shouldGetEntitlementDetails, url, result, json;
280
- return _regenerator.default.wrap(function _callee4$(_context4) {
279
+ var _this$props3, atlassianAccountId, shouldGetEntitlementDetails, url, result, json, _t2;
280
+ return _regenerator.default.wrap(function (_context4) {
281
281
  while (1) switch (_context4.prev = _context4.next) {
282
282
  case 0:
283
283
  _this$props3 = this.props, atlassianAccountId = _this$props3.atlassianAccountId, shouldGetEntitlementDetails = _this$props3.shouldGetEntitlementDetails;
284
284
  _context4.prev = 1;
285
285
  if (!(atlassianAccountId || !shouldGetEntitlementDetails)) {
286
- _context4.next = 4;
286
+ _context4.next = 2;
287
287
  break;
288
288
  }
289
289
  return _context4.abrupt("return", atlassianAccountId);
290
- case 4:
290
+ case 2:
291
291
  url = this.getGatewayUrl();
292
- _context4.next = 7;
292
+ _context4.next = 3;
293
293
  return fetch("".concat(url, "/me"), _objectSpread({
294
294
  method: 'GET',
295
295
  headers: {
@@ -298,22 +298,22 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
298
298
  }, (0, _isApiGatewayUrl.isApiGatewayUrl)(url) ? {
299
299
  credentials: 'include'
300
300
  } : {}));
301
- case 7:
301
+ case 3:
302
302
  result = _context4.sent;
303
- _context4.next = 10;
303
+ _context4.next = 4;
304
304
  return result.json();
305
- case 10:
305
+ case 4:
306
306
  json = _context4.sent;
307
307
  return _context4.abrupt("return", json.account_id);
308
- case 14:
309
- _context4.prev = 14;
310
- _context4.t0 = _context4["catch"](1);
308
+ case 5:
309
+ _context4.prev = 5;
310
+ _t2 = _context4["catch"](1);
311
311
  return _context4.abrupt("return", undefined);
312
- case 17:
312
+ case 6:
313
313
  case "end":
314
314
  return _context4.stop();
315
315
  }
316
- }, _callee4, this, [[1, 14]]);
316
+ }, _callee4, this, [[1, 5]]);
317
317
  }));
318
318
  function getAtlassianID() {
319
319
  return _getAtlassianID.apply(this, arguments);
@@ -405,25 +405,25 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
405
405
  var _mapFormToJSD = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(formValues) {
406
406
  var _this$props4, _this$props5;
407
407
  var entitlementInformation, atlassianID;
408
- return _regenerator.default.wrap(function _callee5$(_context5) {
408
+ return _regenerator.default.wrap(function (_context5) {
409
409
  while (1) switch (_context5.prev = _context5.next) {
410
410
  case 0:
411
411
  entitlementInformation = null;
412
412
  if (!((_this$props4 = this.props) !== null && _this$props4 !== void 0 && _this$props4.shouldGetEntitlementDetails)) {
413
- _context5.next = 5;
413
+ _context5.next = 2;
414
414
  break;
415
415
  }
416
- _context5.next = 4;
416
+ _context5.next = 1;
417
417
  return this.getEntitlementInformation();
418
- case 4:
418
+ case 1:
419
419
  entitlementInformation = _context5.sent;
420
- case 5:
420
+ case 2:
421
421
  if ((_this$props5 = this.props) !== null && _this$props5 !== void 0 && _this$props5.email) {
422
422
  this.addEmailToContext();
423
423
  }
424
- _context5.next = 8;
424
+ _context5.next = 3;
425
425
  return this.getAtlassianID();
426
- case 8:
426
+ case 3:
427
427
  atlassianID = _context5.sent;
428
428
  this.addAccountIdToContext(atlassianID);
429
429
  return _context5.abrupt("return", {
@@ -456,7 +456,7 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
456
456
  value: this.props.enrollInResearchDeclineValue
457
457
  }], (0, _toConsumableArray2.default)(this.props.additionalFields)).filter(Boolean)
458
458
  });
459
- case 11:
459
+ case 4:
460
460
  case "end":
461
461
  return _context5.stop();
462
462
  }
@@ -189,35 +189,35 @@ var FeedbackForm = function FeedbackForm(_ref2) {
189
189
  }, (0, _platformFeatureFlags.fg)('platform-design_system_team-form_conversion') ? /*#__PURE__*/_react.default.createElement(_form.default, {
190
190
  onSubmit: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
191
191
  var errors;
192
- return _regenerator.default.wrap(function _callee$(_context) {
192
+ return _regenerator.default.wrap(function (_context) {
193
193
  while (1) switch (_context.prev = _context.next) {
194
194
  case 0:
195
195
  errors = getValidationErrors();
196
196
  if (!(Object.keys(errors).length > 0)) {
197
- _context.next = 4;
197
+ _context.next = 1;
198
198
  break;
199
199
  }
200
200
  setValidationErrors(errors);
201
201
  return _context.abrupt("return");
202
- case 4:
202
+ case 1:
203
203
  setIsSubmitting(true);
204
- _context.prev = 5;
205
- _context.next = 8;
204
+ _context.prev = 2;
205
+ _context.next = 3;
206
206
  return onSubmit({
207
207
  canBeContacted: canBeContacted,
208
208
  description: description,
209
209
  enrollInResearchGroup: enrollInResearchGroup,
210
210
  type: type
211
211
  });
212
- case 8:
213
- _context.prev = 8;
212
+ case 3:
213
+ _context.prev = 3;
214
214
  setIsSubmitting(false);
215
- return _context.finish(8);
216
- case 11:
215
+ return _context.finish(3);
216
+ case 4:
217
217
  case "end":
218
218
  return _context.stop();
219
219
  }
220
- }, _callee, null, [[5,, 8, 11]]);
220
+ }, _callee, null, [[2,, 3, 4]]);
221
221
  }))
222
222
  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
223
223
  hasCloseButton: true
@@ -243,14 +243,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
243
243
  });
244
244
  }
245
245
  },
246
- menuPortalTarget: document.body,
247
- styles: {
248
- menuPortal: function menuPortal(base) {
249
- return _objectSpread(_objectSpread({}, base), {}, {
250
- zIndex: 9999
251
- });
252
- }
253
- },
246
+ menuPosition: "fixed",
254
247
  options: selectOptions
255
248
  // @ts-ignore
256
249
  ,
@@ -280,10 +273,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
280
273
  },
281
274
  value: description
282
275
  })), validationErrors.description && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, validationErrors.description));
283
- }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_form.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", {
284
- "aria-hidden": false,
285
- hidden: true
286
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_form.Field, {
276
+ }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_form.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_form.Field, {
287
277
  name: "can-be-contacted"
288
278
  }, function (_ref6) {
289
279
  var fieldProps = _ref6.fieldProps;
@@ -337,35 +327,35 @@ var FeedbackForm = function FeedbackForm(_ref2) {
337
327
  }, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.submitButtonLabel)))) : /*#__PURE__*/_react.default.createElement(_form.default, {
338
328
  onSubmit: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
339
329
  var errors;
340
- return _regenerator.default.wrap(function _callee2$(_context2) {
330
+ return _regenerator.default.wrap(function (_context2) {
341
331
  while (1) switch (_context2.prev = _context2.next) {
342
332
  case 0:
343
333
  errors = getValidationErrors();
344
334
  if (!(Object.keys(errors).length > 0)) {
345
- _context2.next = 4;
335
+ _context2.next = 1;
346
336
  break;
347
337
  }
348
338
  setValidationErrors(errors);
349
339
  return _context2.abrupt("return");
350
- case 4:
340
+ case 1:
351
341
  setIsSubmitting(true);
352
- _context2.prev = 5;
353
- _context2.next = 8;
342
+ _context2.prev = 2;
343
+ _context2.next = 3;
354
344
  return onSubmit({
355
345
  canBeContacted: canBeContacted,
356
346
  description: description,
357
347
  enrollInResearchGroup: enrollInResearchGroup,
358
348
  type: type
359
349
  });
360
- case 8:
361
- _context2.prev = 8;
350
+ case 3:
351
+ _context2.prev = 3;
362
352
  setIsSubmitting(false);
363
- return _context2.finish(8);
364
- case 11:
353
+ return _context2.finish(3);
354
+ case 4:
365
355
  case "end":
366
356
  return _context2.stop();
367
357
  }
368
- }, _callee2, null, [[5,, 8, 11]]);
358
+ }, _callee2, null, [[2,, 3, 4]]);
369
359
  }))
370
360
  }, function (_ref9) {
371
361
  var formProps = _ref9.formProps;
@@ -393,14 +383,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
393
383
  });
394
384
  }
395
385
  },
396
- menuPortalTarget: document.body,
397
- styles: {
398
- menuPortal: function menuPortal(base) {
399
- return _objectSpread(_objectSpread({}, base), {}, {
400
- zIndex: 9999
401
- });
402
- }
403
- },
386
+ menuPosition: "fixed",
404
387
  options: selectOptions
405
388
  // @ts-ignore
406
389
  ,
@@ -430,10 +413,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
430
413
  },
431
414
  value: description
432
415
  })), validationErrors.description && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, validationErrors.description));
433
- }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_form.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", {
434
- "aria-hidden": false,
435
- hidden: true
436
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_form.Field, {
416
+ }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_form.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_form.Field, {
437
417
  name: "can-be-contacted"
438
418
  }, function (_ref10) {
439
419
  var fieldProps = _ref10.fieldProps;
@@ -24,19 +24,19 @@ var IntlProviderWithResolvedMessages = exports.IntlProviderWithResolvedMessages
24
24
  var fetchMessageLocale = /*#__PURE__*/function () {
25
25
  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
26
26
  var messages;
27
- return _regenerator.default.wrap(function _callee$(_context) {
27
+ return _regenerator.default.wrap(function (_context) {
28
28
  while (1) switch (_context.prev = _context.next) {
29
29
  case 0:
30
30
  if (!locale) {
31
- _context.next = 5;
31
+ _context.next = 2;
32
32
  break;
33
33
  }
34
- _context.next = 3;
34
+ _context.next = 1;
35
35
  return (0, _i18nGetMessagesForLocale.getMessagesForLocale)(locale);
36
- case 3:
36
+ case 1:
37
37
  messages = _context.sent;
38
38
  setResolvedMessagesForLocale(messages);
39
- case 5:
39
+ case 2:
40
40
  case "end":
41
41
  return _context.stop();
42
42
  }
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.getMessagesForLocale = void 0;
9
9
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
12
12
  function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t && /^\.\.?\//.test(t) ? t.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+)?)\.([cm]?)ts$/i, function (t, s, r, n, o) { return s ? e ? ".jsx" : ".js" : !r || n && o ? r + n + "." + o.toLowerCase() + "js" : t; }) : t; }
13
13
  /**
14
14
  * Tries to get the most specific messages bundle for a given locale.
@@ -23,13 +23,13 @@ function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t
23
23
 
24
24
  var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function () {
25
25
  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
26
- var messages, parentLocale, _messages;
27
- return _regenerator.default.wrap(function _callee$(_context) {
26
+ var messages, parentLocale, _messages, _t, _t2;
27
+ return _regenerator.default.wrap(function (_context) {
28
28
  while (1) switch (_context.prev = _context.next) {
29
29
  case 0:
30
30
  locale = locale.replace('-', '_');
31
31
  _context.prev = 1;
32
- _context.next = 4;
32
+ _context.next = 2;
33
33
  return function (specifier) {
34
34
  return new Promise(function (r) {
35
35
  return r("".concat(specifier));
@@ -37,16 +37,15 @@ var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function
37
37
  return _interopRequireWildcard(require(s));
38
38
  });
39
39
  }( /* webpackChunkName: "@atlaskit-internal_feedback-collector/i18n-tranlations" */_tsRewriteRelativeImportExtensions("../i18n/".concat(locale)));
40
- case 4:
40
+ case 2:
41
41
  messages = _context.sent;
42
42
  return _context.abrupt("return", messages.default);
43
- case 8:
44
- _context.prev = 8;
45
- _context.t0 = _context["catch"](1);
46
- case 10:
47
- _context.prev = 10;
43
+ case 3:
44
+ _context.prev = 3;
45
+ _t = _context["catch"](1);
46
+ _context.prev = 4;
48
47
  parentLocale = locale.split(/[-_]/)[0];
49
- _context.next = 14;
48
+ _context.next = 5;
50
49
  return function (specifier) {
51
50
  return new Promise(function (r) {
52
51
  return r("".concat(specifier));
@@ -54,17 +53,17 @@ var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function
54
53
  return _interopRequireWildcard(require(s));
55
54
  });
56
55
  }( /* webpackChunkName: "@atlaskit-internal_feedback-collector/i18n-tranlations" */_tsRewriteRelativeImportExtensions("../i18n/".concat(parentLocale)));
57
- case 14:
56
+ case 5:
58
57
  _messages = _context.sent;
59
58
  return _context.abrupt("return", _messages.default);
60
- case 18:
61
- _context.prev = 18;
62
- _context.t1 = _context["catch"](10);
63
- case 20:
59
+ case 6:
60
+ _context.prev = 6;
61
+ _t2 = _context["catch"](4);
62
+ case 7:
64
63
  case "end":
65
64
  return _context.stop();
66
65
  }
67
- }, _callee, null, [[1, 8], [10, 18]]);
66
+ }, _callee, null, [[1, 3], [4, 6]]);
68
67
  }));
69
68
  return function getMessagesForLocale(_x) {
70
69
  return _ref.apply(this, arguments);
@@ -92,7 +92,7 @@ export default class FeedbackCollector extends Component {
92
92
  return FeedbackCollector.defaultProps.url;
93
93
  }
94
94
  getPackageVersion() {
95
- return "0.0.0-development" || 'Unknown, at least 11.0.0';
95
+ return "15.2.1" || 'Unknown, at least 11.0.0';
96
96
  }
97
97
  async getEntitlementInformation() {
98
98
  var _entitlementDetails, _entitlementDetails2, _productName, _entitlement, _productEntitlement;
@@ -189,13 +189,7 @@ const FeedbackForm = ({
189
189
  }));
190
190
  }
191
191
  },
192
- menuPortalTarget: document.body,
193
- styles: {
194
- menuPortal: base => ({
195
- ...base,
196
- zIndex: 9999
197
- })
198
- },
192
+ menuPosition: "fixed",
199
193
  options: selectOptions
200
194
  // @ts-ignore
201
195
  ,
@@ -222,10 +216,7 @@ const FeedbackForm = ({
222
216
  }
223
217
  },
224
218
  value: description
225
- })), validationErrors.description && /*#__PURE__*/React.createElement(ErrorMessage, null, validationErrors.description))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", {
226
- "aria-hidden": false,
227
- hidden: true
228
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
219
+ })), validationErrors.description && /*#__PURE__*/React.createElement(ErrorMessage, null, validationErrors.description))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
229
220
  name: "can-be-contacted"
230
221
  }, ({
231
222
  fieldProps
@@ -311,13 +302,7 @@ const FeedbackForm = ({
311
302
  }));
312
303
  }
313
304
  },
314
- menuPortalTarget: document.body,
315
- styles: {
316
- menuPortal: base => ({
317
- ...base,
318
- zIndex: 9999
319
- })
320
- },
305
+ menuPosition: "fixed",
321
306
  options: selectOptions
322
307
  // @ts-ignore
323
308
  ,
@@ -344,10 +329,7 @@ const FeedbackForm = ({
344
329
  }
345
330
  },
346
331
  value: description
347
- })), validationErrors.description && /*#__PURE__*/React.createElement(ErrorMessage, null, validationErrors.description))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", {
348
- "aria-hidden": false,
349
- hidden: true
350
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
332
+ })), validationErrors.description && /*#__PURE__*/React.createElement(ErrorMessage, null, validationErrors.description))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
351
333
  name: "can-be-contacted"
352
334
  }, ({
353
335
  fieldProps
@@ -38,18 +38,18 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
38
38
  _defineProperty(_this, "postFeedback", /*#__PURE__*/function () {
39
39
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(formValues) {
40
40
  var entrypointId, fetchUrl, formData, body, postData;
41
- return _regeneratorRuntime.wrap(function _callee$(_context) {
41
+ return _regeneratorRuntime.wrap(function (_context) {
42
42
  while (1) switch (_context.prev = _context.next) {
43
43
  case 0:
44
44
  entrypointId = _this.props.entrypointId;
45
45
  fetchUrl = _this.getFeedbackUrl(); // Don't dispatch unless we have suitable props (allows tests to pass through empty strings and avoid redundant network calls)
46
46
  if (!entrypointId) {
47
- _context.next = 10;
47
+ _context.next = 2;
48
48
  break;
49
49
  }
50
- _context.next = 5;
50
+ _context.next = 1;
51
51
  return _this.mapFormToJSD(formValues);
52
- case 5:
52
+ case 1:
53
53
  formData = _context.sent;
54
54
  body = {
55
55
  feedback: _objectSpread({
@@ -73,7 +73,7 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
73
73
  }),
74
74
  credentials: 'include'
75
75
  });
76
- case 10:
76
+ case 2:
77
77
  _this.props.onClose();
78
78
 
79
79
  // slightly delay confirming submit since we don't wait for the REST call to succeed
@@ -85,7 +85,7 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
85
85
  setTimeout(function () {
86
86
  return _this.props.onSubmit(formValues);
87
87
  }, _this.props.timeoutOnSubmit);
88
- case 12:
88
+ case 3:
89
89
  case "end":
90
90
  return _context.stop();
91
91
  }
@@ -103,17 +103,17 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
103
103
  value: function () {
104
104
  var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
105
105
  var anonymousFeedback;
106
- return _regeneratorRuntime.wrap(function _callee2$(_context2) {
106
+ return _regeneratorRuntime.wrap(function (_context2) {
107
107
  while (1) switch (_context2.prev = _context2.next) {
108
108
  case 0:
109
- _context2.next = 2;
109
+ _context2.next = 1;
110
110
  return this.shouldShowOptInCheckboxesNew();
111
- case 2:
111
+ case 1:
112
112
  anonymousFeedback = !_context2.sent;
113
113
  this.setState({
114
114
  anonymousFeedback: anonymousFeedback
115
115
  });
116
- case 4:
116
+ case 2:
117
117
  case "end":
118
118
  return _context2.stop();
119
119
  }
@@ -155,20 +155,20 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
155
155
  }, {
156
156
  key: "getPackageVersion",
157
157
  value: function getPackageVersion() {
158
- return "0.0.0-development" || 'Unknown, at least 11.0.0';
158
+ return "15.2.1" || 'Unknown, at least 11.0.0';
159
159
  }
160
160
  }, {
161
161
  key: "getEntitlementInformation",
162
162
  value: function () {
163
163
  var _getEntitlementInformation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
164
164
  var _entitlementDetails, _entitlementDetails2, _productName, _entitlement;
165
- var url, productName, productEntitlement, entitlementDetails, productKey, _document$querySelect, hasPremium, entitlement, entitlementInformation, cloudSiteId, _entitlementDetails3;
166
- return _regeneratorRuntime.wrap(function _callee3$(_context3) {
165
+ var url, productName, productEntitlement, entitlementDetails, productKey, _document$querySelect, hasPremium, entitlement, entitlementInformation, cloudSiteId, _entitlementDetails3, _t;
166
+ return _regeneratorRuntime.wrap(function (_context3) {
167
167
  while (1) switch (_context3.prev = _context3.next) {
168
168
  case 0:
169
169
  url = this.getGatewayUrl(); // jira / confluence / bitbucket / trello
170
170
  if (!window.location.host.includes('bitbucket.org')) {
171
- _context3.next = 9;
171
+ _context3.next = 1;
172
172
  break;
173
173
  }
174
174
  productName = 'Bitbucket';
@@ -176,18 +176,18 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
176
176
  entitlementDetails = JSON.parse(JSON.stringify((_document$querySelect = document.querySelector('meta[id="bb-bootstrap"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('data-current-user')));
177
177
  hasPremium = entitlementDetails['hasPremium'];
178
178
  productEntitlement = hasPremium ? 'PREMIUM' : 'STANDARD';
179
- _context3.next = 24;
179
+ _context3.next = 6;
180
180
  break;
181
- case 9:
181
+ case 1:
182
182
  if (!['trellis.coffee', 'trello.com'].includes(window.location.host)) {
183
- _context3.next = 14;
183
+ _context3.next = 2;
184
184
  break;
185
185
  }
186
186
  productName = 'Trello';
187
187
  productKey = 'trello';
188
- _context3.next = 24;
188
+ _context3.next = 6;
189
189
  break;
190
- case 14:
190
+ case 2:
191
191
  if (document.querySelector('meta[id="confluence-context-path"]')) {
192
192
  productName = 'Confluence';
193
193
  productKey = 'pricingplan.confluence.ondemand';
@@ -195,8 +195,8 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
195
195
  productName = 'Jira';
196
196
  productKey = 'jira-software.ondemand';
197
197
  }
198
- _context3.prev = 15;
199
- _context3.next = 18;
198
+ _context3.prev = 3;
199
+ _context3.next = 4;
200
200
  return fetch("".concat(url, "/customer-context/entitlements/").concat(window.location.host), _objectSpread({
201
201
  method: 'GET',
202
202
  headers: {
@@ -205,15 +205,15 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
205
205
  }, isApiGatewayUrl(url) ? {
206
206
  credentials: 'include'
207
207
  } : {}));
208
- case 18:
208
+ case 4:
209
209
  entitlementDetails = _context3.sent;
210
- _context3.next = 24;
210
+ _context3.next = 6;
211
211
  break;
212
- case 21:
213
- _context3.prev = 21;
214
- _context3.t0 = _context3["catch"](15);
212
+ case 5:
213
+ _context3.prev = 5;
214
+ _t = _context3["catch"](3);
215
215
  entitlementDetails = undefined;
216
- case 24:
216
+ case 6:
217
217
  entitlementInformation = [];
218
218
  cloudSiteId = ((_entitlementDetails = entitlementDetails) === null || _entitlementDetails === void 0 ? void 0 : _entitlementDetails.cloudSiteId) || '';
219
219
  if ((_entitlementDetails2 = entitlementDetails) !== null && _entitlementDetails2 !== void 0 && _entitlementDetails2.children) {
@@ -235,11 +235,11 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
235
235
  value: cloudSiteId
236
236
  });
237
237
  return _context3.abrupt("return", entitlementInformation);
238
- case 29:
238
+ case 7:
239
239
  case "end":
240
240
  return _context3.stop();
241
241
  }
242
- }, _callee3, this, [[15, 21]]);
242
+ }, _callee3, this, [[3, 5]]);
243
243
  }));
244
244
  function getEntitlementInformation() {
245
245
  return _getEntitlementInformation.apply(this, arguments);
@@ -267,20 +267,20 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
267
267
  key: "getAtlassianID",
268
268
  value: function () {
269
269
  var _getAtlassianID = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
270
- var _this$props3, atlassianAccountId, shouldGetEntitlementDetails, url, result, json;
271
- return _regeneratorRuntime.wrap(function _callee4$(_context4) {
270
+ var _this$props3, atlassianAccountId, shouldGetEntitlementDetails, url, result, json, _t2;
271
+ return _regeneratorRuntime.wrap(function (_context4) {
272
272
  while (1) switch (_context4.prev = _context4.next) {
273
273
  case 0:
274
274
  _this$props3 = this.props, atlassianAccountId = _this$props3.atlassianAccountId, shouldGetEntitlementDetails = _this$props3.shouldGetEntitlementDetails;
275
275
  _context4.prev = 1;
276
276
  if (!(atlassianAccountId || !shouldGetEntitlementDetails)) {
277
- _context4.next = 4;
277
+ _context4.next = 2;
278
278
  break;
279
279
  }
280
280
  return _context4.abrupt("return", atlassianAccountId);
281
- case 4:
281
+ case 2:
282
282
  url = this.getGatewayUrl();
283
- _context4.next = 7;
283
+ _context4.next = 3;
284
284
  return fetch("".concat(url, "/me"), _objectSpread({
285
285
  method: 'GET',
286
286
  headers: {
@@ -289,22 +289,22 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
289
289
  }, isApiGatewayUrl(url) ? {
290
290
  credentials: 'include'
291
291
  } : {}));
292
- case 7:
292
+ case 3:
293
293
  result = _context4.sent;
294
- _context4.next = 10;
294
+ _context4.next = 4;
295
295
  return result.json();
296
- case 10:
296
+ case 4:
297
297
  json = _context4.sent;
298
298
  return _context4.abrupt("return", json.account_id);
299
- case 14:
300
- _context4.prev = 14;
301
- _context4.t0 = _context4["catch"](1);
299
+ case 5:
300
+ _context4.prev = 5;
301
+ _t2 = _context4["catch"](1);
302
302
  return _context4.abrupt("return", undefined);
303
- case 17:
303
+ case 6:
304
304
  case "end":
305
305
  return _context4.stop();
306
306
  }
307
- }, _callee4, this, [[1, 14]]);
307
+ }, _callee4, this, [[1, 5]]);
308
308
  }));
309
309
  function getAtlassianID() {
310
310
  return _getAtlassianID.apply(this, arguments);
@@ -396,25 +396,25 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
396
396
  var _mapFormToJSD = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(formValues) {
397
397
  var _this$props4, _this$props5;
398
398
  var entitlementInformation, atlassianID;
399
- return _regeneratorRuntime.wrap(function _callee5$(_context5) {
399
+ return _regeneratorRuntime.wrap(function (_context5) {
400
400
  while (1) switch (_context5.prev = _context5.next) {
401
401
  case 0:
402
402
  entitlementInformation = null;
403
403
  if (!((_this$props4 = this.props) !== null && _this$props4 !== void 0 && _this$props4.shouldGetEntitlementDetails)) {
404
- _context5.next = 5;
404
+ _context5.next = 2;
405
405
  break;
406
406
  }
407
- _context5.next = 4;
407
+ _context5.next = 1;
408
408
  return this.getEntitlementInformation();
409
- case 4:
409
+ case 1:
410
410
  entitlementInformation = _context5.sent;
411
- case 5:
411
+ case 2:
412
412
  if ((_this$props5 = this.props) !== null && _this$props5 !== void 0 && _this$props5.email) {
413
413
  this.addEmailToContext();
414
414
  }
415
- _context5.next = 8;
415
+ _context5.next = 3;
416
416
  return this.getAtlassianID();
417
- case 8:
417
+ case 3:
418
418
  atlassianID = _context5.sent;
419
419
  this.addAccountIdToContext(atlassianID);
420
420
  return _context5.abrupt("return", {
@@ -447,7 +447,7 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
447
447
  value: this.props.enrollInResearchDeclineValue
448
448
  }], _toConsumableArray(this.props.additionalFields)).filter(Boolean)
449
449
  });
450
- case 11:
450
+ case 4:
451
451
  case "end":
452
452
  return _context5.stop();
453
453
  }
@@ -180,35 +180,35 @@ var FeedbackForm = function FeedbackForm(_ref2) {
180
180
  }, fg('platform-design_system_team-form_conversion') ? /*#__PURE__*/React.createElement(Form, {
181
181
  onSubmit: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
182
182
  var errors;
183
- return _regeneratorRuntime.wrap(function _callee$(_context) {
183
+ return _regeneratorRuntime.wrap(function (_context) {
184
184
  while (1) switch (_context.prev = _context.next) {
185
185
  case 0:
186
186
  errors = getValidationErrors();
187
187
  if (!(Object.keys(errors).length > 0)) {
188
- _context.next = 4;
188
+ _context.next = 1;
189
189
  break;
190
190
  }
191
191
  setValidationErrors(errors);
192
192
  return _context.abrupt("return");
193
- case 4:
193
+ case 1:
194
194
  setIsSubmitting(true);
195
- _context.prev = 5;
196
- _context.next = 8;
195
+ _context.prev = 2;
196
+ _context.next = 3;
197
197
  return onSubmit({
198
198
  canBeContacted: canBeContacted,
199
199
  description: description,
200
200
  enrollInResearchGroup: enrollInResearchGroup,
201
201
  type: type
202
202
  });
203
- case 8:
204
- _context.prev = 8;
203
+ case 3:
204
+ _context.prev = 3;
205
205
  setIsSubmitting(false);
206
- return _context.finish(8);
207
- case 11:
206
+ return _context.finish(3);
207
+ case 4:
208
208
  case "end":
209
209
  return _context.stop();
210
210
  }
211
- }, _callee, null, [[5,, 8, 11]]);
211
+ }, _callee, null, [[2,, 3, 4]]);
212
212
  }))
213
213
  }, /*#__PURE__*/React.createElement(ModalHeader, {
214
214
  hasCloseButton: true
@@ -234,14 +234,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
234
234
  });
235
235
  }
236
236
  },
237
- menuPortalTarget: document.body,
238
- styles: {
239
- menuPortal: function menuPortal(base) {
240
- return _objectSpread(_objectSpread({}, base), {}, {
241
- zIndex: 9999
242
- });
243
- }
244
- },
237
+ menuPosition: "fixed",
245
238
  options: selectOptions
246
239
  // @ts-ignore
247
240
  ,
@@ -271,10 +264,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
271
264
  },
272
265
  value: description
273
266
  })), validationErrors.description && /*#__PURE__*/React.createElement(ErrorMessage, null, validationErrors.description));
274
- }), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", {
275
- "aria-hidden": false,
276
- hidden: true
277
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
267
+ }), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
278
268
  name: "can-be-contacted"
279
269
  }, function (_ref6) {
280
270
  var fieldProps = _ref6.fieldProps;
@@ -328,35 +318,35 @@ var FeedbackForm = function FeedbackForm(_ref2) {
328
318
  }, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, messages.submitButtonLabel)))) : /*#__PURE__*/React.createElement(Form, {
329
319
  onSubmit: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
330
320
  var errors;
331
- return _regeneratorRuntime.wrap(function _callee2$(_context2) {
321
+ return _regeneratorRuntime.wrap(function (_context2) {
332
322
  while (1) switch (_context2.prev = _context2.next) {
333
323
  case 0:
334
324
  errors = getValidationErrors();
335
325
  if (!(Object.keys(errors).length > 0)) {
336
- _context2.next = 4;
326
+ _context2.next = 1;
337
327
  break;
338
328
  }
339
329
  setValidationErrors(errors);
340
330
  return _context2.abrupt("return");
341
- case 4:
331
+ case 1:
342
332
  setIsSubmitting(true);
343
- _context2.prev = 5;
344
- _context2.next = 8;
333
+ _context2.prev = 2;
334
+ _context2.next = 3;
345
335
  return onSubmit({
346
336
  canBeContacted: canBeContacted,
347
337
  description: description,
348
338
  enrollInResearchGroup: enrollInResearchGroup,
349
339
  type: type
350
340
  });
351
- case 8:
352
- _context2.prev = 8;
341
+ case 3:
342
+ _context2.prev = 3;
353
343
  setIsSubmitting(false);
354
- return _context2.finish(8);
355
- case 11:
344
+ return _context2.finish(3);
345
+ case 4:
356
346
  case "end":
357
347
  return _context2.stop();
358
348
  }
359
- }, _callee2, null, [[5,, 8, 11]]);
349
+ }, _callee2, null, [[2,, 3, 4]]);
360
350
  }))
361
351
  }, function (_ref9) {
362
352
  var formProps = _ref9.formProps;
@@ -384,14 +374,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
384
374
  });
385
375
  }
386
376
  },
387
- menuPortalTarget: document.body,
388
- styles: {
389
- menuPortal: function menuPortal(base) {
390
- return _objectSpread(_objectSpread({}, base), {}, {
391
- zIndex: 9999
392
- });
393
- }
394
- },
377
+ menuPosition: "fixed",
395
378
  options: selectOptions
396
379
  // @ts-ignore
397
380
  ,
@@ -421,10 +404,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
421
404
  },
422
405
  value: description
423
406
  })), validationErrors.description && /*#__PURE__*/React.createElement(ErrorMessage, null, validationErrors.description));
424
- }), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", {
425
- "aria-hidden": false,
426
- hidden: true
427
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
407
+ }), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
428
408
  name: "can-be-contacted"
429
409
  }, function (_ref10) {
430
410
  var fieldProps = _ref10.fieldProps;
@@ -15,19 +15,19 @@ export var IntlProviderWithResolvedMessages = function IntlProviderWithResolvedM
15
15
  var fetchMessageLocale = /*#__PURE__*/function () {
16
16
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
17
17
  var messages;
18
- return _regeneratorRuntime.wrap(function _callee$(_context) {
18
+ return _regeneratorRuntime.wrap(function (_context) {
19
19
  while (1) switch (_context.prev = _context.next) {
20
20
  case 0:
21
21
  if (!locale) {
22
- _context.next = 5;
22
+ _context.next = 2;
23
23
  break;
24
24
  }
25
- _context.next = 3;
25
+ _context.next = 1;
26
26
  return getMessagesForLocale(locale);
27
- case 3:
27
+ case 1:
28
28
  messages = _context.sent;
29
29
  setResolvedMessagesForLocale(messages);
30
- case 5:
30
+ case 2:
31
31
  case "end":
32
32
  return _context.stop();
33
33
  }
@@ -14,36 +14,35 @@ function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t
14
14
 
15
15
  export var getMessagesForLocale = /*#__PURE__*/function () {
16
16
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
17
- var messages, parentLocale, _messages;
18
- return _regeneratorRuntime.wrap(function _callee$(_context) {
17
+ var messages, parentLocale, _messages, _t, _t2;
18
+ return _regeneratorRuntime.wrap(function (_context) {
19
19
  while (1) switch (_context.prev = _context.next) {
20
20
  case 0:
21
21
  locale = locale.replace('-', '_');
22
22
  _context.prev = 1;
23
- _context.next = 4;
23
+ _context.next = 2;
24
24
  return import( /* webpackChunkName: "@atlaskit-internal_feedback-collector/i18n-tranlations" */_tsRewriteRelativeImportExtensions(_tsRewriteRelativeImportExtensions("../i18n/".concat(locale))));
25
- case 4:
25
+ case 2:
26
26
  messages = _context.sent;
27
27
  return _context.abrupt("return", messages.default);
28
- case 8:
29
- _context.prev = 8;
30
- _context.t0 = _context["catch"](1);
31
- case 10:
32
- _context.prev = 10;
28
+ case 3:
29
+ _context.prev = 3;
30
+ _t = _context["catch"](1);
31
+ _context.prev = 4;
33
32
  parentLocale = locale.split(/[-_]/)[0];
34
- _context.next = 14;
33
+ _context.next = 5;
35
34
  return import( /* webpackChunkName: "@atlaskit-internal_feedback-collector/i18n-tranlations" */_tsRewriteRelativeImportExtensions(_tsRewriteRelativeImportExtensions("../i18n/".concat(parentLocale))));
36
- case 14:
35
+ case 5:
37
36
  _messages = _context.sent;
38
37
  return _context.abrupt("return", _messages.default);
39
- case 18:
40
- _context.prev = 18;
41
- _context.t1 = _context["catch"](10);
42
- case 20:
38
+ case 6:
39
+ _context.prev = 6;
40
+ _t2 = _context["catch"](4);
41
+ case 7:
43
42
  case "end":
44
43
  return _context.stop();
45
44
  }
46
- }, _callee, null, [[1, 8], [10, 18]]);
45
+ }, _callee, null, [[1, 3], [4, 6]]);
47
46
  }));
48
47
  return function getMessagesForLocale(_x) {
49
48
  return _ref.apply(this, arguments);
@@ -1,4 +1,4 @@
1
- import React, { type FunctionComponent } from 'react';
1
+ import React from 'react';
2
2
  import { type FormFields, type SelectOptionDetails, type SelectValue } from '../types';
3
3
  interface Props {
4
4
  /** Message which will be shown as the title of the feedback dialog **/
@@ -54,7 +54,7 @@ export interface OptionType {
54
54
  label: React.ReactText;
55
55
  value: SelectValue;
56
56
  }
57
- declare const FeedbackFormWithIntl: FunctionComponent<Props & {
57
+ declare const FeedbackFormWithIntl: ({ locale, ...props }: Props & {
58
58
  locale: string;
59
- }>;
59
+ }) => React.ReactElement;
60
60
  export default FeedbackFormWithIntl;
@@ -1,4 +1,4 @@
1
- import React, { type FunctionComponent } from 'react';
1
+ import React from 'react';
2
2
  import { type FormFields, type SelectOptionDetails, type SelectValue } from '../types';
3
3
  interface Props {
4
4
  /** Message which will be shown as the title of the feedback dialog **/
@@ -54,7 +54,7 @@ export interface OptionType {
54
54
  label: React.ReactText;
55
55
  value: SelectValue;
56
56
  }
57
- declare const FeedbackFormWithIntl: FunctionComponent<Props & {
57
+ declare const FeedbackFormWithIntl: ({ locale, ...props }: Props & {
58
58
  locale: string;
59
- }>;
59
+ }) => React.ReactElement;
60
60
  export default FeedbackFormWithIntl;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "15.2.0",
3
+ "version": "15.3.0",
4
4
  "description": "A component that collects feedback across Atlassian products.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,16 +35,16 @@
35
35
  "@atlaskit/afm-i18n-platform-web-platform-feedback-collector": "2.96.0",
36
36
  "@atlaskit/button": "^23.11.0",
37
37
  "@atlaskit/checkbox": "^17.3.0",
38
- "@atlaskit/flag": "^17.11.0",
38
+ "@atlaskit/flag": "^17.12.0",
39
39
  "@atlaskit/form": "^15.5.0",
40
- "@atlaskit/icon": "^34.5.0",
40
+ "@atlaskit/icon": "^35.4.0",
41
41
  "@atlaskit/link": "^3.4.0",
42
- "@atlaskit/modal-dialog": "^15.0.0",
42
+ "@atlaskit/modal-dialog": "^15.2.0",
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
- "@atlaskit/section-message": "^8.12.0",
44
+ "@atlaskit/section-message": "^8.13.0",
45
45
  "@atlaskit/select": "^21.12.0",
46
46
  "@atlaskit/textarea": "^8.3.0",
47
- "@atlaskit/tokens": "^13.0.0",
47
+ "@atlaskit/tokens": "^13.1.0",
48
48
  "@babel/runtime": "^7.0.0"
49
49
  },
50
50
  "peerDependencies": {
@@ -58,6 +58,8 @@
58
58
  "@atlassian/feature-flags-test-utils": "^1.1.0",
59
59
  "@testing-library/react": "^16.3.0",
60
60
  "buffer": "^6.0.3",
61
+ "react": "^18.2.0",
62
+ "react-dom": "^18.2.0",
61
63
  "react-intl": "^6.6.2"
62
64
  },
63
65
  "keywords": [