@atlaskit/contextual-survey 3.1.2 → 4.0.0

package/dist/cjs/compiled/SurveyForm.js

@@ -1,141 +0,0 @@
-/* SurveyForm.tsx generated by @compiled/babel-plugin v0.36.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("./SurveyForm.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _reactTransitionGroup = require("react-transition-group");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _checkbox = require("@atlaskit/checkbox");
-var _form = _interopRequireWildcard(require("@atlaskit/form"));
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
-var _FeedbackScoreButtons = _interopRequireDefault(require("./FeedbackScoreButtons"));
-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); }
-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; }
-var transitionBaseStyles = null;
-var getExpandedHeight = function getExpandedHeight(ref, state) {
-  if (!ref.current) {
-    return '0';
-  }
-  switch (state) {
-    case 'entering':
-      return "".concat(ref.current.scrollHeight, "px");
-    case 'entered':
-      // needed for TextField auto height expand
-      return "none";
-    default:
-      return '0';
-  }
-};
-var transitionDuration = 200;
-var _default = exports.default = function _default(_ref) {
-  var question = _ref.question,
-    statement = _ref.statement,
-    textPlaceholder = _ref.textPlaceholder,
-    textLabel = _ref.textLabel,
-    onSubmit = _ref.onSubmit;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    canContactDefault = _useState4[0],
-    setCanContactDefault = _useState4[1];
-  var hasAutoFilledCanContactRef = (0, _react.useRef)(false);
-  var expandedAreaRef = (0, _react.useRef)(null);
-  var onScoreSelect = (0, _react.useCallback)(function () {
-    setExpanded(true);
-  }, [setExpanded]);
-
-  // On the first type the user types some feedback we auto select
-  // the option for allowing feedback. This automatic selection only
-  // happens once. After that it is up to the user to control
-  var onFeedbackChange = (0, _react.useCallback)(function () {
-    if (hasAutoFilledCanContactRef.current) {
-      return;
-    }
-    hasAutoFilledCanContactRef.current = true;
-    setCanContactDefault(true);
-  }, []);
-  return /*#__PURE__*/React.createElement("section", {
-    "aria-labelledby": "contextualSurveyQuestion"
-  }, /*#__PURE__*/React.createElement(_compiled.Stack, {
-    space: "space.150"
-  }, /*#__PURE__*/React.createElement(_heading.default, {
-    id: "contextualSurveyQuestion",
-    size: "xsmall"
-  }, question), statement && /*#__PURE__*/React.createElement(_compiled.Text, {
-    as: "p",
-    id: "contextualSurveyStatement"
-  }, statement)), /*#__PURE__*/React.createElement(_form.default, {
-    onSubmit: onSubmit
-  }, function (_ref2) {
-    var formProps = _ref2.formProps,
-      submitting = _ref2.submitting;
-    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(_form.Field, {
-      name: "feedbackScore",
-      isDisabled: submitting,
-      isRequired: true
-    }, function (_ref3) {
-      var fieldProps = _ref3.fieldProps;
-      return /*#__PURE__*/React.createElement(_FeedbackScoreButtons.default, (0, _extends2.default)({}, fieldProps, {
-        onChange: function onChange(score) {
-          fieldProps.onChange(score);
-          onScoreSelect();
-        }
-      }));
-    }), /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
-      in: expanded,
-      timeout: transitionDuration,
-      mountOnEnter: true
-    }, function (state) {
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          transition: "max-height ".concat(transitionDuration, "ms ease-in-out"),
-          maxHeight: getExpandedHeight(expandedAreaRef, state)
-        },
-        ref: expandedAreaRef,
-        className: (0, _runtime.ax)(["_1reo15vq _18m915vq"])
-      }, /*#__PURE__*/React.createElement(_form.Field, {
-        name: "writtenFeedback",
-        defaultValue: "",
-        isDisabled: submitting
-      }, function (_ref4) {
-        var fieldProps = _ref4.fieldProps;
-        return /*#__PURE__*/React.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
-          "aria-label": textLabel,
-          placeholder: textPlaceholder,
-          onChange: function onChange(event) {
-            fieldProps.onChange(event);
-            onFeedbackChange();
-          }
-        }));
-      }), /*#__PURE__*/React.createElement(_form.CheckboxField, {
-        name: "canContact",
-        isDisabled: submitting,
-        defaultIsChecked: canContactDefault
-      }, function (_ref5) {
-        var fieldProps = _ref5.fieldProps;
-        return /*#__PURE__*/React.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
-          label: "Atlassian can contact me about this feedback"
-        }));
-      }), /*#__PURE__*/React.createElement(_form.FormFooter, null, /*#__PURE__*/React.createElement(_new.default, {
-        type: "submit",
-        appearance: "primary",
-        isLoading: submitting
-      }, "Submit")));
-    }));
-  }));
-};

