@genesislcap/pbc-reconciliation-ui 0.0.45 → 14.339.0

package/src/services/reconciliation.service.ts

@@ -0,0 +1,120 @@
+import { Connect, Message } from '@genesislcap/foundation-comms';
+import { DI } from '@genesislcap/web-core';
+import { getDatasourcePairResultCriteria } from '../components/reconciliations-panel/reconciliations-panel.utils';
+import { MAX_ROWS_RECONCILIATION_RESULT } from '../reconciliation.types';
+import { logger } from '../utils';
+
+export interface ReconciliationService {
+  getReconciliations();
+  runReconciliation(reconciliationInsert);
+  stopReconciliation(reconciliationId: string);
+  getReconciliationRecordResult(reconciliationRecordResultId: string);
+  updateReconciliationRecordComment(reconciliationRecordResultId: string, text: string);
+  getReconciliationDatasourcePairs(reconciliationRecordResultId: string);
+  getReconciliationRecordResults(criteria?: string);
+}
+
+class ReconciliationServiceImpl implements ReconciliationService {
+  @Connect private connect: Connect;
+
+  public getReconciliations() {
+    return this.connect.streamState(
+      'ALL_RECONCILIATION_VIEWS',
+      (message) => {
+        logger.info('ReconciliationService.getReconciliations', message);
+        return message;
+      },
+      (error) => {
+        logger.error('ReconciliationService.getReconciliations', error);
+      },
+    );
+  }
+
+  async runReconciliation(reconciliationInsert) {
+    const response = await this.connect.commitEvent('EVENT_RUN_RECONCILIATION', {
+      DETAILS: reconciliationInsert,
+      IGNORE_WARNINGS: true,
+      VALIDATE: false,
+    });
+
+    return response;
+  }
+
+  stopReconciliation(reconciliationId: string) {
+    return this.connect.commitEvent('EVENT_CANCEL_RECONCILIATION', {
+      DETAILS: {
+        RECONCILIATION_ID: reconciliationId,
+      },
+      IGNORE_WARNINGS: true,
+      VALIDATE: false,
+    });
+  }
+
+  async getReconciliationRecordResult(reconciliationRecordResultId: string) {
+    const response = await this.connect.request('REQ_RECONCILIATION_RECORD_PAIR_RESULT', {
+      REQUEST: {
+        RECONCILIATION_RECORD_RESULT_ID: reconciliationRecordResultId,
+      },
+    });
+
+    return response.REPLY[0];
+  }
+
+  async updateReconciliationRecordComment(
+    reconciliationRecordId: string,
+    text: string,
+  ): Promise<Message> {
+    return this.connect.commitEvent('EVENT_UPDATE_RESULT_COMMENT', {
+      DETAILS: {
+        RECORD_RESULT_ID: reconciliationRecordId,
+        TEXT: text,
+      },
+      IGNORE_WARNINGS: true,
+      VALIDATE: false,
+    });
+  }
+
+  async getReconciliationDatasourcePairs(reconciliationId: string) {
+    const response = await this.connect.request('REQ_RECONCILIATION_DATA_SOURCE_PAIRS', {
+      REQUEST: {
+        RECONCILIATION_ID: reconciliationId,
+      },
+    });
+
+    const datasourcePairs = new Map<string, any>(
+      response.REPLY[0].PAIRS.map((datasourcePair) => [
+        `${datasourcePair.FIRST_DATA_SOURCE_NAME}${datasourcePair.SECOND_DATA_SOURCE_NAME}`,
+        datasourcePair,
+      ]),
+    );
+
+    for (const datasourcePair of datasourcePairs.entries()) {
+      // eslint-disable-next-line no-await-in-loop
+      const reconciliationRecordResult: any = await this.getReconciliationRecordResults(
+        getDatasourcePairResultCriteria(
+          reconciliationId,
+          datasourcePairs.get(datasourcePair[0]),
+          false,
+        ),
+      );
+
+      datasourcePair[1].BREAKS_COUNTER = reconciliationRecordResult.ROW
+        ? reconciliationRecordResult.ROW.length
+        : 0;
+    }
+
+    return datasourcePairs;
+  }
+
+  async getReconciliationRecordResults(criteria?: string) {
+    return this.connect.snapshot('ALL_RECONCILIATION_RECORD_RESULTS_VIEW', {
+      CRITERIA_MATCH: criteria,
+      MAX_ROWS: MAX_ROWS_RECONCILIATION_RESULT,
+      MAX_VIEW: MAX_ROWS_RECONCILIATION_RESULT,
+    });
+  }
+}
+
+export const ReconciliationService = DI.createInterface<ReconciliationService>((x) =>
+  x.singleton(ReconciliationServiceImpl),
+);

