@legalplace/wizardx-core 2.1.0-alpha.0 → 2.1.0-alpha.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-alpha.1](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.0...@legalplace/wizardx-core@2.1.0-alpha.1) (2021-11-03)
+
+
+### Features
+
+* supporting theme preloading for wizardx-core & preloading theme on kanoon-app api[#4363](https://git.legalplace.eu/legalplace/monorepo/issues/4363) ([01f258e](https://git.legalplace.eu/legalplace/monorepo/commits/01f258e4e2266ae6a8978fa4035289b50e0366bc))
+
+
+
+
+
 # [2.1.0-alpha.0](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.0.0...@legalplace/wizardx-core@2.1.0-alpha.0) (2021-11-03)
 
 

package/dist/App.d.ts

@@ -9,6 +9,7 @@ export interface AppProps {
     instance?: StateType.App.Instance;
     user?: StateType.User;
     wizardParams?: IWizardParams;
+    preloadTheme?: boolean;
     loadPlugin: (plugin: string) => Promise<any>;
     loadTheme: (theme: string) => Promise<any>;
 }

package/dist/App.js

@@ -11,8 +11,10 @@ import ViewComponent from './components/View';
 import SmartScriptComponent from './components/SmartScript';
 import { PluginRoute } from './components/PluginRoute';
 import { clearPlugins } from './PluginLoader';
+import { preloadTheme } from './helpers/preloadTheme';
 class WizardXCore extends React.Component {
     constructor(props) {
+        var _a;
         super(props);
         clearPlugins();
         const historyType = typeof props.historyType === 'string' ? props.historyType : 'browser';
@@ -39,6 +41,8 @@ class WizardXCore extends React.Component {
         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() {

package/dist/helpers/preloadTheme.d.ts

@@ -0,0 +1 @@
+export declare const preloadTheme: (theme: string) => Promise<void>;

package/dist/helpers/preloadTheme.js

@@ -0,0 +1,19 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import Globals from '../Globals';
+export const preloadTheme = (theme) => __awaiter(void 0, void 0, void 0, function* () {
+    const { default: components } = (yield Globals.loadTheme(theme));
+    try {
+        components.WizardComponent.preload();
+        components.TermsheetComponent.preload();
+        components.EmailComponent.preload();
+    }
+    catch (e) { }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legalplace/wizardx-core",
-  "version": "2.1.0-alpha.0",
+  "version": "2.1.0-alpha.1",
   "author": "Moncef Hammou (moncef@legalplace.fr)",
   "license": "MIT",
   "main": "dist/index.js",
@@ -82,5 +82,5 @@
     "*.test.ts",
     "*.test.tsx"
   ],
-  "gitHead": "4abde7bf3b9d0803231d3d112c30fe6d50eb47f8"
+  "gitHead": "fe3a24469f1ca2e1870f74c5b84f728bf677b437"
 }

package/src/App.tsx

@@ -14,6 +14,7 @@ import SmartScriptComponent from './components/SmartScript';
 import { PluginRoute } from './components/PluginRoute';
 import { clearPlugins } from './PluginLoader';
 import { IWizardParams } from './types/config.type';
+import { preloadTheme } from './helpers/preloadTheme';
 
 // App components props interface
 export interface AppProps {
@@ -23,6 +24,7 @@ export interface AppProps {
   instance?: StateType.App.Instance;
   user?: StateType.User;
   wizardParams?: IWizardParams;
+  preloadTheme?: boolean;
   loadPlugin: (plugin: string) => Promise<any>;
   loadTheme: (theme: string) => Promise<any>;
 }
@@ -73,6 +75,10 @@ class WizardXCore extends React.Component<AppProps, { loaded: boolean }> {
     // Setting Wizard params
     if (props.wizardParams) updateConfig(props.wizardParams);
 
+    // Preloading theme
+    if (props.preloadTheme && props.wizardParams?.theme.name)
+      preloadTheme(props.wizardParams.theme.name);
+
     // Creating the store
     createAppStore(historyType);
   }

package/src/helpers/preloadTheme.ts

@@ -0,0 +1,17 @@
+import { LoadableComponent } from '@loadable/component';
+import Globals from '../Globals';
+
+export const preloadTheme = async (theme: string) => {
+  // Preloading theme
+  const { default: components } = (await Globals.loadTheme(theme)) as {
+    default: Record<string, LoadableComponent<React.ComponentType>>;
+  };
+
+  // Preloading components
+  try {
+    components.WizardComponent.preload();
+    components.TermsheetComponent.preload();
+    components.EmailComponent.preload();
+    // eslint-disable-next-line no-empty
+  } catch (e) {}
+};