package/dist/cjs/compiled/SurveyMarshal.js

@@ -1,63 +0,0 @@
-/* SurveyMarshal.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SurveyMarshal;
-require("./SurveyMarshal.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _reactTransitionGroup = require("react-transition-group");
-var _constants = require("@atlaskit/theme/constants");
-var _constants2 = require("../constants");
-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); }
-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; }
-var animationDuration = 300;
-var offscreen = {
-  translateX: "".concat(_constants2.surveyInnerWidth + _constants2.surveyOffset, "px"),
-  opacity: '0'
-};
-var getAnimationProps = function getAnimationProps(state) {
-  switch (state) {
-    case 'entered':
-      {
-        return {
-          translateX: '0',
-          opacity: '1'
-        };
-      }
-    case 'entering':
-    case 'unmounted':
-    case 'exited':
-    case 'exiting':
-      {
-        return offscreen;
-      }
-  }
-};
-var transitionBaseStyles = null;
-function SurveyMarshal(props) {
-  var children = props.children,
-    shouldShow = props.shouldShow;
-  return /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
-    in: shouldShow,
-    timeout: animationDuration,
-    unmountOnExit: true
-  }, function (state) {
-    var _getAnimationProps = getAnimationProps(state),
-      translateX = _getAnimationProps.translateX,
-      opacity = _getAnimationProps.opacity;
-    return /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_kqsw1n9t _1xi28err _94n58err _k8m01rjc"]),
-      style: {
-        opacity: opacity,
-        transition: "all ".concat(animationDuration, "ms ease-in-out"),
-        zIndex: _constants.layers.flag(),
-        transform: "translateX(".concat(translateX, ")"),
-        "--_1hx5ohh": (0, _runtime.ix)("".concat(_constants2.surveyOffset, "px"))
-      }
-    }, children());
-  });
-}

package/dist/cjs/compiled/useEscapeToDismiss.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useEscapeToDismiss;
-exports.escape = void 0;
-var _react = require("react");
-var escape = exports.escape = 27;
-function bind(target, eventName, handler, options) {
-  target.addEventListener(eventName, handler, options);
-  return function unbind() {
-    target.removeEventListener(eventName, handler, options);
-  };
-}
-function shouldDismiss(target) {
-  if (!target) {
-    return true;
-  }
-  if (!(target instanceof HTMLElement)) {
-    return true;
-  }
-
-  // Closest doesn't exist for ie11
-  // Because we cannot be sure if in a text area - just don't allow dismissing
-  if (!target.closest) {
-    return false;
-  }
-  var inTextArea = Boolean(target.closest('textarea'));
-
-  // Allow dismissing if not in a textarea
-  return !inTextArea;
-}
-function useEscapeToDismiss(_ref) {
-  var onDismiss = _ref.onDismiss;
-  var onDismissRef = (0, _react.useRef)(onDismiss);
-
-  // Defensively accounting for consumer passing in a new function
-  // each time. We just want to call the latest one
-  (0, _react.useEffect)(function () {
-    onDismissRef.current = onDismiss;
-  }, [onDismiss]);
-  (0, _react.useEffect)(function () {
-    var unbind;
-    function onKeyDown(event) {
-      if (event.keyCode !== escape) {
-        return;
-      }
-
-      // Escape pressed
-
-      // We don't want to close if the user is typing in the text area
-      if (!shouldDismiss(event.target)) {
-        return;
-      }
-      if (unbind) {
-        // only want to call dismiss once
-        unbind();
-      }
-      onDismissRef.current();
-    }
-    unbind = bind(window, 'keydown',
-    // @ts-ignore: the typescript for this is lame
-    onKeyDown, {
-      passive: true
-    });
-
-    // double calls to unbind is fine
-    return unbind;
-  }, []);
-}

package/dist/cjs/fg-components.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SurveyMarshal = exports.ContextualSurvey = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _ContextualSurvey = _interopRequireDefault(require("./compiled/ContextualSurvey"));
-var _SurveyMarshal = _interopRequireDefault(require("./compiled/SurveyMarshal"));
-var _ContextualSurvey2 = _interopRequireDefault(require("./components/ContextualSurvey"));
-var _SurveyMarshal2 = _interopRequireDefault(require("./components/SurveyMarshal"));
-// exported props for FG check
-
-var ContextualSurvey = exports.ContextualSurvey = function ContextualSurvey(props) {
-  return (
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _platformFeatureFlags.fg)('platform_contextual_survey_enable_compiled_fg') ? /*#__PURE__*/_react.default.createElement(_ContextualSurvey.default, props) : /*#__PURE__*/_react.default.createElement(_ContextualSurvey2.default, props)
-  );
-};
-var SurveyMarshal = exports.SurveyMarshal = function SurveyMarshal(props) {
-  return (
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _platformFeatureFlags.fg)('platform_contextual_survey_enable_compiled_fg') ? /*#__PURE__*/_react.default.createElement(_SurveyMarshal.default, props) : /*#__PURE__*/_react.default.createElement(_SurveyMarshal2.default, props)
-  );
-};

