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

A cross-product search component (batteries included)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.withFeedbackButton = withFeedbackButton;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireDefault(require("react"));

var _FeedbackButton = _interopRequireDefault(require("./FeedbackButton"));

var _feedbackCollector = _interopRequireWildcard(require("@atlaskit/feedback-collector"));

var _flag = require("@atlaskit/flag");

var _FeaturesProvider = require("../FeaturesProvider");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }

var EMBEDDABLE_KEY = '85dc6027-c074-4800-ba54-4ecb844b29f8';
var REQUEST_TYPE_ID = '182';
var FEEDBACK_CONTEXT_CF = 'customfield_10047';

function withFeedbackButton(WrappedComponent) {
  var WithFeedbackButton = /*#__PURE__*/function (_React$Component) {
    (0, _inherits2.default)(WithFeedbackButton, _React$Component);

    var _super = _createSuper(WithFeedbackButton);

    function WithFeedbackButton() {
      var _this;

      (0, _classCallCheck2.default)(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));
      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
        isOpen: false,
        displayFlag: false
      });
      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "open", function () {
        return _this.setState({
          isOpen: true
        });
      });
      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "close", function () {
        _this.setState({
          isOpen: false
        });
      });
      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displayFlag", function () {
        return _this.setState({
          displayFlag: true
        });
      });
      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideFlag", function () {
        return _this.setState({
          displayFlag: false
        });
      });
      return _this;
    }

    (0, _createClass2.default)(WithFeedbackButton, [{
      key: "renderFeedbackButton",
      value: function renderFeedbackButton() {
        return /*#__PURE__*/_react.default.createElement(_FeedbackButton.default, {
          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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({}, this.props, {
          inputControls: this.renderFeedbackButton()
        })), isOpen && /*#__PURE__*/_react.default.createElement(_feedbackCollector.default, {
          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.default.createElement(_flag.FlagGroup, {
          onDismissed: this.hideFlag
        }, /*#__PURE__*/_react.default.createElement(_feedbackCollector.FeedbackFlag, null)));
      }
    }]);
    return WithFeedbackButton;
  }(_react.default.Component);

  (0, _defineProperty2.default)(WithFeedbackButton, "displayName", "WithFeedbackButton(".concat(WrappedComponent.displayName || WrappedComponent.name, ")"));
  return (0, _FeaturesProvider.injectFeatures)(WithFeedbackButton);
}