@legalplace/wizardx-core 0.0.1-alpha.0

package/src/redux/store.ts

@@ -0,0 +1,90 @@
+import { combineReducers, createStore, applyMiddleware } 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';
+
+let store: any = null;
+let history: any = null;
+
+/**
+ * Store creation
+ */
+export const createAppStore = (
+  historyType: 'browser' | 'memory' = 'browser'
+) => {
+  // Creating history according to type
+  history = createHistory(historyType);
+
+  // Combining reducers
+  const wizardApp = combineReducers<StateType>({
+    router: connectRouter<LocationState>(history),
+    app: appReducer,
+    user: userReducer,
+    references: referencesReducer,
+    inputs: inputsReducer,
+    mandatories: mandatoriesReducer,
+    conditions: conditionsReducer,
+    smartscript: smartscriptReducer,
+  });
+
+  // Saga Middleware
+  const sagaMiddleware = createSagaMiddleware();
+
+  // Applying middlewares
+  const appliedMiddlewares = applyMiddleware(
+    pluginsHookMiddleware,
+    routerMiddleware(history),
+    sagaMiddleware,
+    paginationWatcherMiddleware,
+    selectorsMiddleware,
+    conditionsWatcherMiddleware,
+    prefillerWatcherMiddleware,
+    evaluationsWatcherMiddleware,
+    multiplesActionsMiddleware,
+    mandatoriesWatcherMiddleware,
+    smartscriptMiddleware
+  );
+
+  const middlewares =
+    Globals.env !== 'production'
+      ? composeWithDevTools(appliedMiddlewares)
+      : appliedMiddlewares;
+
+  // Creating the store
+  store = createStore(wizardApp, middlewares);
+
+  // Running Sagas
+  sagasRunner(sagaMiddleware);
+
+  // Subscribing listeners
+  subscribeListeners(store);
+};
+
+export const getStore = () => {
+  if (isNull(store)) throw new Error('Store not yet created');
+  return store;
+};

package/src/service/api.manager.ts

