@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

package/runtime-dynamic/components/ErrorBoundary.js

@@ -1,22 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ComponentErrorBoundary = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _errorBoundary = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/error-boundary"));
-var __jsx = _react["default"].createElement;
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var INLINE_ERROR_STYLES = {
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import ErrorFallback from "../../components/page/error-boundary";
+const INLINE_ERROR_STYLES = {
   padding: "12px 16px",
   margin: "8px 0",
   border: "1px solid #f5c6cb",
@@ -25,69 +13,64 @@ var INLINE_ERROR_STYLES = {
   color: "#721c24",
   fontSize: "13px"
 };
-function InlineErrorFallback(_ref) {
-  var scope = _ref.scope,
-    componentName = _ref.componentName,
-    error = _ref.error;
-  var label = componentName ? "".concat(scope, " \"").concat(componentName, "\"") : scope;
-  return __jsx("div", {
-    style: INLINE_ERROR_STYLES,
-    role: "alert"
-  }, __jsx("strong", null, "Error in ", label, ":"), " ", __jsx("span", null, (error === null || error === void 0 ? void 0 : error.message) || "Something went wrong."));
+function InlineErrorFallback({
+  scope,
+  componentName,
+  error
+}) {
+  const label = componentName ? `${scope} "${componentName}"` : scope;
+  return /* @__PURE__ */ jsxs("div", { style: INLINE_ERROR_STYLES, role: "alert", children: [
+    /* @__PURE__ */ jsxs("strong", { children: [
+      "Error in ",
+      label,
+      ":"
+    ] }),
+    " ",
+    /* @__PURE__ */ jsx("span", { children: (error == null ? void 0 : error.message) || "Something went wrong." })
+  ] });
 }
-var ComponentErrorBoundary = exports.ComponentErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  function ComponentErrorBoundary() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ComponentErrorBoundary);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ComponentErrorBoundary, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
-      hasError: false,
-      error: null
-    });
-    return _this;
+class ComponentErrorBoundary extends React.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", { hasError: false, error: null });
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    const scope = this.props.scope || "page";
+    const name = this.props.componentName || "unknown";
+    console.error(`[ErrorBoundary:${scope}:${name}]`, error, info.componentStack);
   }
-  (0, _inherits2["default"])(ComponentErrorBoundary, _React$Component);
-  return (0, _createClass2["default"])(ComponentErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, info) {
-      var scope = this.props.scope || "page";
-      var name = this.props.componentName || "unknown";
-      console.error("[ErrorBoundary:".concat(scope, ":").concat(name, "]"), error, info.componentStack);
+  render() {
+    var _a, _b;
+    if (!this.state.hasError) {
+      return this.props.children;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state$error, _this$state$error2;
-      if (!this.state.hasError) {
-        return this.props.children;
-      }
-      var scope = this.props.scope || "page";
-      if (scope === "partial" || scope === "prefab") {
-        return __jsx(InlineErrorFallback, {
-          scope: scope,
+    const scope = this.props.scope || "page";
+    if (scope === "partial" || scope === "prefab") {
+      return /* @__PURE__ */ jsx(
+        InlineErrorFallback,
+        {
+          scope,
           componentName: this.props.componentName,
           error: this.state.error
-        });
-      }
-      return __jsx(_errorBoundary["default"], {
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      ErrorFallback,
+      {
         error: {
-          message: ((_this$state$error = this.state.error) === null || _this$state$error === void 0 ? void 0 : _this$state$error.message) || "Something went wrong!",
-          stack: (_this$state$error2 = this.state.error) === null || _this$state$error2 === void 0 ? void 0 : _this$state$error2.stack
+          message: ((_a = this.state.error) == null ? void 0 : _a.message) || "Something went wrong!",
+          stack: (_b = this.state.error) == null ? void 0 : _b.stack
         },
         title: "Something went wrong!",
         subtitle: "Don't worry, you can try again or go back to the home page."
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        hasError: true,
-        error: error
-      };
-    }
-  }]);
-}(_react["default"].Component);
+      }
+    );
+  }
+}
+export {
+  ComponentErrorBoundary
+};

package/runtime-dynamic/components/PageWrapper.js

