procode-lowcode-core 1.0.6 → 1.0.8

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { useSelector, useDispatch, useStore, Provider } from 'react-redux';
 import axios from 'axios';
 import { createSlice, configureStore } from '@reduxjs/toolkit';
-import { call, select, put, all, fork, takeEvery } from 'redux-saga/effects';
+import { delay, call, select, put, all, fork, takeEvery } from 'redux-saga/effects';
 import createSagaMiddleware from 'redux-saga';
 
 /******************************************************************************
@@ -71,6 +71,8 @@ const eventServiceType = {
     UI_SCHEMA_ACTION: "UI_SCHEMA_ACTION",
     UISCHEMA: "UISCHEMA",
     DATASTATE: "DATASTATE",
+    REQUEST_START: "REQUEST_START",
+    REQUEST_END: "REQUEST_END",
 };
 const parentRoute = ":parentslug/*";
 const childRoute = "section/:childslug/*";
@@ -258,8 +260,8 @@ class CoreAdapterProvider {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (id, eventService) => {
-                const { getSerializedModelData, getDeserializedModelData, getSupportiveFilters, getDeserializedSupportiveData, getDefaultViewModel, getSerializedRequestParam, getCustomAdapterMethod, } = this.getScreenAdapter(id);
+            value: (id, eventService, params) => {
+                const { getSerializedModelData, getDeserializedModelData, getSupportiveFilters, getDeserializedSupportiveData, getDefaultViewModel, getSerializedRequestParam, getCustomAdapterMethod, } = this.getScreenAdapter(id, params);
                 eventService === null || eventService === void 0 ? void 0 : eventService.subscribe(AdapterType.GET_DEFAULT_VIEW_MODEL, getDefaultViewModel);
                 eventService === null || eventService === void 0 ? void 0 : eventService.subscribe(AdapterType.GET_SERIALIZED_MODEL, getSerializedModelData);
                 eventService === null || eventService === void 0 ? void 0 : eventService.subscribe(AdapterType.GET_DESERIALIZED_MODEL, getDeserializedModelData);
@@ -273,15 +275,17 @@ class CoreAdapterProvider {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (id) => {
-                var _a, _b, _c, _d, _e, _f;
-                const adapter = window.getAdapter(id);
-                const getSerializedModelData = (_a = adapter === null || adapter === void 0 ? void 0 : adapter.serializedModelData) !== null && _a !== void 0 ? _a : dummyFunc;
-                const getDeserializedSupportiveData = (_b = adapter === null || adapter === void 0 ? void 0 : adapter.deserializedSupportiveData) !== null && _b !== void 0 ? _b : dummyFunc;
-                const getDeserializedModelData = (_c = adapter === null || adapter === void 0 ? void 0 : adapter.deserializedModelData) !== null && _c !== void 0 ? _c : dummyFunc;
-                const getSupportiveFilters = (_d = adapter === null || adapter === void 0 ? void 0 : adapter.supportiveFilters) !== null && _d !== void 0 ? _d : dummyFunc;
-                const getDefaultViewModel = (_e = adapter === null || adapter === void 0 ? void 0 : adapter.defaultViewModel) !== null && _e !== void 0 ? _e : dummyFunc;
-                const getSerializedRequestParam = (_f = adapter === null || adapter === void 0 ? void 0 : adapter.serializedRequestParam) !== null && _f !== void 0 ? _f : dummyFunc;
+            value: (id, params) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h;
+                const { appCode } = params;
+                const atapterNamespace = "getAdapter" + ((_b = (_a = env.applicationCode) !== null && _a !== void 0 ? _a : appCode) !== null && _b !== void 0 ? _b : "");
+                const adapter = window[atapterNamespace](id);
+                const getSerializedModelData = (_c = adapter === null || adapter === void 0 ? void 0 : adapter.serializedModelData) !== null && _c !== void 0 ? _c : dummyFunc;
+                const getDeserializedSupportiveData = (_d = adapter === null || adapter === void 0 ? void 0 : adapter.deserializedSupportiveData) !== null && _d !== void 0 ? _d : dummyFunc;
+                const getDeserializedModelData = (_e = adapter === null || adapter === void 0 ? void 0 : adapter.deserializedModelData) !== null && _e !== void 0 ? _e : dummyFunc;
+                const getSupportiveFilters = (_f = adapter === null || adapter === void 0 ? void 0 : adapter.supportiveFilters) !== null && _f !== void 0 ? _f : dummyFunc;
+                const getDefaultViewModel = (_g = adapter === null || adapter === void 0 ? void 0 : adapter.defaultViewModel) !== null && _g !== void 0 ? _g : dummyFunc;
+                const getSerializedRequestParam = (_h = adapter === null || adapter === void 0 ? void 0 : adapter.serializedRequestParam) !== null && _h !== void 0 ? _h : dummyFunc;
                 const getCustomAdapterMethod = (methodName) => {
                     var _a;
                     return (_a = adapter[methodName]) !== null && _a !== void 0 ? _a : null;
@@ -1009,12 +1013,12 @@ const coreResponseFormatter = (data, status) => {
 };
 
 const axiosInstance = axios.create();
-const getSchemaBySlugService = (slug) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e;
+const getSchemaBySlugService = (slug, appCode) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d, _e, _f;
     try {
-        const res = yield axiosInstance.get(`${env.toolSchemaFetchUrl}?applicationCode=${env.applicationCode}&slug=${slug}&status=${env.projectEnviroment}`);
-        if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.responseCode) == 200 && ((_c = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.metadata)) {
-            return JSON.parse((_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.metadata);
+        const res = yield axiosInstance.get(`${env.toolSchemaFetchUrl}?applicationCode=${(_a = env.applicationCode) !== null && _a !== void 0 ? _a : appCode}&slug=${slug}&status=${env.projectEnviroment}`);
+        if (((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.responseCode) == 200 && ((_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.metadata)) {
+            return JSON.parse((_f = (_e = res === null || res === void 0 ? void 0 : res.data) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.metadata);
         }
     }
     catch (error) {
@@ -18555,7 +18559,7 @@ const getParams = (config, actionInvokerProps, selectedValue) => {
             ValueReplacePolicy$1.STATE_SELECTED_DATA) {
             const fields = p.rightOperand.value.split("::");
             let model = getValueFromNestedObject(fields[0], actionInvokerProps.viewModel);
-            model = model === null || model === void 0 ? void 0 : model.find((m) => m.id === selectedValue);
+            model = model === null || model === void 0 ? void 0 : model.find((m) => { var _a; return m[(_a = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.dataItemKey) !== null && _a !== void 0 ? _a : "id"] === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value); });
             value = getValueFromNestedObject(fields[1], model);
         }
         else {
@@ -19338,6 +19342,13 @@ const setupStoreAction = (dispatch, eventService, store) => {
     Object.entries(actions).forEach(([eventType, action]) => {
         eventService === null || eventService === void 0 ? void 0 : eventService.subscribe(eventType, () => action);
     });
+    // Register loader handlers for external services
+    eventService === null || eventService === void 0 ? void 0 : eventService.subscribe(eventServiceType.REQUEST_START, () => () => {
+        dispatch(commonDataActions.updatePendingRequests(LoadingStatus.INPROCESS));
+    });
+    eventService === null || eventService === void 0 ? void 0 : eventService.subscribe(eventServiceType.REQUEST_END, () => () => {
+        dispatch(commonDataActions.updatePendingRequests(LoadingStatus.COMPLETE));
+    });
 };
 
 const setVisibility = (uiElement, isVisible) => {
@@ -19683,7 +19694,7 @@ const ScreenInitializer = (props) => {
     const setupScreenAdapter = useCallback(() => {
         var _a, _b;
         (_a = AppDependenceyProvider.getInstance()
-            .getAdapterProvider()) === null || _a === void 0 ? void 0 : _a.setUpScreenAdapter((_b = props.uiMetaData) === null || _b === void 0 ? void 0 : _b.screenId, props.eventService);
+            .getAdapterProvider()) === null || _a === void 0 ? void 0 : _a.setUpScreenAdapter((_b = props.uiMetaData) === null || _b === void 0 ? void 0 : _b.screenId, props.eventService, params);
     }, [(_a = props.uiMetaData) === null || _a === void 0 ? void 0 : _a.screenId]);
     const initializeScreen = () => __awaiter(void 0, void 0, void 0, function* () {
         setupStoreAction(dispatch, props.eventService, store);
@@ -19770,6 +19781,7 @@ function* dispatchModifiedState({ existUIState, modifiedUIState, put, }) {
 function* handleViewModelChange({ select, call, put }) {
     const appState = yield select((state) => state.app);
     const uiSchemaState = yield select((state) => state.metaData);
+    yield delay(100);
     const modifiedState = applyUIEffectProcessor(_.cloneDeep(uiSchemaState.uiSchema), _.cloneDeep(appState.viewModel));
     yield call(dispatchModifiedState, {
         existUIState: {
@@ -19882,12 +19894,12 @@ const DocumentElement = ({ NotificationElement, LoaderElement }) => {
 };
 
 const getLoadedSchema = (store, slug) => store.commonData.loadedSchema[slug];
-const loader = ({ commonStore, slug, appRouterProps }) => __awaiter(void 0, void 0, void 0, function* () {
+const loader = ({ commonStore, slug, appRouterProps, params }) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     if (slug) {
         let schema = getLoadedSchema(commonStore.getState(), slug);
         if (!schema) {
-            schema = yield ((_a = appRouterProps.schemaReaderProvider) === null || _a === void 0 ? void 0 : _a.getScreenSchema(slug));
+            schema = yield ((_a = appRouterProps.schemaReaderProvider) === null || _a === void 0 ? void 0 : _a.getScreenSchema(slug, params.appCode));
             commonStore.dispatch(commonDataActions.updateLoadedSchema({
                 slug,
                 schema,
@@ -19910,10 +19922,10 @@ const RouterElement = ({ NotificationElement, PageNotFoundElement, }) => {
 
 const AppRouter = (appRouterProps) => {
     var _a;
-    const loadSchema = (slug) => __awaiter(void 0, void 0, void 0, function* () { return yield loader({ commonStore, appRouterProps, slug }); });
-    const documentLoader = () => __awaiter(void 0, void 0, void 0, function* () {
-        const headerSchema = yield loadSchema(env.headerSlug);
-        const footerSchema = yield loadSchema(env.footerSlug);
+    const loadSchema = (slug, params) => __awaiter(void 0, void 0, void 0, function* () { return yield loader({ commonStore, appRouterProps, slug, params }); });
+    const documentLoader = ({ params }) => __awaiter(void 0, void 0, void 0, function* () {
+        const headerSchema = yield loadSchema(env.headerSlug, params);
+        const footerSchema = yield loadSchema(env.footerSlug, params);
         return { headerSchema, footerSchema };
     });
     const createCustomRouteElements = (routes) => {
@@ -19921,7 +19933,7 @@ const AppRouter = (appRouterProps) => {
             path: route.path,
             element: (jsx(RouterElement, { NotificationElement: appRouterProps.NotificationElement, PageNotFoundElement: appRouterProps.PageNotFoundElement }, route.path)),
             errorElement: appRouterProps.ErrorElement,
-            loader: ({ params }) => __awaiter(void 0, void 0, void 0, function* () { return yield loadSchema(getSlug(params, "custom", route.customSlug)); }),
+            loader: ({ params }) => __awaiter(void 0, void 0, void 0, function* () { return yield loadSchema(getSlug(params, "custom", route.customSlug), params); }),
             children: route.children ? createCustomRouteElements(route.children) : [],
         }));
     };
@@ -19932,7 +19944,7 @@ const AppRouter = (appRouterProps) => {
                 path: childRoute,
                 element: (jsx(RouterElement, { NotificationElement: appRouterProps.NotificationElement, PageNotFoundElement: appRouterProps.PageNotFoundElement }, "childRouterElement")),
                 errorElement: appRouterProps.ErrorElement,
-                loader: ({ params }) => __awaiter(void 0, void 0, void 0, function* () { return yield loadSchema(getSlug(params, "child")); }),
+                loader: ({ params }) => __awaiter(void 0, void 0, void 0, function* () { return yield loadSchema(getSlug(params, "child"), params); }),
                 children: ((_a = appRouterProps.customRoute) === null || _a === void 0 ? void 0 : _a.childNestedRoutes)
                     ? createCustomRouteElements((_b = appRouterProps.customRoute) === null || _b === void 0 ? void 0 : _b.childNestedRoutes)
                     : [],
@@ -19949,7 +19961,7 @@ const AppRouter = (appRouterProps) => {
                 path: parentRoute,
                 element: (jsx(RouterElement, { NotificationElement: appRouterProps.NotificationElement, PageNotFoundElement: appRouterProps.PageNotFoundElement }, "parentRouterElement")),
                 errorElement: appRouterProps.ErrorElement,
-                loader: ({ params }) => __awaiter(void 0, void 0, void 0, function* () { return yield loadSchema(getSlug(params, "parent")); }),
+                loader: ({ params }) => __awaiter(void 0, void 0, void 0, function* () { return yield loadSchema(getSlug(params, "parent"), params); }),
                 children: createChildRoutes(),
             },
             ...(((_a = appRouterProps.customRoute) === null || _a === void 0 ? void 0 : _a.parentSimblingRoutes)
@@ -20130,13 +20142,27 @@ class ScreenSchema {
 
 class CoreSchemaReaderProvider {
     constructor() {
+        Object.defineProperty(this, "schemaCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
         Object.defineProperty(this, "getScreenSchema", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (slug) => __awaiter(this, void 0, void 0, function* () {
+            value: (slug, appCode) => __awaiter(this, void 0, void 0, function* () {
+                // Check if schema exists in cache
+                if (this.schemaCache.has(slug)) {
+                    const cachedData = this.schemaCache.get(slug);
+                    return new ScreenSchema(cachedData);
+                }
+                // Fetch from service if not in cache
                 const getSchemaBySlugService = AppDependenceyProvider.getInstance().getSchemaBySlugService();
-                const schemaData = yield getSchemaBySlugService(slug);
+                const schemaData = yield getSchemaBySlugService(slug, appCode);
+                // Store in cache
+                this.schemaCache.set(slug, schemaData);
                 return schemaData ? new ScreenSchema(schemaData) : null;
             })
         });