@genesislcap/blank-app-seed 5.2.0-prerelease.7 → 5.2.0-prerelease.8

package/.genx/package.json

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

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

@@ -1,4 +1,4 @@
-import { CustomEvent } from "../../../utils/customEvents";
+import { CustomEventHandler } from "../../../utils/customEvents";
 
 {{#each tile.config.customEvents}}
 {{#if this.hasForm}}
@@ -14,7 +14,7 @@ export const customEventFormSchemas = {
   {{/each}}
 };
 
-export const customEvents: CustomEvent[] = [
+export const customEvents: CustomEventHandler[] = [
   {{#each tile.config.customEvents}}
   {
     baseEvent: '{{this.baseEvent}}',
@@ -29,4 +29,4 @@ export const customEvents: CustomEvent[] = [
     defaultValues: {{{this.defaultValues}}},
   },
   {{/each}}
-]; 
+];

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

@@ -1,10 +1,16 @@
 {{#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}}
@@ -15,7 +21,7 @@ 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 CustomEvent, type CustomEventState } from '../../../utils/customEvents';
+import { useCustomEvent, type CustomEventHandler, type CustomEventState } from '../../../utils/customEvents';
 {{/if}}
 {{#if tile.config.createFormUiSchema~}}
 import { createFormSchema as createFormSchemaTile } from './{{pascalCase tile.title}}CreateFormSchema';
@@ -38,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}}
  */
@@ -168,7 +174,7 @@ export const {{pascalCase tile.componentName}}: React.FC = () => {
 
   const renderFormModal = () => {
     if (!activeCustomEvent) return null;
-    
+
     return createPortal(
       <rapid-modal
         ref={customEventModalRef}
@@ -180,6 +186,8 @@ export const {{pascalCase tile.componentName}}: React.FC = () => {
           uischema={getCustomEventUiSchema()}
           data={customEventFormData}
           onsubmit-success={handleCustomEventSubmit}
+          onsubmit={submitFailureNotification}
+          onsubmit-failure={submitFailureNotification}
         ></foundation-form>
       </rapid-modal>,
       document.querySelector('rapid-design-system-provider')!
@@ -190,4 +198,4 @@ export const {{pascalCase tile.componentName}}: React.FC = () => {
   return (
     {{> (lookup tile 'type') tile}}
   );
-};
+};

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

@@ -1,4 +1,4 @@
-import { CustomEvent } from "../../../utils/customEvents";
+import { CustomEventHandler } from "../../../utils/customEvents";
 
 {{#each tile.config.customEvents}}
 {{#if this.hasForm}}
@@ -14,7 +14,7 @@ export const customEventFormSchemas = {
   {{/each}}
 };
 
-export const customEvents: CustomEvent[] = [
+export const customEvents: CustomEventHandler[] = [
   {{#each tile.config.customEvents}}
   {
     baseEvent: '{{this.baseEvent}}',

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

@@ -12,7 +12,7 @@ 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 CustomEvent, type CustomEventState } from '../../../utils/customEvents';
+import { handleFormCustomEvent, handleNonFormCustomEvent, showCustomEventConfirmation, type CustomEventHandler, type CustomEventState } from '../../../utils/customEvents';
 {{/if}}
 
 {{#ifAny tile.metadata.comment tile.metadata.todo}}
@@ -35,7 +35,7 @@ export class {{pascalCase tile.componentName}} extends GenesisElement {
 
   {{#if tile.config.customEvents}}
   customEventModal: Modal;
-  @observable customEvents: CustomEvent[] = customEvents;
+  @observable customEvents: CustomEventHandler[] = customEvents;
   @observable activeCustomEvent: CustomEventState | null = null;
   @observable customEventFormData: Record<string, any> = {};
 

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

@@ -1,5 +1,8 @@
 import { html, when, whenElse, ref, repeat } from '@genesislcap/web-core';
-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 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

@@ -64,6 +64,8 @@ ${whenElse(
                 :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>
             `,
           )}
@@ -73,4 +75,4 @@ ${whenElse(
     html`
       <not-permitted-component></not-permitted-component>
     `,
-)}
+)}

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [5.2.0-prerelease.8](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.2.0-prerelease.7...v5.2.0-prerelease.8) (2025-07-01)
+
+
+### Bug Fixes
+
+* show server errors in form GENC-1116 (#479) 3cc189f
+
 ## [5.2.0-prerelease.7](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.2.0-prerelease.6...v5.2.0-prerelease.7) (2025-07-01)
 
 

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

@@ -1,12 +1,20 @@
 import { getConnect } from '@genesislcap/foundation-comms';
-import { showNotificationDialog } from '@genesislcap/foundation-notifications';
+import { showNotification, showNotificationDialog } from '@genesislcap/foundation-notifications';
 
 interface ConfirmSubmit {
   state: 'enabled' | 'disabled';
   message: string;
 }
 
-export interface CustomEvent {
+interface CustomEventError {
+  errors: {
+    message?: string;
+    CODE: string;
+    TEXT: string;
+  }[];
+}
+
+export interface CustomEventHandler {
   baseEvent: string;
   name: string;
   hasForm: boolean;
@@ -50,20 +58,36 @@ export const mapDefaultValues = (
   );
 
 export const executeCustomEvent = async (
-  customEvent: CustomEvent,
+  customEventHandler: CustomEventHandler,
   rowData: any
 ): Promise<void> => {
-  const payload = customEvent.defaultValues
-    ? mapDefaultValues(customEvent.defaultValues, rowData)
+  const payload = customEventHandler.defaultValues
+    ? mapDefaultValues(customEventHandler.defaultValues, rowData)
     : {};
 
-  await getConnect().commitEvent(`EVENT_${customEvent.baseEvent}`, {
-    DETAILS: payload,
-  });
+  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: CustomEvent,
+  customEvent: CustomEventHandler,
   onConfirm: () => Promise<void>
 ): void => {
   showNotificationDialog(
@@ -87,9 +111,43 @@ export const showCustomEventConfirmation = (
   );
 };
 
+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: CustomEvent,
+    customEvent: CustomEventHandler,
     rowData: any,
     setFormData: (data: Record<string, any>) => void,
     setActiveEvent: (event: CustomEventState | null) => void

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/src/utils/customEvents.ts

@@ -1,12 +1,20 @@
 import { Connect } from '@genesislcap/foundation-comms';
-import { showNotificationDialog } from '@genesislcap/foundation-notifications';
+import { showNotification, showNotificationDialog } from '@genesislcap/foundation-notifications';
 
 interface ConfirmSubmit {
   state: 'enabled' | 'disabled';
   message: string;
 }
 
-export interface CustomEvent {
+interface CustomEventError {
+  errors: {
+    message?: string;
+    CODE: string;
+    TEXT: string;
+  }[];
+}
+
+export interface CustomEventHandler {
   baseEvent: string;
   name: string;
   hasForm: boolean;
@@ -45,20 +53,35 @@ export const mapDefaultValues = (defaultValues: DefaultValues, rowData: any): Re
 
 export const executeCustomEvent = async (
   connect: Connect,
-  customEvent: CustomEvent,
+  customEvent: CustomEventHandler,
   rowData: any,
 ): Promise<void> => {
   const payload = customEvent.defaultValues
     ? mapDefaultValues(customEvent.defaultValues, rowData)
     : {};
 
-  await connect.commitEvent(`EVENT_${customEvent.baseEvent}`, {
+  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: CustomEvent,
+  customEvent: CustomEventHandler,
   onConfirm: () => Promise<void>,
 ): void => {
   showNotificationDialog(
@@ -82,8 +105,42 @@ export const showCustomEventConfirmation = (
   );
 };
 
+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: CustomEvent,
+  customEvent: CustomEventHandler,
   rowData: any,
   setFormData: (data: Record<string, any>) => void,
   setActiveEvent: (event: CustomEventState) => void,
@@ -99,7 +156,7 @@ export const handleFormCustomEvent = (
 
 export const handleNonFormCustomEvent = async (
   connect: Connect,
-  customEvent: CustomEvent,
+  customEvent: CustomEventHandler,
   rowData: any,
   showConfirmation: (onConfirm: () => Promise<void>) => void,
 ): Promise<void> => {

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-prerelease.7",
+  "version": "5.2.0-prerelease.8",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"