@genesislcap/blank-app-seed 3.29.2 → 3.30.0-prerelease.1

package/CHANGELOG.md

@@ -1,18 +1,116 @@
 # Changelog
 
-## [3.29.2](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1...v3.29.2) (2024-08-15)
+## [3.30.0-prerelease.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.15...v3.30.0-prerelease.1) (2024-09-05)
+
+
+### Features
+
+* add entityLabel so toast popups tell us the type of entity added GENC-762 (#333) 692bda0
+
+## [3.29.1-prerelease.15](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.14...v3.29.1-prerelease.15) (2024-09-05)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 9e491e3
+
+## [3.29.1-prerelease.14](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.13...v3.29.1-prerelease.14) (2024-09-05)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) a9473e4
+
+## [3.29.1-prerelease.13](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.12...v3.29.1-prerelease.13) (2024-09-05)
+
+
+### Bug Fixes
+
+* automated dependency version update [skip-ci] [PSD-9](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/9) (#328) 626c48b
+
+## [3.29.1-prerelease.12](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.11...v3.29.1-prerelease.12) (2024-09-03)
+
+
+### Bug Fixes
+
+* update unit test commands in package.json (#329) 290a3ab
+
+## [3.29.1-prerelease.11](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.10...v3.29.1-prerelease.11) (2024-08-28)
+
+
+### Bug Fixes
+
+* automated dependency version update [skip-ci] [PSD-9](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/9) (#323) aea0500
+
+## [3.29.1-prerelease.10](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.9...v3.29.1-prerelease.10) (2024-08-23)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 940ebbc
+
+## [3.29.1-prerelease.9](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.8...v3.29.1-prerelease.9) (2024-08-23)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) fea6c6f
+
+## [3.29.1-prerelease.8](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.7...v3.29.1-prerelease.8) (2024-08-23)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 0fbf0b3
+
+## [3.29.1-prerelease.7](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.6...v3.29.1-prerelease.7) (2024-08-20)
+
+
+### Bug Fixes
+
+* automated dependency version update [skip-ci] [PSD-9](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/9) (#321) b5d9dd9
+
+## [3.29.1-prerelease.6](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.5...v3.29.1-prerelease.6) (2024-08-20)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) f18c4cf
+
+## [3.29.1-prerelease.5](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.4...v3.29.1-prerelease.5) (2024-08-16)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) a2c959c
+
+## [3.29.1-prerelease.4](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.3...v3.29.1-prerelease.4) (2024-08-16)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 872539b
+
+## [3.29.1-prerelease.3](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.2...v3.29.1-prerelease.3) (2024-08-15)
+
+
+### Bug Fixes
+
+* useonlytemplatecols not enabled from create GENC-703 (#316) 93c9e9f
+
+## [3.29.1-prerelease.2](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.1-prerelease.1...v3.29.1-prerelease.2) (2024-08-15)
 
 
 ### Bug Fixes
 
-* handling multiple hyphens when generating DB namespace PA-1361 (#318) 2dbaadb, closes PSD-9 PSD-9 PSD-0 PSD-0 PSD-0 PSD-0 PTC-0
+* handling multiple hyphens when generating DB namespace PA-1361 (#317) ceda4bb
 
-## [3.29.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.0...v3.29.1) (2024-08-14)
+## [3.29.1-prerelease.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.29.0...v3.29.1-prerelease.1) (2024-08-14)
 
 
 ### Bug Fixes
 
-* automated dependency version update [skip-ci] [PSD-9](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/9) (#313) 2b62917
+* automated dependency version update [skip-ci] [PSD-9](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/9) (#314) 5070baa
 
 ## [3.29.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.28.6...v3.29.0) (2024-08-13)
 

package/client-tmp/react/.eslintrc.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   root: true,
-  env: { browser: true, es2020: true },
+  env: { browser: true, es2020: true, node: true, jest: true },
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
@@ -10,6 +10,8 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
     'react-refresh/only-export-components': [
       'warn',
       { allowConstantExport: true },

package/client-tmp/react/env.development.json

@@ -0,0 +1,3 @@
+ {
+    "VITE_API_HOST": "{{apiHost}}"
+ }

package/client-tmp/react/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{pkgName}}</title>
+    <title>{{capitalCase appName}}</title>
   </head>
   <body>
     <div id="root"></div>

package/client-tmp/react/lint-css.js

@@ -0,0 +1,18 @@
+const { execSync } = require('child_process');
+const glob = require('glob');
+const path = require('path');
+const cssFiles = glob.sync(path.join(__dirname, '**/*.css'));
+
+if (cssFiles.length === 0) {
+  console.log('No CSS files found.');
+  process.exit(0);
+}
+
+const command = `genx lint -l stylelint ${cssFiles.join(' ')}`;
+
+try {
+  execSync(command, { stdio: 'inherit' });
+} catch (error) {
+  console.error('Error running stylelint:', error);
+  process.exit(1);
+}

package/client-tmp/react/package.json

@@ -5,12 +5,26 @@
   "scripts": {
     "baseline": "npm run clean && npm run bootstrap",
     "bootstrap": "npm i --legacy-peer-deps",
+    "bootstrap:ci": "npm ci --no-fund --no-audit",
+    "build": "vite build",
+    "build:stats": "npm run build --stats-json",
+    "clean": "genx clean dist node_modules",
     "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "serve": "vite preview",
-    "clean": "rm -rf node_modules dist",
-    "lint:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix"
+    "dev:docker": "npm run dev -- --host 0.0.0.0",
+    "dev:no-open": "NO_OPEN=true npm run dev",
+    "dev:intellij": "npm run dev",
+    "dev:https": "HTTPS=true npm run dev",
+    "dsconfig": "dsconfig --path src/styles/design-tokens.json",
+    "lint": "eslint src/**/*.js src/**/*.jsx",
+    "lint:fix": "eslint src/**/*.js src/**/*.jsx --fix",
+    "lint:eslint": "npm lint",
+    "lint:stylelint": "node lint-css.js",
+    "test": "genx test",
+    "test:e2e": "genx test --e2e",
+    "test:e2e:debug": "genx test --e2e --debug",
+    "test:e2e:ui": "genx test --e2e --interactive",
+    "test:coverage": "genx test --no-watch --coverage",
+    "test:unit:watch": "genx test --watch"
   },
   "dependencies": {
     "@ag-grid-community/client-side-row-model": "29.2.0",
@@ -19,6 +33,9 @@
     "@ag-grid-enterprise/core": "29.2.0",
     "@ag-grid-enterprise/row-grouping": "29.2.0",
     "@ag-grid-enterprise/server-side-row-model": "29.2.0",
+    {{#if FDC3.includeDependencies}}
+    "@genesislcap/foundation-fdc3": "{{versions.UI}}",
+    {{/if}}
     "@genesislcap/foundation-comms": "{{versions.UI}}",
     "@genesislcap/foundation-login": "{{versions.UI}}",
     "@genesislcap/foundation-entity-management": "{{versions.UI}}",
@@ -34,6 +51,15 @@
     "react-router-dom": "6.24.1"
   },
   "devDependencies": {
+    "@genesislcap/design-system-configurator": "{{versions.UI}}",
+    "@genesislcap/eslint-config": "{{versions.UI}}",
+    "@genesislcap/prettier-config": "{{versions.UI}}",
+    "@genesislcap/foundation-testing": "{{versions.UI}}",
+    "@genesislcap/genx": "{{versions.UI}}",
+    "@genesislcap/build-kit": "{{versions.UI}}",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.0",
     "@types/node": "^20.14.10",
     "@types/react": "npm:types-react@alpha",  
     "@types/react-dom": "npm:types-react-dom@alpha",

package/client-tmp/react/playwright.config.ts

@@ -0,0 +1,17 @@
+import { configDefaults } from '@genesislcap/foundation-testing/e2e';
+
+export const PROTOCOL = process.env['PROTOCOL'] || 'http';
+export const HOST = process.env['HOST'] || 'localhost';
+export const PORT: number = Number(process.env['PORT']) || 5173;
+
+export default {
+    ...configDefaults,
+    webServer: {
+        ...configDefaults.webServer,
+        url: `${PROTOCOL}://${HOST}:${PORT}`,
+    },
+    use: {
+        ...configDefaults.use,
+        baseURL: `${PROTOCOL}://${HOST}:${PORT}`,
+    }
+};

package/client-tmp/react/src/App.tsx

@@ -1,36 +1,59 @@
-import React from 'react';
 import {
   unstable_HistoryRouter as HistoryRouter,
   Routes,
   Route,
   useLocation,
 } from 'react-router-dom';
-import history from './utils/history';
+import { useEffect } from 'react';
+import { history, setApiHost{{#if FDC3.channels.length}}, listenToChannel{{/if}} } from './utils';
 import LayoutWrapper from './layouts/LayoutWrapper';
-import { routeLayouts } from './config';
+import { AUTH_PATH, NOT_PERMITTED_PATH, routeLayouts } from './config';
 import AuthGuard from './guards/AuthGuard';
+import PermissionsGuard from './guards/PermissionsGuard';
 import { AuthProvider } from './store/AuthContext';
 // Pages Components
-import AuthPage from './pages/auth/AuthPage';
+import AuthPage from './pages/AuthPage/AuthPage';
+import NotPermittedPage from './pages/NotPermittedPage/NotPermittedPage';
 {{#each routes}}
 import {{pascalCase this.name}} from './pages/{{kebabCase this.name}}/{{pascalCase this.name}}';
 {{/each}}
+
 // Genesis Components
 import './share/genesis-components';
 
 const LayoutWithLocation = () => {
   const location = useLocation();
   const layout = routeLayouts[location.pathname] || 'default';
+  {{#if FDC3.channels.length}}
+  useEffect(() => {
+    {{#each FDC3.channels}}
+    listenToChannel('{{this.name}}', '{{this.type}}', (result) => {
+      console.log('Received FDC3 channel message on: {{this.name}} channel, type: {{this.type}}', result);
+      // TODO: Add your listener logic here
+      // E.g. open a modal or route to specific page: Route.path.push(`[Route name]`);
+    });
+    {{/each}}
+    
+    return () => {
+      console.log('Component is being unmounted');
+    };
+  }, []);
+  {{/if}}
 
   let pageComponent;
+  let permissionCode = '{{this.permissions.viewRight}}';
 
   switch (location.pathname) {
-    case '/auth':
+    case `/${AUTH_PATH}`:
       pageComponent = <AuthPage />;
       break;
+    case `/${NOT_PERMITTED_PATH}`:
+      pageComponent = <NotPermittedPage />;
+      break;
   {{#each routes}}
     case '/{{kebabCase this.name}}':
       pageComponent = <{{pascalCase this.name}} />;
+      permissionCode = '{{this.permissions.viewRight}}';
       break;
   {{/each}}
     default:
@@ -45,13 +68,17 @@ const LayoutWithLocation = () => {
   } else {
     return (
       <AuthGuard>
-        <LayoutWrapper layout={layout}>{pageComponent}</LayoutWrapper>
+        <PermissionsGuard permissionCode={permissionCode}>
+          <LayoutWrapper layout={layout}>{pageComponent}</LayoutWrapper>
+        </PermissionsGuard>
       </AuthGuard>
     );
   }
 };
 
 const App: React.FC = () => {
+  setApiHost();
+
   return (
     <AuthProvider>
       <HistoryRouter history={history}>

package/client-tmp/react/src/components/ErrorMessage/ErrorMessage.jsx

@@ -0,0 +1,62 @@
+import React from 'react';
+
+const styles = {
+  errorMessageWrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: '100%',
+    width: '100%',
+  },
+  errorMessage: {
+    color: 'var(--neutral-foreground-rest)',
+    backgroundColor: 'var(--neutral-layer-4)',
+    borderColor: 'var(--error-color)',
+    borderRadius: '7px',
+    borderStyle: 'solid',
+    borderWidth: '4px',
+    padding: '5px',
+    margin: '15px',
+    textAlign: 'center',
+    width: 'fit-content',
+    alignSelf: 'center',
+    height: 'auto',
+    maxHeight: '100%'
+  },
+};
+
+const ErrorMessage = ({ elementType = 'div', message = '' }) => {
+  const ElementType = elementType;
+
+  return message && message !== '' && (
+    <section style={styles.errorMessageWrapper}>
+      <div style={styles.errorMessage}>
+        {(() => {
+          switch (ElementType) {
+            case 'h1':
+              return <h1>{message}</h1>;
+            case 'h2':
+              return <h2>{message}</h2>;
+            case 'h3':
+              return <h3>{message}</h3>;
+            case 'h4':
+              return <h4>{message}</h4>;
+            case 'h5':
+              return <h5>{message}</h5>;
+            case 'h6':
+              return <h6>{message}</h6>;
+            case 'p':
+              return <p>{message}</p>;
+            case 'span':
+              return <span>{message}</span>;
+            default:
+              return <div>{message}</div>;
+          }
+        })()}
+      </div>
+    </section>
+  );
+};
+
+export default ErrorMessage;

package/client-tmp/react/src/components/ErrorMessage.test.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import ErrorMessage from './ErrorMessage';
+
+describe('ErrorMessage Component', () => {
+  const message = 'Test Error Message';
+
+  test('renders the message as a div by default', () => {
+    render(<ErrorMessage message={message} />);
+    const displayedMessage = screen.getByText(message);
+    expect(displayedMessage.tagName).toBe('DIV');
+    expect(displayedMessage).toBeInTheDocument();
+  });
+
+  test('renders the message as an h1 element when elementType is "h1"', () => {
+    render(<ErrorMessage message={message} elementType="h1" />);
+    const displayedMessage = screen.getByRole('heading', { level: 1 });
+    expect(displayedMessage.tagName).toBe('H1');
+    expect(displayedMessage).toBeInTheDocument();
+  });
+
+  test('renders the message as a p element when elementType is "p"', () => {
+    render(<ErrorMessage message={message} elementType="p" />);
+    const displayedMessage = screen.getByText(message);
+    expect(displayedMessage.tagName).toBe('P');
+    expect(displayedMessage).toBeInTheDocument();
+  });
+
+  test('applies the correct styles to the error message wrapper', () => {
+    render(<ErrorMessage message={message} />);
+    const wrapper = screen.getByText(message).closest('section');
+    expect(wrapper).toHaveStyle(`
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+      width: 100%;
+    `);
+  });
+
+  test('applies the correct styles to the error message itself', () => {
+    render(<ErrorMessage message={message} />);
+    const displayedMessage = screen.getByText(message);
+    const messageWrapper = displayedMessage.parentElement;
+    
+    expect(messageWrapper).toBeInTheDocument();
+    expect(messageWrapper).toHaveStyle(`
+      color: var(--neutral-foreground-rest);
+      background-color: var(--neutral-layer-4);
+      border-color: var(--error-color);
+      border-radius: 7px;
+      border-style: solid;
+      border-width: 4px;
+      padding: 5px;
+      margin: 15px;
+      text-align: center;
+      width: fit-content;
+      align-self: center;
+      height: auto;
+      max-height: 100%;
+    `);
+  });
+
+  test('renders nothing if the message is an empty string', () => {
+    const { container } = render(<ErrorMessage message="" />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  test('renders the correct element type for various elementType props', () => {
+    const elementTypes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'div'];
+    elementTypes.forEach((elementType) => {
+      const { container } = render(<ErrorMessage message={message} elementType={elementType} />);
+      const displayedMessage = container.querySelector(elementType);
+      expect(displayedMessage).toBeInTheDocument();
+      expect(displayedMessage.tagName).toBe(elementType.toUpperCase());
+    });
+  });
+});

package/client-tmp/react/src/config.ts

@@ -9,9 +9,10 @@ export const routeLayouts: RouteLayouts = {
 import type { MainMenu } from './types/menu';
 
 export const AUTH_PATH = 'auth';
+export const NOT_PERMITTED_PATH = 'not-permitted';
 
 export const API_DATA = {
-  URL: '',
+  URL: import.meta.env.VITE_API_HOST,
   AUTH: {
     username: '', // provide login to a user in given environment
     password: '', // provide password to a user in given environment

package/client-tmp/react/src/custom-elements.d.ts

@@ -1,7 +1,7 @@
 declare namespace JSX {
   interface IntrinsicElements {
     // Wildcard for all webcomponents:
-    [elemName: string]: any;
+    [elemName: string]: unknown;
   }
 }
 

package/client-tmp/react/src/guards/PermissionsGuard.tsx

@@ -0,0 +1,37 @@
+import { useEffect, useState, ReactNode } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { getUser } from '@genesislcap/foundation-user';
+import { NOT_PERMITTED_PATH } from '../config';
+
+interface PermissionsGuardProps {
+  children: ReactNode;
+  permissionCode?: string;
+}
+
+const PermissionsGuard: React.FC<PermissionsGuardProps> = ({ children, permissionCode }: PermissionsGuardProps) => {
+  const navigate = useNavigate();
+  const [isAuthorized, setIsAuthorized] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const checkPermission = async () => {
+      const user = getUser();
+      if (permissionCode && !user.hasPermission(permissionCode)) {
+        navigate(`/${NOT_PERMITTED_PATH}`);
+      } else {
+        setIsAuthorized(true);
+      }
+      setIsLoading(false);
+    };
+
+    checkPermission();
+  }, [navigate, permissionCode]);
+
+  if (isLoading) {
+    return <div>Loading...</div>; // Or some loading component
+  }
+
+  return isAuthorized ? <>{children}</> : null;
+};
+
+export default PermissionsGuard;

package/client-tmp/react/src/pages/NotPermittedPage/NotPermittedPage.jsx

@@ -0,0 +1,13 @@
+import ErrorMessage from '../../components/ErrorMessage/ErrorMessage';
+import './NotPermittedPage.css';
+
+const NotPermittedPage = () => {
+  return (
+    <ErrorMessage
+    elementType="h1"
+    message="You do not have permission to access this part of the application, please contact your administrator."
+    ></ErrorMessage>
+  );
+};
+
+export default NotPermittedPage;

package/client-tmp/react/src/share/foundation-login.ts

@@ -1,7 +1,7 @@
 import {configure, define} from '@genesislcap/foundation-login';
 import { AUTH_PATH } from '../config';
 import { DI } from '@microsoft/fast-foundation';
-import history from '../utils/history';
+import { history } from '../utils/history';
 
 /**
  * Configure the micro frontend

package/client-tmp/react/src/svg-elements.d.ts

@@ -1,4 +1,4 @@
 declare module '*.svg' {
-  const content: any;
+  const content: string;
   export default content;
 }

package/client-tmp/react/src/utils/fdc3.ts

@@ -0,0 +1,32 @@
+{{#if FDC3.includeDependencies}}
+import { DefaultFDC3 } from '@genesislcap/foundation-fdc3';
+{{/if}}
+export const isFDC3 = (): boolean => !!((window as unknown as { fdc3?: boolean }).fdc3);
+{{#if FDC3.includeDependencies}}
+
+export const onFDC3Ready = async (FDC3ReadyCb: () => any): Promise<void> => {
+  isFDC3()
+    ? await FDC3ReadyCb()
+    : window.addEventListener('fdc3Ready', async () => {
+      await FDC3ReadyCb();
+    });
+};
+
+export const listenToChannel = async (
+  channelName: string,
+  type: string,
+  callback: (result: any) => void,
+): Promise<void> => {
+  const fdc3Service = new DefaultFDC3();
+  fdc3Service.addChannelListener(channelName, type, callback);
+};
+
+export const sendEventOnChannel = (channelName: string, type: string) => {
+  return async (e: any) => {
+    const fdc3Service = new DefaultFDC3();
+    // check for ag-grid-specific events, fall back to standard events
+    const payload = e.data || e.detail;
+    await fdc3Service.broadcastOnChannel(channelName, type, payload);
+  };
+};
+{{/if}}

package/client-tmp/react/src/utils/history.ts

@@ -1,5 +1,3 @@
 import { createBrowserHistory } from 'history';
 
-const history = createBrowserHistory();
-
-export default history;
+export const history = createBrowserHistory();

package/client-tmp/react/src/utils/index.ts

@@ -0,0 +1,4 @@
+export * from './history';
+export * from './fdc3';
+export * from './permissions';
+export * from './setApiHost';

package/client-tmp/react/src/utils/permissions.ts

@@ -0,0 +1,7 @@
+import { User } from '@genesislcap/foundation-user';
+
+export const getViewUpdateRightComponent = (
+  user: User,
+  right: string,
+  event: string | boolean = true,
+) => (!right || user.hasPermission(right) ? event : '');

package/client-tmp/react/src/utils/setApiHost.ts

@@ -0,0 +1,9 @@
+import { API_DATA } from '../config';
+
+export const setApiHost = () => {
+    const { URL: apiHost } = API_DATA;
+  
+    if (apiHost) {
+      sessionStorage.setItem('hostUrl', apiHost);
+    }
+  };

package/client-tmp/react/test/e2e/fixture.ts

@@ -0,0 +1,26 @@
+import { base, Page } from '@genesislcap/foundation-testing/e2e';
+import { ProtectedPage } from './pages';
+import { PORT } from '../../playwright.config';
+
+export type FixtureConfig = {
+  API_HOST: string;
+  DEFAULT_USER: string;
+  DEFAULT_PASSWORD: string;
+  PORT: number;
+};
+
+export type Fixture = {
+  config: FixtureConfig;
+  protectedPage: ProtectedPage;
+};
+
+const API_HOST = process.env['API_HOST'] || 'localhost';
+
+export const test = base.extend<Fixture>({
+  config: [{ PORT, API_HOST, DEFAULT_PASSWORD: '', DEFAULT_USER: '' }, { option: true }],
+  protectedPage: async ({ config, page }: { config: FixtureConfig, page: Page }, use: (page: ProtectedPage) => Promise<unknown>) => {
+    const protectedPage = new ProtectedPage(config, page);
+    await protectedPage.goto();
+    await use(protectedPage);
+  },
+});