package/dist/es2019/compiled/ContextualSurvey.js

@@ -1,176 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import FeedbackAcknowledgement from './FeedbackAcknowledgement';
-import SignUpPrompt from './SignUpPrompt';
-import SignUpSuccess from './SignUpSuccess';
-import SurveyContainer from './SurveyContainer';
-import SurveyForm from './SurveyForm';
-import useEscapeToDismiss from './useEscapeToDismiss';
-export let DismissTrigger = /*#__PURE__*/function (DismissTrigger) {
-  DismissTrigger["AutoDismiss"] = "AUTO_DISMISS";
-  DismissTrigger["Manual"] = "MANUAL";
-  DismissTrigger["Finished"] = "FINISHED";
-  DismissTrigger["Unmount"] = "UNMOUNT";
-  return DismissTrigger;
-}({});
-export const AUTO_DISAPPEAR_DURATION = 8000;
-export default (({
-  question,
-  statement,
-  onDismiss,
-  onSubmit,
-  onMailingListAnswer,
-  getUserHasAnsweredMailingList,
-  textLabel = 'Why did you give that rating',
-  textPlaceholder = 'Tell us why'
-}) => {
-  const autoDisappearTimeoutRef = useRef(null);
-
-  // only allow a single dismiss for a component
-  const isDismissedRef = useRef(false);
-  const tryDismiss = useCallback(trigger => {
-    // Already called dismiss once
-    if (isDismissedRef.current) {
-      return;
-    }
-    isDismissedRef.current = true;
-    onDismissRef.current({
-      trigger
-    });
-  }, []);
-  const [currentStep, setCurrentStep] = useState('SURVEY');
-  const trySetCurrentStep = useCallback(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 "${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
-  const onDismissRef = useRef(onDismiss);
-  useEffect(() => {
-    onDismissRef.current = onDismiss;
-  }, [onDismiss]);
-
-  // reset isDismissedRef.current on mount to be compatible with double render in react18 strict mode
-  useEffect(() => {
-    isDismissedRef.current = false;
-  }, []);
-  const tryClearTimeout = useCallback(() => {
-    const id = autoDisappearTimeoutRef.current;
-    if (id) {
-      clearTimeout(id);
-      autoDisappearTimeoutRef.current = null;
-    }
-  }, []);
-
-  // Cleanup any auto dismiss after dismiss
-  useEffect(() => {
-    return function unmount() {
-      tryClearTimeout();
-      tryDismiss(DismissTrigger.Unmount);
-    };
-  }, [tryClearTimeout, tryDismiss]);
-  const onSurveySubmit = useCallback(async (formValues, form, callback = () => {}) => {
-    // Submitting form: Phase 1 complete
-    await onSubmit(formValues);
-
-    // Note: need to call callback just before we navigate away
-    // It cleans up the form (required)
-
-    // Optional Phase 2: Asking to join Atlassian Research Group
-    // Only enter phase 2 if:
-    // 1. not already dismissed; AND
-    // 2. permission given to contact; AND
-    // 3. user has previously not answered mailing list question (getUserHasAnsweredMailingList returns false)
-
-    // Not entering phase 2: User has dismissed while the submit promise was resolving
-    if (isDismissedRef.current) {
-      callback();
-      return;
-    }
-
-    // Not entering phase 2: no permission given to respond to feedback
-    if (!formValues.canContact) {
-      callback();
-      trySetCurrentStep('POST_SURVEY_NO_CONSENT');
-      return;
-    }
-    const userHasAnswered = await getUserHasAnsweredMailingList();
-    callback();
-
-    // Not entering phase 2: user has already answered this question
-    if (userHasAnswered) {
-      trySetCurrentStep('POST_SURVEY_HAS_SIGN_UP');
-      return;
-    }
-
-    // Enter phase 2
-    trySetCurrentStep('SIGN_UP_PROMPT');
-  }, [getUserHasAnsweredMailingList, onSubmit, trySetCurrentStep]);
-  const onMailingListResponse = useCallback(async answer => {
-    await onMailingListAnswer(answer);
-    if (answer) {
-      trySetCurrentStep('SIGN_UP_SUCCESS');
-      return;
-    }
-    // We have already thanked to user, we can simply close
-    tryDismiss(DismissTrigger.Finished);
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [tryDismiss, trySetCurrentStep]);
-
-  // Start the auto disappear when we are finished
-  useEffect(() => {
-    // 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(() => tryDismiss(DismissTrigger.AutoDismiss), AUTO_DISAPPEAR_DURATION);
-    }
-  }, [currentStep, tryDismiss]);
-  useEscapeToDismiss({
-    onDismiss: () => tryDismiss(DismissTrigger.Manual)
-  });
-  const content = (() => {
-    if (currentStep === 'SURVEY') {
-      return /*#__PURE__*/React.createElement(SurveyForm, {
-        question: question,
-        statement: statement,
-        textLabel: textLabel,
-        textPlaceholder: textPlaceholder,
-        onSubmit: onSurveySubmit
-      });
-    }
-    if (currentStep === 'SIGN_UP_PROMPT') {
-      return /*#__PURE__*/React.createElement(SignUpPrompt, {
-        onAnswer: onMailingListResponse
-      });
-    }
-    if (currentStep === 'SIGN_UP_SUCCESS') {
-      return /*#__PURE__*/React.createElement(SignUpSuccess, null);
-    }
-    if (currentStep === 'POST_SURVEY_NO_CONSENT' || currentStep === 'POST_SURVEY_HAS_SIGN_UP') {
-      return /*#__PURE__*/React.createElement(FeedbackAcknowledgement, null);
-    }
-    return null;
-  })();
-  const manualDismiss = useCallback(() => {
-    // clear any pending timers
-    tryClearTimeout();
-    tryDismiss(DismissTrigger.Manual);
-  }, [tryDismiss, tryClearTimeout]);
-  return /*#__PURE__*/React.createElement(SurveyContainer, {
-    onDismiss: manualDismiss
-  }, content);
-});

package/dist/es2019/compiled/FeedbackAcknowledgement.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import Heading from '@atlaskit/heading';
-import SuccessContainer from './SuccessContainer';
-export default (() => /*#__PURE__*/React.createElement(SuccessContainer, null, /*#__PURE__*/React.createElement(Heading, {
-  size: "xsmall"
-}, "Thanks for your feedback")));

package/dist/es2019/compiled/FeedbackScoreButtons.js

@@ -1,51 +0,0 @@
-/* FeedbackScoreButtons.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./FeedbackScoreButtons.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import Button from '@atlaskit/button/new';
-import { Text } from '@atlaskit/primitives/compiled';
-import Tooltip from '@atlaskit/tooltip';
-const tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
-const buttonWrapperStyles = null;
-const descriptionWrapperStyles = null;
-export default (({
-  onChange,
-  value
-}) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-  className: ax(["_1e0c1txw _1bah1yb4 _zdxokb7n _v5ynkb7n _13lsf1ug _1o0a1h6o _pof3u2gc"])
-}, Array.from({
-  length: 7
-}, (_, i) => {
-  const score = i + 1;
-  const isSelected = value === score;
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipMessage[i],
-    key: score,
-    hideTooltipOnClick: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: () => 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: ax(["_1e0c1txw _19pku2gc _otyr1ejb _1bah1yb4 _nbgx1epz"])
-}, /*#__PURE__*/React.createElement(Text, {
-  color: "color.text.subtlest",
-  size: "UNSAFE_small",
-  weight: "semibold",
-  align: "start"
-}, "Strongly disagree"), /*#__PURE__*/React.createElement(Text, {
-  color: "color.text.subtlest",
-  size: "UNSAFE_small",
-  weight: "semibold",
-  align: "center"
-}, "Neutral"), /*#__PURE__*/React.createElement(Text, {
-  color: "color.text.subtlest",
-  size: "UNSAFE_small",
-  weight: "semibold",
-  align: "end"
-}, "Strongly agree"))));