@@ -0,0 +1,261 @@
+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 { 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';
+
+export const getTraceHeader = () => {
+  let sample = '0.1';
+  if (
+    process.env.REACT_APP_ENV === 'DEV' ||
+    process.env.REACT_APP_ENV === 'staging'
+  ) {
+    sample = '1';
+  }
+  // Follows RFC 6265 style syntax
+  const serviceName = 'Root';
+  // A 96-bit identifier for the trace, globally unique, in 24 hexadecimal digits.
+  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}`;
+
+  return traceHeader;
+};
+const canalHeaders = {
+  'lp-referrer': window.document.referrer,
+  'lp-origin': window.location.href,
+};
+
+const buildWizardUrl = (
+  uri: string,
+  prefix: string,
+  queryParams: URLSearchParams
+) => {
+  const apiEndpoint =
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+  const organizationPrefix = `${prefix ? `pre/${prefix}/` : ''}`;
+  const searchParams = queryParams.toString()
+    ? `?${queryParams.toString()}`
+    : '';
+  return `${apiEndpoint}wizard/contractv1/${organizationPrefix}${uri}${searchParams}`;
+};
+
+const buildFetchModelUrl = (
+  prefix: string,
+  permalink: string,
+  uniqidParam: string,
+  queryParams: URLSearchParams
+) => {
+  const uniqidOrFallback = uniqidParam || '/model';
+  return buildWizardUrl(`${permalink}${uniqidOrFallback}`, prefix, queryParams);
+};
+
+const buildWizardConfigUrl = (
+  prefix: string,
+  permalink: string,
+  uniqidParam: string,
+  queryParams: URLSearchParams
+) => {
+  const uniqidOrFallback = uniqidParam || '';
+  return buildWizardUrl(
+    `config/${permalink}${uniqidOrFallback}`,
+    prefix,
+    queryParams
+  );
+};
+
+const buildModelInformationUrl = (
+  modelUuid: string,
+  queryParams: URLSearchParams
+): RequestInfo | RequestInit => {
+  const 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' }),
+    ...(isAuthenticatedWizard && { Authorization: `Bearer ${getAuthToken()}` }),
+  };
+};
+
+export const getWizardConfigArguments = (
+  permalink: string,
+  uniqidParam: string,
+  prefix: string,
+  queryParams: URLSearchParams
+) => {
+  const wizardConfigArguments: (RequestInfo | RequestInit)[] = [
+    buildWizardConfigUrl(prefix, permalink, uniqidParam, queryParams),
+  ];
+  wizardConfigArguments.push({
+    headers: buildWizardHeaders(),
+    credentials: 'include',
+  });
+
+  return wizardConfigArguments;
+};
+
+export const getModelInformationArguments = (
+  modelUuid: string,
+  queryParams: URLSearchParams
+) => {
+  const wizardConfigArguments = [
+    buildModelInformationUrl(modelUuid, queryParams),
+  ];
+  wizardConfigArguments.push({
+    headers: buildWizardHeaders(),
+    credentials: 'include',
+  });
+
+  return wizardConfigArguments;
+};
+
+export const getFetchModelArguments = (
+  permalink: string,
+  uniqidParam: string,
+  prefix: string,
+  queryParams: URLSearchParams
+) => {
+  const fetchModelArguments: (RequestInfo | RequestInit)[] = [
+    buildFetchModelUrl(prefix, permalink, uniqidParam, queryParams),
+  ];
+  fetchModelArguments.push({
+    headers: buildWizardHeaders(),
+    credentials: 'include',
+  });
+
+  return fetchModelArguments;
+};
+
+export const getCreateInstanceArguments = (
+  permalink: string,
+  searchParams: string,
+  modelVersion: string
+) => {
+  const apiEndpoint =
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+
+  let headers: Record<string, string> = {
+    'Content-Type': 'application/json',
+  };
+  const traceHeader = getTraceHeader();
+  if (traceHeader) {
+    headers['X-Amzn-Trace-Id'] = traceHeader;
+  }
+  if (isAuthenticatedWizard) {
+    headers = {
+      ...headers,
+      ...canalHeaders,
+      Authorization: `Bearer ${getAuthToken()}`,
+    };
+  }
+  const createInstanceArguments: (RequestInfo | RequestInit)[] = [
+    `${apiEndpoint}wizard/instance/${permalink}${searchParams}`,
+    {
+      method: 'POST',
+      credentials: 'include',
+      headers,
+      body: JSON.stringify({
+        email: 'shadow',
+        app_type: 'wizardx',
+        draft: 1,
+        contract_version: modelVersion,
+        ovc: {},
+      }),
+    },
+  ];
+
+  return createInstanceArguments;
+};
+
+export const getClientConfigArguments = (
+  permalink?: string,
+  uniqid?: string
+): [RequestInfo, RequestInit?] => {
+  const apiEndpoint =
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+  const route = `${apiEndpoint}client-config${
+    permalink ? `?permalink=${permalink}` : ''
+  }${uniqid ? `&disableOnBoarding=true` : ''}`;
+  return [
+    route,
+    {
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${getAuthToken()}`,
+      },
+      credentials: 'include',
+    },
+  ];
+};
+
+export const getUserProfileArguments = (): [RequestInfo, RequestInit?] => {
+  const apiEndpoint =
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+  return [
+    `${apiEndpoint}user/profile`,
+    {
+      credentials: 'include',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${getAuthToken()}`,
+      },
+    },
+  ];
+};
+
+export const updateInstanceArguments = (
+  permalink: string,
+  uniqid: string | undefined,
+  ovc: OvcType,
+  draft: number,
+  additionalProperties?: Record<string, string | number>
+) => {
+  const apiEndpoint =
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+  let headers: Record<string, string> = {
+    'Content-Type': 'application/json',
+  };
+  const traceHeader = getTraceHeader();
+  if (traceHeader) {
+    headers['X-Amzn-Trace-Id'] = traceHeader;
+  }
+  if (isAuthenticatedWizard) {
+    headers = {
+      ...headers,
+      ...canalHeaders,
+      Authorization: `Bearer ${getAuthToken()}`,
+    };
+  }
+  return [
+    `${apiEndpoint}wizard/instance/${permalink}/${uniqid}`,
+    {
+      method: uniqid ? 'PUT' : 'POST',
+      credentials: 'include',
+      headers,
+      body: JSON.stringify({
+        ovc,
+        draft,
+        ...additionalProperties,
+      }),
+    },
+  ];
+};

package/src/service/auth.service.ts

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

package/src/service/index.ts

@@ -0,0 +1,3 @@
+export * from './api.manager';
+export * from './auth.service';
+export * from './pardot.service';

package/src/service/pardot.service.ts

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Before: React.FC = () => (
+  <h1>
+    Hello
+    <b>world</b>
+    !!!
+  </h1>
+);
+
+export default Before;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const EmailComponent = () => {
+  return <h1>Wizard test theme, EmailComponent</h1>;
+};
+
+export default EmailComponent;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const TermsheetComponent = () => {
+  return <h1>Wizard test theme, TermsheetComponent</h1>;
+};
+
+export default TermsheetComponent;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const WizardComponent = () => {
+  return <h1>Wizard test theme, WizardComponent</h1>;
+};
+
+export default WizardComponent;

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

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

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

@@ -0,0 +1 @@
+export const loader = 'ok';

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

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