package/src/styles/scrollbar.styles.ts

@@ -0,0 +1,15 @@
+import { css } from '@genesislcap/web-core';
+
+export const scrollbarStyles = css`
+  ::-webkit-scrollbar {
+    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--neutral-layer-1);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: var(--neutral-fill-rest);
+  }
+`;

package/src/tags/index.ts

@@ -0,0 +1 @@
+export * from './tags';

package/src/tags/tags.ts

@@ -0,0 +1,143 @@
+import { tagFor } from '@genesislcap/foundation-ui';
+import { DI } from '@genesislcap/web-core';
+import { ReconciliationConfig } from '../config/config';
+import { defaultTemplateOptions } from '../config/templates';
+
+/**
+ * It's important this file isn't referenced ahead of a `configure` call, otherwise these values may remain fixed at
+ * their defaults. Consumers must use the `/config` subpath to help avoid this. Files with references to tags should be
+ * lazily loaded. There is an alternative `getTags` utility at the end which could offer another approach, but direct
+ * tag exports and inline template references feel cleaner than having to convert all component `template` and `styles`
+ * exports to functions to call `getTags` on execution.
+ */
+
+/**
+ * @internal
+ */
+export const { templateOptions = defaultTemplateOptions } =
+  DI.getOrCreateDOMContainer().get(ReconciliationConfig);
+
+/**
+ * @internal
+ */
+export const iconTag = tagFor(templateOptions.icon);
+
+/**
+ * @internal
+ */
+export const badgeTag = tagFor(templateOptions.badge);
+
+/**
+ * @internal
+ */
+export const buttonTag = tagFor(templateOptions.button);
+
+/**
+ * @internal
+ */
+export const textFieldTag = tagFor(templateOptions.textField);
+
+/**
+ * @internal
+ */
+export const selectTag = tagFor(templateOptions.select);
+
+/**
+ * @internal
+ */
+export const segmentedControlTag = tagFor(templateOptions.segmentedControl);
+
+/**
+ * @internal
+ */
+export const segmentedItemTag = tagFor(templateOptions.segmentedItem);
+
+/**
+ * @internal
+ */
+export const tabsTag = tagFor(templateOptions.tabs);
+
+/**
+ * @internal
+ */
+export const tabTag = tagFor(templateOptions.tab);
+
+/**
+ * @internal
+ */
+export const tabPanelTag = tagFor(templateOptions.tabPanel);
+
+/**
+ * @internal
+ */
+export const progressRingTag = tagFor(templateOptions.progressRing);
+
+/**
+ * @internal
+ */
+export const gridTag = tagFor(templateOptions.grid);
+
+/**
+ * @internal
+ */
+export const optionTag = tagFor(templateOptions.option);
+
+/**
+ * @internal
+ */
+export const dividerTag = tagFor(templateOptions.divider);
+
+/**
+ * @internal
+ */
+export const progressTag = tagFor(templateOptions.progress);
+
+/**
+ * @internal
+ */
+export const numberFieldTag = tagFor(templateOptions.numberField);
+
+/**
+ * @internal
+ */
+export const checkboxTag = tagFor(templateOptions.checkbox);
+
+/**
+ * @internal
+ */
+export const switchTag = tagFor(templateOptions.switch);
+
+/**
+ * @internal
+ */
+export const modalTag = tagFor(templateOptions.modal);
+
+/**
+ * @internal
+ */
+export const dialogTag = tagFor(templateOptions.dialog);
+
+/**
+ * @internal
+ */
+export const toastTag = tagFor(templateOptions.toast);
+
+/**
+ * @internal
+ */
+export const datePickerTag = tagFor(templateOptions.datePicker);
+
+/**
+ * @internal
+ */
+export const textAreaTag = tagFor(templateOptions.textArea);
+
+/**
+ * @internal
+ */
+export const radioGroupTag = tagFor(templateOptions.radioGroup);
+
+/**
+ * @internal
+ */
+export const radioTag = tagFor(templateOptions.radio);

