@atlaskit/contextual-survey 5.1.2 → 6.0.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/contextual-survey
 
+## 6.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.0.0
+
+### Major Changes
+
+- [`6bf206e599731`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bf206e599731) -
+  [ux] A new Contextual Survey Component with Redesigned UI
+
 ## 5.1.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -30,6 +30,9 @@
 		{
 			"path": "../../../design-system/checkbox/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/css/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/form/afm-cc/tsconfig.json"
 		},
@@ -39,6 +42,9 @@
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/image/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/link/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
@@ -30,6 +30,9 @@
 		{
 			"path": "../../../design-system/checkbox/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/css/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/form/afm-jira/tsconfig.json"
 		},
@@ -39,6 +42,9 @@
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/image/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/link/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -30,6 +30,9 @@
 		{
 			"path": "../../../design-system/checkbox/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/css/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/form/afm-products/tsconfig.json"
 		},
@@ -39,6 +42,9 @@
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/image/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/link/afm-products/tsconfig.json"
 		},

package/dist/cjs/new-survey/ContextualSurvey.js

@@ -0,0 +1,231 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DismissTrigger = exports.AUTO_DISAPPEAR_DURATION = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _useEscapeToDismiss = _interopRequireDefault(require("../components/useEscapeToDismiss"));
+var _FeedbackAcknowledgement = _interopRequireDefault(require("./FeedbackAcknowledgement"));
+var _SignUpPrompt = _interopRequireDefault(require("./SignUpPrompt"));
+var _SignUpSuccess = _interopRequireDefault(require("./SignUpSuccess"));
+var _SurveyContainer = _interopRequireDefault(require("./SurveyContainer"));
+var _SurveyForm = _interopRequireDefault(require("./SurveyForm"));
+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); }
+var DismissTrigger = exports.DismissTrigger = /*#__PURE__*/function (DismissTrigger) {
+  DismissTrigger["AutoDismiss"] = "AUTO_DISMISS";
+  DismissTrigger["Manual"] = "MANUAL";
+  DismissTrigger["Finished"] = "FINISHED";
+  DismissTrigger["Unmount"] = "UNMOUNT";
+  return DismissTrigger;
+}({});
+var AUTO_DISAPPEAR_DURATION = exports.AUTO_DISAPPEAR_DURATION = 8000;
+var _default = exports.default = function _default(_ref) {
+  var question = _ref.question,
+    statement = _ref.statement,
+    onDismiss = _ref.onDismiss,
+    onSubmit = _ref.onSubmit,
+    onMailingListAnswer = _ref.onMailingListAnswer,
+    getUserHasAnsweredMailingList = _ref.getUserHasAnsweredMailingList,
+    _ref$textLabel = _ref.textLabel,
+    textLabel = _ref$textLabel === void 0 ? 'Tell us why? (Optional)' : _ref$textLabel,
+    headerImage = _ref.headerImage,
+    scoreSubtext = _ref.scoreSubtext;
+  var autoDisappearTimeoutRef = (0, _react.useRef)(null);
+
+  // only allow a single dismiss for a component
+  var isDismissedRef = (0, _react.useRef)(false);
+  var tryDismiss = (0, _react.useCallback)(function (trigger) {
+    // Already called dismiss once
+    if (isDismissedRef.current) {
+      return;
+    }
+    isDismissedRef.current = true;
+    onDismissRef.current({
+      trigger: trigger
+    });
+  }, []);
+  var _useState = (0, _react.useState)('SURVEY'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentStep = _useState2[0],
+    setCurrentStep = _useState2[1];
+  var trySetCurrentStep = (0, _react.useCallback)(function (step) {
+    // Already dismissed - cannot update the step
+    if (isDismissedRef.current) {
+      if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line no-console
+        console.log("not setting step \"".concat(step, "\" as survey is already dismissed"));
+      }
+      return;
+    }
+    setCurrentStep(step);
+  }, [setCurrentStep]);
+
+  // using a ref so that we don't break all of our caches if a consumer is using an arrow function
+  var onDismissRef = (0, _react.useRef)(onDismiss);
+  (0, _react.useEffect)(function () {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+
+  // reset isDismissedRef.current on mount to be compatible with double render in react18 strict mode
+  (0, _react.useEffect)(function () {
+    isDismissedRef.current = false;
+  }, []);
+  var tryClearTimeout = (0, _react.useCallback)(function () {
+    var id = autoDisappearTimeoutRef.current;
+    if (id) {
+      clearTimeout(id);
+      autoDisappearTimeoutRef.current = null;
+    }
+  }, []);
+
+  // Cleanup any auto dismiss after dismiss
+  (0, _react.useEffect)(function () {
+    return function unmount() {
+      tryClearTimeout();
+      tryDismiss(DismissTrigger.Unmount);
+    };
+  }, [tryClearTimeout, tryDismiss]);
+  var onSurveySubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(formValues, _form) {
+      var callback,
+        userHasAnswered,
+        _args = arguments;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            callback = _args.length > 2 && _args[2] !== undefined ? _args[2] : function () {};
+            _context.next = 3;
+            return onSubmit(formValues);
+          case 3:
+            if (!isDismissedRef.current) {
+              _context.next = 6;
+              break;
+            }
+            callback();
+            return _context.abrupt("return");
+          case 6:
+            if (formValues.canContact) {
+              _context.next = 10;
+              break;
+            }
+            callback();
+            trySetCurrentStep('POST_SURVEY_NO_CONSENT');
+            return _context.abrupt("return");
+          case 10:
+            _context.next = 12;
+            return getUserHasAnsweredMailingList();
+          case 12:
+            userHasAnswered = _context.sent;
+            callback();
+
+            // Not entering phase 2: user has already answered this question
+            if (!userHasAnswered) {
+              _context.next = 17;
+              break;
+            }
+            trySetCurrentStep('POST_SURVEY_HAS_SIGN_UP');
+            return _context.abrupt("return");
+          case 17:
+            // Enter phase 2
+            trySetCurrentStep('SIGN_UP_PROMPT');
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [getUserHasAnsweredMailingList, onSubmit, trySetCurrentStep]);
+  var onMailingListResponse = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(answer) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return onMailingListAnswer(answer);
+          case 2:
+            if (!answer) {
+              _context2.next = 5;
+              break;
+            }
+            trySetCurrentStep('SIGN_UP_SUCCESS');
+            return _context2.abrupt("return");
+          case 5:
+            // We have already thanked to user, we can simply close
+            tryDismiss(DismissTrigger.Finished);
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }(),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [tryDismiss, trySetCurrentStep]);
+
+  // Start the auto disappear when we are finished
+  (0, _react.useEffect)(function () {
+    // Already dismissed
+    if (isDismissedRef.current) {
+      return;
+    }
+
+    // Timeout already scheduled
+    if (autoDisappearTimeoutRef.current) {
+      return;
+    }
+    if (['SIGN_UP_SUCCESS', 'POST_SURVEY_NO_CONSENT', 'POST_SURVEY_HAS_SIGN_UP'].includes(currentStep)) {
+      autoDisappearTimeoutRef.current = window.setTimeout(function () {
+        return tryDismiss(DismissTrigger.AutoDismiss);
+      }, AUTO_DISAPPEAR_DURATION);
+    }
+  }, [currentStep, tryDismiss]);
+  (0, _useEscapeToDismiss.default)({
+    onDismiss: function onDismiss() {
+      return tryDismiss(DismissTrigger.Manual);
+    }
+  });
+  var content = function () {
+    if (currentStep === 'SURVEY') {
+      return /*#__PURE__*/_react.default.createElement(_SurveyForm.default, {
+        question: question,
+        statement: statement,
+        textLabel: textLabel,
+        onSubmit: onSurveySubmit,
+        scoreSubtext: scoreSubtext
+      });
+    }
+    if (currentStep === 'SIGN_UP_PROMPT') {
+      return /*#__PURE__*/_react.default.createElement(_SignUpPrompt.default, {
+        onAnswer: onMailingListResponse
+      });
+    }
+    if (currentStep === 'SIGN_UP_SUCCESS') {
+      return /*#__PURE__*/_react.default.createElement(_SignUpSuccess.default, null);
+    }
+    if (currentStep === 'POST_SURVEY_NO_CONSENT' || currentStep === 'POST_SURVEY_HAS_SIGN_UP') {
+      return /*#__PURE__*/_react.default.createElement(_FeedbackAcknowledgement.default, null);
+    }
+    return null;
+  }();
+  var manualDismiss = (0, _react.useCallback)(function () {
+    // clear any pending timers
+    tryClearTimeout();
+    tryDismiss(DismissTrigger.Manual);
+  }, [tryDismiss, tryClearTimeout]);
+  return /*#__PURE__*/_react.default.createElement(_SurveyContainer.default, {
+    headerImage: currentStep === 'SURVEY' ? headerImage : undefined,
+    onDismiss: manualDismiss
+  }, content);
+};

