@legalplace/wizardx-core 4.42.10-nightly.20251126105226 → 4.42.10-nightly.20251126115357

package/README.md

@@ -43,12 +43,11 @@ root.render(
 ```tsx
 // app/wizard/page.tsx
 'use client';
-import { App } from "@legalplace/wizardx-core";
+import { AppNextJS } from "@legalplace/wizardx-core";
 
 export default function WizardPage() {
   return (
-    <App
-      historyType="browser"
+    <AppNextJS
       loadPlugin={loadPlugin}
       loadTheme={loadTheme}
       wizardParams={wizardParams}
@@ -57,6 +56,8 @@ export default function WizardPage() {
 }
 ```
 
+**Important**: Use `AppNextJS` instead of `App` for Next.js projects.
+
 See [NEXTJS-INTEGRATION.md](./NEXTJS-INTEGRATION.md) for complete Next.js setup including URL rewrites.
 
 ## 📚 Documentation
@@ -70,7 +71,7 @@ See [NEXTJS-INTEGRATION.md](./NEXTJS-INTEGRATION.md) for complete Next.js setup
 ### Components
 
 #### `App` Component
-The main component that uses React Router for client-side routing.
+The main component for Create React App that uses React Router with ConnectedRouter.
 
 ```tsx
 import { App } from "@legalplace/wizardx-core";
@@ -85,6 +86,21 @@ import { App } from "@legalplace/wizardx-core";
 />
 ```
 
+#### `AppNextJS` Component
+Optimized component for Next.js that uses BrowserRouter instead of ConnectedRouter.
+
+```tsx
+import { AppNextJS } from "@legalplace/wizardx-core";
+
+<AppNextJS
+  loadPlugin={loadPlugin}
+  loadTheme={loadTheme}
+  wizardParams={wizardParams}
+  model={initialModel}
+  user={user}
+/>
+```
+
 ### Themes
 
 Themes control the visual appearance of the wizard. Load themes dynamically:
@@ -152,7 +168,8 @@ const wizardParams = {
 
 ```typescript
 // Components
-export { App } from "@legalplace/wizardx-core";
+export { App } from "@legalplace/wizardx-core";           // For CRA
+export { AppNextJS } from "@legalplace/wizardx-core";     // For Next.js
 
 // Configuration
 export { getConfig, updateConfig } from "@legalplace/wizardx-core";

package/dist/AppNextJS.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { ModelV3 } from "@legalplace/models-v3-types";
+import type { StateType } from "./types/State.type";
+import type { IWizardParams } from "./types/config.type";
+export interface AppNextJSProps {
+    model?: ModelV3;
+    meta?: StateType.App.Meta;
+    instance?: StateType.App.Instance;
+    user?: StateType.User;
+    wizardParams?: IWizardParams;
+    preloadTheme?: boolean;
+    loadPlugin: (plugin: string) => Promise<any>;
+    loadTheme: (theme: string) => Promise<any>;
+}
+declare class AppNextJS extends React.Component<AppNextJSProps> {
+    constructor(props: AppNextJSProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default AppNextJS;

package/dist/AppNextJS.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";
+import { Provider } from "react-redux";
+import { getStore, createAppStore } from "./redux/store";
+import Globals, { setGlobals } from "./Globals";
+import { getConfig, updateConfig } from "./config";
+import { fetchModelPrerequisitesAction } from "./redux/actions/sagas/model";
+import { preloadTheme } from "./helpers/preloadTheme";
+import ViewComponent from "./components/View";
+import PluginRoute from "./components/PluginRoute";
+import SmartScriptComponent from "./components/SmartScript";
+import { clearPlugins } from "./PluginLoader";
+import { PathReader } from "./libs/PathReader";
+import { resetStateAction } from "./redux/actions/app";
+import { callInitDataSmartscriptAction } from "./redux";
+import { externalPartnerRedirectUrl } from "./helpers/redirectionConfig";
+import { autoSave } from "./helpers/autosave.helper";
+import { NOT_FOUND_PAGE_LINK } from "./constants/links.constant";
+const RedirectHandler = () => {
+    const matchedPartner = Object.keys(externalPartnerRedirectUrl).find((partner) => window.location.origin.toLowerCase().includes(partner));
+    if (matchedPartner) {
+        window.location.href = externalPartnerRedirectUrl[matchedPartner];
+    }
+    else {
+        window.location.href = NOT_FOUND_PAGE_LINK;
+    }
+    return _jsx(Redirect, { to: getConfig().router.notFoundPath });
+};
+class AppNextJS extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        clearPlugins();
+        const historyType = "memory";
+        const params = Object.assign(Object.assign({}, Globals), { loadTheme: props.loadTheme, loadPlugin: props.loadPlugin });
+        if (props.model) {
+            params.model = props.model;
+        }
+        if (props.meta) {
+            params.meta = props.meta;
+        }
+        if (props.instance) {
+            params.instance = props.instance;
+        }
+        if (props.user) {
+            params.user = props.user;
+        }
+        setGlobals(params);
+        if (props.wizardParams)
+            updateConfig(props.wizardParams);
+        if (props.preloadTheme && ((_a = props.wizardParams) === null || _a === void 0 ? void 0 : _a.theme.name))
+            preloadTheme(props.wizardParams.theme.name);
+        createAppStore(historyType);
+    }
+    componentDidMount() {
+        const { dispatch, getState } = getStore();
+        const state = getState();
+        let parent = null;
+        window.addEventListener("message", ({ data, source }) => {
+            if (parent === null || data.from === "BO") {
+                parent = source;
+            }
+            if (data.from && data.from === "BO") {
+                const { variables } = data;
+                autoSave(variables, getStore());
+            }
+        });
+        dispatch(callInitDataSmartscriptAction());
+        if (!PathReader.isSmartScriptPath()) {
+            dispatch(fetchModelPrerequisitesAction(getConfig().permalink || state.app.meta.permalink, getConfig().prefix || state.app.meta.prefix || ""));
+        }
+    }
+    componentWillUnmount() {
+        getStore().dispatch(resetStateAction());
+    }
+    render() {
+        return (_jsx(Provider, { store: getStore(), children: _jsx(BrowserRouter, { children: _jsxs(Switch, { children: [_jsx(Route, { path: "/p/:path", component: PluginRoute }), _jsx(Route, { path: getConfig().router.smartscriptPath, exact: true, strict: true, component: SmartScriptComponent }), _jsx(Route, { path: getConfig().router.wizardInstancePath, component: ViewComponent }), _jsx(Route, { path: getConfig().router.wizardPath, component: ViewComponent }), !window.location.href.includes("smartscript") && (_jsx(Route, { component: RedirectHandler }))] }) }) }));
+    }
+}
+export default AppNextJS;

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { default as App } from "./App";
 export * from "./App";
+export { default as AppNextJS } from "./AppNextJS";
+export * from "./AppNextJS";
 export * from "./config";
 export * from "./Globals";
 export * from "./PluginLoader";

package/dist/index.js

@@ -1,5 +1,7 @@
 export { default as App } from "./App";
 export * from "./App";
+export { default as AppNextJS } from "./AppNextJS";
+export * from "./AppNextJS";
 export * from "./config";
 export * from "./Globals";
 export * from "./PluginLoader";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legalplace/wizardx-core",
-  "version": "4.42.10-nightly.20251126105226",
+  "version": "4.42.10-nightly.20251126115357",
   "author": "Moncef Hammou (moncef@legalplace.fr)",
   "license": "MIT",
   "files": [
@@ -23,6 +23,12 @@
       "require": "./dist/App.js",
       "default": "./dist/App.js"
     },
+    "./AppNextJS": {
+      "types": "./dist/AppNextJS.d.ts",
+      "import": "./dist/AppNextJS.js",
+      "require": "./dist/AppNextJS.js",
+      "default": "./dist/AppNextJS.js"
+    },
     "./package.json": "./package.json"
   },
   "scripts": {