package/dist/es2019/compiled/SignUpPrompt.js

@@ -1,47 +0,0 @@
-/* SignUpPrompt.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./SignUpPrompt.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useCallback, useState } from 'react';
-import Button from '@atlaskit/button/new';
-import Heading from '@atlaskit/heading';
-import Link from '@atlaskit/link';
-import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
-import SuccessContainer from './SuccessContainer';
-const buttonContainerStyles = null;
-export default (({
-  onAnswer
-}) => {
-  const [pending, setPending] = useState(null);
-  const answeredWith = useCallback(async answer => {
-    setPending(answer ? 'yes' : 'no');
-    await onAnswer(answer);
-  }, [setPending, onAnswer]);
-  const isDisabled = Boolean(pending);
-  return /*#__PURE__*/React.createElement(SuccessContainer, null, /*#__PURE__*/React.createElement(Heading, {
-    size: "xsmall"
-  }, "Thanks for your feedback"), /*#__PURE__*/React.createElement(Box, {
-    paddingBlockStart: "space.150"
-  }, /*#__PURE__*/React.createElement(Stack, {
-    space: "space.150"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "p"
-  }, "Are you interested in participating in our research?"), /*#__PURE__*/React.createElement(Text, {
-    as: "p"
-  }, "Sign up for the", ' ', /*#__PURE__*/React.createElement(Link, {
-    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: ax(["_19pkxy5q _1e0c1txw _1bahesu3 _pof3u2gc"])
-  }, /*#__PURE__*/React.createElement(Button, {
-    appearance: "subtle",
-    onClick: () => answeredWith(false),
-    isDisabled: isDisabled,
-    isLoading: pending === 'no'
-  }, "No, thanks"), /*#__PURE__*/React.createElement(Button, {
-    appearance: "primary",
-    onClick: () => answeredWith(true),
-    isDisabled: isDisabled,
-    isLoading: pending === 'yes'
-  }, "Yes, sign me up")));
-});

