@legalplace/wizardx-core 2.3.0 → 2.5.0

package/src/redux/store.ts

@@ -1,40 +1,49 @@
-import { combineReducers, createStore, applyMiddleware } from 'redux';
-import { connectRouter, routerMiddleware } from 'connected-react-router';
+import {
+  combineReducers,
+  createStore,
+  applyMiddleware,
+  Store,
+  EmptyObject,
+  AnyAction,
+} from "redux";
+import { connectRouter, routerMiddleware } from "connected-react-router";
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { composeWithDevTools } from 'redux-devtools-extension';
-import { isNull } from 'util';
-import createSagaMiddleware from '@redux-saga/core';
-import { LocationState } from 'history';
-import { appReducer } from './reducers/app';
-import { userReducer } from './reducers/user';
-import { referencesReducer } from './reducers/references';
-import { inputsReducer } from './reducers/inputs';
-import { mandatoriesReducer } from './reducers/mandatories';
-import { sagasRunner } from './sagas/runner';
-import conditionsWatcherMiddleware from './middlewares/conditionsWatcherMiddleware';
-import paginationWatcherMiddleware from './middlewares/paginationWatcherMiddleware';
-import { conditionsReducer } from './reducers/conditions';
-import { selectorsMiddleware } from './selectors/selectors';
-import { createHistory } from './routerHistory';
-import subscribeListeners from './listeners/subscriber';
-import prefillerWatcherMiddleware from './middlewares/prefillerWatcherMiddleware';
-import evaluationsWatcherMiddleware from './middlewares/evaluationsWatcherMiddleware';
-import multiplesActionsMiddleware from './middlewares/multiplesActionsMiddleware';
-import pluginsHookMiddleware from './middlewares/pluginsHookMiddleware';
-import Globals from '../Globals';
-import { StateType } from '../types/State.type';
-import mandatoriesWatcherMiddleware from './middlewares/mandatoriesWatcherMiddleware';
-import { smartscriptReducer } from './reducers/smartscript';
-import smartscriptMiddleware from './middlewares/smartscriptMiddleware';
+import { composeWithDevTools } from "redux-devtools-extension";
+import createSagaMiddleware from "@redux-saga/core";
+import { LocationState } from "history";
+import { appReducer } from "./reducers/app";
+import { userReducer } from "./reducers/user";
+import { referencesReducer } from "./reducers/references";
+import { inputsReducer } from "./reducers/inputs";
+import { mandatoriesReducer } from "./reducers/mandatories";
+import { sagasRunner } from "./sagas/runner";
+import conditionsWatcherMiddleware from "./middlewares/conditionsWatcherMiddleware";
+import paginationWatcherMiddleware from "./middlewares/paginationWatcherMiddleware";
+import { conditionsReducer } from "./reducers/conditions";
+import { selectorsMiddleware } from "./selectors/selectors";
+import { createHistory } from "./routerHistory";
+import subscribeListeners from "./listeners/subscriber";
+import prefillerWatcherMiddleware from "./middlewares/prefillerWatcherMiddleware";
+import evaluationsWatcherMiddleware from "./middlewares/evaluationsWatcherMiddleware";
+import multiplesActionsMiddleware from "./middlewares/multiplesActionsMiddleware";
+import pluginsHookMiddleware from "./middlewares/pluginsHookMiddleware";
+import Globals from "../Globals";
+import { StateType } from "../types/State.type";
+import mandatoriesWatcherMiddleware from "./middlewares/mandatoriesWatcherMiddleware";
+import { smartscriptReducer } from "./reducers/smartscript";
+import smartscriptMiddleware from "./middlewares/smartscriptMiddleware";
+import thirdPartyScriptsMiddleware from "./middlewares/thirdpartyScriptsMiddleware";
 