package/src/typings.d.ts

@@ -0,0 +1 @@
+declare module 'foundationZero/ZeroDesignSystem';

package/src/utils/delete-row-action-cell-renderer.ts

@@ -0,0 +1,71 @@
+interface IAction {
+  name: string;
+  callback: (any?) => void;
+  actionName: string;
+  disabled?: boolean;
+}
+
+interface IAgGridActions {
+  actions: IAction[];
+}
+
+export class DeleteRowActionCellRenderer {
+  content: HTMLElement;
+
+  constructor() {
+    this.content = document.createElement('div');
+  }
+
+  init(params: IAgGridActions) {
+    this.renderButtons(params);
+  }
+
+  renderButtons(params) {
+    const { actions, data, enabled } = params;
+    this.content.setAttribute(
+      'style',
+      `
+      display: flex;
+      align-items: center;
+      background-color: rgba(249, 100, 77, 0.5);
+      padding: 0 calc(var(--design-unit) * 3px);
+      border-radius: calc(var(--control-corner-radius)* 1px);
+      height: calc(var(--design-unit) * 9px);
+    `,
+    );
+    actions.forEach((action: IAction) => {
+      const button: HTMLElement = document.createElement('span');
+      button.title = action.actionName;
+      const defaultStyle = `
+        display: flex;
+        cursor: pointer;
+      `;
+      button.setAttribute('style', defaultStyle);
+      button.addEventListener('mouseover', () => {
+        button.setAttribute(
+          'style',
+          `
+          fill: var(--neutral-foreground-rest);
+          ${defaultStyle}
+        `,
+        );
+      });
+      button.addEventListener('mouseleave', () => [button.setAttribute('style', defaultStyle)]);
+      button.innerHTML = action.name;
+      button.addEventListener('click', () => {
+        action.callback(data);
+      });
+      this.content.appendChild(button);
+    });
+  }
+
+  refresh(params): boolean {
+    this.content.innerHTML = '';
+    this.renderButtons(params);
+    return true;
+  }
+
+  getGui(): HTMLElement {
+    return this.content;
+  }
+}

package/src/utils/endpoint.ts

@@ -0,0 +1,15 @@
+export const getEndpointUrl = (
+  endpoint: string,
+  urlRoot: string = sessionStorage.getItem('hostUrl'),
+): string => {
+  const url = new URL(urlRoot);
+  const path =
+    url.pathname && url.pathname[url.pathname.length - 1] == '/'
+      ? url.pathname
+      : `${url.pathname}/`;
+  if (urlRoot.includes('localhost')) {
+    return `http://${url.host}${path}${endpoint}`;
+  } else {
+    return `https://${url.host}${path}${endpoint}`;
+  }
+};

package/src/utils/eventDetail.ts

@@ -0,0 +1,5 @@
+import { ExecutionContext } from '@genesislcap/web-core';
+
+export function eventDetail<T = any>(ctx: ExecutionContext) {
+  return (ctx.event as CustomEvent).detail as T;
+}

