@atlaskit/global-search/dist/esm/components/feedback/withFeedbackButton.js

A cross-product search component (batteries included)

import _extends from "@babel/runtime/helpers/extends";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
import _inherits from "@babel/runtime/helpers/inherits";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _defineProperty from "@babel/runtime/helpers/defineProperty";

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

import React from 'react';
import FeedbackButton from './FeedbackButton';
import FeedbackCollector, { FeedbackFlag } from '@atlaskit/feedback-collector';
import { FlagGroup } from '@atlaskit/flag';
import { injectFeatures } from '../FeaturesProvider';
var EMBEDDABLE_KEY = '85dc6027-c074-4800-ba54-4ecb844b29f8';
var REQUEST_TYPE_ID = '182';
var FEEDBACK_CONTEXT_CF = 'customfield_10047';
export function withFeedbackButton(WrappedComponent) {
  var WithFeedbackButton = /*#__PURE__*/function (_React$Component) {
    _inherits(WithFeedbackButton, _React$Component);

    var _super = _createSuper(WithFeedbackButton);

    function WithFeedbackButton() {
      var _this;

      _classCallCheck(this, WithFeedbackButton);

      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
        args[_key] = arguments[_key];
      }

      _this = _super.call.apply(_super, [this].concat(args));

      _defineProperty(_assertThisInitialized(_this), "state", {
        isOpen: false,
        displayFlag: false
      });

      _defineProperty(_assertThisInitialized(_this), "open", function () {
        return _this.setState({
          isOpen: true
        });
      });

      _defineProperty(_assertThisInitialized(_this), "close", function () {
        _this.setState({
          isOpen: false
        });
      });

      _defineProperty(_assertThisInitialized(_this), "displayFlag", function () {
        return _this.setState({
          displayFlag: true
        });
      });

      _defineProperty(_assertThisInitialized(_this), "hideFlag", function () {
        return _this.setState({
          displayFlag: false
        });
      });

      return _this;
    }

    _createClass(WithFeedbackButton, [{
      key: "renderFeedbackButton",
      value: function renderFeedbackButton() {
        return /*#__PURE__*/React.createElement(FeedbackButton, {
          onClick: this.open
        });
      }
    }, {
      key: "render",
      value: function render() {
        var _this$state = this.state,
            isOpen = _this$state.isOpen,
            displayFlag = _this$state.displayFlag;
        var _this$props = this.props,
            name = _this$props.name,
            email = _this$props.email,
            _this$props$features$ = _this$props.features.abTest,
            experimentId = _this$props$features$.experimentId,
            abTestId = _this$props$features$.abTestId;
        var feedbackContext = "experimentId: ".concat(experimentId, ", abTestId: ").concat(abTestId);
        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, this.props, {
          inputControls: this.renderFeedbackButton()
        })), isOpen && /*#__PURE__*/React.createElement(FeedbackCollector, {
          onClose: this.close,
          onSubmit: this.displayFlag,
          email: email,
          name: name,
          requestTypeId: REQUEST_TYPE_ID,
          embeddableKey: EMBEDDABLE_KEY,
          additionalFields: [{
            id: FEEDBACK_CONTEXT_CF,
            value: feedbackContext
          }]
        }), displayFlag && /*#__PURE__*/React.createElement(FlagGroup, {
          onDismissed: this.hideFlag
        }, /*#__PURE__*/React.createElement(FeedbackFlag, null)));
      }
    }]);

    return WithFeedbackButton;
  }(React.Component);

  _defineProperty(WithFeedbackButton, "displayName", "WithFeedbackButton(".concat(WrappedComponent.displayName || WrappedComponent.name, ")"));

  return injectFeatures(WithFeedbackButton);
}