@makeswift/runtime 0.13.1 → 0.14.1

package/dist/PreviewProvider.es.js

@@ -1,633 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const import_meta = {};
-import { useMemo, useEffect } from "react";
-import { J as ElementImperativeHandle, a as ReactRuntime, K as StoreContext, M as MakeswiftProvider } from "./index.es.js";
-import { createStore, applyMiddleware, combineReducers } from "redux";
-import thunk from "redux-thunk";
-import Router from "next/router";
-import { ce as getInitialState$3, cf as reducer$4, cg as getDocument$1, c as createDocument, ch as getComponentsMeta$1, ci as getComponentPropControllerDescriptors$1, aB as getBreakpoints, f as deepEqual, aI as getBuilderEditMode, cj as BuilderEditMode, ck as getDocumentKeysSortedByDepth, cl as getPropController, cm as getPropControllersHandle, cn as getElement, co as getElementPropControllerDescriptors, cp as createPropController, j as isElementReference, a4 as isPropControllersHandle, cq as reducer$5, cr as reducer$7, cs as reducer$8, ct as reducer$9, cu as reducer$a, cv as reducer$b, cw as reducer$c, cx as getInitialState$4 } from "./react-page.es.js";
-import { removeIn, setIn } from "immutable";
-import { A as ActionTypes, v as unregisterMeasurable, w as registerMeasurable, x as registerBuilderComponent, j as setBreakpoints, k as setLocale, y as changePathnameStart, z as changePathnameComplete, B as changeElementBoxModels, C as changeDocumentElementSize, D as handleWheel, E as handlePointerMove, F as elementFromPointChange, G as setIsInBuilder, H as unregisterBuilderComponent, I as unregisterPropControllers, J as registerPropControllers, K as registerPropControllersHandle, r as registerDocument, L as registerComponentHandle, M as messageBuilderPropController, N as registerDocumentEffect } from "./actions.es.js";
-import { i as isMeasurable, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, r as reducer$6 } from "./box-models.es.js";
-import { r as reducer$d } from "./breakpoints.es.js";
-import { a as serializeControls } from "./control-serialization.es.js";
-import { jsx } from "react/jsx-runtime";
-import "use-sync-external-store/shim/with-selector";
-import "next/dynamic";
-import "./number.es.js";
-import "./combobox.es.js";
-import "ts-pattern";
-import "uuid";
-import "slate";
-import "escape-html";
-import "slate-hyperscript";
-import "parse5";
-import "is-hotkey";
-import "use-sync-external-store/shim";
-import "./types.es.js";
-import "color";
-import "scroll-into-view-if-needed";
-import "@emotion/css";
-import "react-dom";
-import "html-react-parser";
-import "next/head";
-import "zod";
-import "@emotion/server/create-instance";
-import "next/document";
-import "cors";
-import "path-to-regexp";
-import "cookie";
-import "http-proxy";
-import "set-cookie-parser";
-import "./constants.es.js";
-import "corporate-ipsum";
-import "@emotion/serialize";
-import "@emotion/utils";
-import "css-box-model";
-function apply(data, operation) {
-  let applied = data;
-  operation.forEach((component) => {
-    if (component.ld != null)
-      applied = removeIn(applied, component.p);
-    if (component.od != null)
-      applied = removeIn(applied, component.p);
-    if (component.li != null)
-      applied = setIn(applied, component.p, component.li);
-    if (component.oi != null)
-      applied = setIn(applied, component.p, component.oi);
-  });
-  return applied;
-}
-function getInitialState$2({
-  rootElements
-} = {}) {
-  return getInitialState$3({ rootElements });
-}
-function getReadOnlyDocumentsStateSlice(state) {
-  return state;
-}
-function getDocument(state, documentKey) {
-  return getDocument$1(getReadOnlyDocumentsStateSlice(state), documentKey);
-}
-function reducer$3(state = getInitialState$2(), action) {
-  var _a;
-  const nextState = reducer$4(state, action);
-  switch (action.type) {
-    case ActionTypes.CHANGE_DOCUMENT: {
-      const currentRootElement = (_a = getDocument(nextState, action.payload.documentKey)) == null ? void 0 : _a.rootElement;
-      if (currentRootElement == null)
-        return nextState;
-      const nextRootElement = apply(currentRootElement, action.payload.operation);
-      return currentRootElement === nextRootElement ? nextState : new Map(nextState).set(action.payload.documentKey, createDocument(action.payload.documentKey, nextRootElement));
-    }
-    default:
-      return nextState;
-  }
-}
-function getInitialState$1() {
-  return { pointer: null };
-}
-function getPointer$1(state) {
-  return state.pointer;
-}
-function reducer$2(state = getInitialState$1(), action) {
-  switch (action.type) {
-    case ActionTypes.BUILDER_POINTER_MOVE:
-      return __spreadProps(__spreadValues({}, state), { pointer: action.payload.pointer });
-    default:
-      return state;
-  }
-}
-function getElementImperativeHandles$1(state) {
-  return state;
-}
-function getInitialState() {
-  return /* @__PURE__ */ new Map();
-}
-function reducer$1(state = getInitialState(), action) {
-  var _a, _b;
-  switch (action.type) {
-    case ActionTypes.REGISTER_COMPONENT_HANDLE:
-      return new Map(state).set(action.payload.documentKey, new Map(new Map((_a = state.get(action.payload.documentKey)) != null ? _a : [])).set(action.payload.elementKey, action.payload.componentHandle));
-    case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {
-      const byElementKey = new Map((_b = state.get(action.payload.documentKey)) != null ? _b : []);
-      const deleted = byElementKey.delete(action.payload.elementKey);
-      if (!deleted)
-        return state;
-      return new Map(state).set(action.payload.documentKey, byElementKey);
-    }
-    default:
-      return state;
-  }
-}
-const reducer = combineReducers({
-  documents: reducer$3,
-  reactComponents: reducer$5,
-  boxModels: reducer$6,
-  componentsMeta: reducer$7,
-  propControllers: reducer$8,
-  propControllerHandles: reducer$9,
-  isInBuilder: reducer$a,
-  isPreview: reducer$b,
-  builderEditMode: reducer$c,
-  pointer: reducer$2,
-  elementImperativeHandles: reducer$1,
-  breakpoints: reducer$d
-});
-function getBoxModelsStateSlice(state) {
-  return state.boxModels;
-}
-function getMeasurables(state) {
-  return getMeasurables$1(getBoxModelsStateSlice(state));
-}
-function getBoxModels(state) {
-  return getBoxModels$1(getBoxModelsStateSlice(state));
-}
-function getBoxModel(state, documentKey, elementKey) {
-  return getBoxModel$1(getBoxModelsStateSlice(state), documentKey, elementKey);
-}
-function getComponentsMetaStateSlice(state) {
-  return state.componentsMeta;
-}
-function getComponentsMeta(state) {
-  return getComponentsMeta$1(getComponentsMetaStateSlice(state));
-}
-function getPropControllersStateSlice(state) {
-  return state.propControllers;
-}
-function getComponentPropControllerDescriptors(state, componentType) {
-  return getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
-}
-function getPropControllerHandlesStateSlice(state) {
-  return state.propControllerHandles;
-}
-function getPointer(state) {
-  return getPointer$1(state.pointer);
-}
-function getElementImperativeHandles(state) {
-  return getElementImperativeHandles$1(state.elementImperativeHandles);
-}
-function getElementImperativeHandlesContainingElement(state, element) {
-  const elementImperativeHandles = getElementImperativeHandles(state);
-  const filteredElementImperativeHandles = /* @__PURE__ */ new Map();
-  for (const [documentKey, byElementKey] of elementImperativeHandles) {
-    const filteredByElementKey = /* @__PURE__ */ new Map();
-    for (const [elementKey, elementImperativeHandle] of byElementKey) {
-      const handleElement = elementImperativeHandle.getDomNode();
-      if (handleElement == null ? void 0 : handleElement.contains(element)) {
-        filteredByElementKey.set(elementKey, elementImperativeHandle);
-      }
-    }
-    if (filteredByElementKey.size > 0) {
-      filteredElementImperativeHandles.set(documentKey, filteredByElementKey);
-    }
-  }
-  return filteredElementImperativeHandles;
-}
-function measureElements() {
-  return (dispatch, getState) => {
-    const measurables = getMeasurables(getState());
-    const currentBoxModels = getBoxModels(getState());
-    const measuredBoxModels = /* @__PURE__ */ new Map();
-    measurables.forEach((documentMeasurables, documentKey) => {
-      const measuredDocumentBoxModels = /* @__PURE__ */ new Map();
-      documentMeasurables.forEach((measurable, elementKey) => {
-        const boxModel = measure(measurable);
-        if (boxModel != null)
-          measuredDocumentBoxModels.set(elementKey, boxModel);
-      });
-      if (measuredDocumentBoxModels.size > 0) {
-        measuredBoxModels.set(documentKey, measuredDocumentBoxModels);
-      }
-    });
-    const changedBoxModels = /* @__PURE__ */ new Map();
-    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
-      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
-      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {
-        var _a;
-        if (!((_a = measuredBoxModels.get(documentKey)) == null ? void 0 : _a.has(elementKey))) {
-          changedDocumentBoxModels.set(elementKey, null);
-        }
-        if (changedDocumentBoxModels.size > 0) {
-          changedBoxModels.set(documentKey, changedDocumentBoxModels);
-        }
-      });
-    });
-    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {
-      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
-      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {
-        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey);
-        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {
-          changedDocumentBoxModels.set(elementKey, measuredBoxModel);
-        }
-      });
-      if (changedDocumentBoxModels.size > 0) {
-        changedBoxModels.set(documentKey, changedDocumentBoxModels);
-      }
-    });
-    if (changedBoxModels.size > 0)
-      dispatch(changeElementBoxModels(changedBoxModels));
-  };
-}
-function startMeasuringElements() {
-  return (dispatch) => {
-    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-    return () => {
-      cancelAnimationFrame(animationFrameHandle);
-    };
-    function handleAnimationFrameRequest() {
-      dispatch(measureElements());
-      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-    }
-  };
-}
-function getElementSize(element) {
-  return {
-    offsetWidth: element.offsetWidth,
-    offsetHeight: element.offsetHeight,
-    clientWidth: element.clientWidth,
-    clientHeight: element.clientHeight,
-    scrollWidth: element.scrollWidth,
-    scrollHeight: element.scrollHeight,
-    scrollTop: element.scrollTop,
-    scrollLeft: element.scrollLeft
-  };
-}
-function lockDocumentScroll() {
-  return (dispatch) => {
-    const lastDocumentOverflow = window.document.documentElement.style.overflow;
-    window.document.documentElement.style.overflow = "hidden";
-    window.document.documentElement.addEventListener("wheel", handleWheelEvent);
-    return () => {
-      window.document.documentElement.style.overflow = lastDocumentOverflow;
-      window.document.documentElement.removeEventListener("wheel", handleWheelEvent);
-    };
-    function handleWheelEvent({ deltaX, deltaY }) {
-      dispatch(handleWheel({ deltaX, deltaY }));
-    }
-  };
-}
-function startHandlingPointerMoveEvent() {
-  return (dispatch) => {
-    window.document.documentElement.addEventListener("pointermove", handlePointerMoveEvent);
-    return () => {
-      window.document.documentElement.removeEventListener("pointermove", handlePointerMoveEvent);
-    };
-    function handlePointerMoveEvent({ clientX, clientY }) {
-      dispatch(handlePointerMove({ clientX, clientY }));
-    }
-  };
-}
-function startHandlingFocusEvents() {
-  return (_dispatch, getState) => {
-    window.addEventListener("focusin", handleFocusIn);
-    window.addEventListener("focusout", handleFocusOut);
-    return () => {
-      window.removeEventListener("focusin", handleFocusIn);
-      window.removeEventListener("focusout", handleFocusOut);
-    };
-    function handleFocusIn(event) {
-      if (getBuilderEditMode(getState()) === BuilderEditMode.INTERACT) {
-        return;
-      }
-      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {
-        window.parent.focus();
-      }
-    }
-    function handleFocusOut(event) {
-      if (getBuilderEditMode(getState()) === BuilderEditMode.INTERACT) {
-        return;
-      }
-      if (!(event.relatedTarget instanceof window.HTMLElement) || !event.relatedTarget.isContentEditable) {
-        window.parent.focus();
-      }
-    }
-  };
-}
-function startMeasuringDocumentElement() {
-  return (dispatch) => {
-    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-    let lastSize;
-    return () => {
-      cancelAnimationFrame(animationFrameHandle);
-    };
-    function handleAnimationFrameRequest() {
-      const nextSize = getElementSize(window.document.documentElement);
-      if (!deepEqual(lastSize, nextSize)) {
-        lastSize = nextSize;
-        dispatch(changeDocumentElementSize(nextSize));
-      }
-      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
-    }
-  };
-}
-function elementKeysFromElementFromPoint(elementFromPoint) {
-  return (_dispatch, getState) => {
-    if (elementFromPoint == null)
-      return null;
-    const elementImperativeHandles = getElementImperativeHandlesContainingElement(getState(), elementFromPoint);
-    const acendingDepthDocumentKeys = getDocumentKeysSortedByDepth(getState());
-    const descendingDepthDocumentKeys = acendingDepthDocumentKeys.slice().reverse();
-    let currentElement = elementFromPoint;
-    let keys = null;
-    while (currentElement != null) {
-      for (const documentKey of descendingDepthDocumentKeys) {
-        const byElementKey = elementImperativeHandles.get(documentKey);
-        if (byElementKey == null)
-          continue;
-        for (const [elementKey, elementImperativeHandle] of byElementKey) {
-          if (elementImperativeHandle.getDomNode() === currentElement) {
-            return { documentKey, elementKey };
-          }
-        }
-      }
-      currentElement = currentElement.parentElement;
-    }
-    return keys;
-  };
-}
-function startPollingElementFromPoint() {
-  return (dispatch, getState) => {
-    let lastElementFromPoint = null;
-    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
-    return () => {
-      cancelAnimationFrame(animationFrameRequestId);
-    };
-    function handleAnimationFrameRequest() {
-      const pointer = getPointer(getState());
-      const elementFromPoint = pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y);
-      if (elementFromPoint !== lastElementFromPoint) {
-        lastElementFromPoint = elementFromPoint;
-        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint));
-        dispatch(elementFromPointChange(keys));
-      }
-      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
-    }
-  };
-}
-function initialize() {
-  return (dispatch) => {
-    const stopMeasuringElements = dispatch(startMeasuringElements());
-    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement());
-    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents());
-    const unlockDocumentScroll = dispatch(lockDocumentScroll());
-    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent());
-    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint());
-    dispatch(setIsInBuilder(true));
-    return () => {
-      stopMeasuringElements();
-      stopMeasuringDocumentElement();
-      stopHandlingFocusEvent();
-      unlockDocumentScroll();
-      stopHandlingPointerMoveEvent();
-      stopPollingElementFromPoint();
-      dispatch(setIsInBuilder(false));
-    };
-  };
-}
-function measureBoxModelsMiddleware() {
-  return ({ dispatch }) => (next) => {
-    return (action) => {
-      switch (action.type) {
-        case ActionTypes.REGISTER_COMPONENT_HANDLE: {
-          if (isMeasurable(action.payload.componentHandle)) {
-            dispatch(registerMeasurable(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
-          }
-          break;
-        }
-        case ActionTypes.UNREGISTER_COMPONENT_HANDLE:
-          dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey));
-          break;
-      }
-      return next(action);
-    };
-  };
-}
-function messageChannelMiddleware(client) {
-  return ({ dispatch, getState }) => (next) => {
-    let cleanUp = () => {
-    };
-    if (typeof window === "undefined")
-      return cleanUp;
-    const messageChannel = new window.MessageChannel();
-    window.parent.postMessage(messageChannel.port2, "*", [messageChannel.port2]);
-    messageChannel.port1.onmessage = (event) => dispatch(event.data);
-    const state = getState();
-    const registeredComponentsMeta = getComponentsMeta(state);
-    registeredComponentsMeta.forEach((componentMeta, componentType) => {
-      const propControllerDescriptors = getComponentPropControllerDescriptors(state, componentType);
-      if (propControllerDescriptors != null) {
-        const [serializedControls, transferables] = serializeControls(propControllerDescriptors);
-        messageChannel.port1.postMessage(registerBuilderComponent(componentType, componentMeta, serializedControls), transferables);
-      }
-    });
-    const breakpoints = getBreakpoints(state);
-    messageChannel.port1.postMessage(setBreakpoints(breakpoints));
-    const routerLocale = Router.locale;
-    if (routerLocale != null) {
-      messageChannel.port1.postMessage(setLocale(new Intl.Locale(routerLocale)));
-    }
-    Router.events.on("routeChangeStart", () => {
-      messageChannel.port1.postMessage(changePathnameStart());
-    });
-    Router.events.on("routeChangeComplete", () => {
-      messageChannel.port1.postMessage(changePathnameComplete());
-    });
-    return (action) => {
-      var _a, _b;
-      switch (action.type) {
-        case ActionTypes.CHANGE_ELEMENT_BOX_MODELS:
-        case ActionTypes.MOUNT_COMPONENT:
-        case ActionTypes.UNMOUNT_COMPONENT:
-        case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
-        case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
-        case ActionTypes.HANDLE_WHEEL:
-        case ActionTypes.HANDLE_POINTER_MOVE:
-        case ActionTypes.ELEMENT_FROM_POINT_CHANGE:
-          messageChannel.port1.postMessage(action);
-          break;
-        case ActionTypes.REGISTER_COMPONENT: {
-          const { type, meta, propControllerDescriptors } = action.payload;
-          const [serializedControls, transferables] = serializeControls(propControllerDescriptors);
-          messageChannel.port1.postMessage(registerBuilderComponent(type, meta, serializedControls), transferables);
-          break;
-        }
-        case ActionTypes.UNREGISTER_COMPONENT:
-          messageChannel.port1.postMessage(unregisterBuilderComponent(action.payload.type));
-          break;
-        case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
-          window.document.documentElement.scrollTop = action.payload.scrollTop;
-          break;
-        case ActionTypes.SCROLL_DOCUMENT_ELEMENT:
-          window.document.documentElement.scrollTop += action.payload.scrollTopDelta;
-          break;
-        case ActionTypes.SET_BUILDER_EDIT_MODE:
-          messageChannel.port1.postMessage(action);
-          (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
-          break;
-        case ActionTypes.SET_LOCALE: {
-          const { pathname: currentPathname, query } = Router;
-          const pathname = ((_b = action.payload.pathname) != null ? _b : currentPathname).replace(/^\//, "/");
-          Router.replace({ pathname, query }, void 0, { locale: action.payload.locale });
-          break;
-        }
-        case ActionTypes.CHANGE_PATHNAME: {
-          const pathname = action.payload.pathname.replace(/^\//, "/");
-          const currentPathname = Router.asPath.replace(/^\//, "/");
-          if (pathname !== currentPathname)
-            Router.push(pathname);
-          break;
-        }
-        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {
-          client.setLocalizedResourceId(action.payload);
-          break;
-        }
-        case ActionTypes.INIT:
-          cleanUp = dispatch(initialize());
-          break;
-        case ActionTypes.CLEAN_UP:
-          cleanUp();
-          break;
-      }
-      return next(action);
-    };
-  };
-}
-function createAndRegisterPropControllers(documentKey, elementKey) {
-  return (dispatch, getState) => {
-    const descriptors = getElementPropControllerDescriptors(getState(), documentKey, elementKey);
-    if (descriptors == null)
-      return null;
-    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
-      const propController = createPropController(descriptor, (message) => dispatch(messageBuilderPropController(documentKey, elementKey, propName, message)));
-      return __spreadProps(__spreadValues({}, acc), { [propName]: propController });
-    }, {});
-    dispatch(registerPropControllers(documentKey, elementKey, propControllers));
-    return propControllers;
-  };
-}
-function propControllerHandlesMiddleware() {
-  return ({ dispatch, getState }) => (next) => {
-    return (action) => {
-      switch (action.type) {
-        case ActionTypes.REGISTER_COMPONENT_HANDLE: {
-          const { documentKey, elementKey, componentHandle } = action.payload;
-          const element = getElement(getState(), documentKey, elementKey);
-          const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey));
-          if (element != null && !isElementReference(element) && isPropControllersHandle(componentHandle)) {
-            dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle));
-            componentHandle.setPropControllers(propControllers);
-          }
-          break;
-        }
-        case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {
-          const { documentKey, elementKey } = action.payload;
-          const handle = getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
-          handle == null ? void 0 : handle.setPropControllers(null);
-          dispatch(unregisterPropControllers(documentKey, elementKey));
-          break;
-        }
-        case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
-          const propController = getPropController(getPropControllerHandlesStateSlice(getState()), action.payload.documentKey, action.payload.elementKey, action.payload.propName);
-          if (propController)
-            propController.recv(action.payload.message);
-        }
-      }
-      return next(action);
-    };
-  };
-}
-if (import_meta.vitest) {
-  const { describe, it, fn, expect } = import_meta.vitest;
-  describe("propControllerHandlesMiddleware", () => {
-    it("registers prop controllers for element data", () => {
-      const documentKey = "documentKey";
-      const element = { key: "elementKey", type: "type", props: {} };
-      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()));
-      const setPropControllers = fn();
-      const handle = new ElementImperativeHandle();
-      handle.callback(() => ({ setPropControllers }));
-      store.dispatch(registerDocument(createDocument(documentKey, element)));
-      store.dispatch(registerComponentHandle(documentKey, element.key, handle));
-      expect(setPropControllers).toHaveBeenCalled();
-    });
-    it("doesn't register prop controllers for element references", () => {
-      const documentKey = "documentKey";
-      const element = { type: "reference", key: "elementKey", value: "value" };
-      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()));
-      const setPropControllers = fn();
-      const handle = new ElementImperativeHandle();
-      handle.callback(() => ({ setPropControllers }));
-      store.dispatch(registerDocument(createDocument(documentKey, element)));
-      store.dispatch(registerComponentHandle(documentKey, element.key, handle));
-      expect(setPropControllers).not.toHaveBeenCalled();
-    });
-  });
-}
-function makeswiftApiClientSyncMiddleware(client) {
-  return () => (next) => {
-    return (action) => {
-      client.makeswiftApiClient.dispatch(action);
-      return next(action);
-    };
-  };
-}
-function configureStore({
-  rootElements,
-  preloadedState,
-  client
-}) {
-  const initialState = __spreadProps(__spreadValues({}, preloadedState), {
-    documents: getInitialState$2({ rootElements }),
-    isPreview: getInitialState$4(true)
-  });
-  return createStore(reducer, initialState, applyMiddleware(thunk, measureBoxModelsMiddleware(), messageChannelMiddleware(client), propControllerHandlesMiddleware(), makeswiftApiClientSyncMiddleware(client)));
-}
-function PreviewProvider({
-  client,
-  children,
-  rootElements,
-  runtime
-}) {
-  const store = useMemo(() => configureStore({
-    preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),
-    rootElements,
-    client
-  }), [client, rootElements, runtime]);
-  useEffect(() => {
-    var _a;
-    const unregisterDocuments = Array.from((_a = rootElements == null ? void 0 : rootElements.entries()) != null ? _a : []).map(([documentKey, rootElement]) => store.dispatch(registerDocumentEffect(createDocument(documentKey, rootElement))));
-    return () => {
-      unregisterDocuments.forEach((unregisterDocument) => {
-        unregisterDocument();
-      });
-    };
-  }, [store, rootElements]);
-  return /* @__PURE__ */ jsx(StoreContext.Provider, {
-    value: store,
-    children: /* @__PURE__ */ jsx(MakeswiftProvider, {
-      client,
-      children
-    })
-  });
-}
-export { PreviewProvider as default };
-//# sourceMappingURL=PreviewProvider.es.js.map