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

package/runtime-dynamic/app-initializer.js

@@ -0,0 +1,447 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAppScript = getAppScript;
+exports.getAppVariablesJson = getAppVariablesJson;
+exports.getCustomFormatters = getCustomFormatters;
+exports.getPartialNames = getPartialNames;
+exports.getProjectConfig = getProjectConfig;
+exports.initializeApp = initializeApp;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _axios = _interopRequireDefault(require("axios"));
+var _appstore = _interopRequireDefault(require("@wavemaker-ai/react-runtime/core/appstore"));
+var _store = require("@wavemaker-ai/react-runtime/store");
+var _appConfigSlice = require("@wavemaker-ai/react-runtime/store/slices/appConfigSlice");
+var _authSlice = require("@wavemaker-ai/react-runtime/store/slices/authSlice");
+var _app = require("@wavemaker-ai/react-runtime/core/app.service");
+var _i18nSlice = require("@wavemaker-ai/react-runtime/store/slices/i18nSlice");
+var _utils = require("./utils");
+var _previewMode = require("./preview-mode");
+var _variableRegistry = require("./services/variable-registry");
+var _previewResourceBase = require("./preview-resource-base");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function fetchOptionalText(_x) {
+  return _fetchOptionalText.apply(this, arguments);
+}
+function _fetchOptionalText() {
+  _fetchOptionalText = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(url) {
+    var _response$data, response;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return _axios["default"].get((0, _previewResourceBase.resolvePreviewFetchUrl)(url), {
+            responseType: "text"
+          });
+        case 3:
+          response = _context.sent;
+          return _context.abrupt("return", (_response$data = response.data) !== null && _response$data !== void 0 ? _response$data : undefined);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](0);
+          return _context.abrupt("return", undefined);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 7]]);
+  }));
+  return _fetchOptionalText.apply(this, arguments);
+}
+function fetchOptionalJson(_x2, _x3) {
+  return _fetchOptionalJson.apply(this, arguments);
+}
+function _fetchOptionalJson() {
+  _fetchOptionalJson = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(url, fallback) {
+    var _response$data2, response;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _context2.next = 3;
+          return _axios["default"].get((0, _previewResourceBase.resolvePreviewFetchUrl)(url));
+        case 3:
+          response = _context2.sent;
+          return _context2.abrupt("return", (_response$data2 = response.data) !== null && _response$data2 !== void 0 ? _response$data2 : fallback);
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](0);
+          return _context2.abrupt("return", fallback);
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 7]]);
+  }));
+  return _fetchOptionalJson.apply(this, arguments);
+}
+var projectConfig = {
+  cdnUrl: "",
+  apiUrl: "",
+  deployUrl: "",
+  isPreview: true
+};
+function getProjectConfig() {
+  return projectConfig;
+}
+
+/**
+ * Matches Angular `initializeProjectDetails()` in
+ * `wavemaker-ng-runtime/projects/runtime-dynamic/src/app/app.config.ts`:
+ * `isPreview` is false when `meta[name="deployUrl"]` has a value; otherwise true.
+ * CDN base: deployUrl meta, else cdnUrl meta, else `ng-bundle/`.
+ */
+function initializeProjectDetails() {
+  var deployUrlMeta = (0, _utils.getMetaContent)("deployUrl").trim();
+  var isPreview = !deployUrlMeta;
+  var resolvedCdn = deployUrlMeta || (0, _utils.getMetaContent)("cdnUrl").trim();
+  var cdnUrl = resolvedCdn || "ng-bundle/";
+  projectConfig = {
+    cdnUrl: cdnUrl,
+    apiUrl: (0, _utils.getMetaContent)("apiUrl") || "./services",
+    deployUrl: deployUrlMeta || "./",
+    isPreview: isPreview,
+    fontConfig: undefined
+  };
+}
+function loadFontConfig() {
+  return _loadFontConfig.apply(this, arguments);
+}
+function _loadFontConfig() {
+  _loadFontConfig = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+    var text;
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return fetchOptionalText("./font.config.js");
+        case 2:
+          text = _context3.sent;
+          if (text !== undefined) {
+            projectConfig.fontConfig = text;
+          }
+        case 4:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _loadFontConfig.apply(this, arguments);
+}
+var appScriptFn = null;
+var appVariablesJson = {};
+var partialNames = [];
+var customFormatters = {};
+function getAppScript() {
+  return appScriptFn;
+}
+function getAppVariablesJson() {
+  return appVariablesJson;
+}
+function getPartialNames() {
+  return partialNames;
+}
+function getCustomFormatters() {
+  return customFormatters;
+}
+function loadAppScript() {
+  return _loadAppScript.apply(this, arguments);
+}
+function _loadAppScript() {
+  _loadAppScript = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+    var scriptText;
+    return _regenerator["default"].wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return fetchOptionalText("./app.js");
+        case 2:
+          scriptText = _context4.sent;
+          if (scriptText) {
+            appScriptFn = new Function("App", scriptText);
+          } else if (scriptText === undefined) {
+            console.warn("app.js not found or failed to load");
+          }
+        case 4:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _loadAppScript.apply(this, arguments);
+}
+function loadAppVariables() {
+  return _loadAppVariables.apply(this, arguments);
+}
+function _loadAppVariables() {
+  _loadAppVariables = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+    return _regenerator["default"].wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          return _context5.abrupt("return", fetchOptionalJson("./app.variables.json", {}));
+        case 1:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return _loadAppVariables.apply(this, arguments);
+}
+function loadCustomFormatters() {
+  return _loadCustomFormatters.apply(this, arguments);
+}
+function _loadCustomFormatters() {
+  _loadCustomFormatters = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+    var js, fn, result;
+    return _regenerator["default"].wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _context6.next = 2;
+          return fetchOptionalText("./extensions/formatters.js");
+        case 2:
+          js = _context6.sent;
+          if (js) {
+            _context6.next = 5;
+            break;
+          }
+          return _context6.abrupt("return", {});
+        case 5:
+          fn = new Function("".concat(js, "\nreturn typeof WM_CUSTOM_FORMATTERS !== 'undefined' ? WM_CUSTOM_FORMATTERS : {};"));
+          result = fn();
+          Object.keys(result).forEach(function (k) {
+            var _result$k;
+            if ((_result$k = result[k]) !== null && _result$k !== void 0 && _result$k.formatter) {
+              result[k].format = result[k].formatter;
+            }
+          });
+          return _context6.abrupt("return", result);
+        case 9:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return _loadCustomFormatters.apply(this, arguments);
+}
+var PARTIAL_TYPES = new Set(["PARTIAL", "LEFTNAV", "POPOVER", "TEMPLATE", "HEADER", "FOOTER", "TOPNAV", "RIGHTNAV"]);
+function loadPagesConfig(_x4) {
+  return _loadPagesConfig.apply(this, arguments);
+}
+function _loadPagesConfig() {
+  _loadPagesConfig = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(appProperties) {
+    var response, all;
+    return _regenerator["default"].wrap(function _callee7$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _context7.prev = 0;
+          _context7.next = 3;
+          return _axios["default"].get((0, _previewResourceBase.resolvePreviewFetchUrl)("./pages/pages-config.json"));
+        case 3:
+          response = _context7.sent;
+          all = Array.isArray(response.data) ? response.data : [];
+          return _context7.abrupt("return", {
+            pages: all.filter(function (c) {
+              return c.type === "PAGE";
+            }),
+            partials: all.filter(function (c) {
+              return PARTIAL_TYPES.has(c.type);
+            })
+          });
+        case 8:
+          _context7.prev = 8;
+          _context7.t0 = _context7["catch"](0);
+          return _context7.abrupt("return", buildFallbackPageConfig(appProperties));
+        case 11:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee7, null, [[0, 8]]);
+  }));
+  return _loadPagesConfig.apply(this, arguments);
+}
+function buildFallbackPageConfig(appProperties) {
+  var pages = [];
+  var seen = new Set();
+  var addPage = function addPage(name) {
+    var permission = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "PermitAll";
+    if (!name || seen.has(name)) return;
+    seen.add(name);
+    pages.push({
+      name: name,
+      type: "PAGE",
+      permission: permission,
+      allowedRoles: []
+    });
+  };
+  addPage(appProperties === null || appProperties === void 0 ? void 0 : appProperties.homePage);
+  addPage("Login");
+  addPage("Main");
+  return {
+    pages: pages,
+    partials: []
+  };
+}
+function dispatchInitialConfig() {
+  return _dispatchInitialConfig.apply(this, arguments);
+}
+/**
+ * Preview runtime skips page-level access control (matching Angular behavior).
+ * Auth handled at HTTP layer (401 interceptor) instead.
+ *
+ * Uses store.subscribe to re-apply the override whenever loadSecurityInfo
+ * (from login thunk or elsewhere) resets isSecurityEnabled to true.
+ * Only dispatches when the value actually needs changing — the guard
+ * prevents infinite loops and avoids interfering with unrelated dispatches.
+ */
+function _dispatchInitialConfig() {
+  _dispatchInitialConfig = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+    var appProperties, _yield$loadPagesConfi, pages, partials, normalizedUrl;
+    return _regenerator["default"].wrap(function _callee8$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _context8.next = 2;
+          return (0, _app.loadWmProperties)(projectConfig.deployUrl)["catch"](function () {
+            return {
+              defaultLanguage: "en",
+              defaultTimezone: "UTC"
+            };
+          });
+        case 2:
+          appProperties = _context8.sent;
+          _context8.next = 5;
+          return loadPagesConfig(appProperties);
+        case 5:
+          _yield$loadPagesConfi = _context8.sent;
+          pages = _yield$loadPagesConfi.pages;
+          partials = _yield$loadPagesConfi.partials;
+          partialNames = partials.map(function (p) {
+            return p.name;
+          });
+          normalizedUrl = projectConfig.deployUrl.replace(/\/+$/, "");
+          _store.store.dispatch((0, _appConfigSlice.updateConfig)({
+            serviceDefs: {},
+            appConfig: {
+              url: normalizedUrl,
+              appProperties: appProperties,
+              pages: pages,
+              partials: partials,
+              isPreview: projectConfig.isPreview
+            }
+          }));
+          if ((0, _previewMode.isRuntimePreviewPrefab)()) {
+            _context8.next = 19;
+            break;
+          }
+          _context8.prev = 12;
+          _context8.next = 15;
+          return _store.store.dispatch((0, _authSlice.loadSecurityInfo)(projectConfig.deployUrl)).unwrap();
+        case 15:
+          _context8.next = 19;
+          break;
+        case 17:
+          _context8.prev = 17;
+          _context8.t0 = _context8["catch"](12);
+        case 19:
+          enforceSecurityDisabled();
+        case 20:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee8, null, [[12, 17]]);
+  }));
+  return _dispatchInitialConfig.apply(this, arguments);
+}
+function enforceSecurityDisabled() {
+  var overriding = false;
+  var forceDisable = function forceDisable() {
+    var _auth;
+    if (overriding) return;
+    var secConfig = (_auth = _store.store.getState().auth) === null || _auth === void 0 ? void 0 : _auth.securityConfig;
+    if (secConfig !== null && secConfig !== void 0 && secConfig.isSecurityEnabled) {
+      overriding = true;
+      _store.store.dispatch((0, _authSlice.setSecurityConfig)(_objectSpread(_objectSpread({}, secConfig), {}, {
+        isSecurityEnabled: false
+      })));
+      overriding = false;
+    }
+  };
+  forceDisable();
+  _store.store.subscribe(forceDisable);
+}
+
+/** Prefab preview has no `pages/Common/page.min.json`; applications register Common partial. */
+function syncAppstoreCommonPartial(isPrefabPreview) {
+  _appstore["default"].set("AppConfig", {
+    partials: isPrefabPreview ? [] : [{
+      name: "Common",
+      component: (0, _variableRegistry.createLazyPartial)("Common")
+    }],
+    appVariables: function appVariables() {
+      return {
+        Variables: {},
+        Actions: {}
+      };
+    }
+  });
+}
+function initializeApp() {
+  return _initializeApp.apply(this, arguments);
+}
+function _initializeApp() {
+  _initializeApp = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+    var isPrefabPreview, _yield$Promise$all, _yield$Promise$all2, loadedVariables, loadedFormatters;
+    return _regenerator["default"].wrap(function _callee9$(_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          initializeProjectDetails();
+          (0, _app.setupAxiosInterceptors)();
+          _context9.next = 4;
+          return dispatchInitialConfig();
+        case 4:
+          isPrefabPreview = (0, _previewMode.isRuntimePreviewPrefab)();
+          syncAppstoreCommonPartial(isPrefabPreview);
+
+          // Prefab preview bundles do not ship `font.config.js` (Angular parity); skip the fetch.
+          if (isPrefabPreview) {
+            _context9.next = 9;
+            break;
+          }
+          _context9.next = 9;
+          return loadFontConfig();
+        case 9:
+          _context9.next = 11;
+          return Promise.all([loadAppVariables(), loadAppScript(), isPrefabPreview ? Promise.resolve({}) : loadCustomFormatters()
+          // loadAppExtensions(),
+          ]);
+        case 11:
+          _yield$Promise$all = _context9.sent;
+          _yield$Promise$all2 = (0, _slicedToArray2["default"])(_yield$Promise$all, 3);
+          loadedVariables = _yield$Promise$all2[0];
+          loadedFormatters = _yield$Promise$all2[2];
+          appVariablesJson = loadedVariables;
+          customFormatters = loadedFormatters;
+          _context9.prev = 17;
+          _context9.next = 20;
+          return _store.store.dispatch((0, _i18nSlice.loadLocaleBundle)()).unwrap();
+        case 20:
+          _context9.next = 24;
+          break;
+        case 22:
+          _context9.prev = 22;
+          _context9.t0 = _context9["catch"](17);
+        case 24:
+        case "end":
+          return _context9.stop();
+      }
+    }, _callee9, null, [[17, 22]]);
+  }));
+  return _initializeApp.apply(this, arguments);
+}