package/dist/cjs/new-survey/FeedbackAcknowledgement.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
+var _default = exports.default = function _default() {
+  return /*#__PURE__*/_react.default.createElement(_SuccessContainer.default, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "xsmall"
+  }, "Thanks for your feedback"));
+};

package/dist/cjs/new-survey/FeedbackScoreButtons.compiled.css

@@ -0,0 +1,9 @@
+._13lsf1ug>*{flex-basis:0%}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
+._1bah1yb4{justify-content:space-between}
+._1e0c1txw{display:flex}
+._1o0a1h6o>*>button{justify-content:center}
+._nbgxuxkd>span{width:33%}
+._pof3u2gc>*+*{margin-left:var(--ds-space-100,8px)}
+._v5ynkb7n>*{flex-shrink:1}
+._zdxokb7n>*{flex-grow:1}

package/dist/cjs/new-survey/FeedbackScoreButtons.js

@@ -0,0 +1,64 @@
+/* FeedbackScoreButtons.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./FeedbackScoreButtons.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+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); }
+var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
+var buttonWrapperStyles = null;
+var descriptionWrapperStyles = null;
+var _default = exports.default = function _default(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    scoreSubtext = _ref.scoreSubtext;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw _1bah1yb4 _zdxokb7n _v5ynkb7n _13lsf1ug _1o0a1h6o _pof3u2gc"])
+  }, Array.from({
+    length: 7
+  }, function (_, i) {
+    var score = i + 1;
+    var isSelected = value === score;
+    return /*#__PURE__*/React.createElement(_tooltip.default, {
+      content: tooltipMessage[i],
+      key: score,
+      hideTooltipOnClick: true
+    }, /*#__PURE__*/React.createElement(_new.default, {
+      onClick: function onClick() {
+        return onChange(score);
+      },
+      isSelected: isSelected,
+      "aria-pressed": isSelected,
+      "aria-describedby": "contextualSurveyStatement",
+      "aria-label": tooltipMessage[i],
+      shouldFitContainer: true
+    }, score));
+  })), /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": true,
+    className: (0, _runtime.ax)(["_1e0c1txw _19pku2gc _1bah1yb4 _nbgxuxkd"])
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+    color: "color.text.subtlest",
+    size: "small",
+    weight: "regular",
+    align: "start"
+  }, scoreSubtext ? scoreSubtext[0] : 'Not at all'), /*#__PURE__*/React.createElement(_compiled.Text, {
+    color: "color.text.subtlest",
+    size: "small",
+    weight: "regular",
+    align: "center"
+  }, scoreSubtext ? scoreSubtext[1] : 'Neutral'), /*#__PURE__*/React.createElement(_compiled.Text, {
+    color: "color.text.subtlest",
+    size: "small",
+    weight: "regular",
+    align: "end"
+  }, scoreSubtext ? scoreSubtext[2] : 'Very much')));
+};

