@mopinion/survey/features/elements/components/CaptureWrapper.js

Collect customer feedback with the Mopinion survey library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = CaptureWrapper;
var _preact = require("preact");
var _hooks = require("preact/hooks");
var _form = require("../../form");
var _Capture = _interopRequireDefault(require("./Capture"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function CaptureWrapper(_ref) {
  var id = _ref.id;
  var _useBlock = (0, _form.useBlock)({
      id: id
    }),
    state = _useBlock.state,
    block = _useBlock.block,
    blockActions = _useBlock.actions;
  var _useFormStore = (0, _form.useFormStore)(),
    formType = _useFormStore.formType,
    contentDivRef = _useFormStore.contentDivRef,
    screenshotActive = _useFormStore.screenshotActive,
    formOpen = _useFormStore.formOpen,
    actions = _useFormStore.actions;
  var _useConfigStore = (0, _form.useConfigStore)(),
    text = _useConfigStore.text,
    themeClass = _useConfigStore.themeClass;
  var _useFormProps = (0, _form.useFormProps)(),
    formKey = _useFormProps.formKey;
  var setScreenshot = (0, _hooks.useCallback)(function (_ref2) {
    var dom = _ref2.dom,
      selector = _ref2.selector,
      value = _ref2.value;
    blockActions.setNestedValue('dom', dom);
    blockActions.setNestedValue('selector', selector);
    blockActions.setValue(value);
  }, []);
  return (0, _preact.h)(_Capture["default"], {
    block: block,
    setScreenshot: setScreenshot,
    text: text,
    screenshotActive: formOpen && screenshotActive,
    showCapture: Boolean(formOpen && screenshotActive || formOpen && state.value),
    toggleCapture: actions.toggleScreenshot,
    hideBackdrop: formType === 'embed' && !screenshotActive || !screenshotActive,
    contentDivRef: contentDivRef,
    formKey: formKey,
    themeClass: themeClass
  });
}
//# sourceMappingURL=CaptureWrapper.js.map