@genesislcap/blank-app-seed 5.2.0 → 5.3.1

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "5.2.0",
+  "version": "5.3.1",
   "license": "Apache-2.0",
   "scripts": {
     "lint": "eslint .",

package/.genx/templates/react/component/component.events.config.hbs

@@ -0,0 +1,32 @@
+import { CustomEventHandler } from "../../../utils/customEvents";
+
+{{#each tile.config.customEvents}}
+{{#if this.hasForm}}
+export const {{camelCase this.name}}FormSchema = {{{this.uischema}}};
+{{/if}}
+{{/each}}
+
+export const customEventFormSchemas = {
+  {{#each tile.config.customEvents}}
+  {{#if this.hasForm}}
+  '{{this.name}}': {{camelCase this.name}}FormSchema,
+  {{/if}}
+  {{/each}}
+};
+
+export const customEvents: CustomEventHandler[] = [
+  {{#each tile.config.customEvents}}
+  {
+    baseEvent: '{{this.baseEvent}}',
+    name: '{{this.name}}',
+    hasForm: {{this.hasForm}},
+    {{#if this.confirmSubmit}}
+    confirmSubmit: {
+      state: '{{this.confirmSubmit.state}}',
+      message: '{{this.confirmSubmit.message}}'
+    },
+    {{/if}}
+    defaultValues: {{{this.defaultValues}}},
+  },
+  {{/each}}
+];

package/.genx/templates/react/component/component.hbs

@@ -1,16 +1,27 @@
 {{#if tile.config.permissions.viewRight~}}
 import { getUser } from '@genesislcap/foundation-user';
-import { getViewUpdateRightComponent } from '../../../utils';
+{{#if tile.config.customEvents}}
+import { customEvent } from '@genesislcap/foundation-events';
+{{/if}}
+import { getViewUpdateRightComponent{{#if tile.config.customEvents}}, submitFailureNotification{{/if}} } from '../../../utils';
 import ErrorMessage from '../../../components/ErrorMessage/ErrorMessage';
 {{else if tile.config.permissions.updateRight~}}
 import { getUser } from '@genesislcap/foundation-user';
-import { getViewUpdateRightComponent } from '../../../utils';
+{{#if tile.config.customEvents}}
+import { customEvent } from '@genesislcap/foundation-events';
+{{/if}}
+import { getViewUpdateRightComponent{{#if tile.config.customEvents}}, submitFailureNotification{{/if}} } from '../../../utils';
 import ErrorMessage from '../../../components/ErrorMessage/ErrorMessage';
 {{/if}}
 {{#if tile.config.customEvents}}
+import { useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { getConnect } from '@genesislcap/foundation-comms';
 import type { ActionRendererParams } from '@genesislcap/rapid-grid-pro';
 import { RapidAgActionRenderer } from '@genesislcap/rapid-grid-pro';
+import { Modal } from '@genesislcap/rapid-design-system';
+import { customEvents, customEventFormSchemas } from './{{pascalCase tile.title}}EventsConfig';
+import { useCustomEvent, type CustomEventHandler, type CustomEventState } from '../../../utils/customEvents';
 {{/if}}
 {{#if tile.config.createFormUiSchema~}}
 import { createFormSchema as createFormSchemaTile } from './{{pascalCase tile.title}}CreateFormSchema';
@@ -33,7 +44,7 @@ import './{{pascalCase tile.title}}Component.css';
 {{#ifAny tile.metadata.comment tile.metadata.todo}}
 /**
 {{~#if tile.metadata.comment}}{{{ tile.metadata.comment }}}{{/if}}
-{{~#if tile.metadata.todo}}{{#if tile.metadata.comment}} 
+{{~#if tile.metadata.todo}}{{#if tile.metadata.comment}}
  *{{/if}}
  * TODO: {{{ tile.metadata.todo }}}{{/if}}
  */
@@ -68,17 +79,24 @@ export const {{pascalCase tile.componentName}}: React.FC = () => {
       headerName: '',
       minWidth: 50,
       maxWidth: 50,
+      headerTooltip: '{{this.tooltip}}',
       pinned: 'right',
       cellRenderer: RapidAgActionRenderer,
       cellRendererParams: {
         actionClick: async (rowData) => {
-          const { ROW_REF, ...DETAILS } = rowData;
-          const response = await getConnect().commitEvent("EVENT_{{this}}", {
-            DETAILS,
-          });
+          const customEvent = customEvents.find(e => e.name === '{{this.name}}');
+          if (customEvent) {
+            const handleCustomEvent = useCustomEvent(
+              customEvent,
+              rowData,
+              setCustomEventFormData,
+              setActiveCustomEvent
+            );
+            await handleCustomEvent();
+          }
         },
         contentTemplate: `
-          <rapid-icon name="cog"></rapid-icon>
+          <rapid-icon name="{{this.icon}}"></rapid-icon>
         `,
       } as ActionRendererParams,
     },
@@ -114,7 +132,70 @@ export const {{pascalCase tile.componentName}}: React.FC = () => {
   };
   {{/if}}
 
+  {{#if tile.config.customEvents}}
+  const customEventModalRef = useRef<Modal>(null);
+  const [activeCustomEvent, setActiveCustomEvent] = useState<CustomEventState | null>(null);
+  const [customEventFormData, setCustomEventFormData] = useState<Record<string, any>>({});
+
+  useEffect(() => {
+    if (activeCustomEvent) {
+      customEventModalRef.current?.show();
+    } else {
+      customEventModalRef.current?.close();
+    }
+  }, [activeCustomEvent]);
+
+  const handleCustomEventSubmit = () => {
+    setActiveCustomEvent(null);
+    setCustomEventFormData({});
+  };
+
+  const getActiveCustomEvent = () => {
+    if (!activeCustomEvent) return null;
+    return customEvents.find(e => e.name === activeCustomEvent.name);
+  };
+
+  const getCustomEventModalTitle = () => {
+    const customEvent = getActiveCustomEvent();
+    return customEvent?.name || 'Custom Event';
+  };
+
+  const getCustomEventResourceName = () => {
+    if (!activeCustomEvent) return '';
+    return `EVENT_${activeCustomEvent.event}`;
+  };
+
+  const getCustomEventUiSchema = () => {
+    const customEvent = getActiveCustomEvent();
+    return customEvent && customEvent.name in customEventFormSchemas
+      ? customEventFormSchemas[customEvent.name as keyof typeof customEventFormSchemas]
+      : null;
+  };
+
+  const renderFormModal = () => {
+    if (!activeCustomEvent) return null;
+
+    return createPortal(
+      <rapid-modal
+        ref={customEventModalRef}
+        onCloseCallback={() => setActiveCustomEvent(null)}
+      >
+        <h4 slot="top">{getCustomEventModalTitle()}</h4>
+        <foundation-form
+          resourceName={getCustomEventResourceName()}
+          uischema={getCustomEventUiSchema()}
+          data={customEventFormData}
+          onsubmit-success={handleCustomEventSubmit}
+          onsubmit={submitFailureNotification}
+          onsubmit-failure={submitFailureNotification}
+        ></foundation-form>
+      </rapid-modal>,
+      document.querySelector('rapid-design-system-provider')!
+    );
+  };
+  {{/if}}
+
   return (
     {{> (lookup tile 'type') tile}}
   );
-};
+};

package/.genx/templates/react/entityManager.hbs

@@ -1,63 +1,68 @@
 {{#if config.permissions.viewRight~}}
 hasUserPermission('{{config.permissions.viewRight}}') ? (
 {{/if}}
-<entity-management
-  design-system-prefix="rapid"
-  enable-row-flashing
-  enable-cell-flashing
-  {{#if config.title~}}
-  title="{{ config.title }}"
-  {{/if}}
-  resourceName="{{ config.resourceName }}"
-  {{#if config.createEvent~}}
-  {{#if config.permissions.updateRight~}}
-  createEvent={hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.createEvent }}' : undefined}
-  {{else~}}
-  createEvent="{{ config.createEvent }}"
-  {{/if}}
-  {{#if config.createFormUiSchema~}}
-  createFormUiSchema={createFormSchema}
-  {{/if}}
-  {{/if}}
-  {{#if config.updateEvent~}}
-  {{#if config.permissions.updateRight~}}
-  updateEvent={hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.updateEvent }}' : undefined}
-  {{else~}}
-  updateEvent="{{ config.updateEvent }}"
-  {{/if}}
-  {{#if config.updateFormUiSchema~}}
-  updateFormUiSchema={updateFormSchema}
-  {{/if}}
-  {{/if}}
-  {{#if config.deleteEvent~}}
-  {{#if config.permissions.updateRight~}}
-  deleteEvent={hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.deleteEvent }}' : undefined}
-  {{else~}}
-  deleteEvent="{{ config.deleteEvent }}"
-  {{/if}}
-  {{/if}}
-  {{#if config.gridOptions~}}
-  gridOptions={gridOptions}
-  {{/if}}
-  {{#if config.snapshot~}}
-  datasourceConfig={ isSnapshot: {{ config.snapshot }} }
-  {{/if}}
-  {{#if config.reqrep~}}
-  datasourceConfig={reqrep}
-  {{/if}}
-  {{#if config.columns~}}
-  columns={columnDefs}
-  {{/if}}
-  {{#if config.modalPosition~}}
-  modal-position="{{ config.modalPosition }}"
-  {{/if}}
-  {{#if config.sizeColumnsToFit~}}
-  size-columns-to-fit
-  {{/if}}
-  {{#if config.enableSearchBar~}}
-  enable-search-bar
-  {{/if}}
-></entity-management>
+<>
+  <entity-management
+    design-system-prefix="rapid"
+    enable-row-flashing
+    enable-cell-flashing
+    {{#if config.title~}}
+    title="{{ config.title }}"
+    {{/if}}
+    resourceName="{{ config.resourceName }}"
+    {{#if config.createEvent~}}
+    {{#if config.permissions.updateRight~}}
+    createEvent={hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.createEvent }}' : undefined}
+    {{else~}}
+    createEvent="{{ config.createEvent }}"
+    {{/if}}
+    {{#if config.createFormUiSchema~}}
+    createFormUiSchema={createFormSchema}
+    {{/if}}
+    {{/if}}
+    {{#if config.updateEvent~}}
+    {{#if config.permissions.updateRight~}}
+    updateEvent={hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.updateEvent }}' : undefined}
+    {{else~}}
+    updateEvent="{{ config.updateEvent }}"
+    {{/if}}
+    {{#if config.updateFormUiSchema~}}
+    updateFormUiSchema={updateFormSchema}
+    {{/if}}
+    {{/if}}
+    {{#if config.deleteEvent~}}
+    {{#if config.permissions.updateRight~}}
+    deleteEvent={hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.deleteEvent }}' : undefined}
+    {{else~}}
+    deleteEvent="{{ config.deleteEvent }}"
+    {{/if}}
+    {{/if}}
+    {{#if config.gridOptions~}}
+    gridOptions={gridOptions}
+    {{/if}}
+    {{#if config.snapshot~}}
+    datasourceConfig={ isSnapshot: {{ config.snapshot }} }
+    {{/if}}
+    {{#if config.reqrep~}}
+    datasourceConfig={reqrep}
+    {{/if}}
+    {{#if config.columns~}}
+    columns={columnDefs}
+    {{/if}}
+    {{#if config.modalPosition~}}
+    modal-position="{{ config.modalPosition }}"
+    {{/if}}
+    {{#if config.sizeColumnsToFit~}}
+    size-columns-to-fit
+    {{/if}}
+    {{#if config.enableSearchBar~}}
+    enable-search-bar
+    {{/if}}
+  ></entity-management>
+  {{#if config.customEvents}}
+  {renderFormModal()}
+  {{/if}}
+</>
 {{#if config.permissions.viewRight~}}
 ) : (
 <ErrorMessage elementType="h3" message="You do not have access to view this component." />

package/.genx/templates/web-components/component/component.events.config.hbs

@@ -0,0 +1,32 @@
+import { CustomEventHandler } from "../../../utils/customEvents";
+
+{{#each tile.config.customEvents}}
+{{#if this.hasForm}}
+export const {{camelCase this.name}}FormSchema = {{{this.uischema}}};
+{{/if}}
+{{/each}}
+
+export const customEventFormSchemas = {
+  {{#each tile.config.customEvents}}
+  {{#if this.hasForm}}
+  '{{this.name}}': {{camelCase this.name}}FormSchema,
+  {{/if}}
+  {{/each}}
+};
+
+export const customEvents: CustomEventHandler[] = [
+  {{#each tile.config.customEvents}}
+  {
+    baseEvent: '{{this.baseEvent}}',
+    name: '{{this.name}}',
+    hasForm: {{this.hasForm}},
+    {{#if this.confirmSubmit}}
+    confirmSubmit: {
+      state: '{{this.confirmSubmit.state}}',
+      message: '{{this.confirmSubmit.message}}'
+    },
+    {{/if}}
+    defaultValues: {{{this.defaultValues}}},
+  },
+  {{/each}}
+]; 

package/.genx/templates/web-components/component/component.hbs

@@ -10,6 +10,9 @@ import { ColDef } from '@ag-grid-community/core';
 {{#if tile.config.customEvents}}
 import type { ActionRendererParams } from '@genesislcap/rapid-grid-pro';
 import { RapidAgActionRenderer } from '@genesislcap/rapid-grid-pro';
+import { Modal } from '@genesislcap/rapid-design-system';
+import { customEvents, customEventFormSchemas } from './{{kebabCase tile.title}}.events.config';
+import { handleFormCustomEvent, handleNonFormCustomEvent, showCustomEventConfirmation, type CustomEventHandler, type CustomEventState } from '../../../utils/customEvents';
 {{/if}}
 
 {{#ifAny tile.metadata.comment tile.metadata.todo}}
@@ -30,32 +33,81 @@ export class {{pascalCase tile.componentName}} extends GenesisElement {
   @User user: User;
   @Connect connect!: Connect;
 
+  {{#if tile.config.customEvents}}
+  customEventModal: Modal;
+  @observable customEvents: CustomEventHandler[] = customEvents;
+  @observable activeCustomEvent: CustomEventState | null = null;
+  @observable customEventFormData: Record<string, any> = {};
+
+  async handleCustomEventSubmit() {
+    this.activeCustomEvent = null;
+    this.customEventFormData = {};
+    this.customEventModal.close();
+  }
+
+  async handleCustomEventClick(eventName: string, rowData: any) {
+    const customEvent = this.customEvents.find(e => e.name === eventName);
+    if (!customEvent) return;
+
+    if (customEvent.hasForm) {
+      handleFormCustomEvent(
+        customEvent,
+        rowData,
+        (data) => this.customEventFormData = data,
+        (event) => this.activeCustomEvent = event,
+        () => this.customEventModal.show()
+      );
+    } else {
+      await handleNonFormCustomEvent(
+        this.connect,
+        customEvent,
+        rowData,
+        (onConfirm) => showCustomEventConfirmation(customEvent, onConfirm)
+      );
+    }
+  }
+
+  getActiveCustomEvent() {
+    if (!this.activeCustomEvent) return null;
+    return this.customEvents.find(e => e.name === this.activeCustomEvent.name);
+  }
+
+  getCustomEventModalTitle() {
+    const customEvent = this.getActiveCustomEvent();
+    return customEvent?.name || 'Custom Event';
+  }
+
+  getCustomEventResourceName() {
+    if (!this.activeCustomEvent) return '';
+    return `EVENT_${this.activeCustomEvent.event}`;
+  }
+
+  getCustomEventUiSchema() {
+    const customEvent = this.getActiveCustomEvent();
+    if (!customEvent) return null;
+    return customEventFormSchemas[customEvent.name];
+  }
+  {{/if}}
+
   {{#if tile.config.columns}}
   @observable columns: ColDef[] = [
     ...columnDefs,
     {{#if tile.config.customEvents}}
-    /**
-     * TODO: Update the action button's icon under `contentTemplate` below.
-     * More information about rapid-icon can be found at: https://docs.genesis.global/docs/develop/client-capabilities/presentation/client-presentation-icon/
-     **/
     {{#each tile.config.customEvents}}
     {
       field: '',
       headerName: '',
       minWidth: 50,
       maxWidth: 50,
-      headerTooltip: '{{capitalCase this}}',
+      headerTooltip: '{{this.tooltip}}',
       pinned: 'right',
       cellRenderer: RapidAgActionRenderer,
       cellRendererParams: <ActionRendererParams>{
         actionClick: async (rowData) => {
-          const { ROW_REF, ...DETAILS } = rowData;
-          const response = await this.connect.commitEvent("EVENT_{{this}}", {
-            DETAILS,
-          });
+          await this.handleCustomEventClick('{{this.name}}', rowData);
         },
         contentTemplate: `
-          <rapid-icon name="cog"></rapid-icon>
+          <rapid-icon name="{{this.icon}}"></rapid-icon>
         `,
       },
     },

package/.genx/templates/web-components/component/component.template.hbs

@@ -1,5 +1,8 @@
-import { html, whenElse, repeat } from '@genesislcap/web-core';
-import { getViewUpdateRightComponent } from '../../../utils';
+import { html, when, whenElse, ref, repeat } from '@genesislcap/web-core';
+{{#if tile.config.customEvents}}
+import { customEvent } from '@genesislcap/foundation-events';
+{{/if}}
+import { getViewUpdateRightComponent{{#if tile.config.customEvents}}, submitFailureNotification{{/if}} } from '../../../utils';
 import type { {{pascalCase tile.componentName}} } from './{{kebabCase tile.title}}';
 {{#if tile.config.createFormUiSchema}}
 import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema';

package/.genx/templates/web-components/entityManager.hbs

@@ -1,6 +1,6 @@
 ${whenElse(
     (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.viewRight}}'),
-    html`
+    html<{{pascalCase componentName}}>`
         <entity-management
             design-system-prefix="rapid"
             header-case-type="capitalCase"
@@ -50,8 +50,29 @@ ${whenElse(
             enable-search-bar
             {{/if}}
         ></entity-management>
+        {{#if config.customEvents}}
+        <rapid-modal
+          ${ref('customEventModal')}
+          :onCloseCallback=${(x) => (x.activeCustomEvent = null)}
+        >
+          <h4 slot="top">${(x) => x.getCustomEventModalTitle()}</h4>
+          ${when(
+            (x) => x.activeCustomEvent,
+            html`
+              <foundation-form
+                resourceName=${(x) => x.getCustomEventResourceName()}
+                :uischema=${(x) => x.getCustomEventUiSchema()}
+                :data=${(x) => x.customEventFormData}
+                @submit-success=${(x) => x.handleCustomEventSubmit()}
+                @submit=${(_, c) => submitFailureNotification(customEvent(c))}
+                @submit-failure=${(_, c) => submitFailureNotification(customEvent(c))}
+              ></foundation-form>
+            `,
+          )}
+        </rapid-modal>
+        {{/if}}
     `,
     html`
       <not-permitted-component></not-permitted-component>
     `,
-)}
+)}

package/.genx/utils/formatRouteData.js

@@ -7,6 +7,16 @@ const { getFormattedComment, getFormattedTodo } = require('./getTodosAndComments
 const getLayoutType = require('./getLayoutType');
 const { COMPONENT_TYPE, FRAMEWORK_ANGULAR_ALIAS } = require('../static');
 
+const formatCustomEvents = (customEvents) => {
+  if (!customEvents) return;
+
+  return customEvents.map(event => ({
+    ...event,
+    uischema: event.hasForm ? formatJSONValue(event.uischema) : undefined,
+    defaultValues: event.defaultValues ? formatJSONValue(event.defaultValues) : undefined,
+  }));
+};
+
 const formatRouteData = (framework, route) => {
   const layoutKey = route?.layoutKey || `${route.name}_${Date.now()}`;
   const layoutType =
@@ -32,6 +42,7 @@ const formatRouteData = (framework, route) => {
       updateFormUiSchema,
       uischema,
       columns,
+      customEvents,
     } = config;
 
     return {
@@ -47,6 +58,7 @@ const formatRouteData = (framework, route) => {
         updateFormUiSchema: formatJSONValue(updateFormUiSchema),
         uischema: formatJSONValue(uischema),
         columns: gridColumnsSerializer(columns),
+        customEvents: formatCustomEvents(customEvents),
       },
       metadata: {
         ...metadata,

package/.genx/utils/generateTile.js

@@ -17,6 +17,8 @@ const defaultPathGetters = {
     `${componentPath}/${tile.name}.column.defs.ts`,
   gridOptions: (componentPath, tile) =>
     `${componentPath}/${tile.name}.gridOptions.ts`,
+  customEventForm: (componentPath, tile) =>
+    `${componentPath}/${tile.name}.events.config.ts`,
 };
 
 const getPathByFramework = {
@@ -60,6 +62,8 @@ const getPathByFramework = {
       `${componentPath}/${changeCase.pascalCase(tile.name)}ColumnDefs.ts`,
     gridOptions: (componentPath, tile, changeCase) =>
       `${componentPath}/${changeCase.pascalCase(tile.name)}GridOptions.ts`,
+    customEventForm: (componentPath, tile, changeCase) =>
+    `${componentPath}/${changeCase.pascalCase(tile.name)}EventsConfig.ts`,
   },
 };
 
@@ -81,6 +85,7 @@ const getFilesToWrite = (
     updateForm: getUpdateFormTarget,
     columnDefs: getColumnDefsTarget,
     gridOptions: getGridOptionsTarget,
+    customEventForm: getCustomEventFormTarget,
   } = path;
 
   const routeDir = getRouteDir(clientSrcPath, tileData, routeName, changeCase);
@@ -120,6 +125,11 @@ const getFilesToWrite = (
     target: getGridOptionsTarget(routeDir, tileData, changeCase),
   };
 
+  const componentCustomEventFormFile = {
+    source: `${sourceTemplateDir}/component/component.events.config.hbs`,
+    target: getCustomEventFormTarget(routeDir, tileData, changeCase),
+  };
+
   const filesToWrite = [componentIndexFile, componentFile, componentStylesFile];
 
   if (getTemplateTarget) {
@@ -143,6 +153,9 @@ const getFilesToWrite = (
       if (tileData.config?.updateFormUiSchema) {
         filesToWrite.push(componentUpdateFormFile);
       }
+      if (tileData.config?.customEvents) {
+        filesToWrite.push(componentCustomEventFormFile);
+      }
       break;
     case 'grid-pro':
       if (tileData.config?.gridOptions) {

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [5.3.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.3.0...v5.3.1) (2025-08-07)
+
+
+### Bug Fixes
+
+* override analytics [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) c568129
+* override analytics [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) (#497) f1adb41
+
+## [5.3.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.2.0...v5.3.0) (2025-07-07)
+
+
+### Features
+
+* advanced custom events (react/web-components) GENC-1002 (#477) baccafb
+* advanced events [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) (#483) ba96e02
+
+
+### Bug Fixes
+
+* check if custom events exist GENC-1002 (#478) 89d293c
+* show server errors in form GENC-1116 (#479) d6a1291
+* show title in custom events modal GENC-0 (#480) 554f141
+
 ## [5.2.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.1.2...v5.2.0) (2025-06-24)
 
 

package/client-tmp/angular/package.json

@@ -107,6 +107,7 @@
     "zone.js": "~0.14.3"
   },
   "overrides": {
+    "@analytics/core": "0.12.17",
     "@angular/animations": "^18.0.4",
     "@angular/common": "^18.0.4",
     "@angular/compiler": "^18.0.4",

package/client-tmp/react/package.json

@@ -65,6 +65,9 @@
     "react-router-dom": "^7.1.3",
     "web-vitals": "^2.1.4"
   },
+  "overrides": {
+    "@analytics/core": "0.12.17"
+  },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",

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

@@ -14,6 +14,7 @@ declare module "react/jsx-runtime" {
       'rapid-g2plot-chart': CustomElement;
       'chart-datasource': CustomElement;
       'client-app-login': CustomElement;
+      'rapid-modal': CustomElement;
       'rapid-layout': CustomElement;
       'rapid-layout-region': CustomElement;
       'rapid-layout-item': CustomElement;

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

@@ -0,0 +1,174 @@
+import { getConnect } from '@genesislcap/foundation-comms';
+import { showNotification, showNotificationDialog } from '@genesislcap/foundation-notifications';
+
+interface ConfirmSubmit {
+  state: 'enabled' | 'disabled';
+  message: string;
+}
+
+interface CustomEventError {
+  errors: {
+    message?: string;
+    CODE: string;
+    TEXT: string;
+  }[];
+}
+
+export interface CustomEventHandler {
+  baseEvent: string;
+  name: string;
+  hasForm: boolean;
+  confirmSubmit?: ConfirmSubmit;
+  defaultValues?: Record<string, any>;
+}
+
+export interface CustomEventState {
+  name: string;
+  event: string;
+  rowData: any;
+}
+
+interface RecordTypeValue {
+  type: 'record';
+  mapping?: string;
+}
+
+type DefaultValue = string | number | boolean | null | RecordTypeValue;
+
+interface DefaultValues {
+  [key: string]: DefaultValue;
+}
+
+export const mapDefaultValues = (
+  defaultValues: DefaultValues,
+  rowData: any
+): Record<string, any> =>
+  Object.entries(defaultValues).reduce(
+    (acc, [key, value]) => ({
+      ...acc,
+      [key]:
+        typeof value === 'object' &&
+        value !== null &&
+        'type' in value &&
+        value.type === 'record'
+          ? rowData[(value as RecordTypeValue).mapping || key]
+          : value,
+    }),
+    {}
+  );
+
+export const executeCustomEvent = async (
+  customEventHandler: CustomEventHandler,
+  rowData: any
+): Promise<void> => {
+  const payload = customEventHandler.defaultValues
+    ? mapDefaultValues(customEventHandler.defaultValues, rowData)
+    : {};
+
+  const res = await getConnect().commitEvent(
+    `EVENT_${customEventHandler.baseEvent}`,
+    { DETAILS: payload }
+  );
+
+  if (res.MESSAGE_TYPE === 'EVENT_NACK') {
+    const err: CustomEventError = {
+      errors:
+        res?.ERROR?.map((e) => ({
+          TEXT: e.TEXT,
+          CODE: e.STATUS_CODE ?? '0 Unknown Error',
+          message:
+            'PATH' in e && typeof e.PATH === 'string' && 'FIELD' in e && typeof e.FIELD === 'string'
+              ? e.TEXT.replace(e.PATH, e.FIELD)
+              : undefined,
+        })) ?? [],
+    };
+    submitFailureNotification(new CustomEvent('Error', { detail: err }));
+  }
+};
+
+export const showCustomEventConfirmation = (
+  customEvent: CustomEventHandler,
+  onConfirm: () => Promise<void>
+): void => {
+  showNotificationDialog(
+    {
+      title: customEvent.name,
+      body: customEvent.confirmSubmit!.message,
+      dialog: {
+        confirmingActions: [
+          {
+            label: 'Confirm',
+            action: onConfirm,
+          },
+        ],
+        dismissingAction: {
+          label: 'Cancel',
+          action: () => {},
+        },
+      },
+    },
+    'rapid',
+  );
+};
+
+export const submitFailureNotification = (e: CustomEvent<CustomEventError>) => {
+  e.detail.errors.forEach((submitFailureError) => {
+    if (submitFailureError.CODE === 'OPTIMISTIC_CONCURRENCY_ERROR') {
+      showNotification(
+        {
+          title: 'Warning',
+          body: "You're editing an old revision. Please close the form and try editing again",
+          config: {
+            snackbar: {
+              type: 'error',
+            },
+          },
+        },
+        'rapid',
+      );
+    } else {
+      showNotification(
+        {
+          title: 'Error submitting form',
+          body:
+            submitFailureError.message ??
+            (submitFailureError.CODE + ': ' + submitFailureError.TEXT).toString(),
+          config: {
+            snackbar: {
+              type: 'error',
+            },
+          },
+        },
+        'rapid',
+      );
+    }
+  });
+};
+
+export const useCustomEvent =
+  (
+    customEvent: CustomEventHandler,
+    rowData: any,
+    setFormData: (data: Record<string, any>) => void,
+    setActiveEvent: (event: CustomEventState | null) => void
+  ) =>
+  async () => {
+    if (customEvent.hasForm) {
+      const defaultValues = customEvent.defaultValues || {};
+      const formData = mapDefaultValues(defaultValues, rowData);
+      setFormData(formData);
+      setActiveEvent({
+        name: customEvent.name,
+        event: customEvent.baseEvent,
+        rowData,
+      });
+    } else {
+      if (customEvent.confirmSubmit?.state === 'enabled') {
+        showCustomEventConfirmation(customEvent, () =>
+          executeCustomEvent(customEvent, rowData)
+        );
+      } else {
+        await executeCustomEvent(customEvent, rowData);
+      }
+    }
+  };

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

@@ -1,5 +1,6 @@
+export * from './customEvents';
 export * from './fdc3';
+export * from './getLayoutNameByRoute';
 export * from './layout';
 export * from './permissions';
 export * from './setApiHost';
-export * from './getLayoutNameByRoute';

package/client-tmp/web-components/package.json

@@ -119,6 +119,7 @@
     "tslib": "^2.3.1"
   },
   "overrides": {
+    "@analytics/core": "0.12.17",
     "@genesislcap/foundation-auth": "{{versions.UI}}",
     "@genesislcap/foundation-comms": "{{versions.UI}}",
     "@genesislcap/foundation-entity-management": "{{versions.UI}}",

package/client-tmp/web-components/src/utils/customEvents.ts

@@ -0,0 +1,168 @@
+import { Connect } from '@genesislcap/foundation-comms';
+import { showNotification, showNotificationDialog } from '@genesislcap/foundation-notifications';
+
+interface ConfirmSubmit {
+  state: 'enabled' | 'disabled';
+  message: string;
+}
+
+interface CustomEventError {
+  errors: {
+    message?: string;
+    CODE: string;
+    TEXT: string;
+  }[];
+}
+
+export interface CustomEventHandler {
+  baseEvent: string;
+  name: string;
+  hasForm: boolean;
+  confirmSubmit?: ConfirmSubmit;
+  defaultValues?: Record<string, any>;
+}
+
+export interface CustomEventState {
+  name: string;
+  event: string;
+  rowData: any;
+}
+
+interface RecordTypeValue {
+  type: 'record';
+  mapping?: string;
+}
+
+type DefaultValue = string | number | boolean | null | RecordTypeValue;
+
+interface DefaultValues {
+  [key: string]: DefaultValue;
+}
+
+export const mapDefaultValues = (defaultValues: DefaultValues, rowData: any): Record<string, any> =>
+  Object.entries(defaultValues).reduce(
+    (acc, [key, value]) => ({
+      ...acc,
+      [key]:
+        typeof value === 'object' && value !== null && 'type' in value && value.type === 'record'
+          ? rowData[(value as RecordTypeValue).mapping || key]
+          : value,
+    }),
+    {},
+  );
+
+export const executeCustomEvent = async (
+  connect: Connect,
+  customEvent: CustomEventHandler,
+  rowData: any,
+): Promise<void> => {
+  const payload = customEvent.defaultValues
+    ? mapDefaultValues(customEvent.defaultValues, rowData)
+    : {};
+
+  const res = await connect.commitEvent(`EVENT_${customEvent.baseEvent}`, {
+    DETAILS: payload,
+  });
+
+  if (res.MESSAGE_TYPE === 'EVENT_NACK') {
+    const err: CustomEventError = {
+      errors:
+        res?.ERROR?.map((e) => ({
+          TEXT: e.TEXT,
+          CODE: e.STATUS_CODE ?? '0 Unknown Error',
+          message:
+            'PATH' in e && typeof e.PATH === 'string' && 'FIELD' in e && typeof e.FIELD === 'string'
+              ? e.TEXT.replace(e.PATH, e.FIELD)
+              : undefined,
+        })) ?? [],
+    };
+    submitFailureNotification(new CustomEvent('Error', { detail: err }));
+  }
+};
+
+export const showCustomEventConfirmation = (
+  customEvent: CustomEventHandler,
+  onConfirm: () => Promise<void>,
+): void => {
+  showNotificationDialog(
+    {
+      title: customEvent.name,
+      body: customEvent.confirmSubmit!.message,
+      dialog: {
+        confirmingActions: [
+          {
+            label: 'Confirm',
+            action: onConfirm,
+          },
+        ],
+        dismissingAction: {
+          label: 'Cancel',
+          action: () => {},
+        },
+      },
+    },
+    'rapid',
+  );
+};
+
+export const submitFailureNotification = (e: CustomEvent<CustomEventError>) => {
+  e.detail.errors.forEach((submitFailureError) => {
+    if (submitFailureError.CODE === 'OPTIMISTIC_CONCURRENCY_ERROR') {
+      showNotification(
+        {
+          title: 'Warning',
+          body: "You're editing an old revision. Please close the form and try editing again",
+          config: {
+            snackbar: {
+              type: 'error',
+            },
+          },
+        },
+        'rapid',
+      );
+    } else {
+      showNotification(
+        {
+          title: 'Error submitting form',
+          body:
+            submitFailureError.message ??
+            (submitFailureError.CODE + ': ' + submitFailureError.TEXT).toString(),
+          config: {
+            snackbar: {
+              type: 'error',
+            },
+          },
+        },
+        'rapid',
+      );
+    }
+  });
+};
+
+export const handleFormCustomEvent = (
+  customEvent: CustomEventHandler,
+  rowData: any,
+  setFormData: (data: Record<string, any>) => void,
+  setActiveEvent: (event: CustomEventState) => void,
+  showModal: () => void,
+): void => {
+  const defaultValues = customEvent.defaultValues || {};
+  const formData = mapDefaultValues(defaultValues, rowData);
+
+  setFormData(formData);
+  setActiveEvent({ name: customEvent.name, event: customEvent.baseEvent, rowData });
+  showModal();
+};
+
+export const handleNonFormCustomEvent = async (
+  connect: Connect,
+  customEvent: CustomEventHandler,
+  rowData: any,
+  showConfirmation: (onConfirm: () => Promise<void>) => void,
+): Promise<void> => {
+  if (customEvent.confirmSubmit?.state === 'enabled') {
+    showConfirmation(() => executeCustomEvent(connect, customEvent, rowData));
+  } else {
+    await executeCustomEvent(connect, customEvent, rowData);
+  }
+};

package/client-tmp/web-components/src/utils/index.ts

@@ -1,3 +1,4 @@
+export * from './customEvents';
 export * from './fdc3';
 export * from './layout';
 export * from './logger';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "5.2.0",
+  "version": "5.3.1",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"