@superblocksteam/library 2.0.11-next.8 → 2.0.11

package/dist/{index-C4OthB64.js → index-CCewmzC_.js}

@@ -54059,6 +54059,17 @@ function deserializeErrors2(errors2) {
   }
   return serialized;
 }
+const getIsEditMode = () => {
+  const envMode = window._SB_VIEW_MODE;
+  return envMode === "dev";
+};
+let editMode;
+const isEditMode = () => {
+  if (editMode === void 0) {
+    editMode = getIsEditMode();
+  }
+  return editMode;
+};
 function cleanObject(obj) {
   obj = toJS(obj);
   if (!obj || typeof obj !== "object") {
@@ -54171,14 +54182,63 @@ class SbMessageHandler extends EventTarget {
   // Parent implements all functionalityza
 }
 const iframeMessageHandler = new SbMessageHandler();
+class NoopEditorBridge {
+  connected() {
+  }
+  sendReady() {
+  }
+  sendNotification(_type, _message, _description) {
+  }
+  selectWidgets(_sourceIds) {
+  }
+  editOpRequest(_type, _payload) {
+  }
+  undo() {
+  }
+  redo() {
+  }
+  sendStreamedApiEvent(_event, _apiName) {
+  }
+  sendStreamedApiMessage(_message, _apiName) {
+  }
+  setApiStarted(_apiName) {
+  }
+  setApiResponse(_apiName, _response) {
+  }
+  navigateTo(_path, _newWindow) {
+  }
+  updateTheme(_theme, _generatedTheme) {
+  }
+  updatePropertiesPanels(_updates) {
+  }
+  addPropertiesPanel(_id, _definition) {
+  }
+  initializeEditorSyncedStore(_payload) {
+  }
+  updateEditorSyncedStore(_payload) {
+  }
+  resolvePromise(_callbackId, _payload) {
+  }
+  rejectPromise(_callbackId, _payload) {
+  }
+  canvasClicked() {
+  }
+  registerContextMenuClick(_sourceId, _clientX, _clientY) {
+  }
+  updateRoute(_routeInfo) {
+  }
+  socketError(_message) {
+  }
+}
 const _SuperblocksEditorBridge = class _SuperblocksEditorBridge {
   constructor() {
     __publicField(this, "messagesToSend", []);
     __publicField(this, "connectedToParent", false);
   }
   static getInstance() {
+    const editMode2 = isEditMode();
     if (!_SuperblocksEditorBridge.instance) {
-      _SuperblocksEditorBridge.instance = new _SuperblocksEditorBridge();
+      _SuperblocksEditorBridge.instance = editMode2 ? new _SuperblocksEditorBridge() : new NoopEditorBridge();
     }
     return _SuperblocksEditorBridge.instance;
   }
@@ -95020,7 +95080,7 @@ function registerStores(stores) {
   internalStores = { ...internalStores, ...stores };
   if (SUPPORTED_MODES.includes("production")) {
     if (Object.keys(internalStores).length === Object.keys(stores).length) {
-      import("./devtools-consolidated-CAMIuL-C.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
+      import("./devtools-consolidated-Brbj1JeD.js").then(({ initializeCustomDevTools, setRegisteredStores }) => {
         setRegisteredStores(internalStores);
         initializeCustomDevTools();
       }).catch((error) => {
@@ -95033,7 +95093,7 @@ function registerStores(stores) {
   }
 }
 const DevToolsInternal = React__default.lazy(() => {
-  return import("./devtools-consolidated-CAMIuL-C.js").then((module2) => ({
+  return import("./devtools-consolidated-Brbj1JeD.js").then((module2) => ({
     default: module2.CustomDevTools
   }));
 });
@@ -96656,7 +96716,7 @@ _runApi_dec = [action], _cancelApi_dec = [action];
 class ApiManager {
   constructor(rootStore2) {
     __runInitializers(_init2, 5, this);
-    __publicField(this, "agentUrls", []);
+    __publicField(this, "baseUrl");
     __publicField(this, "token");
     __publicField(this, "accessToken");
     __publicField(this, "apisByName", {});
@@ -96758,12 +96818,12 @@ class ApiManager {
       scopeId,
       this.apiNameToDepCandidates[apiName] ?? []
     );
-    const agentBaseUrl = this.agentUrls[Math.floor(Math.random() * this.agentUrls.length)];
-    const orchestratorUrl = new URL("v2/execute", agentBaseUrl).href;
+    const orchestratorUrl = new URL("v2/execute", this.baseUrl).href;
     const events2 = [];
     await ((_a2 = this.rootStore.editStore) == null ? void 0 : _a2.operationManager.ensureFilesSynced());
     const abortController = new AbortController();
     this.runningApiControllers[apiName] = abortController;
+    const editMode2 = isEditMode();
     await executeV2Api({
       body: {
         inputs,
@@ -96777,6 +96837,7 @@ class ApiManager {
             name: "staging"
           },
           viewMode: srcExports.ViewMode.UNSPECIFIED
+          // TODO - deployed gives 404
         },
         options: {
           includeEventOutputs: true,
@@ -96789,7 +96850,7 @@ class ApiManager {
       responseType: ApiResponseType.STREAM,
       baseUrl: orchestratorUrl + "/stream",
       agents: [],
-      viewMode: ViewMode.EDITOR,
+      viewMode: editMode2 ? ViewMode.EDITOR : ViewMode.DEPLOYED,
       accessToken: this.accessToken ?? "",
       token: this.token ?? "",
       abortController,
@@ -97171,6 +97232,7 @@ class ComponentRegistry {
     __publicField(this, "_customComponentRegistry", /* @__PURE__ */ new Map());
     __publicField(this, "_managedPropsRegistry", /* @__PURE__ */ new Map());
     __publicField(this, "_internalPropsRegistry", /* @__PURE__ */ new Map());
+    __publicField(this, "_editorTemplatesRegistry", /* @__PURE__ */ new Map());
     this.rootStore = rootStore2;
     makeAutoObservable(this);
     startEditorSync({
@@ -97191,6 +97253,7 @@ class ComponentRegistry {
   deleteCustomComponent(type5) {
     this._customComponentRegistry.delete(type5);
     this._managedPropsRegistry.delete(type5);
+    this._editorTemplatesRegistry.delete(type5);
   }
   renameCustomComponent(oldName, newName) {
     const component = this._customComponentRegistry.get(oldName);
@@ -97210,6 +97273,13 @@ class ComponentRegistry {
   deleteManagedProps(type5) {
     this._managedPropsRegistry.delete(type5);
   }
+  addEditorTemplate(type5, template) {
+    const existingTemplates = this._editorTemplatesRegistry.get(type5) ?? [];
+    this._editorTemplatesRegistry.set(type5, [...existingTemplates, template]);
+  }
+  getEditorTemplates(type5) {
+    return this._editorTemplatesRegistry.get(type5);
+  }
   addInternalProps(type5, props2) {
     this._internalPropsRegistry.set(type5, props2);
   }
@@ -102572,14 +102642,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-xuZ2GzGt.js"
+            "./allPathsLoader-Tf9x8dtV.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-CCK4w8Rs.js"
+            "./splitPathsBySizeLoader-C3MBiqmb.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -128259,29 +128329,46 @@ function getTriggerComponent({
   throw new Error("Unhandled component type: " + componentType);
 }
 function getComponentBaseProperties(componentType, parentInfo) {
-  var _a2, _b2;
+  var _a2, _b2, _c2, _d2;
   const customComponents = rootStore.componentRegistry.customComponentList;
-  const properties2 = {};
+  let properties2 = {};
   let children = [];
-  const shouldProvideAName = componentType === "Input" || componentType === "Dropdown" || componentType === "DatePicker" || componentType === "Checkbox" || componentType === "Switch" || componentType === "Modal" || componentType === "Slideout" || componentType === "Table" || // Components not yet implemented
-  componentType === "Form" || componentType === "Radio" || componentType === "RichText" || componentType === "FilePicker" || componentType === "CodeEditor" || componentType === "Chat" || // Components that can be implicitly created when dropping on a page or section
-  componentType === "Section" || componentType === "Column" || // All components dropped in a grid
-  parentInfo.isGridLike || // All custom components
-  customComponents.includes(componentType);
+  const editorTemplates = rootStore.componentRegistry.getEditorTemplates(componentType);
+  if (editorTemplates && editorTemplates.length > 1) {
+    throw new Error(
+      `Multiple editor templates are not supported yet. Found ${editorTemplates.length} for component type: ${componentType}.`
+    );
+  }
+  const context2 = {
+    generateUniqueName: getUniqueName
+  };
+  const editorTemplateOnCreate = (_b2 = (_a2 = editorTemplates == null ? void 0 : editorTemplates[0]) == null ? void 0 : _a2.create) == null ? void 0 : _b2.call(_a2, context2);
+  if (editorTemplateOnCreate && Array.isArray(editorTemplateOnCreate)) {
+    throw new Error(
+      `Multiple creates for on editor template are not supported yet. Found ${editorTemplateOnCreate.length} for component type: ${componentType}.`
+    );
+  }
+  if (editorTemplateOnCreate && editorTemplateOnCreate.bind) {
+    properties2.name = Property.Static(editorTemplateOnCreate.bind);
+  } else {
+    const shouldProvideAName = (
+      // TODO: migrate these components
+      componentType === "Dropdown" || componentType === "DatePicker" || componentType === "Checkbox" || componentType === "Switch" || componentType === "Modal" || componentType === "Slideout" || componentType === "Table" || // All components dropped in a grid
+      parentInfo.isGridLike || // All custom components
+      customComponents.includes(componentType)
+    );
+    if (shouldProvideAName) {
+      properties2.name = Property.Static(getUniqueName(componentType));
+    }
+  }
   const isContainer = componentType === "Section" || componentType === "Column" || componentType === "Container" || componentType === "Modal" || componentType === "Slideout";
   if (isContainer && componentType !== "Modal" && componentType !== "Slideout") {
     properties2.width = Property.Dimension(Dim.fill());
   }
-  if (shouldProvideAName) {
-    properties2.name = Property.Static(getUniqueName(componentType));
-  }
   switch (componentType) {
     case "Text":
       properties2.text = Property.Static("Hello, world!");
       break;
-    case "Input":
-      properties2.label = Property.Static("Label");
-      break;
     case "Button":
       properties2.label = Property.Static("Submit");
       properties2.onClick = Property.Event([
@@ -128358,7 +128445,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
       ]);
       break;
     case "Modal":
-      children = getModalChildren((_a2 = properties2.name) == null ? void 0 : _a2.value);
+      children = getModalChildren((_c2 = properties2.name) == null ? void 0 : _c2.value);
       break;
     case "Slideout":
       children = getSlideoutChildren();
@@ -128383,6 +128470,12 @@ function getComponentBaseProperties(componentType, parentInfo) {
       properties2.searchPlaceholder = Property.Static("Search...");
       break;
   }
+  if (editorTemplateOnCreate == null ? void 0 : editorTemplateOnCreate.properties) {
+    properties2 = {
+      ...properties2,
+      ...editorTemplateOnCreate.properties
+    };
+  }
   const { width, height, ...restProperties } = properties2;
   const safeDimensions = parentInfo.isGridLike ? filterSafeGridDimensionProperties({
     width: width == null ? void 0 : width.value,
@@ -128397,7 +128490,7 @@ function getComponentBaseProperties(componentType, parentInfo) {
       ...safeDimensions
     },
     children,
-    name: (_b2 = properties2.name) == null ? void 0 : _b2.value
+    name: (_d2 = properties2.name) == null ? void 0 : _d2.value
   };
 }
 const getUniqueName = (componentType) => {
@@ -128452,7 +128545,6 @@ async function createComponent({
     ...propertiesFromType,
     ...baseProperties
   };
-  console.log("creating component", { tagName, properties: properties2 });
   const parentElement = { source: parent };
   const isDetachedComponent = DetachedComponentTypes.has(componentType);
   const needTriggerComponent = isDetachedComponent && !skipTriggerCreation;
@@ -130480,10 +130572,6 @@ function useTrackRuntimeWidget(instanceId, params) {
   );
 }
 const registerComponent$1 = (type5, config2, Component3) => {
-  if (typeof window === "undefined") {
-    console.log("[] ssr registering component", type5);
-    return (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props2 });
-  }
   const managedProps = createManagedPropsList(config2.propertiesDefinition);
   rootStore.onEditorRegistered(() => {
     getEditStore().propertiesPanelManager.setPropertiesDefinition(
@@ -130592,7 +130680,13 @@ const registerComponent$1 = (type5, config2, Component3) => {
     rootStore.componentRegistry.addType(type5, SbComponent);
   }
   rootStore.componentRegistry.addManagedProps(type5, managedProps ?? []);
-  return SbComponent;
+  const chainableComponent = Object.assign(SbComponent, {
+    addEditorTemplate: (templateConfig) => {
+      rootStore.componentRegistry.addEditorTemplate(type5, templateConfig);
+      return chainableComponent;
+    }
+  });
+  return chainableComponent;
 };
 function registerEntity(name, config2, Entity) {
   const managedProps = createManagedPropsList(config2.propertiesDefinition);
@@ -132307,6 +132401,15 @@ const Column = registerComponent$1(
     );
   }
 );
+const editorTemplate = {
+  create: (context2) => ({
+    type: "Input",
+    bind: context2.generateUniqueName("Input"),
+    properties: {
+      label: Property.Static("Label")
+    }
+  })
+};
 /*!
  *  decimal.js v10.5.0
  *  An arbitrary-precision Decimal type for JavaScript.
@@ -139971,7 +140074,7 @@ const Input2 = registerComponent$1(
       }
     ) });
   }
-);
+).addEditorTemplate(editorTemplate);
 const propertiesDefinition$d = {
   contents: Section$1.category(PropsPanelCategory.Content).children({
     columns: Prop.array().readAndWrite().propertiesPanel({
@@ -159668,14 +159771,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-DLbEQFY1.js"
+            "./allPathsLoader-BIuTbNcY.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-Ufjcf3C9.js"
+            "./splitPathsBySizeLoader-BM6L8m2i.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -197734,7 +197837,7 @@ function EditorHotkeys({ children }) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
 }
-const FullPageSpinner = qe$1(Spinner$1)`
+const FullPageSpinner$1 = qe$1(Spinner$1)`
   width: 100%;
   height: 100%;
   position: absolute;
@@ -197789,7 +197892,7 @@ const IframeConnected = observer(function IframeConnected2(props2) {
   const isPossiblyEditor = useMemo$2(isEmbeddedBySuperblocksFirstParty, []);
   const connectionStatus = (_a2 = rootStore.editStore) == null ? void 0 : _a2.connectionManager.connectionStatus;
   if (connectionStatus === "pre-init" || connectionStatus === "connecting") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner$1, {});
   }
   if (isPossiblyEditor && editStore.isInitialized && typeof window !== "undefined") {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(DnDProvider, { children: [
@@ -197799,20 +197902,20 @@ const IframeConnected = observer(function IframeConnected2(props2) {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: props2.children });
 });
-const WithUserWrapper = (props2) => {
+const WithUserWrapper$1 = (props2) => {
   const { data: currentUser, isLoading } = useGetCurrentUserQuery();
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner$1, {});
   }
   if (!currentUser) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No user found" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: props2.children });
 };
-const Auth0Wrapper = (props2) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(IframeConnected, { children: props2.children }) });
+const Auth0Wrapper$2 = (props2) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(IframeConnected, { children: props2.children }) });
 };
-const EmbedWrapper = (props2) => {
+const EmbedWrapper$2 = (props2) => {
   const isRetrievingToken = useRef(false);
   const [error, setError] = useState();
   const [isLoaded, setIsLoaded] = useState(false);
@@ -197844,7 +197947,7 @@ const EmbedWrapper = (props2) => {
   useEffect(() => {
     const bootstrapResponseListener = (event) => {
       try {
-        rootStore.apis.agentUrls = event.data.payload.agentUrls ?? (event.data.payload.agentUrl ? [event.data.payload.agentUrl] : []);
+        rootStore.apis.baseUrl = event.data.payload.agentUrl;
         rootStore.apis.setTokens(
           event.data.payload.token,
           event.data.payload.accessToken
@@ -197862,13 +197965,6 @@ const EmbedWrapper = (props2) => {
       "sb-bootstrap-response",
       bootstrapResponseListener
     );
-    const updateActiveAgentsListener = (event) => {
-      rootStore.apis.agentUrls = event.data.payload.agentUrls;
-    };
-    iframeMessageHandler.addEventListener(
-      "sb-update-active-agents",
-      updateActiveAgentsListener
-    );
     const retrievePropertyPanelPropsListener = (event) => {
       const sourceId = event.data.payload.sourceId;
       const instanceId = getEditStore().runtimeEntitiesManager.widgets.getAnyInstanceIdForSourceId(
@@ -197999,10 +198095,6 @@ const EmbedWrapper = (props2) => {
         "sb-bootstrap-response",
         bootstrapResponseListener
       );
-      iframeMessageHandler.removeEventListener(
-        "sb-update-active-agents",
-        updateActiveAgentsListener
-      );
       iframeMessageHandler.removeEventListener(
         "sb-edit-operation-acknowledge",
         editOperationAcknowledgeListener
@@ -198098,9 +198190,162 @@ const EmbedWrapper = (props2) => {
       );
       isRetrievingToken.current = true;
     }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner$1, {});
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(IframeConnected, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorHotkeys, { children: props2.children }) }) });
+};
+const FullPageSpinner = qe$1(Spinner$1)`
+  width: 100%;
+  height: 100%;
+  position: absolute;
+`;
+const WithUserWrapper = (props2) => {
+  const { data: currentUser, isLoading } = useGetCurrentUserQuery();
+  if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner, {});
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(IframeConnected, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorHotkeys, { children: props2.children }) }) });
+  if (!currentUser) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No user found" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: props2.children });
+};
+const Auth0Wrapper$1 = (props2) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper, { children: props2.children });
+};
+const EmbedWrapper$1 = (props2) => {
+  const isRetrievingToken = useRef(false);
+  const [error, setError] = useState();
+  const [isLoaded, setIsLoaded] = useState(false);
+  const navigate = useNavigate();
+  useEffect(() => {
+    const maxRetries = 20;
+    let retryCount = 0;
+    let timeout2;
+    const attemptBootstrap = () => {
+      if (rootStore.apis.isInitialized()) {
+        return;
+      }
+      if (retryCount < maxRetries) {
+        retryCount++;
+        window.parent.postMessage(
+          {
+            type: "sb-editor-request-bootstrap"
+          },
+          "*"
+        );
+        timeout2 = setTimeout(attemptBootstrap, 200);
+      } else {
+        setError("Token took too long to load after multiple retries");
+      }
+    };
+    timeout2 = setTimeout(attemptBootstrap, 200);
+    return () => clearTimeout(timeout2);
+  }, []);
+  useEffect(() => {
+    const bootstrapResponseListener = (event) => {
+      try {
+        rootStore.apis.baseUrl = event.data.payload.agentUrl;
+        rootStore.apis.setTokens(
+          event.data.payload.token,
+          event.data.payload.accessToken
+        );
+        setIsLoaded(true);
+        iframeMessageHandler.removeEventListener(
+          "sb-bootstrap-response",
+          bootstrapResponseListener
+        );
+      } catch (e3) {
+        setError(e3 == null ? void 0 : e3.toString());
+      }
+    };
+    iframeMessageHandler.addEventListener(
+      "sb-bootstrap-response",
+      bootstrapResponseListener
+    );
+    const globalSyncListener = (event) => {
+      const { global: global2 } = event.data.payload;
+      updateGlobalScope(global2);
+    };
+    iframeMessageHandler.addEventListener("sb-global-sync", globalSyncListener);
+    const navigateToListener = async (event) => {
+      const { route, routeParams, queryParams } = event.data.payload;
+      const eventSearch = new URLSearchParams(queryParams);
+      const nextSearch = new URLSearchParams(window.location.search);
+      for (const [key2, value] of eventSearch.entries()) {
+        nextSearch.set(key2, value);
+      }
+      await navigate({
+        pathname: generatePath(route, routeParams),
+        search: nextSearch.toString()
+      });
+    };
+    iframeMessageHandler.addEventListener("route-change", navigateToListener);
+    return () => {
+      iframeMessageHandler.removeEventListener(
+        "sb-bootstrap-response",
+        bootstrapResponseListener
+      );
+      iframeMessageHandler.removeEventListener(
+        "sb-global-sync",
+        globalSyncListener
+      );
+      iframeMessageHandler.removeEventListener(
+        "route-change",
+        navigateToListener
+      );
+    };
+  }, [navigate]);
+  useEffect(() => {
+    const messageListener = (event) => {
+      var _a2;
+      if (((_a2 = event.data) == null ? void 0 : _a2.type) === "parent-action-batch" && event.data.payload) {
+        event.data.payload.forEach((action2) => {
+          switch (action2.type) {
+            case "RUN_API": {
+              const { apiName, scopeId, manualRun } = action2.payload;
+              const api2 = rootStore.entityManager.getEntity(
+                scopeId,
+                getName(apiName)
+              );
+              if (!api2 || api2.type !== "SbApi") {
+                throw new Error(`API ${apiName} not found`);
+              }
+              runEventHandlers({
+                flow: EventFlow.runApis([api2]),
+                name: getName(apiName),
+                scopeId,
+                additionalContext: {
+                  manualRun
+                }
+              });
+              break;
+            }
+          }
+        });
+      }
+    };
+    window.addEventListener("message", messageListener);
+    return () => window.removeEventListener("message", messageListener);
+  }, []);
+  if (!isLoaded && error) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "There was an error logging in to Superblocks." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: error })
+    ] });
+  }
+  if (!rootStore.apis.isInitialized() && !isLoaded) {
+    if (!isRetrievingToken.current && window.parent !== window.self) {
+      window.parent.postMessage(
+        {
+          type: "sb-editor-request-bootstrap"
+        },
+        "*"
+      );
+      isRetrievingToken.current = true;
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(FullPageSpinner, {});
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(WithUserWrapper, { children: props2.children });
 };
 const ErrorContainer = qe$1.div`
   position: absolute;
@@ -199860,7 +200105,7 @@ console.log = (...args) => {
 };
 const loadApisIntoLibrary = async function loadApisIntoLibrary2() {
   var _a2, _b2;
-  {
+  if (!isEditMode()) {
     try {
       const mod2 = await import("./user-facing/build-manifest.js");
       const apis = ((_a2 = mod2.default) == null ? void 0 : _a2.apis) ?? {};
@@ -199894,6 +200139,8 @@ const useTrackRouteChange = () => {
     prevLocation.current = location2;
   }, [location2, params, routes]);
 };
+const Auth0Wrapper = isEditMode() ? Auth0Wrapper$2 : Auth0Wrapper$1;
+const EmbedWrapper = isEditMode() ? EmbedWrapper$2 : EmbedWrapper$1;
 const SbProvider = function SbProvider2({
   name = "codemode",
   settings,
@@ -200435,4 +200682,4 @@ export {
   setQueryParams as y,
   download as z
 };
-//# sourceMappingURL=index-C4OthB64.js.map
+//# sourceMappingURL=index-CCewmzC_.js.map