@@ -1,43 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PageWrapper = PageWrapper;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _errorBoundary = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/error-boundary"));
-var _common = require("@wavemaker-ai/react-runtime/components/common");
-var _fragmentUrl = require("../services/fragment-url");
-var _ErrorBoundary = require("./ErrorBoundary");
-var _useDynamicComponent2 = require("./use-dynamic-component");
-var __jsx = _react["default"].createElement;
+import { jsx } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import ErrorFallback from "../../components/page/error-boundary";
+import { AppSpinner } from "../../components/common";
+import { ComponentType } from "../services/fragment-url";
+import { ComponentErrorBoundary } from "./ErrorBoundary";
+import { useDynamicComponent } from "./use-dynamic-component";
 function PageWrapper() {
-  var _useParams = (0, _reactRouterDom.useParams)(),
-    pageName = _useParams.pageName;
-  var _useDynamicComponent = (0, _useDynamicComponent2.useDynamicComponent)(pageName, _fragmentUrl.ComponentType.PAGE),
-    Component = _useDynamicComponent.Component,
-    isLoading = _useDynamicComponent.isLoading,
-    error = _useDynamicComponent.error;
+  const { pageName } = useParams();
+  const { Component, isLoading, error } = useDynamicComponent(pageName, ComponentType.PAGE);
   if (isLoading) {
-    return __jsx(_common.AppSpinner, {
-      show: true,
-      spinnermessages: ["Loading page..."]
-    });
+    return /* @__PURE__ */ jsx(AppSpinner, { show: true, spinnermessages: ["Loading page..."] });
   }
   if (error) {
-    return __jsx(_errorBoundary["default"], {
-      error: error,
-      title: "Failed to load \"".concat(pageName, "\""),
-      subtitle: "The page could not be loaded. Please try again."
-    });
+    return /* @__PURE__ */ jsx(
+      ErrorFallback,
+      {
+        error,
+        title: `Failed to load "${pageName}"`,
+        subtitle: "The page could not be loaded. Please try again."
+      }
+    );
   }
   if (!Component) {
     return null;
   }
-  return __jsx(_ErrorBoundary.ComponentErrorBoundary, {
-    scope: "page",
-    componentName: pageName
-  }, __jsx(Component, null));
-}
+  return /* @__PURE__ */ jsx(ComponentErrorBoundary, { scope: "page", componentName: pageName, children: /* @__PURE__ */ jsx(Component, {}) });
+}
+export {
+  PageWrapper
+};

package/runtime-dynamic/components/PrefabPreview.js