package/dist/es2019/compiled/SignUpSuccess.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import Heading from '@atlaskit/heading';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
-import SuccessContainer from './SuccessContainer';
-export default (({}) => /*#__PURE__*/React.createElement(SuccessContainer, null, /*#__PURE__*/React.createElement(Stack, {
-  space: "space.150"
-}, /*#__PURE__*/React.createElement(Heading, {
-  size: "xsmall"
-}, "Thanks for signing up"), /*#__PURE__*/React.createElement(Text, {
-  as: "p"
-}, "We may reach out to you in the future to participate in additional research."))));

package/dist/es2019/compiled/SuccessContainer.js

@@ -1,21 +0,0 @@
-/* SuccessContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./SuccessContainer.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
-import { G300 } from '@atlaskit/theme/colors';
-const sectionStyles = null;
-const iconContainerStyles = null;
-export default (({
-  children
-}) => /*#__PURE__*/React.createElement("section", {
-  className: ax(["_18u01jfw"])
-}, /*#__PURE__*/React.createElement("div", {
-  className: ax(["_kqswstnw _154iv47k _1ltv1ejb"])
-}, /*#__PURE__*/React.createElement(CheckCircleIcon, {
-  spacing: "spacious",
-  label: "",
-  "aria-hidden": true,
-  color: `var(--ds-icon-success, ${G300})`,
-  LEGACY_margin: "4px 0 0 0"
-})), children));

package/dist/es2019/compiled/SurveyContainer.js

@@ -1,26 +0,0 @@
-/* SurveyContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./SurveyContainer.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { IconButton as Button } from '@atlaskit/button/new';
-import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
-import { N0, N50A, N60A } from '@atlaskit/theme/colors';
-import { surveyInnerWidth } from '../constants';
-const containerStyles = null;
-const buttonWrapperStyles = null;
-export default (({
-  children,
-  onDismiss
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {},
-    className: ax(["_2rko1sit _bfhk1bhr _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _16qsuzq3 _1bsb1vif"])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_kqswstnw _154ipxbi _1xi2pxbi"])
-  }, /*#__PURE__*/React.createElement(Button, {
-    icon: CrossIcon,
-    label: "Dismiss",
-    appearance: "subtle",
-    onClick: onDismiss
-  })), children);
-});