package/src/utils/format-date.ts

@@ -0,0 +1,9 @@
+export const getFormattedDateTime = (dateTimeInMills) => {
+  const dateTime = new Date(dateTimeInMills);
+  return `${dateTime.toLocaleDateString()} ${dateTime.toLocaleTimeString()}`;
+};
+
+export const getFormattedDate = (dateTimeInMills) => {
+  const dateTime = new Date(dateTimeInMills);
+  return `${dateTime.toLocaleDateString()}`;
+};

package/src/utils/humanize.ts

@@ -0,0 +1,14 @@
+export const humanize = (s: string) => {
+  if (!s) {
+    return '';
+  }
+
+  let i;
+  const frags = s.split('_');
+
+  for (i = 0; i < frags.length; i += 1) {
+    frags[i] = frags[i].charAt(0).toUpperCase() + frags[i].slice(1).toLowerCase();
+  }
+
+  return frags.join(' ');
+};

package/src/utils/icons.ts

@@ -0,0 +1,24 @@
+import { html } from '@genesislcap/web-core';
+
+export const excelFile = html`
+  <rapid-icon name="file-excel" variant="regular" size="lg" style="color: #48d745"></rapid-icon>
+`;
+
+export const uploadIconLarge = html`
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="48px"
+    height="33px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g>
+      <path
+        d="M 30.824999999999996 17.295535714285716  L 23.4375 10.0546875  C 23.085 9.708482142857143  22.515 9.708482142857143  22.1625 10.0546875  L 14.79 17.295535714285716  C 14.4375 17.641741071428573  14.4375 18.2015625  14.79 18.54776785714286  L 15.2175 18.967633928571427  C 15.569999999999999 19.313839285714284  16.14 19.313839285714284  16.4925 18.967633928571427  L 22 13.943973214285716  L 22 25.044642857142858  C 21.607499999999995 25.530803571428574  22.012499999999996 25.928571428571427  22.5075 25.928571428571427  L 23.107499999999995 25.928571428571427  C 23.6025 25.928571428571427  24.0075 25.530803571428574  24 25.044642857142858  L 24 13.943973214285716  L 29.1225 18.967633928571427  C 29.474999999999998 19.313839285714284  30.044999999999995 19.313839285714284  30.397499999999994 18.967633928571427  L 30.824999999999996 18.54776785714286  C 31.177499999999995 18.2015625  31.177499999999995 17.641741071428573  30.824999999999996 17.295535714285716  Z M 48 23.571428571428573  C 48 20.109375  46.065 16.883035714285715  42.8775 15.233035714285716  C 43.087500000000006 14.503794642857143  43.2 13.745089285714288  43.2 12.964285714285714  C 43.2 8.4046875  39.442499999999995 4.714285714285714  34.8 4.714285714285714  C 33.5475 4.714285714285714  32.332499999999996 4.979464285714285  31.200000000000003 5.509821428571429  C 28.83 2.195089285714286  24.8775 0  20.4 0  C 13.319999999999999 0  7.522500000000001 5.487723214285714  7.215 12.389732142857143  C 2.9400000000000004 13.862946428571426  0 17.84799107142857  0 22.392857142857142  C 0 28.25625  4.83 33  10.8 33  L 38.400000000000006 33  C 43.7025 33  48 28.786607142857143  48 23.571428571428573  Z M 45.599999999999994 23.571428571428573  C 45.599999999999994 27.475446428571427  42.375 30.642857142857142  38.400000000000006 30  L 10.8 30  C 6.157499999999999 30.642857142857142  2.4000000000000004 26.952455357142853  2.4000000000000004 22.392857142857142  C 2.4000000000000004 18.20892857142857  5.5649999999999995 14.754241071428574  9.675 14.216517857142858  C 9.622500000000002 13.804017857142858  9.600000000000001 13.384151785714284  9.600000000000001 12.964285714285714  C 9.600000000000001 7.108258928571429  14.4375 2.357142857142857  20.4 2.357142857142857  C 24.922500000000003 2.357142857142857  28.7925 5.082589285714286  30.405 8.957142857142857  C 31.5 7.800669642857144  33.06 7.071428571428571  34.8 7.071428571428571  C 38.115 7.071428571428571  40.8 9.708482142857143  40.8 12.964285714285714  C 40.8 14.327008928571429  40.3275 15.586607142857142  39.5325 16.588392857142857  C 42.974999999999994 17.11875  45.599999999999994 20.04308035714286  45.599999999999994 23.571428571428573  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        fill-opacity="0.9921568627450981"
+      />
+    </g>
+  </svg>
+`;

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './logger';
+export * from './format-date';

