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

package/README.md

@@ -43,11 +43,11 @@ root.render(
 ```tsx
 // app/wizard/page.tsx
 'use client';
-import { AppNextJS } from "@legalplace/wizardx-core";
+import { App } from "@legalplace/wizardx-core";
 
 export default function WizardPage() {
   return (
-    <AppNextJS
+    <App
       loadPlugin={loadPlugin}
       loadTheme={loadTheme}
       wizardParams={wizardParams}
@@ -56,7 +56,7 @@ export default function WizardPage() {
 }
 ```
 
-**Important**: Use `AppNextJS` instead of `App` for Next.js projects.
+**Note**: The same `App` component works in both CRA and Next.js!
 
 See [NEXTJS-INTEGRATION.md](./NEXTJS-INTEGRATION.md) for complete Next.js setup including URL rewrites.
 
@@ -71,28 +71,14 @@ See [NEXTJS-INTEGRATION.md](./NEXTJS-INTEGRATION.md) for complete Next.js setup
 ### Components
 
 #### `App` Component
-The main component for Create React App that uses React Router with ConnectedRouter.
+The main component that uses React Router (BrowserRouter) for client-side routing.
+Works in both Create React App and Next.js.
 
 ```tsx
 import { App } from "@legalplace/wizardx-core";
 
 <App
-  historyType="browser" // or "memory"
-  loadPlugin={loadPlugin}
-  loadTheme={loadTheme}
-  wizardParams={wizardParams}
-  model={initialModel}
-  user={user}
-/>
-```
-
-#### `AppNextJS` Component
-Optimized component for Next.js that uses BrowserRouter instead of ConnectedRouter.
-
-```tsx
-import { AppNextJS } from "@legalplace/wizardx-core";
-
-<AppNextJS
+  historyType="browser" // optional, defaults to browser
   loadPlugin={loadPlugin}
   loadTheme={loadTheme}
   wizardParams={wizardParams}
@@ -168,8 +154,7 @@ const wizardParams = {
 
 ```typescript
 // Components
-export { App } from "@legalplace/wizardx-core";           // For CRA
-export { AppNextJS } from "@legalplace/wizardx-core";     // For Next.js
+export { App } from "@legalplace/wizardx-core";  // Works in both CRA and Next.js
 
 // Configuration
 export { getConfig, updateConfig } from "@legalplace/wizardx-core";

package/dist/App.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Route, Switch, Redirect } from "react-router-dom";
+import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";
 import { Provider } from "react-redux";
-import { ConnectedRouter } from "connected-react-router";
 import { getStore, createAppStore } from "./redux/store";
-import { getHistory } from "./redux/routerHistory";
 import Globals, { setGlobals } from "./Globals";
 import { getConfig, updateConfig } from "./config";
 import { fetchModelPrerequisitesAction } from "./redux/actions/sagas/model";
@@ -12,6 +10,7 @@ import { preloadTheme } from "./helpers/preloadTheme";
 import ViewComponent from "./components/View";
 import PluginRoute from "./components/PluginRoute";
 import SmartScriptComponent from "./components/SmartScript";
+import RouteWatcher from "./components/RouteWatcher";
 import { clearPlugins } from "./PluginLoader";
 import { PathReader } from "./libs/PathReader";
 import { resetStateAction } from "./redux/actions/app";
@@ -34,7 +33,7 @@ class WizardXCore extends React.Component {
         var _a;
         super(props);
         clearPlugins();
-        const historyType = typeof props.historyType === "string" ? props.historyType : "browser";
+        const historyType = "memory";
         const params = Object.assign(Object.assign({}, Globals), { loadTheme: props.loadTheme, loadPlugin: props.loadPlugin });
         if (props.model) {
             params.model = props.model;
@@ -77,7 +76,7 @@ class WizardXCore extends React.Component {
         getStore().dispatch(resetStateAction());
     }
     render() {
-        return (_jsx(Provider, { store: getStore(), children: _jsx(ConnectedRouter, { history: getHistory(), 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 }))] }) }) }));
+        return (_jsx(Provider, { store: getStore(), children: _jsxs(BrowserRouter, { children: [_jsx(RouteWatcher, {}), _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 WizardXCore;

package/dist/components/RouteWatcher.d.ts

@@ -0,0 +1,2 @@
+declare const RouteWatcher: React.FC;
+export default RouteWatcher;

package/dist/components/RouteWatcher.js

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { useDispatch } from "react-redux";
+const RouteWatcher = () => {
+    const location = useLocation();
+    const dispatch = useDispatch();
+    useEffect(() => {
+        dispatch({
+            type: "@@router/LOCATION_CHANGE",
+            payload: {
+                location: {
+                    pathname: location.pathname,
+                    search: location.search,
+                    hash: location.hash,
+                },
+                action: "PUSH",
+                isFirstRendering: false,
+            },
+        });
+    }, [location.pathname, location.search, location.hash, dispatch]);
+    return null;
+};
+export default RouteWatcher;

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 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,7 +1,5 @@
 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.20251126115357",
+  "version": "4.42.10-nightly.20251126120203",
   "author": "Moncef Hammou (moncef@legalplace.fr)",
   "license": "MIT",
   "files": [
@@ -23,12 +23,6 @@
       "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": {

package/dist/AppNextJS.d.ts

@@ -1,21 +0,0 @@
-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

@@ -1,81 +0,0 @@
-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;