package/dist/cjs/new-survey/SignUpPrompt.compiled.css

@@ -0,0 +1,4 @@
+._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
+._1bahesu3{justify-content:flex-end}
+._1e0c1txw{display:flex}
+._pof3u2gc>*+*{margin-left:var(--ds-space-100,8px)}

package/dist/cjs/new-survey/SignUpPrompt.js

@@ -0,0 +1,79 @@
+/* SignUpPrompt.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./SignUpPrompt.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
+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); }
+var buttonContainerStyles = null;
+var _default = exports.default = function _default(_ref) {
+  var onAnswer = _ref.onAnswer;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    pending = _useState2[0],
+    setPending = _useState2[1];
+  var answeredWith = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(answer) {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setPending(answer ? 'yes' : 'no');
+            _context.next = 3;
+            return onAnswer(answer);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [setPending, onAnswer]);
+  var isDisabled = Boolean(pending);
+  return /*#__PURE__*/React.createElement(_SuccessContainer.default, null, /*#__PURE__*/React.createElement(_heading.default, {
+    size: "xsmall"
+  }, "Thanks for your feedback"), /*#__PURE__*/React.createElement(_compiled.Box, {
+    paddingBlockStart: "space.150"
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
+    space: "space.150"
+  }, /*#__PURE__*/React.createElement(_compiled.Text, {
+    as: "p"
+  }, "Are you interested in participating in our research?"), /*#__PURE__*/React.createElement(_compiled.Text, {
+    as: "p"
+  }, "Sign up for the", ' ', /*#__PURE__*/React.createElement(_link.default, {
+    href: "https://www.atlassian.com/research-group",
+    target: "_blank"
+  }, "Atlassian Research Group"), ' ', "and we may contact you in the future with research opportunities."))), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_19pkxy5q _1e0c1txw _1bahesu3 _pof3u2gc"])
+  }, /*#__PURE__*/React.createElement(_new.default, {
+    appearance: "subtle",
+    onClick: function onClick() {
+      return answeredWith(false);
+    },
+    isDisabled: isDisabled,
+    isLoading: pending === 'no'
+  }, "No, thanks"), /*#__PURE__*/React.createElement(_new.default, {
+    appearance: "primary",
+    onClick: function onClick() {
+      return answeredWith(true);
+    },
+    isDisabled: isDisabled,
+    isLoading: pending === 'yes'
+  }, "Yes, sign me up")));
+};

