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

Collect customer feedback with the Mopinion survey library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = ExternalData;
var _preact = require("preact");
var _hooks = require("preact/hooks");
var _utils = require("../../../utils");
var _form = require("../../form");
function ExternalData(_ref) {
  var block = _ref.block,
    state = _ref.state,
    setNestedValue = _ref.setNestedValue;
  var _useFormStore = (0, _form.useFormStore)(),
    formOpen = _useFormStore.formOpen;
  var _useFormProps = (0, _form.useFormProps)(),
    multipleIndex = _useFormProps.multipleIndex,
    divName = _useFormProps.divName;
  (0, _hooks.useEffect)(function () {
    setTimeout(function () {
      Object.keys(block.properties.elements).forEach(function (key, index) {
        var element = block.properties.elements[key];
        var value = (0, _utils.getWebsiteDataValue)({
          type: element.type,
          value: element.value,
          divName: divName,
          multipleIndex: multipleIndex
        });
        setNestedValue(element.data_field, value);
      });
    }, 300);
  }, [formOpen, block, divName, multipleIndex]);
  return (0, _preact.h)("div", null, Object.keys(block.properties.elements).map(function (key, index) {
    var _state$element$data_f;
    var element = block.properties.elements[key];
    var name = (0, _utils.getWebsiteDataName)({
      block: block,
      type: element.type,
      index: index
    });
    var value = (_state$element$data_f = state[element.data_field]) === null || _state$element$data_f === void 0 ? void 0 : _state$element$data_f.value;
    return (0, _preact.h)("input", {
      type: "hidden",
      id: name,
      name: name,
      value: value
    });
  }));
}
//# sourceMappingURL=ExternalData.js.map