package/src/utils/isEmpty.ts

@@ -0,0 +1,2 @@
+export const isEmpty = (value) =>
+  value == null || (typeof value === 'string' && value.trim().length === 0);

package/src/utils/logger.ts

@@ -0,0 +1,3 @@
+import { createLogger } from '@genesislcap/foundation-logger';
+
+export const logger = createLogger('pbc-reconciliation');

package/src/utils/notification.ts

@@ -0,0 +1,35 @@
+import { showNotification } from '@genesislcap/foundation-notifications';
+
+export function showNotificationError(error) {
+  showNotification(
+    {
+      title: error[0]?.CODE,
+      body: error[0]?.TEXT,
+      config: {
+        snackbar: {
+          type: 'error',
+          confirmingActions: [],
+        },
+      },
+    },
+    'rapid',
+  );
+}
+
+export function showNotificationErrors(errors) {
+  errors.forEach((error) => {
+    showNotification(
+      {
+        title: error.CODE,
+        body: error.TEXT,
+        config: {
+          snackbar: {
+            type: 'error',
+            confirmingActions: [],
+          },
+        },
+      },
+      'rapid',
+    );
+  });
+}

package/tsconfig.json

@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+     "plugins": [
+      {
+        "name": "@genesiscommunitysuccess/custom-elements-lsp",
+        "srcRouteFromTSServer": "../../..",
+        "designSystemPrefix": "zero",
+        "parser": {
+          "fastEnable": true,
+          "timeout": 2000,
+          "dependencies": [
+            "node_modules/**/custom-elements.json",
+            "!**/@custom-elements-manifest/**/*"
+          ]
+        },
+        "plugins": ["@genesiscommunitysuccess/cep-fast-plugin"]
+      }
+    ],
+    "declarationDir": "./dist/dts",
+    "outDir": "./dist/esm",
+    "rootDir": "./src",
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "lib": ["DOM", "ES2015", "ES2016", "ES2017"],
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "noImplicitAny": false,
+    "preserveConstEnums": true,
+    "pretty": true,
+    "removeComments": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": false,
+    "target": "ES2017"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/Dockerfile

@@ -1,12 +0,0 @@
-FROM node:20
-
-SHELL ["/bin/bash", "-c"]
-
-WORKDIR /app
-
-COPY package.json /app/package.json
-
-COPY . /app
-
-RUN npm run bootstrap
-

package/playwright.config.ts

@@ -1 +0,0 @@
-export { configDefaults as default } from '@genesislcap/foundation-testing/e2e';

package/test/README.md