-let store: any = null;
+let store: Store<EmptyObject & StateType, AnyAction> & {
+  dispatch: unknown;
+};
 let history: any = null;
 
 /**
  * Store creation
  */
 export const createAppStore = (
-  historyType: 'browser' | 'memory' = 'browser'
+  historyType: "browser" | "memory" = "browser"
 ) => {
   // Creating history according to type
   history = createHistory(historyType);
@@ -66,11 +75,12 @@ export const createAppStore = (
     evaluationsWatcherMiddleware,
     multiplesActionsMiddleware,
     mandatoriesWatcherMiddleware,
-    smartscriptMiddleware
+    smartscriptMiddleware,
+    thirdPartyScriptsMiddleware
   );
 
   const middlewares =
-    Globals.env !== 'production'
+    Globals.appEnv !== "production"
       ? composeWithDevTools(appliedMiddlewares)
       : appliedMiddlewares;
 
@@ -85,6 +95,6 @@ export const createAppStore = (
 };
 
 export const getStore = () => {
-  if (isNull(store)) throw new Error('Store not yet created');
+  if (store === undefined) throw new Error("Store not yet created");
   return store;
 };

package/src/service/api.manager.ts

@@ -1,30 +1,30 @@
-import { v4 as uuid } from 'uuid';
-import { getConfig } from '../config';
-import { getAuthToken } from './auth.service';
-import { OvcType } from '../libs/OvcConverter';
+import { v4 as uuid } from "uuid";
+import { getConfig } from "../config";
+import { getAuthToken } from "./auth.service";
+import { OvcType } from "../libs/OvcConverter";
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const pkg = require('../../package.json');
+const pkg = require("../../package.json");
 
 const { name } = pkg;
 // const { version } = pkg;
 
 const isAuthenticatedWizard = process.env.REACT_APP_IS_AUTHENTICATED_WIZARD;
 const isTeam =
-  process.env.REACT_APP_IS_TEAM && process.env.REACT_APP_IS_TEAM === 'true';
+  process.env.REACT_APP_IS_TEAM && process.env.REACT_APP_IS_TEAM === "true";
 
 export const getTraceHeader = () => {
-  let sample = '0.1';
+  let sample = "0.1";
   if (
-    process.env.REACT_APP_ENV === 'DEV' ||
-    process.env.REACT_APP_ENV === 'staging'
+    process.env.REACT_APP_ENV === "DEV" ||
+    process.env.REACT_APP_ENV === "staging"
   ) {
-    sample = '1';
+    sample = "1";
   }
   // Follows RFC 6265 style syntax
-  const serviceName = 'Root';
+  const serviceName = "Root";
   // A 96-bit identifier for the trace, globally unique, in 24 hexadecimal digits.
-  const requestId = uuid().split('-').join('').substr(0, 24);
+  const requestId = uuid().split("-").join("").substr(0, 24);
   // Unix epoch time, in 8  hexadecimal digits.
   const epoch = (new Date().getTime() / 1000).toString(16).substr(0, 8);
   const traceHeader = `${serviceName}=1-${epoch}-${requestId};CalledFrom=${name};Sampled=${sample}`;
@@ -32,8 +32,8 @@ export const getTraceHeader = () => {
   return traceHeader;
 };
 const canalHeaders = {
-  'lp-referrer': window.document.referrer,
-  'lp-origin': window.location.href,
+  "lp-referrer": window.document.referrer,
+  "lp-origin": window.location.href,
 };
 
 const buildWizardUrl = (
@@ -42,11 +42,11 @@ const buildWizardUrl = (
   queryParams: URLSearchParams
 ) => {
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
-  const organizationPrefix = `${prefix ? `pre/${prefix}/` : ''}`;
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
+  const organizationPrefix = `${prefix ? `pre/${prefix}/` : ""}`;
   const searchParams = queryParams.toString()
     ? `?${queryParams.toString()}`
-    : '';
+    : "";
   return `${apiEndpoint}wizard/contractv1/${organizationPrefix}${uri}${searchParams}`;
 };
 
@@ -56,7 +56,7 @@ const buildFetchModelUrl = (
   uniqidParam: string,
   queryParams: URLSearchParams
 ) => {
-  const uniqidOrFallback = uniqidParam || '/model';
+  const uniqidOrFallback = uniqidParam || "/model";
   return buildWizardUrl(`${permalink}${uniqidOrFallback}`, prefix, queryParams);
 };
 
@@ -66,7 +66,7 @@ const buildWizardConfigUrl = (
   uniqidParam: string,
   queryParams: URLSearchParams
 ) => {
-  const uniqidOrFallback = uniqidParam || '';
+  const uniqidOrFallback = uniqidParam || "";
   return buildWizardUrl(
     `config/${permalink}${uniqidOrFallback}`,
     prefix,
@@ -79,21 +79,21 @@ const buildModelInformationUrl = (
   queryParams: URLSearchParams
 ): RequestInfo | RequestInit => {
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
   const searchParams = queryParams.toString()
     ? `?${queryParams.toString()}`
-    : '';
+    : "";
   return `${apiEndpoint}wizard/contractv1/model/${modelUuid}${searchParams}`;
 };
 
 const buildWizardHeaders = () => {
   const traceHeader = getTraceHeader();
-  return {
-    'Content-Type': 'application/json',
-    ...(traceHeader && { 'X-Amzn-Trace-Id': traceHeader }),
-    ...(traceHeader && isTeam && { 'X-Lp-Team': 'true' }),
+  return new Headers({
+    "Content-Type": "application/json",
+    ...(traceHeader && { "X-Amzn-Trace-Id": traceHeader }),
+    ...(traceHeader && isTeam && { "X-Lp-Team": "true" }),
     ...(isAuthenticatedWizard && { Authorization: `Bearer ${getAuthToken()}` }),
-  };
+  });
 };
 
 export const getWizardConfigArguments = (
@@ -102,13 +102,13 @@ export const getWizardConfigArguments = (
   prefix: string,
   queryParams: URLSearchParams
 ) => {
-  const wizardConfigArguments: (RequestInfo | RequestInit)[] = [
+  const wizardConfigArguments: [RequestInfo, RequestInit] = [
     buildWizardConfigUrl(prefix, permalink, uniqidParam, queryParams),
+    {
+      headers: buildWizardHeaders(),
+      credentials: "include",
+    },
   ];
-  wizardConfigArguments.push({
-    headers: buildWizardHeaders(),
-    credentials: 'include',
-  });
 
   return wizardConfigArguments;
 };
@@ -122,7 +122,7 @@ export const getModelInformationArguments = (
   ];
   wizardConfigArguments.push({
     headers: buildWizardHeaders(),
-    credentials: 'include',
+    credentials: "include",
   });
 
   return wizardConfigArguments;
@@ -139,7 +139,7 @@ export const getFetchModelArguments = (
   ];
   fetchModelArguments.push({
     headers: buildWizardHeaders(),
-    credentials: 'include',
+    credentials: "include",
   });
 
   return fetchModelArguments;
@@ -151,14 +151,14 @@ export const getCreateInstanceArguments = (
   modelVersion: string
 ) => {
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
 
   let headers: Record<string, string> = {
-    'Content-Type': 'application/json',
+    "Content-Type": "application/json",
   };
   const traceHeader = getTraceHeader();
   if (traceHeader) {
-    headers['X-Amzn-Trace-Id'] = traceHeader;
+    headers["X-Amzn-Trace-Id"] = traceHeader;
   }
   if (isAuthenticatedWizard) {
     headers = {
@@ -170,12 +170,12 @@ export const getCreateInstanceArguments = (
   const createInstanceArguments: (RequestInfo | RequestInit)[] = [
     `${apiEndpoint}wizard/instance/${permalink}${searchParams}`,
     {
-      method: 'POST',
-      credentials: 'include',
+      method: "POST",
+      credentials: "include",
       headers,
       body: JSON.stringify({
-        email: 'shadow',
-        app_type: 'wizardx',
+        email: "shadow",
+        app_type: "wizardx",
         draft: 1,
         contract_version: modelVersion,
         ovc: {},
@@ -191,31 +191,31 @@ export const getClientConfigArguments = (
   uniqid?: string
 ): [RequestInfo, RequestInit?] => {
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
   const route = `${apiEndpoint}client-config${
-    permalink ? `?permalink=${permalink}` : ''
-  }${uniqid ? `&disableOnBoarding=true` : ''}`;
+    permalink ? `?permalink=${permalink}` : ""
+  }${uniqid ? `&disableOnBoarding=true` : ""}`;
   return [
     route,
     {
       headers: {
-        'Content-Type': 'application/json',
+        "Content-Type": "application/json",
         Authorization: `Bearer ${getAuthToken()}`,
       },
-      credentials: 'include',
+      credentials: "include",
     },
   ];
 };
 
 export const getUserProfileArguments = (): [RequestInfo, RequestInit?] => {
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
   return [
     `${apiEndpoint}user/profile`,
     {
-      credentials: 'include',
+      credentials: "include",
       headers: {
-        'Content-Type': 'application/json',
+        "Content-Type": "application/json",
         Authorization: `Bearer ${getAuthToken()}`,
       },
     },
@@ -230,13 +230,13 @@ export const updateInstanceArguments = (
   additionalProperties?: Record<string, string | number>
 ) => {
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
   let headers: Record<string, string> = {
-    'Content-Type': 'application/json',
+    "Content-Type": "application/json",
   };
   const traceHeader = getTraceHeader();
   if (traceHeader) {
-    headers['X-Amzn-Trace-Id'] = traceHeader;
+    headers["X-Amzn-Trace-Id"] = traceHeader;
   }
   if (isAuthenticatedWizard) {
     headers = {
@@ -248,8 +248,8 @@ export const updateInstanceArguments = (
   return [
     `${apiEndpoint}wizard/instance/${permalink}/${uniqid}`,
     {
-      method: uniqid ? 'PUT' : 'POST',
-      credentials: 'include',
+      method: uniqid ? "PUT" : "POST",
+      credentials: "include",
       headers,
       body: JSON.stringify({
         ovc,

package/src/service/auth.service.ts

@@ -1,5 +1,5 @@
-import Cookies from 'universal-cookie';
+import Cookies from "universal-cookie";
 
 const cookies = new Cookies();
 
-export const getAuthToken = (): string | undefined => cookies.get('token');
+export const getAuthToken = (): string | undefined => cookies.get("token");

package/src/service/pardot.service.ts

@@ -1,4 +1,4 @@
-import Cookies from 'universal-cookie';
+import Cookies from "universal-cookie";
 
 const cookies = new Cookies();
 
@@ -6,5 +6,5 @@ export interface IPardotAttributes {
   visitorId: number;
 }
 export const pardotAttributes = (): IPardotAttributes => ({
-  visitorId: cookies.get('visitor_id906092'),
+  visitorId: cookies.get("visitor_id906092"),
 });

package/src/tests-misc/plugins/jestTestPlugin/after.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const After: React.FC = () => <div className="title">Hello world - AFTER</div>;
 

package/src/tests-misc/plugins/jestTestPlugin/before.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const Before: React.FC = () => (
   <h1>

package/src/tests-misc/plugins/jestTestPlugin/index.ts

@@ -1,10 +1,10 @@
-import loadable from '@loadable/component';
+import loadable from "@loadable/component";
 
 const jestTestPlugin = {
-  after: loadable(() => import('./after')),
-  before: loadable(() => import('./before')),
+  after: loadable(() => import("./after")),
+  before: loadable(() => import("./before")),
   replace: {
-    TitleComponent: loadable(() => import('./title')),
+    TitleComponent: loadable(() => import("./title")),
   },
 };
 

package/src/tests-misc/plugins/jestTestPlugin/title.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
+import React from "react";
 
 const Title: React.FC = (props) => {
   const { children } = props;
-  return <h1 style={{ color: 'red' }}>{children}</h1>;
+  return <h1 style={{ color: "red" }}>{children}</h1>;
 };
 
 export default Title;

package/src/tests-misc/themes/jestTestTheme/components/EmailComponent.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const EmailComponent = () => <h1>Wizard test theme, EmailComponent</h1>;
 

package/src/tests-misc/themes/jestTestTheme/components/TermsheetComponent.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const TermsheetComponent = () => <h1>Wizard test theme, TermsheetComponent</h1>;
 

package/src/tests-misc/themes/jestTestTheme/components/WizardComponent.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const WizardComponent = () => <h1>Wizard test theme, WizardComponent</h1>;
 

package/src/tests-misc/themes/jestTestTheme/faltyIndex.ts

@@ -1,3 +1,3 @@
 export function loader() {
-  return 'Something';
+  return "Something";
 }

package/src/tests-misc/themes/jestTestTheme/faltyIndexLoader.ts

@@ -1 +1 @@
-export const loader = 'ok';
+export const loader = "ok";

package/src/tests-misc/themes/jestTestTheme/index.ts

@@ -1,10 +1,10 @@
-import loadable from '@loadable/component';
+import loadable from "@loadable/component";
 
-const WizardComponent = loadable(() => import('./components/WizardComponent'));
+const WizardComponent = loadable(() => import("./components/WizardComponent"));
 const TermsheetComponent = loadable(
-  () => import('./components/TermsheetComponent')
+  () => import("./components/TermsheetComponent")
 );
-const EmailComponent = loadable(() => import('./components/EmailComponent'));
+const EmailComponent = loadable(() => import("./components/EmailComponent"));
 
 export default {
   WizardComponent,