@@ -1,84 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PrefabPreview = PrefabPreview;
-var _react = _interopRequireWildcard(require("react"));
-var _errorBoundary = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/error-boundary"));
-var _common = require("@wavemaker-ai/react-runtime/components/common");
-var _WidgetProvider = require("@wavemaker-ai/react-runtime/context/WidgetProvider");
-var _fragmentUrl = require("../services/fragment-url");
-var _ErrorBoundary = require("./ErrorBoundary");
-var _useDynamicComponent2 = require("./use-dynamic-component");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-/** Matches Angular prefab preview `prefabname="__self__"` — root bundle, not `app/prefabs/…`. */
-var PREFAB_PREVIEW_NAME = "__self__";
-
-/**
- * Minimal host {@link WidgetProvider} so {@link BasePrefab}'s {@link withBaseWrapper} has
- * {@link usePageContext} before the prefab's own {@link BasePage} mounts (embedded prefabs use the page's provider).
- */
-function PrefabPreviewWidgetHost(_ref) {
-  var children = _ref.children;
-  var proxy = (0, _react.useRef)({
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import ErrorFallback from "../../components/page/error-boundary";
+import { AppSpinner } from "../../components/common";
+import { WidgetProvider } from "../../context/WidgetProvider";
+import { ComponentType } from "../services/fragment-url";
+import { ComponentErrorBoundary } from "./ErrorBoundary";
+import { useDynamicComponent } from "./use-dynamic-component";
+const PREFAB_PREVIEW_NAME = "__self__";
+function PrefabPreviewWidgetHost({ children }) {
+  const proxy = useRef({
     Widgets: {},
-    App: {
-      Widgets: {}
-    },
-    layoutReady: function layoutReady() {}
+    App: { Widgets: {} },
+    layoutReady: () => {
+    }
   });
-  var pageShell = (0, _react.useMemo)(function () {
-    return {
+  const pageShell = useMemo(
+    () => ({
       type: "PAGE",
       componentType: "PAGE",
       componentName: "PrefabPreview",
       Widgets: {},
-      App: {
-        Widgets: {}
-      }
-    };
-  }, []);
-  var providerValue = (0, _react.useMemo)(function () {
-    return {
-      value: pageShell,
-      proxy: proxy.current
-    };
-  }, [pageShell]);
-  return __jsx(_WidgetProvider.WidgetProvider, {
-    value: providerValue
-  }, children);
+      App: { Widgets: {} }
+    }),
+    []
+  );
+  const providerValue = useMemo(() => ({ value: pageShell, proxy: proxy.current }), [pageShell]);
+  return /* @__PURE__ */ jsx(WidgetProvider, { value: providerValue, children });
 }
 function PrefabPreview() {
-  var _useDynamicComponent = (0, _useDynamicComponent2.useDynamicComponent)(PREFAB_PREVIEW_NAME, _fragmentUrl.ComponentType.PREFAB),
-    Component = _useDynamicComponent.Component,
-    isLoading = _useDynamicComponent.isLoading,
-    error = _useDynamicComponent.error;
+  const { Component, isLoading, error } = useDynamicComponent(
+    PREFAB_PREVIEW_NAME,
+    ComponentType.PREFAB
+  );
   if (isLoading) {
-    return __jsx(_common.AppSpinner, {
-      show: true,
-      spinnermessages: ["Loading prefab…"]
-    });
+    return /* @__PURE__ */ jsx(AppSpinner, { show: true, spinnermessages: ["Loading prefab\u2026"] });
   }
   if (error) {
-    return __jsx(_errorBoundary["default"], {
-      error: error,
-      title: "Failed to load prefab preview",
-      subtitle: "The prefab could not be loaded. Please try again."
-    });
+    return /* @__PURE__ */ jsx(
+      ErrorFallback,
+      {
+        error,
+        title: "Failed to load prefab preview",
+        subtitle: "The prefab could not be loaded. Please try again."
+      }
+    );
   }
   if (!Component) {
     return null;
   }
-  return __jsx(_ErrorBoundary.ComponentErrorBoundary, {
-    scope: "prefab",
-    componentName: PREFAB_PREVIEW_NAME
-  }, __jsx(PrefabPreviewWidgetHost, null, __jsx("div", {
-    className: "prefab-preview row"
-  }, __jsx(Component, {
-    prefabname: ""
-  }))));
-}
+  return /* @__PURE__ */ jsx(ComponentErrorBoundary, { scope: "prefab", componentName: PREFAB_PREVIEW_NAME, children: /* @__PURE__ */ jsx(PrefabPreviewWidgetHost, { children: /* @__PURE__ */ jsx("div", { className: "prefab-preview row", children: /* @__PURE__ */ jsx(Component, { prefabname: "" }) }) }) });
+}
+export {
+  PrefabPreview
+};

package/runtime-dynamic/components/partial-content.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { Prettify, BaseProps } from "@wavemaker-ai/react-runtime/higherOrder/props";
 export interface WmPartialContentProp {
     prefab?: boolean;
@@ -7,9 +6,9 @@ export interface WmPartialContentProp {
     params?: string[];
     onLoad?: (widget: {
         viewParent?: Record<string, unknown>;
-    }) => void;
+    }, partialName?: string) => void;
     onRender?: (commonComponent: any) => void;
 }
 export type WmPartialContentProps = Prettify<WmPartialContentProp & BaseProps>;
-declare const WmPartialContent: React.MemoExoticComponent<(props: WmPartialContentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const WmPartialContent: import("react").MemoExoticComponent<(props: WmPartialContentProps) => import("react/jsx-runtime").JSX.Element>;
 export default WmPartialContent;

package/runtime-dynamic/components/partial-content.js

@@ -1,50 +1,68 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Container = _interopRequireDefault(require("@mui/material/Container"));
-var _spinner = require("../../components/basic/spinner");
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
-var _store = require("@wavemaker-ai/react-runtime/runtime-dynamic/registry/store");
-var _fragmentUrl = require("@wavemaker-ai/react-runtime/runtime-dynamic/services/fragment-url");
-var _ErrorBoundary = require("./ErrorBoundary");
-var _useDynamicComponent2 = require("./use-dynamic-component");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-var WmPartialContent = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _useDynamicComponent = (0, _useDynamicComponent2.useDynamicComponent)(props === null || props === void 0 ? void 0 : props.content, _fragmentUrl.ComponentType.PARTIAL),
-    Component = _useDynamicComponent.Component;
-  return __jsx(_ErrorBoundary.ComponentErrorBoundary, {
-    scope: "partial",
-    componentName: props.content
-  }, __jsx(_Container["default"], {
-    className: "partial-container"
-  }, __jsx(_react.Suspense, {
-    fallback: __jsx(_spinner.WmSpinner, {
-      show: true,
-      listener: props.listener,
-      name: "partial-container-spinner"
-    })
-  }, Component && __jsx(Component, props))));
-}, function (prevProps, nextProps) {
-  var staticKeys = ["content", "prefab", "prefabName", "partialName", "styles", "params"];
-  var staticEqual = staticKeys.every(function (key) {
-    if (key === "styles") {
-      return (0, _isEqual["default"])(prevProps[key], nextProps[key]);
+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 prevProps[key] === nextProps[key];
-  });
-  if (!staticEqual) return false;
-  var paramNames = nextProps.params || [];
-  return paramNames.every(function (p) {
-    return prevProps[p] === nextProps[p];
-  });
-});
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import isEqual from "lodash-es/isEqual";
+import { registerComponent } from "../registry/store";
+import { ComponentType } from "../services/fragment-url";
+import { ComponentErrorBoundary } from "./ErrorBoundary";
+import { useDynamicComponent } from "./use-dynamic-component";
+const WmPartialContent = memo(
+  (props) => {
+    const { Component } = useDynamicComponent(props == null ? void 0 : props.content, ComponentType.PARTIAL);
+    const handleOnLoad = useCallback(
+      (widget) => {
+        if (props.onLoad) {
+          props.onLoad(widget, props.partialName || props.prefabName);
+        }
+      },
+      [props.onLoad, props.partialName, props.prefabName]
+    );
+    const mergedProps = __spreadProps(__spreadValues({}, props), {
+      onLoad: handleOnLoad
+    });
+    return /* @__PURE__ */ jsx(ComponentErrorBoundary, { scope: "partial", componentName: props.content, children: Component && /* @__PURE__ */ jsx(Component, __spreadValues({}, mergedProps)) });
+  },
+  (prevProps, nextProps) => {
+    const staticKeys = [
+      "content",
+      "prefab",
+      "prefabName",
+      "partialName",
+      "styles",
+      "params"
+    ];
+    const staticEqual = staticKeys.every((key) => {
+      if (key === "styles") {
+        return isEqual(prevProps[key], nextProps[key]);
+      }
+      return prevProps[key] === nextProps[key];
+    });
+    if (!staticEqual) return false;
+    const paramNames = nextProps.params || [];
+    return paramNames.every((p) => prevProps[p] === nextProps[p]);
+  }
+);
 WmPartialContent.displayName = "WmPartialContent";
-(0, _store.registerComponent)("WmPartialContent", WmPartialContent);
-var _default = exports["default"] = WmPartialContent;
+registerComponent("WmPartialContent", WmPartialContent);
+var partial_content_default = WmPartialContent;
+export {
+  partial_content_default as default
+};

package/runtime-dynamic/components/prefab-content.js

@@ -1,31 +1,38 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _spinner = require("../../components/basic/spinner");
-var _fragmentUrl = require("../services/fragment-url");
-var _ErrorBoundary = require("./ErrorBoundary");
-var _useDynamicComponent2 = require("./use-dynamic-component");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-var PrefabContent = function PrefabContent(props) {
-  var _useDynamicComponent = (0, _useDynamicComponent2.useDynamicComponent)(props === null || props === void 0 ? void 0 : props.prefabname, _fragmentUrl.ComponentType.PREFAB, {
-      prefabName: props === null || props === void 0 ? void 0 : props.prefabname
-    }),
-    Component = _useDynamicComponent.Component;
-  return __jsx(_ErrorBoundary.ComponentErrorBoundary, {
-    scope: "prefab",
-    componentName: props.prefabname
-  }, __jsx(_react.Suspense, {
-    fallback: __jsx(_spinner.WmSpinner, {
-      show: true,
-      listener: props.listener,
-      name: "prefab-spinner"
-    })
-  }, Component && __jsx(Component, props)));
+var __defProp = Object.defineProperty;
+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;
+};
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { WmSpinner } from "../../components/basic/spinner";
+import { ComponentType } from "../services/fragment-url";
+import { ComponentErrorBoundary } from "./ErrorBoundary";
+import { useDynamicComponent } from "./use-dynamic-component";
+const PrefabContent = (props) => {
+  const { Component } = useDynamicComponent(props == null ? void 0 : props.prefabname, ComponentType.PREFAB, {
+    prefabName: props == null ? void 0 : props.prefabname
+  });
+  return /* @__PURE__ */ jsx(ComponentErrorBoundary, { scope: "prefab", componentName: props.prefabname, children: /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx(WmSpinner, { show: true, listener: props.listener, name: "prefab-spinner" }),
+      children: Component && /* @__PURE__ */ jsx(Component, __spreadValues({}, props))
+    }
+  ) });
+};
+var prefab_content_default = PrefabContent;
+export {
+  prefab_content_default as default
 };
-var _default = exports["default"] = PrefabContent;