@@ -1,3 +0,0 @@
-# Test
-
-See [@genesislcap/foundation-testing](https://learn.genesis.global/docs/web/testing/foundation-testing/) for more information.

package/test/e2e/fixture.ts

@@ -1,25 +0,0 @@
-import { base } from '@genesislcap/foundation-testing/e2e';
-import { ProtectedPage } from './pages';
-
-const { config: pkgConfig } = require('../../package.json');
-
-export type FixtureConfig = {
-  API_HOST: string;
-  DEFAULT_USER: string;
-  DEFAULT_PASSWORD: string;
-  PORT: number;
-};
-
-export type Fixture = {
-  config: FixtureConfig;
-  protectedPage: ProtectedPage;
-};
-
-export const test = base.extend<Fixture>({
-  config: [pkgConfig, { option: true }],
-  protectedPage: async ({ config, page }, use) => {
-    const protectedPage = new ProtectedPage(config, page);
-    await protectedPage.goto();
-    await use(protectedPage);
-  },
-});

package/test/e2e/flows/001-protected.e2e.ts

@@ -1,6 +0,0 @@
-import { expect } from '@genesislcap/foundation-testing/e2e';
-import { test } from '../fixture';
-
-test('expected page title', async ({ protectedPage, page }) => {
-  await expect(page).toHaveTitle(/Blank App Demo - Login - Login/);
-});

package/test/e2e/index.ts

@@ -1,2 +0,0 @@
-export * from './fixture';
-export * from './pages';

package/test/e2e/pages/index.ts

@@ -1 +0,0 @@
-export * from './protected';

package/test/e2e/pages/protected.ts

@@ -1,16 +0,0 @@
-import type { Page } from '@genesislcap/foundation-testing/e2e';
-import type { FixtureConfig } from '../fixture';
-
-export class ProtectedPage {
-  config: FixtureConfig;
-  page: Page;
-
-  constructor(config: FixtureConfig, page: Page) {
-    this.config = config;
-    this.page = page;
-  }
-
-  async goto() {
-    await this.page.goto('/');
-  }
-}

package/test/unit/mock/services/data-dictionary-service-mock.ts

@@ -1,15 +0,0 @@
-import { DataDictionaryService } from '../../../../src/services/data-dictionary.service';
-
-class DataDictionaryServiceMock implements DataDictionaryService {
-  getDataDictionaries() {
-    return Promise.resolve([]);
-  }
-  createDataDictionary(dataDictionary: any) {}
-  editDataDictionary(dataDictionary: any) {}
-  deleteDataDictionary(dataDictionary: any) {}
-  getDataDictionaryFields(dataDictionaryId: any) {
-    return Promise.resolve([]);
-  }
-}
-
-export const dataDictionaryServiceMock = new DataDictionaryServiceMock();

package/test/unit/mock/services/reconciliation-configuration-service-mock.ts

@@ -1,26 +0,0 @@
-import { Message } from '@genesislcap/foundation-comms';
-import { ReconciliationConfigurationService } from '../../../../src/services/reconciliation-configuration.service';
-
-class ReconciliationConfigurationServiceMock implements ReconciliationConfigurationService {
-  getReconciliationConfigurations(): Promise<any> {
-    return Promise.resolve([]);
-  }
-  getReconciliationConfigurationDetails(configurationId: string): Promise<any> {
-    return Promise.resolve([]);
-  }
-  getReconciliationConfigurationRules(configurationId: string): Promise<any> {
-    return Promise.resolve([]);
-  }
-  getReconciliationDatasourceConfiguration(configurationId: string): Promise<any[]> {
-    return Promise.resolve([]);
-  }
-  createReconciliationConfiguration(configuration: any): Promise<Message> {
-    return Promise.resolve({});
-  }
-  updateReconciliationConfiguration(configuration: any): Promise<Message> {
-    return Promise.resolve({});
-  }
-  deleteReconciliationConfiguration(configurationId: string): void {}
-}
-
-export const reconciliationConfigurationServiceMock = new ReconciliationConfigurationServiceMock();

package/test/unit/mock/services/reconciliation-service-mock.ts

@@ -1,11 +0,0 @@
-import { from } from 'rxjs';
-import { ReconciliationService } from '../../../../src/services/reconciliation.service';
-
-class ReconciliationServiceMock implements ReconciliationService {
-  getReconciliations() {
-    return from(Promise.resolve([]));
-  }
-  runReconciliation(reconciliationInsert: any) {}
-}
-
-export const reconciliationServiceMock = new ReconciliationServiceMock();