"use strict";
"use client";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var ElementRegistration_exports = {};
__export(ElementRegistration_exports, {
  ElementRegistration: () => ElementRegistration
});
module.exports = __toCommonJS(ElementRegistration_exports);
var import_jsx_runtime = require("react/jsx-runtime");
var import_react = require("react");
var import_use_dispatch = require("../hooks/use-dispatch");
var import_use_document_context = require("../hooks/use-document-context");
var import_use_disable_register_element = require("../hooks/use-disable-register-element");
var import_actions = require("../../../state/builder-api/actions");
var import_internal = require("../../../state/actions/internal");
const ElementRegistration = (0, import_react.memo)(function ElementRegistration2({
  elementKey,
  componentHandle,
  children
}) {
  const dispatch = (0, import_use_dispatch.useDispatch)();
  const documentKey = (0, import_use_document_context.useDocumentKey)();
  const isRegisterElementDisabled = (0, import_use_disable_register_element.useDisableRegisterElement)();
  (0, import_react.useEffect)(() => {
    if (documentKey == null || isRegisterElementDisabled)
      return;
    return dispatch((0, import_internal.registerComponentHandleEffect)(documentKey, elementKey, componentHandle));
  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
  (0, import_react.useEffect)(() => {
    if (documentKey == null || isRegisterElementDisabled)
      return;
    return dispatch((0, import_actions.mountComponentEffect)(documentKey, elementKey));
  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  ElementRegistration
});
//# sourceMappingURL=ElementRegistration.js.map