@beinformed/ui 1.65.28 → 1.66.0

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.66.0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.29...v1.66.0) (2026-02-14)
+
+
+### Features
+
+* **hooks:** add hooks for update locale and retrieval of application ([25cbb98](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/25cbb98c17eea37d91b6cee9623e263b61068d51))
+* **hooks:** add useErrorHandler hook to dispatch error handle actions ([be2a7a1](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/be2a7a193038c91fbbdf948fd9c55cbf6b0c20e6))
+
+
+### Bug Fixes
+
+* **selector:** retrieve models for active local ([c91b49f](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/c91b49f58973f1d69169f17e964dd107259cf4b7))
+
+## [1.65.29](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.28...v1.65.29) (2026-02-06)
+
 ## [1.65.28](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.27...v1.65.28) (2026-02-02)
 
 

package/README.md

@@ -1,32 +1,73 @@
 # @beinformed/ui
 
-@beinformed/ui is a library with building blocks for layouts that want to use the [Be Informed](https://www.beinformed.com) modular UI services.
+`@beinformed/ui` provides the core infrastructure and high-level React building blocks for applications powered by [Be Informed](https://www.beinformed.com) Modular UI services.
 
-## Features
+It handles the complexities of state management, server-side rendering, and model rehydration, allowing you to focus on building rich user experiences.
 
-- Make requests to modular UI services of a Be Informed project and receive Javascript models containing the combination of data and contribution response
-- Redux modules for working with modular UI services, and other features required for a complete Be Informed user interface
-- React modules containing:
-  - Client setup
-  - Server setup
-  - Styled-components theming
-  - I18n
-  - Settings
-  - Hooks and redux connectors
-- Generic utils for creating a user interface
+## ✨ Features
 
-## Installation
+- **Model-Driven UI**: Automatically transforms Modular UI service responses into rich JavaScript Class instances (Models) that combine data with metadata and logic.
+- **React-First**: Comprehensive library of hooks and providers for data fetching and state interaction.
+- **SSR Support**: Native pipeline for Java-backed Server-Side Rendering (SSR) with state dehydration and rehydration.
+- **Unified Theming**: A robust design token system built on `styled-components` with automatic accessibility/contrast calculation.
+- **Redux Integration**: Built-in modules for navigation, preferences, i18n, and resource caching.
 
-Install using npm or yarn:
+## 📦 Installation
+
+Install the library via npm, yarn, pnpm:
 
 ```bash
 npm install @beinformed/ui
 ```
 
-## Documentation
+## 🚀 Quick Start
+
+To use the library, wrap your application in the initialization client. This sets up the Redux store, handles routing, and enables rehydration.
+
+```javascript
+import { client } from "@beinformed/ui/react";
+
+client({
+  theme: { PRIMARY_COLOR: "#0055aa" },
+  render: () => <MyApplication />,
+});
+```
+
+And a server that is loaded in the Be Informed environment:
+
+```javascript
+import { serverNoSSR } from "@beinformed/ui/react";
+
+export const server = (request: HttpServletRequestJava) => {
+  setSettings(DEFAULT_SETTINGS);
+  return serverNoSSR({
+    request,
+    render: () => <MyServer />,
+  });
+};
+```
+
+## 📖 Documentation
 
-You can find usage documentation on the [Be Informed plaza](https://plaza.beinformed.com/).
+Detailed usage guides and API references are available to help you build your application:
 
-## Have a question or feedback?
+- **[Initialization & SSR](./docs/usage/react-client.md)** – Setting up the client and server environments.
+- **[Theming System](./docs/usage/react-theme.md)** – Using design tokens and styling utilities.
+- **[React Hooks Cheat Sheet](./docs/usage/index.md)** – A quick reference for fetching data and models.
+- **[Form & Attribute Handling](./docs/usage/forms.md)** – Managing complex state and submissions.
 
-If you want to report a bug, request a feature or provide other kind of feedback, please file an issue at [support environment](https://support.beinformed.com).
+For comprehensive platform documentation, visit the [Be Informed Plaza](https://plaza.beinformed.com/).
+
+## 💬 Questions & Feedback
+
+We value your input!
+
+- **Bugs & Features**: Please file an issue on our [Support Environment](https://support.beinformed.com).
+
+---
+
+© 2026 Be Informed. All rights reserved.
+
+```
+
+```

package/esm/hooks/useErrorHandler.js

@@ -0,0 +1,26 @@
+import { useDispatch } from "react-redux";
+import { useCallback } from "react";
+import { handleError } from "../redux/actions/Error";
+import FetchException from "../exceptions/FetchException";
+
+/**
+ * A hook that returns a memoized function to handle application-wide errors.
+ *
+ * By default, this handler orchestrates:
+ * - Redirects for unauthorized, blocked, or concurrent users.
+ * - Handles forced password change triggers.
+ * - Saves the error in the Redux store (server-side).
+ * - Triggers global XHR error notifications.
+ */
+export const useErrorHandler = () => {
+  const dispatch = useDispatch();
+  return useCallback(
+  /**
+   * @param {string | Error | FetchException} error - The error object or message to process.
+   */
+  error => {
+    const err = typeof error === "string" ? new Error(error) : error;
+    dispatch(handleError(err));
+  }, [dispatch]);
+};
+//# sourceMappingURL=useErrorHandler.js.map

package/esm/hooks/useErrorHandler.js.flow

@@ -0,0 +1,31 @@
+// @flow
+import { useDispatch } from "react-redux";
+import { useCallback } from "react";
+import { handleError } from "../redux/actions/Error";
+import FetchException from "../exceptions/FetchException";
+
+/**
+ * A hook that returns a memoized function to handle application-wide errors.
+ *
+ * By default, this handler orchestrates:
+ * - Redirects for unauthorized, blocked, or concurrent users.
+ * - Handles forced password change triggers.
+ * - Saves the error in the Redux store (server-side).
+ * - Triggers global XHR error notifications.
+ */
+export const useErrorHandler = (): ((
+  error: string | Error | FetchException,
+) => void) => {
+  const dispatch = useDispatch();
+
+  return useCallback(
+    /**
+     * @param {string | Error | FetchException} error - The error object or message to process.
+     */
+    (error: string | Error | FetchException) => {
+      const err = typeof error === "string" ? new Error(error) : error;
+      dispatch(handleError(err));
+    },
+    [dispatch],
+  );
+};

package/esm/hooks/useErrorHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorHandler.js","names":["useDispatch","useCallback","handleError","FetchException","useErrorHandler","dispatch","error","err","Error"],"sources":["../../src/hooks/useErrorHandler.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\nimport { useCallback } from \"react\";\nimport { handleError } from \"../redux/actions/Error\";\nimport FetchException from \"../exceptions/FetchException\";\n\n/**\n * A hook that returns a memoized function to handle application-wide errors.\n *\n * By default, this handler orchestrates:\n * - Redirects for unauthorized, blocked, or concurrent users.\n * - Handles forced password change triggers.\n * - Saves the error in the Redux store (server-side).\n * - Triggers global XHR error notifications.\n */\nexport const useErrorHandler = (): ((\n  error: string | Error | FetchException,\n) => void) => {\n  const dispatch = useDispatch();\n\n  return useCallback(\n    /**\n     * @param {string | Error | FetchException} error - The error object or message to process.\n     */\n    (error: string | Error | FetchException) => {\n      const err = typeof error === \"string\" ? new Error(error) : error;\n      dispatch(handleError(err));\n    },\n    [dispatch],\n  );\n};\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,aAAa;AACzC,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,QAAQ,wBAAwB;AACpD,OAAOC,cAAc,MAAM,8BAA8B;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAEjB;EACZ,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,OAAOC,WAAW;EAChB;AACJ;AACA;EACKK,KAAsC,IAAK;IAC1C,MAAMC,GAAG,GAAG,OAAOD,KAAK,KAAK,QAAQ,GAAG,IAAIE,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;IAChED,QAAQ,CAACH,WAAW,CAACK,GAAG,CAAC,CAAC;EAC5B,CAAC,EACD,CAACF,QAAQ,CACX,CAAC;AACH,CAAC","ignoreList":[]}

package/esm/hooks/useI18n.js

@@ -1,9 +1,11 @@
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import { useSelector } from "react-redux";
+import { useCallback } from "react";
+import { useDispatch, useSelector } from "react-redux";
 import { createSelector } from "reselect";
 import memoize from "lodash/memoize";
 import { getLocales, getLocale } from "../redux/selectors/i18n";
+import { updateLocale } from "../redux/_i18n/I18nActions";
 const getMessage = createSelector([getLocales, getLocale], (locales, localeCode) => memoize((id, defaultMessage, placeholders) => locales.getLocale(localeCode).getMessage(id, defaultMessage, placeholders), (...args) => _JSON$stringify(args)));
 
 /**
@@ -23,5 +25,17 @@ const getLocaleCodes = createSelector(state => state.i18n.locales, locales => _m
  * Retrieve all available locale codes
  */
 const useLocaleCodes = () => useSelector(getLocaleCodes);
-export { useTranslate, useMessage, useLocale, useLocaleCodes };
+
+/**
+ * A hook that returns a memoized function to update the application locale.
+ *
+ * @returns {(locale: string) => void} A memoized function to update the locale.
+ */
+const useUpdateLocale = () => {
+  const dispatch = useDispatch();
+  return useCallback(locale => {
+    dispatch(updateLocale(locale));
+  }, [dispatch]);
+};
+export { useTranslate, useMessage, useLocale, useLocaleCodes, useUpdateLocale };
 //# sourceMappingURL=useI18n.js.map

package/esm/hooks/useI18n.js.flow

@@ -1,9 +1,12 @@
 // @flow
-import { useSelector } from "react-redux";
+import { useCallback } from "react";
+import { useDispatch, useSelector } from "react-redux";
 import { createSelector } from "reselect";
+
 import memoize from "lodash/memoize";
 
 import { getLocales, getLocale } from "../redux/selectors/i18n";
+import { updateLocale } from "../redux/_i18n/I18nActions";
 
 const getMessage = createSelector(
   [getLocales, getLocale],
@@ -43,4 +46,20 @@ const getLocaleCodes = createSelector(
  */
 const useLocaleCodes = (): Array<string> => useSelector(getLocaleCodes);
 
-export { useTranslate, useMessage, useLocale, useLocaleCodes };
+/**
+ * A hook that returns a memoized function to update the application locale.
+ *
+ * @returns {(locale: string) => void} A memoized function to update the locale.
+ */
+const useUpdateLocale = (): ((locale: string) => void) => {
+  const dispatch = useDispatch();
+
+  return useCallback(
+    (locale: string) => {
+      dispatch(updateLocale(locale));
+    },
+    [dispatch],
+  );
+};
+
+export { useTranslate, useMessage, useLocale, useLocaleCodes, useUpdateLocale };

package/esm/hooks/useI18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.js","names":["useSelector","createSelector","memoize","getLocales","getLocale","getMessage","locales","localeCode","id","defaultMessage","placeholders","args","_JSON$stringify","useMessage","useTranslate","useLocale","getLocaleCodes","state","i18n","_mapInstanceProperty","call","locale","code","useLocaleCodes"],"sources":["../../src/hooks/useI18n.js"],"sourcesContent":["// @flow\nimport { useSelector } from \"react-redux\";\nimport { createSelector } from \"reselect\";\nimport memoize from \"lodash/memoize\";\n\nimport { getLocales, getLocale } from \"../redux/selectors/i18n\";\n\nconst getMessage = createSelector(\n  [getLocales, getLocale],\n  (locales, localeCode) =>\n    memoize(\n      (id: string, defaultMessage?: string, placeholders?: Object) =>\n        locales\n          .getLocale(localeCode)\n          .getMessage(id, defaultMessage, placeholders),\n      (...args) => JSON.stringify(args),\n    ),\n);\n\n/**\n */\nconst useMessage = (\n  id: string,\n  defaultMessage?: string,\n  placeholders?: Object | null,\n): any => useSelector(getMessage)(id, defaultMessage, placeholders);\n\n/**\n */\nconst useTranslate = (): ((...any) => any) => useSelector(getMessage);\n\n/**\n */\nconst useLocale = (): string => useSelector(getLocale);\n\nconst getLocaleCodes = createSelector(\n  (state) => state.i18n.locales,\n  (locales) => locales.map((locale) => locale.code),\n);\n\n/**\n * Retrieve all available locale codes\n */\nconst useLocaleCodes = (): Array<string> => useSelector(getLocaleCodes);\n\nexport { useTranslate, useMessage, useLocale, useLocaleCodes };\n"],"mappings":";;AACA,SAASA,WAAW,QAAQ,aAAa;AACzC,SAASC,cAAc,QAAQ,UAAU;AACzC,OAAOC,OAAO,MAAM,gBAAgB;AAEpC,SAASC,UAAU,EAAEC,SAAS,QAAQ,yBAAyB;AAE/D,MAAMC,UAAU,GAAGJ,cAAc,CAC/B,CAACE,UAAU,EAAEC,SAAS,CAAC,EACvB,CAACE,OAAO,EAAEC,UAAU,KAClBL,OAAO,CACL,CAACM,EAAU,EAAEC,cAAuB,EAAEC,YAAqB,KACzDJ,OAAO,CACJF,SAAS,CAACG,UAAU,CAAC,CACrBF,UAAU,CAACG,EAAE,EAAEC,cAAc,EAAEC,YAAY,CAAC,EACjD,CAAC,GAAGC,IAAI,KAAKC,eAAA,CAAeD,IAAI,CAClC,CACJ,CAAC;;AAED;AACA;AACA,MAAME,UAAU,GAAGA,CACjBL,EAAU,EACVC,cAAuB,EACvBC,YAA4B,KACpBV,WAAW,CAACK,UAAU,CAAC,CAACG,EAAE,EAAEC,cAAc,EAAEC,YAAY,CAAC;;AAEnE;AACA;AACA,MAAMI,YAAY,GAAGA,CAAA,KAAyBd,WAAW,CAACK,UAAU,CAAC;;AAErE;AACA;AACA,MAAMU,SAAS,GAAGA,CAAA,KAAcf,WAAW,CAACI,SAAS,CAAC;AAEtD,MAAMY,cAAc,GAAGf,cAAc,CAClCgB,KAAK,IAAKA,KAAK,CAACC,IAAI,CAACZ,OAAO,EAC5BA,OAAO,IAAKa,oBAAA,CAAAb,OAAO,EAAAc,IAAA,CAAPd,OAAO,EAAMe,MAAM,IAAKA,MAAM,CAACC,IAAI,CAClD,CAAC;;AAED;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAA,KAAqBvB,WAAW,CAACgB,cAAc,CAAC;AAEvE,SAASF,YAAY,EAAED,UAAU,EAAEE,SAAS,EAAEQ,cAAc","ignoreList":[]}
+{"version":3,"file":"useI18n.js","names":["useCallback","useDispatch","useSelector","createSelector","memoize","getLocales","getLocale","updateLocale","getMessage","locales","localeCode","id","defaultMessage","placeholders","args","_JSON$stringify","useMessage","useTranslate","useLocale","getLocaleCodes","state","i18n","_mapInstanceProperty","call","locale","code","useLocaleCodes","useUpdateLocale","dispatch"],"sources":["../../src/hooks/useI18n.js"],"sourcesContent":["// @flow\nimport { useCallback } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { createSelector } from \"reselect\";\n\nimport memoize from \"lodash/memoize\";\n\nimport { getLocales, getLocale } from \"../redux/selectors/i18n\";\nimport { updateLocale } from \"../redux/_i18n/I18nActions\";\n\nconst getMessage = createSelector(\n  [getLocales, getLocale],\n  (locales, localeCode) =>\n    memoize(\n      (id: string, defaultMessage?: string, placeholders?: Object) =>\n        locales\n          .getLocale(localeCode)\n          .getMessage(id, defaultMessage, placeholders),\n      (...args) => JSON.stringify(args),\n    ),\n);\n\n/**\n */\nconst useMessage = (\n  id: string,\n  defaultMessage?: string,\n  placeholders?: Object | null,\n): any => useSelector(getMessage)(id, defaultMessage, placeholders);\n\n/**\n */\nconst useTranslate = (): ((...any) => any) => useSelector(getMessage);\n\n/**\n */\nconst useLocale = (): string => useSelector(getLocale);\n\nconst getLocaleCodes = createSelector(\n  (state) => state.i18n.locales,\n  (locales) => locales.map((locale) => locale.code),\n);\n\n/**\n * Retrieve all available locale codes\n */\nconst useLocaleCodes = (): Array<string> => useSelector(getLocaleCodes);\n\n/**\n * A hook that returns a memoized function to update the application locale.\n *\n * @returns {(locale: string) => void} A memoized function to update the locale.\n */\nconst useUpdateLocale = (): ((locale: string) => void) => {\n  const dispatch = useDispatch();\n\n  return useCallback(\n    (locale: string) => {\n      dispatch(updateLocale(locale));\n    },\n    [dispatch],\n  );\n};\n\nexport { useTranslate, useMessage, useLocale, useLocaleCodes, useUpdateLocale };\n"],"mappings":";;AACA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,cAAc,QAAQ,UAAU;AAEzC,OAAOC,OAAO,MAAM,gBAAgB;AAEpC,SAASC,UAAU,EAAEC,SAAS,QAAQ,yBAAyB;AAC/D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,MAAMC,UAAU,GAAGL,cAAc,CAC/B,CAACE,UAAU,EAAEC,SAAS,CAAC,EACvB,CAACG,OAAO,EAAEC,UAAU,KAClBN,OAAO,CACL,CAACO,EAAU,EAAEC,cAAuB,EAAEC,YAAqB,KACzDJ,OAAO,CACJH,SAAS,CAACI,UAAU,CAAC,CACrBF,UAAU,CAACG,EAAE,EAAEC,cAAc,EAAEC,YAAY,CAAC,EACjD,CAAC,GAAGC,IAAI,KAAKC,eAAA,CAAeD,IAAI,CAClC,CACJ,CAAC;;AAED;AACA;AACA,MAAME,UAAU,GAAGA,CACjBL,EAAU,EACVC,cAAuB,EACvBC,YAA4B,KACpBX,WAAW,CAACM,UAAU,CAAC,CAACG,EAAE,EAAEC,cAAc,EAAEC,YAAY,CAAC;;AAEnE;AACA;AACA,MAAMI,YAAY,GAAGA,CAAA,KAAyBf,WAAW,CAACM,UAAU,CAAC;;AAErE;AACA;AACA,MAAMU,SAAS,GAAGA,CAAA,KAAchB,WAAW,CAACI,SAAS,CAAC;AAEtD,MAAMa,cAAc,GAAGhB,cAAc,CAClCiB,KAAK,IAAKA,KAAK,CAACC,IAAI,CAACZ,OAAO,EAC5BA,OAAO,IAAKa,oBAAA,CAAAb,OAAO,EAAAc,IAAA,CAAPd,OAAO,EAAMe,MAAM,IAAKA,MAAM,CAACC,IAAI,CAClD,CAAC;;AAED;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAA,KAAqBxB,WAAW,CAACiB,cAAc,CAAC;;AAEvE;AACA;AACA;AACA;AACA;AACA,MAAMQ,eAAe,GAAGA,CAAA,KAAkC;EACxD,MAAMC,QAAQ,GAAG3B,WAAW,CAAC,CAAC;EAE9B,OAAOD,WAAW,CACfwB,MAAc,IAAK;IAClBI,QAAQ,CAACrB,YAAY,CAACiB,MAAM,CAAC,CAAC;EAChC,CAAC,EACD,CAACI,QAAQ,CACX,CAAC;AACH,CAAC;AAED,SAASX,YAAY,EAAED,UAAU,EAAEE,SAAS,EAAEQ,cAAc,EAAEC,eAAe","ignoreList":[]}

package/esm/hooks/useModelSelectors.js

@@ -1,7 +1,7 @@
 import { useSelector } from "react-redux";
-import { getAllModelsByInstance, getFirstModelByInstance, getActiveModelByInstance, modelByHref, keyByHref, allKeysByHref, getActiveModels, getAllFinishedModels } from "../redux/_modularui/ModularUISelectors";
+import { getAllModelsByInstance, getFirstModelByInstance, getActiveModelByInstance, modelByHref, keyByHref, allKeysByHref, getActiveModels, getAllFinishedModels, getApplication } from "../redux/_modularui/ModularUISelectors";
 import Href from "../models/href/Href";
-
+import ApplicationModel from "../models/application/ApplicationModel";
 /**
  * Returns all models in the store that are instances of the provided class
  * and match the current application locale.
@@ -70,4 +70,15 @@ export const useActiveModels = () => {
 export const useAllFinishedModels = () => {
   return useSelector(getAllFinishedModels);
 };
+
+/**
+ * Returns the current active application, without retrying to request it.
+ */
+export const useCurrentApplication = () => {
+  const application = useSelector(getApplication);
+  if (application instanceof ApplicationModel) {
+    return application;
+  }
+  return null;
+};
 //# sourceMappingURL=useModelSelectors.js.map

package/esm/hooks/useModelSelectors.js.flow

@@ -10,10 +10,13 @@ import {
   allKeysByHref,
   getActiveModels,
   getAllFinishedModels,
+  getApplication,
 } from "../redux/_modularui/ModularUISelectors";
+import Href from "../models/href/Href";
+import ApplicationModel from "../models/application/ApplicationModel";
+
 import type { ModularUIModel } from "../models/types";
 import type { ReduxState } from "../redux/types";
-import Href from "../models/href/Href";
 
 /**
  * Returns all models in the store that are instances of the provided class
@@ -96,3 +99,14 @@ export const useActiveModels = (): Array<{
 export const useAllFinishedModels = (): Array<ModularUIModel> => {
   return useSelector(getAllFinishedModels);
 };
+
+/**
+ * Returns the current active application, without retrying to request it.
+ */
+export const useCurrentApplication = (): ApplicationModel | null => {
+  const application = useSelector(getApplication);
+  if (application instanceof ApplicationModel) {
+    return application;
+  }
+  return null;
+};

package/esm/hooks/useModelSelectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModelSelectors.js","names":["useSelector","getAllModelsByInstance","getFirstModelByInstance","getActiveModelByInstance","modelByHref","keyByHref","allKeysByHref","getActiveModels","getAllFinishedModels","Href","useAllModelsByInstance","instance","state","useFirstModelByInstance","useActiveModelByInstance","useModelByHref","href","useKeyByHref","useAllKeysByHref","useActiveModels","useAllFinishedModels"],"sources":["../../src/hooks/useModelSelectors.js"],"sourcesContent":["// @flow\nimport { useSelector } from \"react-redux\";\n\nimport {\n  getAllModelsByInstance,\n  getFirstModelByInstance,\n  getActiveModelByInstance,\n  modelByHref,\n  keyByHref,\n  allKeysByHref,\n  getActiveModels,\n  getAllFinishedModels,\n} from \"../redux/_modularui/ModularUISelectors\";\nimport type { ModularUIModel } from \"../models/types\";\nimport type { ReduxState } from \"../redux/types\";\nimport Href from \"../models/href/Href\";\n\n/**\n * Returns all models in the store that are instances of the provided class\n * and match the current application locale.\n */\nexport const useAllModelsByInstance = <T>(\n  instance: Class<T>,\n): Array<ModularUIModel> => {\n  return useSelector((state: ReduxState) =>\n    getAllModelsByInstance(state, instance),\n  );\n};\n\n/**\n * Returns the first model found in the store that is an instance of the\n * provided class and matches the current locale.\n */\nexport const useFirstModelByInstance = <T>(instance: Class<T>): T | null => {\n  return useSelector((state: ReduxState) =>\n    getFirstModelByInstance(state, instance),\n  );\n};\n\n/**\n * Returns the model instance that is currently \"active\" based on the URL path.\n * It checks if the current router location starts with the model's selfhref path.\n */\nexport const useActiveModelByInstance = <T>(instance: Class<T>): T | null => {\n  return useSelector((state: ReduxState) =>\n    getActiveModelByInstance(state, instance),\n  );\n};\n\n/**\n * Retrieves a specific model from the store based on its unique Href.\n * @param {Href | string} href - The Href object or string path of the model.\n * @returns {ModularUIModel | null} The model matching the href or null.\n */\nexport const useModelByHref = (href: Href | string): null | ModularUIModel => {\n  return useSelector((state: ReduxState) => modelByHref(state, href));\n};\n\n/**\n * Returns the unique store key (identifier) for a model associated with a specific Href.\n * @param {Href | string} href - The Href object or string path.\n * @returns {string | null | void} The internal key of the model.\n */\nexport const useKeyByHref = (href: Href | string): ?string => {\n  return useSelector((state: ReduxState) => keyByHref(state, href));\n};\n\n/**\n * Returns all internal keys found in the store for a specific Href.\n * Useful if multiple versions/entries exist for the same path.\n * @param {Href | string} href - The Href object or string path.\n * @returns {Array<string>} An array of keys.\n */\nexport const useAllKeysByHref = (href: Href | string): Array<string> => {\n  return useSelector((state: ReduxState) => allKeysByHref(state, href));\n};\n\n/**\n * Returns a list of simplified model info (key, href, label, type) for all\n * models currently active in the navigation context (breadcrumbs).\n * @returns {Array<{key: string, href: Href, label: string, type: string}>}\n */\nexport const useActiveModels = (): Array<{\n  key: string,\n  href: Href,\n  label: string,\n  type: string,\n}> => {\n  return useSelector(getActiveModels);\n};\n\n/**\n * Returns all models in the store that have a status of MODULARUI_STATUS.FINISHED.\n * @returns {Array<ModularUIModel>} An array of fully loaded models.\n */\nexport const useAllFinishedModels = (): Array<ModularUIModel> => {\n  return useSelector(getAllFinishedModels);\n};\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,aAAa;AAEzC,SACEC,sBAAsB,EACtBC,uBAAuB,EACvBC,wBAAwB,EACxBC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,eAAe,EACfC,oBAAoB,QACf,wCAAwC;AAG/C,OAAOC,IAAI,MAAM,qBAAqB;;AAEtC;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GACjCC,QAAkB,IACQ;EAC1B,OAAOX,WAAW,CAAEY,KAAiB,IACnCX,sBAAsB,CAACW,KAAK,EAAED,QAAQ,CACxC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAME,uBAAuB,GAAOF,QAAkB,IAAe;EAC1E,OAAOX,WAAW,CAAEY,KAAiB,IACnCV,uBAAuB,CAACU,KAAK,EAAED,QAAQ,CACzC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,wBAAwB,GAAOH,QAAkB,IAAe;EAC3E,OAAOX,WAAW,CAAEY,KAAiB,IACnCT,wBAAwB,CAACS,KAAK,EAAED,QAAQ,CAC1C,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,cAAc,GAAIC,IAAmB,IAA4B;EAC5E,OAAOhB,WAAW,CAAEY,KAAiB,IAAKR,WAAW,CAACQ,KAAK,EAAEI,IAAI,CAAC,CAAC;AACrE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAID,IAAmB,IAAc;EAC5D,OAAOhB,WAAW,CAAEY,KAAiB,IAAKP,SAAS,CAACO,KAAK,EAAEI,IAAI,CAAC,CAAC;AACnE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,gBAAgB,GAAIF,IAAmB,IAAoB;EACtE,OAAOhB,WAAW,CAAEY,KAAiB,IAAKN,aAAa,CAACM,KAAK,EAAEI,IAAI,CAAC,CAAC;AACvE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,eAAe,GAAGA,CAAA,KAKzB;EACJ,OAAOnB,WAAW,CAACO,eAAe,CAAC;AACrC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMa,oBAAoB,GAAGA,CAAA,KAA6B;EAC/D,OAAOpB,WAAW,CAACQ,oBAAoB,CAAC;AAC1C,CAAC","ignoreList":[]}
+{"version":3,"file":"useModelSelectors.js","names":["useSelector","getAllModelsByInstance","getFirstModelByInstance","getActiveModelByInstance","modelByHref","keyByHref","allKeysByHref","getActiveModels","getAllFinishedModels","getApplication","Href","ApplicationModel","useAllModelsByInstance","instance","state","useFirstModelByInstance","useActiveModelByInstance","useModelByHref","href","useKeyByHref","useAllKeysByHref","useActiveModels","useAllFinishedModels","useCurrentApplication","application"],"sources":["../../src/hooks/useModelSelectors.js"],"sourcesContent":["// @flow\nimport { useSelector } from \"react-redux\";\n\nimport {\n  getAllModelsByInstance,\n  getFirstModelByInstance,\n  getActiveModelByInstance,\n  modelByHref,\n  keyByHref,\n  allKeysByHref,\n  getActiveModels,\n  getAllFinishedModels,\n  getApplication,\n} from \"../redux/_modularui/ModularUISelectors\";\nimport Href from \"../models/href/Href\";\nimport ApplicationModel from \"../models/application/ApplicationModel\";\n\nimport type { ModularUIModel } from \"../models/types\";\nimport type { ReduxState } from \"../redux/types\";\n\n/**\n * Returns all models in the store that are instances of the provided class\n * and match the current application locale.\n */\nexport const useAllModelsByInstance = <T>(\n  instance: Class<T>,\n): Array<ModularUIModel> => {\n  return useSelector((state: ReduxState) =>\n    getAllModelsByInstance(state, instance),\n  );\n};\n\n/**\n * Returns the first model found in the store that is an instance of the\n * provided class and matches the current locale.\n */\nexport const useFirstModelByInstance = <T>(instance: Class<T>): T | null => {\n  return useSelector((state: ReduxState) =>\n    getFirstModelByInstance(state, instance),\n  );\n};\n\n/**\n * Returns the model instance that is currently \"active\" based on the URL path.\n * It checks if the current router location starts with the model's selfhref path.\n */\nexport const useActiveModelByInstance = <T>(instance: Class<T>): T | null => {\n  return useSelector((state: ReduxState) =>\n    getActiveModelByInstance(state, instance),\n  );\n};\n\n/**\n * Retrieves a specific model from the store based on its unique Href.\n * @param {Href | string} href - The Href object or string path of the model.\n * @returns {ModularUIModel | null} The model matching the href or null.\n */\nexport const useModelByHref = (href: Href | string): null | ModularUIModel => {\n  return useSelector((state: ReduxState) => modelByHref(state, href));\n};\n\n/**\n * Returns the unique store key (identifier) for a model associated with a specific Href.\n * @param {Href | string} href - The Href object or string path.\n * @returns {string | null | void} The internal key of the model.\n */\nexport const useKeyByHref = (href: Href | string): ?string => {\n  return useSelector((state: ReduxState) => keyByHref(state, href));\n};\n\n/**\n * Returns all internal keys found in the store for a specific Href.\n * Useful if multiple versions/entries exist for the same path.\n * @param {Href | string} href - The Href object or string path.\n * @returns {Array<string>} An array of keys.\n */\nexport const useAllKeysByHref = (href: Href | string): Array<string> => {\n  return useSelector((state: ReduxState) => allKeysByHref(state, href));\n};\n\n/**\n * Returns a list of simplified model info (key, href, label, type) for all\n * models currently active in the navigation context (breadcrumbs).\n * @returns {Array<{key: string, href: Href, label: string, type: string}>}\n */\nexport const useActiveModels = (): Array<{\n  key: string,\n  href: Href,\n  label: string,\n  type: string,\n}> => {\n  return useSelector(getActiveModels);\n};\n\n/**\n * Returns all models in the store that have a status of MODULARUI_STATUS.FINISHED.\n * @returns {Array<ModularUIModel>} An array of fully loaded models.\n */\nexport const useAllFinishedModels = (): Array<ModularUIModel> => {\n  return useSelector(getAllFinishedModels);\n};\n\n/**\n * Returns the current active application, without retrying to request it.\n */\nexport const useCurrentApplication = (): ApplicationModel | null => {\n  const application = useSelector(getApplication);\n  if (application instanceof ApplicationModel) {\n    return application;\n  }\n  return null;\n};\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,aAAa;AAEzC,SACEC,sBAAsB,EACtBC,uBAAuB,EACvBC,wBAAwB,EACxBC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,eAAe,EACfC,oBAAoB,EACpBC,cAAc,QACT,wCAAwC;AAC/C,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,gBAAgB,MAAM,wCAAwC;AAKrE;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GACjCC,QAAkB,IACQ;EAC1B,OAAOb,WAAW,CAAEc,KAAiB,IACnCb,sBAAsB,CAACa,KAAK,EAAED,QAAQ,CACxC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAME,uBAAuB,GAAOF,QAAkB,IAAe;EAC1E,OAAOb,WAAW,CAAEc,KAAiB,IACnCZ,uBAAuB,CAACY,KAAK,EAAED,QAAQ,CACzC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,wBAAwB,GAAOH,QAAkB,IAAe;EAC3E,OAAOb,WAAW,CAAEc,KAAiB,IACnCX,wBAAwB,CAACW,KAAK,EAAED,QAAQ,CAC1C,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,cAAc,GAAIC,IAAmB,IAA4B;EAC5E,OAAOlB,WAAW,CAAEc,KAAiB,IAAKV,WAAW,CAACU,KAAK,EAAEI,IAAI,CAAC,CAAC;AACrE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAID,IAAmB,IAAc;EAC5D,OAAOlB,WAAW,CAAEc,KAAiB,IAAKT,SAAS,CAACS,KAAK,EAAEI,IAAI,CAAC,CAAC;AACnE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,gBAAgB,GAAIF,IAAmB,IAAoB;EACtE,OAAOlB,WAAW,CAAEc,KAAiB,IAAKR,aAAa,CAACQ,KAAK,EAAEI,IAAI,CAAC,CAAC;AACvE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,eAAe,GAAGA,CAAA,KAKzB;EACJ,OAAOrB,WAAW,CAACO,eAAe,CAAC;AACrC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMe,oBAAoB,GAAGA,CAAA,KAA6B;EAC/D,OAAOtB,WAAW,CAACQ,oBAAoB,CAAC;AAC1C,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMe,qBAAqB,GAAGA,CAAA,KAA+B;EAClE,MAAMC,WAAW,GAAGxB,WAAW,CAACS,cAAc,CAAC;EAC/C,IAAIe,WAAW,YAAYb,gBAAgB,EAAE;IAC3C,OAAOa,WAAW;EACpB;EACA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/esm/models/concepts/BusinessScenarioModel.js

@@ -7,6 +7,7 @@ import ConceptDetailModel from "./ConceptDetailModel";
 import ConceptTypeDetailModel from "./ConceptTypeDetailModel";
 import { getSetting } from "../../constants/Settings";
 /**
+ * @deprecated use the ConceptDetailModel with concept type BusinessScenarios#BusinessScenario
  */
 class BusinessScenarioModel extends ConceptDetailModel {
   constructor(...args) {

package/esm/models/concepts/BusinessScenarioModel.js.flow

@@ -10,6 +10,7 @@ import type ConceptLinkModel from "./ConceptLinkModel";
 import type ErrorResponse from "../error/ErrorResponse";
 
 /**
+ * @deprecated use the ConceptDetailModel with concept type BusinessScenarios#BusinessScenario
  */
 class BusinessScenarioModel extends ConceptDetailModel {
   _scenarioSteps: Array<ConceptDetailModel>;

package/esm/models/concepts/BusinessScenarioModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusinessScenarioModel.js","names":["ConceptDetailModel","ConceptTypeDetailModel","getSetting","BusinessScenarioModel","constructor","args","_defineProperty","type","modelName","isApplicableModel","data","isOfConceptType","_links","concepttype","href","conceptTypeHref","settingNames","Array","isArray","TypeError","pathToKmt","conceptTypeSettings","STEP","PERSONA","SYSTEM","SCENARIO","decodedConceptTypeHref","decodeURIComponent","some","settingName","conceptTypeSetting","_endsWithInstanceProperty","call","getInitialChildModelLinks","_context","_context2","childModelLinks","scenarioStepLinks","_mapInstanceProperty","_filterInstanceProperty","relationsCollection","all","relation","direction","concept","concepttypeHref","path","asLinkModel","length","push","setChildModels","models","errors","conceptTypeModel","_findInstanceProperty","model","conceptType","scenarioSteps","i","selfhref","_scenarioSteps","actors","forEach","scenarioStep","_context3","relationsToActor","newRelationToActor","actor","key"],"sources":["../../../src/models/concepts/BusinessScenarioModel.js"],"sourcesContent":["// @flow\nimport ConceptDetailModel from \"./ConceptDetailModel\";\nimport ConceptTypeDetailModel from \"./ConceptTypeDetailModel\";\nimport { getSetting } from \"../../constants/Settings\";\n\nimport type { ModularUIResponse } from \"../../modularui\";\nimport type { ModularUIModel } from \"../types\";\nimport type LinkModel from \"../links/LinkModel\";\nimport type ConceptLinkModel from \"./ConceptLinkModel\";\nimport type ErrorResponse from \"../error/ErrorResponse\";\n\n/**\n */\nclass BusinessScenarioModel extends ConceptDetailModel {\n  _scenarioSteps: Array<ConceptDetailModel>;\n\n  /**\n   */\n  get type(): string {\n    return \"BusinessScenario\";\n  }\n\n  /**\n   */\n  static get modelName(): string {\n    return \"BusinessScenario\";\n  }\n\n  /**\n   */\n  static isApplicableModel(data: ModularUIResponse): boolean {\n    return BusinessScenarioModel.isOfConceptType(\n      data?.data?._links?.concepttype?.href,\n      [\"SCENARIO\"],\n    );\n  }\n\n  /**\n   */\n  static isOfConceptType(\n    conceptTypeHref: ?string,\n    settingNames: Array<\"STEP\" | \"PERSONA\" | \"SCENARIO\" | \"SYSTEM\">,\n  ): boolean {\n    if (!conceptTypeHref) {\n      return false;\n    }\n\n    // Check if settingNames is an array\n    if (!Array.isArray(settingNames)) {\n      throw new TypeError(\"settingNames must be an array\");\n    }\n\n    const pathToKmt = \"/Library/KMTs/Business scenarios.bixml\";\n\n    const conceptTypeSettings = {\n      STEP: getSetting(\"BUSINESS_SCENARIO_STEP_CONCEPT_TYPE\", [\n        `${pathToKmt}/ScenarioStep`,\n      ]),\n      PERSONA: getSetting(\"BUSINESS_SCENARIO_PERSONA_CONCEPT_TYPE\", [\n        `${pathToKmt}/Persona`,\n      ]),\n      SYSTEM: getSetting(\"BUSINESS_SCENARIO_SYSTEM_CONCEPT_TYPE\", [\n        `${pathToKmt}/System`,\n      ]),\n      SCENARIO: getSetting(\"BUSINESS_SCENARIO_CONCEPT_TYPE\", [\n        `${pathToKmt}/BusinessScenario`,\n      ]),\n    };\n\n    const decodedConceptTypeHref = decodeURIComponent(conceptTypeHref);\n\n    return settingNames.some(\n      (settingName) =>\n        Array.isArray(conceptTypeSettings[settingName]) &&\n        conceptTypeSettings[settingName].some((conceptTypeSetting) =>\n          decodedConceptTypeHref.endsWith(conceptTypeSetting),\n        ),\n    );\n  }\n\n  /**\n   */\n  getInitialChildModelLinks(): Array<LinkModel> {\n    const childModelLinks = super.getInitialChildModelLinks();\n\n    const scenarioStepLinks = this.relationsCollection.all\n      .filter(\n        (relation) =>\n          relation.direction === \"outgoing\" &&\n          BusinessScenarioModel.isOfConceptType(\n            relation.concept.concepttypeHref?.path,\n            [\"STEP\"],\n          ),\n      )\n      .map((relation) => relation.concept.asLinkModel());\n\n    if (scenarioStepLinks.length > 0) {\n      childModelLinks.push(...scenarioStepLinks);\n    }\n\n    return childModelLinks;\n  }\n\n  /**\n   */\n  setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>) {\n    // $FlowExpectedError[incompatible-type]\n    const conceptTypeModel: ?ConceptTypeDetailModel = models.find(\n      (model) => model instanceof ConceptTypeDetailModel,\n    );\n\n    if (conceptTypeModel) {\n      this.conceptType = conceptTypeModel;\n    }\n\n    this.relationsCollection.setChildModels(models, errors);\n\n    const scenarioSteps = [];\n    for (let i = 0; i < models.length; i++) {\n      const model = models[i];\n\n      if (\n        model instanceof ConceptDetailModel &&\n        BusinessScenarioModel.isOfConceptType(\n          model.conceptType?.selfhref.path,\n          [\"STEP\"],\n        )\n      ) {\n        scenarioSteps.push(model);\n      }\n    }\n\n    this.scenarioSteps = scenarioSteps;\n  }\n\n  /**\n   */\n  set scenarioSteps(models: Array<ConceptDetailModel>) {\n    this._scenarioSteps = models;\n  }\n\n  /**\n   */\n  get scenarioSteps(): Array<ConceptDetailModel> {\n    return this._scenarioSteps;\n  }\n\n  /**\n   */\n  get actors(): Array<ConceptLinkModel> {\n    const actors = [];\n\n    this.scenarioSteps.forEach((scenarioStep) => {\n      const relationsToActor = scenarioStep.relationsCollection.find(\n        (relation) =>\n          relation.direction === \"outgoing\" &&\n          BusinessScenarioModel.isOfConceptType(\n            relation.concept.concepttypeHref?.path,\n            [\"PERSONA\", \"SYSTEM\"],\n          ),\n      );\n\n      const newRelationToActor =\n        relationsToActor &&\n        !actors.some((actor) => actor.key === relationsToActor.concept.key);\n\n      if (relationsToActor && newRelationToActor) {\n        actors.push(relationsToActor.concept);\n      }\n    });\n\n    return actors;\n  }\n}\n\nexport default BusinessScenarioModel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BusinessScenarioModel.js","names":["ConceptDetailModel","ConceptTypeDetailModel","getSetting","BusinessScenarioModel","constructor","args","_defineProperty","type","modelName","isApplicableModel","data","isOfConceptType","_links","concepttype","href","conceptTypeHref","settingNames","Array","isArray","TypeError","pathToKmt","conceptTypeSettings","STEP","PERSONA","SYSTEM","SCENARIO","decodedConceptTypeHref","decodeURIComponent","some","settingName","conceptTypeSetting","_endsWithInstanceProperty","call","getInitialChildModelLinks","_context","_context2","childModelLinks","scenarioStepLinks","_mapInstanceProperty","_filterInstanceProperty","relationsCollection","all","relation","direction","concept","concepttypeHref","path","asLinkModel","length","push","setChildModels","models","errors","conceptTypeModel","_findInstanceProperty","model","conceptType","scenarioSteps","i","selfhref","_scenarioSteps","actors","forEach","scenarioStep","_context3","relationsToActor","newRelationToActor","actor","key"],"sources":["../../../src/models/concepts/BusinessScenarioModel.js"],"sourcesContent":["// @flow\nimport ConceptDetailModel from \"./ConceptDetailModel\";\nimport ConceptTypeDetailModel from \"./ConceptTypeDetailModel\";\nimport { getSetting } from \"../../constants/Settings\";\n\nimport type { ModularUIResponse } from \"../../modularui\";\nimport type { ModularUIModel } from \"../types\";\nimport type LinkModel from \"../links/LinkModel\";\nimport type ConceptLinkModel from \"./ConceptLinkModel\";\nimport type ErrorResponse from \"../error/ErrorResponse\";\n\n/**\n * @deprecated use the ConceptDetailModel with concept type BusinessScenarios#BusinessScenario\n */\nclass BusinessScenarioModel extends ConceptDetailModel {\n  _scenarioSteps: Array<ConceptDetailModel>;\n\n  /**\n   */\n  get type(): string {\n    return \"BusinessScenario\";\n  }\n\n  /**\n   */\n  static get modelName(): string {\n    return \"BusinessScenario\";\n  }\n\n  /**\n   */\n  static isApplicableModel(data: ModularUIResponse): boolean {\n    return BusinessScenarioModel.isOfConceptType(\n      data?.data?._links?.concepttype?.href,\n      [\"SCENARIO\"],\n    );\n  }\n\n  /**\n   */\n  static isOfConceptType(\n    conceptTypeHref: ?string,\n    settingNames: Array<\"STEP\" | \"PERSONA\" | \"SCENARIO\" | \"SYSTEM\">,\n  ): boolean {\n    if (!conceptTypeHref) {\n      return false;\n    }\n\n    // Check if settingNames is an array\n    if (!Array.isArray(settingNames)) {\n      throw new TypeError(\"settingNames must be an array\");\n    }\n\n    const pathToKmt = \"/Library/KMTs/Business scenarios.bixml\";\n\n    const conceptTypeSettings = {\n      STEP: getSetting(\"BUSINESS_SCENARIO_STEP_CONCEPT_TYPE\", [\n        `${pathToKmt}/ScenarioStep`,\n      ]),\n      PERSONA: getSetting(\"BUSINESS_SCENARIO_PERSONA_CONCEPT_TYPE\", [\n        `${pathToKmt}/Persona`,\n      ]),\n      SYSTEM: getSetting(\"BUSINESS_SCENARIO_SYSTEM_CONCEPT_TYPE\", [\n        `${pathToKmt}/System`,\n      ]),\n      SCENARIO: getSetting(\"BUSINESS_SCENARIO_CONCEPT_TYPE\", [\n        `${pathToKmt}/BusinessScenario`,\n      ]),\n    };\n\n    const decodedConceptTypeHref = decodeURIComponent(conceptTypeHref);\n\n    return settingNames.some(\n      (settingName) =>\n        Array.isArray(conceptTypeSettings[settingName]) &&\n        conceptTypeSettings[settingName].some((conceptTypeSetting) =>\n          decodedConceptTypeHref.endsWith(conceptTypeSetting),\n        ),\n    );\n  }\n\n  /**\n   */\n  getInitialChildModelLinks(): Array<LinkModel> {\n    const childModelLinks = super.getInitialChildModelLinks();\n\n    const scenarioStepLinks = this.relationsCollection.all\n      .filter(\n        (relation) =>\n          relation.direction === \"outgoing\" &&\n          BusinessScenarioModel.isOfConceptType(\n            relation.concept.concepttypeHref?.path,\n            [\"STEP\"],\n          ),\n      )\n      .map((relation) => relation.concept.asLinkModel());\n\n    if (scenarioStepLinks.length > 0) {\n      childModelLinks.push(...scenarioStepLinks);\n    }\n\n    return childModelLinks;\n  }\n\n  /**\n   */\n  setChildModels(models: Array<ModularUIModel>, errors: Array<ErrorResponse>) {\n    // $FlowExpectedError[incompatible-type]\n    const conceptTypeModel: ?ConceptTypeDetailModel = models.find(\n      (model) => model instanceof ConceptTypeDetailModel,\n    );\n\n    if (conceptTypeModel) {\n      this.conceptType = conceptTypeModel;\n    }\n\n    this.relationsCollection.setChildModels(models, errors);\n\n    const scenarioSteps = [];\n    for (let i = 0; i < models.length; i++) {\n      const model = models[i];\n\n      if (\n        model instanceof ConceptDetailModel &&\n        BusinessScenarioModel.isOfConceptType(\n          model.conceptType?.selfhref.path,\n          [\"STEP\"],\n        )\n      ) {\n        scenarioSteps.push(model);\n      }\n    }\n\n    this.scenarioSteps = scenarioSteps;\n  }\n\n  /**\n   */\n  set scenarioSteps(models: Array<ConceptDetailModel>) {\n    this._scenarioSteps = models;\n  }\n\n  /**\n   */\n  get scenarioSteps(): Array<ConceptDetailModel> {\n    return this._scenarioSteps;\n  }\n\n  /**\n   */\n  get actors(): Array<ConceptLinkModel> {\n    const actors = [];\n\n    this.scenarioSteps.forEach((scenarioStep) => {\n      const relationsToActor = scenarioStep.relationsCollection.find(\n        (relation) =>\n          relation.direction === \"outgoing\" &&\n          BusinessScenarioModel.isOfConceptType(\n            relation.concept.concepttypeHref?.path,\n            [\"PERSONA\", \"SYSTEM\"],\n          ),\n      );\n\n      const newRelationToActor =\n        relationsToActor &&\n        !actors.some((actor) => actor.key === relationsToActor.concept.key);\n\n      if (relationsToActor && newRelationToActor) {\n        actors.push(relationsToActor.concept);\n      }\n    });\n\n    return actors;\n  }\n}\n\nexport default BusinessScenarioModel;\n"],"mappings":"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","ignoreList":[]}

package/esm/models/concepts/ConceptDetailModel.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _endsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/ends-with";
 import ResourceModel from "../base/ResourceModel";
 import ConceptRelationCollection from "./ConceptRelationCollection";
@@ -141,80 +141,78 @@ export default class ConceptDetailModel extends ResourceModel {
     return this.data.formula;
   }
 
+  /**
+   * @private
+   */
+  getElements(propName, typePropName) {
+    // $FlowIssue
+    const elementTypes = this.conceptType?.[typePropName] ?? [];
+    const allElements = this.data[propName] ?? [];
+    const elements = [];
+    const usedElementTypes = [];
+    for (const element of allElements) {
+      const elementType = _findInstanceProperty(elementTypes).call(elementTypes, elType => elType._id === element.type);
+      if (elementType) {
+        elements.push({
+          ...elementType,
+          ...element
+        });
+        usedElementTypes.push(elementType._id);
+      } else {
+        elements.push(element);
+      }
+    }
+    for (const elementType of elementTypes) {
+      if (!_includesInstanceProperty(usedElementTypes).call(usedElementTypes, elementType._id)) {
+        elements.push(elementType);
+      }
+    }
+    return elements;
+  }
+
   /**
    * Get additional labels of concept
    */
   get labels() {
-    var _context;
-    return this.conceptType?.labelTypes ? _mapInstanceProperty(_context = this.conceptType.labelTypes).call(_context, labelType => {
-      var _context2;
-      const setting = this.data.labels ? _findInstanceProperty(_context2 = this.data.labels).call(_context2, label => label.type === labelType._id) : {};
-      return {
-        ...labelType,
-        ...setting
-      };
-    }) : [];
+    return this.getElements("labels", "labelTypes");
   }
 
   /**
    * Get label elements by id
    */
   getLabelElementByIds(ids) {
-    var _context3;
-    return _filterInstanceProperty(_context3 = this.labels).call(_context3, label => _includesInstanceProperty(ids).call(ids, label._id));
+    var _context;
+    return _filterInstanceProperty(_context = this.labels).call(_context, label => _includesInstanceProperty(ids).call(ids, label._id));
   }
 
   /**
    * Get concept properties
    */
   get conceptProperties() {
-    var _context4;
-    return this.conceptType?.propertyTypes ? _mapInstanceProperty(_context4 = this.conceptType.propertyTypes).call(_context4, propertyType => {
-      var _context5;
-      const setting = this.data.properties ? _findInstanceProperty(_context5 = this.data.properties).call(_context5, property => property.type === propertyType._id) : {};
-      return {
-        ...propertyType,
-        ...setting
-      };
-    }) : [];
+    return this.getElements("properties", "propertyTypes");
   }
 
   /**
    * Get concept properties by id
    */
   getConceptPropertiesByIds(ids) {
-    var _context6;
-    return _filterInstanceProperty(_context6 = this.conceptProperties).call(_context6, property => _includesInstanceProperty(ids).call(ids, property._id));
+    var _context2;
+    return _filterInstanceProperty(_context2 = this.conceptProperties).call(_context2, property => _includesInstanceProperty(ids).call(ids, property._id));
   }
 
   /**
    * Get Text fragments
    */
   get textfragments() {
-    var _context7, _context0;
-    const textFragments = this.data.textFragments ? _mapInstanceProperty(_context7 = this.data.textFragments).call(_context7, textFragment => {
-      var _context8, _context9;
-      const textFragmentConfig = ((_context8 = this.conceptType) == null ? void 0 : Function.call.bind(_findInstanceProperty(_context9 = _context8.textFragmentTypes), _context9))?.(textFragmentType => textFragment.type === textFragmentType._id);
-      return {
-        ...textFragmentConfig,
-        ...textFragment
-      };
-    }) : [];
-    const notConfiguredTextFragments = this.conceptType?.textFragmentTypes ? _filterInstanceProperty(_context0 = this.conceptType.textFragmentTypes).call(_context0, textFragmentType => {
-      if (!this.data.textFragments) {
-        return true;
-      }
-      return !this.data.textFragments.some(textfragment => textfragment.type === textFragmentType._id);
-    }) : [];
-    return [...textFragments, ...notConfiguredTextFragments];
+    return this.getElements("textFragments", "textFragmentTypes");
   }
 
   /**
    * Get text fragments by id
    */
   getTextFragmentByKeys(keys) {
-    var _context1;
-    return _filterInstanceProperty(_context1 = this.textfragments).call(_context1, textfragment => _includesInstanceProperty(keys).call(keys, textfragment.type));
+    var _context3;
+    return _filterInstanceProperty(_context3 = this.textfragments).call(_context3, textfragment => _includesInstanceProperty(keys).call(keys, textfragment.type));
   }
 
   /**
@@ -240,21 +238,21 @@ export default class ConceptDetailModel extends ResourceModel {
   getSourceReferencesForCurrentLanguage(availableLocales) {
     const LANGUAGE_POSTFIX_LENGTH = 3;
     if (this.data.sourceReferences) {
-      var _context10, _context13;
-      const availableLanguagesInSourceReferences = _mapInstanceProperty(_context10 = this.data.sourceReferences).call(_context10, sourceReference => sourceReference.type.substring(sourceReference.type.length - LANGUAGE_POSTFIX_LENGTH));
+      var _context4, _context7;
+      const availableLanguagesInSourceReferences = _mapInstanceProperty(_context4 = this.data.sourceReferences).call(_context4, sourceReference => sourceReference.type.substring(sourceReference.type.length - LANGUAGE_POSTFIX_LENGTH));
       const currentLanguagePostfix = `_${this.locale}`;
       if (_includesInstanceProperty(availableLanguagesInSourceReferences).call(availableLanguagesInSourceReferences, currentLanguagePostfix)) {
-        var _context11;
+        var _context5;
         // return all sourceReferences that end with language that is selected
-        return _filterInstanceProperty(_context11 = this.data.sourceReferences).call(_context11, sourceReference => {
-          var _context12;
-          return _endsWithInstanceProperty(_context12 = sourceReference.type).call(_context12, currentLanguagePostfix);
+        return _filterInstanceProperty(_context5 = this.data.sourceReferences).call(_context5, sourceReference => {
+          var _context6;
+          return _endsWithInstanceProperty(_context6 = sourceReference.type).call(_context6, currentLanguagePostfix);
         });
       }
       const availableLanguages = _mapInstanceProperty(availableLocales).call(availableLocales, locale => `_${locale.split("-")[0]}`);
 
       // return all sourceReferences that do not end with language postfix
-      return _filterInstanceProperty(_context13 = this.data.sourceReferences).call(_context13, sourceReference => !_includesInstanceProperty(availableLanguages).call(availableLanguages, sourceReference.type.substring(sourceReference.type.length - LANGUAGE_POSTFIX_LENGTH)));
+      return _filterInstanceProperty(_context7 = this.data.sourceReferences).call(_context7, sourceReference => !_includesInstanceProperty(availableLanguages).call(availableLanguages, sourceReference.type.substring(sourceReference.type.length - LANGUAGE_POSTFIX_LENGTH)));
     }
     return [];
   }