package/dist/cjs/new-survey/SignUpSuccess.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _react = _interopRequireDefault(require("react"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _SuccessContainer = _interopRequireDefault(require("./SuccessContainer"));
+var _default = exports.default = function _default(_ref) {
+  (0, _objectDestructuringEmpty2.default)(_ref);
+  return /*#__PURE__*/_react.default.createElement(_SuccessContainer.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.150"
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "xsmall"
+  }, "Thanks for signing up"), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    as: "p"
+  }, "We may reach out to you in the future to participate in additional research.")));
+};

package/dist/cjs/new-survey/SuccessContainer.compiled.css

@@ -0,0 +1,4 @@
+
+._zulputpp{gap:var(--ds-space-150,9pt)}._4cvr1h6o{align-items:center}
+._ae4v1h6o{align-content:center}
+._y3gn1h6o{text-align:center}

package/dist/cjs/new-survey/SuccessContainer.js

@@ -0,0 +1,30 @@
+/* SuccessContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./SuccessContainer.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _image = _interopRequireDefault(require("@atlaskit/image"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _checkIcon = _interopRequireDefault(require("./assets/checkIcon.svg"));
+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); }
+var styles = {
+  container: "_zulputpp _ae4v1h6o _4cvr1h6o _y3gn1h6o"
+};
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(_compiled.Stack, {
+    xcss: styles.container
+  }, /*#__PURE__*/React.createElement(_image.default, {
+    width: "88px",
+    height: "88px",
+    src: _checkIcon.default,
+    alt: "Success"
+  }), children);
+};

package/dist/cjs/new-survey/SurveyContainer.compiled.css

@@ -0,0 +1,11 @@
+
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154iu2gc{top:var(--ds-space-100,8px)}
+._16qsuzq3{box-shadow:var(--ds-shadow-overlay,0 20px 2pc -8px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._1bsbrdnh{width:4in}
+._1xi2u2gc{right:var(--ds-space-100,8px)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._kqswstnw{position:absolute}
+._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}

package/dist/cjs/new-survey/SurveyContainer.js

@@ -0,0 +1,46 @@
+/* SurveyContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./SurveyContainer.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _new = require("@atlaskit/button/new");
+var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
+var _image = _interopRequireDefault(require("@atlaskit/image"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _colors = require("@atlaskit/theme/colors");
+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); }
+var styles = {
+  root: "_2rkofajl _bfhk1bhr _16qsuzq3 _1bsbrdnh",
+  container: "_ca0q1ejb _n3td1ejb _19bv1ejb _u5f31ejb",
+  buttonWrapperStyles: "_kqswstnw _154iu2gc _1xi2u2gc"
+};
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    onDismiss = _ref.onDismiss,
+    headerImage = _ref.headerImage;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {},
+    className: (0, _runtime.ax)([styles.root])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)([styles.buttonWrapperStyles])
+  }, /*#__PURE__*/React.createElement(_new.IconButton, {
+    icon: _cross.default,
+    label: "Dismiss",
+    appearance: "subtle",
+    onClick: onDismiss
+  })), headerImage && /*#__PURE__*/React.createElement(_image.default, {
+    width: "384px",
+    height: "112px",
+    src: headerImage,
+    alt: "Header"
+  }), /*#__PURE__*/React.createElement(_compiled.Stack, {
+    xcss: styles.container
+  }, children));
+};

package/dist/cjs/new-survey/SurveyForm.compiled.css

@@ -0,0 +1,4 @@
+._18m915vq{overflow-y:hidden}
+._19pk1ejb{margin-top:var(--ds-space-300,24px)}
+._1reo15vq{overflow-x:hidden}
+._otyrv47k{margin-bottom:var(--ds-space-250,20px)}