package/runtime-dynamic/components/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+type BoundaryScope = "page" | "partial" | "prefab";
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    scope?: BoundaryScope;
+    componentName?: string;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ComponentErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/runtime-dynamic/components/ErrorBoundary.js

@@ -0,0 +1,93 @@
+"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 = {
+  padding: "12px 16px",
+  margin: "8px 0",
+  border: "1px solid #f5c6cb",
+  borderRadius: "4px",
+  backgroundColor: "#fff3f3",
+  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."));
+}
+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;
+  }
+  (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);
+    }
+  }, {
+    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,
+          componentName: this.props.componentName,
+          error: this.state.error
+        });
+      }
+      return __jsx(_errorBoundary["default"], {
+        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
+        },
+        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);

package/runtime-dynamic/components/PageWrapper.d.ts

@@ -0,0 +1 @@
+export declare function PageWrapper(): import("react/jsx-runtime").JSX.Element;

package/runtime-dynamic/components/PageWrapper.js

@@ -0,0 +1,43 @@
+"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;
+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;
+  if (isLoading) {
+    return __jsx(_common.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."
+    });
+  }
+  if (!Component) {
+    return null;
+  }
+  return __jsx(_ErrorBoundary.ComponentErrorBoundary, {
+    scope: "page",
+    componentName: pageName
+  }, __jsx(Component, null));
+}

package/runtime-dynamic/components/PrefabPreview.d.ts

@@ -0,0 +1 @@
+export declare function PrefabPreview(): import("react/jsx-runtime").JSX.Element;