@cxbox-ui/core 1.37.2-alpha.1 → 1.37.2-alpha.10

package/dist/cxbox-ui-core.modern.development.js

@@ -113,6 +113,8 @@ __export(actions_exports, {
     processPreInvoke: () => processPreInvoke,
     refreshMeta: () => refreshMeta,
     refreshMetaAndReloadPage: () => refreshMetaAndReloadPage,
+    refreshMetaDone: () => refreshMetaDone,
+    refreshMetaFail: () => refreshMetaFail,
     removeMultivalueTag: () => removeMultivalueTag,
     removeNotifications: () => removeNotifications,
     removePendingRequest: () => removePendingRequest,
@@ -163,7 +165,7 @@ var bcFetchRowMetaSuccess = createAction("bcFetchRowMetaSuccess");
 var bcFetchRowMetaFail = createAction("bcFetchRowMetaFail");
 var bcNewData = createAction("bcNewData");
 var bcNewDataSuccess = createAction("bcNewDataSuccess");
-var bcNewDataFail = createAction("bcNewDataSuccess");
+var bcNewDataFail = createAction("bcNewDataFail");
 var bcDeleteDataFail = createAction("bcDeleteDataFail");
 var forceActiveChangeFail = createAction("forceActiveChangeFail");
 var sendOperation = createAction("sendOperation");
@@ -178,7 +180,7 @@ var drillDown = createAction("drillDown");
 var bcChangeCursors = createAction("bcChangeCursors");
 var bcChangeDepthCursor = createAction("bcChangeDepthCursor");
 var changeDataItem = createAction("changeDataItem");
-var changeDataItems = createAction("changeDataItem");
+var changeDataItems = createAction("changeDataItems");
 var forceActiveRmUpdate = createAction("forceActiveRmUpdate");
 var showViewPopup = createAction("showViewPopup");
 var showFileUploadPopup = createAction("showFileUploadPopup");
@@ -232,6 +234,8 @@ var switchDebugMode = createAction("switchDebugMode");
 var exportState = createAction("exportState");
 var emptyAction = createAction("emptyAction");
 var refreshMeta = createAction("refreshMeta");
+var refreshMetaDone = createAction("refreshMetaDone");
+var refreshMetaFail = createAction("refreshMetaFail");
 var refreshMetaAndReloadPage = createAction("refreshMetaAndReloadPage");
 var switchRole = createAction("switchRole");
 var addPendingRequest = createAction("addPendingRequest");
@@ -339,8 +343,10 @@ __export(interfaces_exports, {
     PaginationMode: () => PaginationMode,
     PendingValidationFailsFormat: () => PendingValidationFailsFormat,
     PopupWidgetTypes: () => PopupWidgetTypes,
+    PositionTypes: () => PositionTypes,
     RouteType: () => RouteType,
     TableLikeWidgetTypes: () => TableLikeWidgetTypes,
+    WidgetTypes: () => WidgetTypes2,
     coreOperations: () => coreOperations,
     isCustomWidget: () => isCustomWidget,
     isCustomWidgetConfiguration: () => isCustomWidgetConfiguration,
@@ -383,6 +389,7 @@ var ApplicationErrorType = /* @__PURE__ */ ((ApplicationErrorType2) => {
 })(ApplicationErrorType || {});
 // src/interfaces/widget.ts
 import { WidgetTypes } from "@cxbox-ui/schema";
+import { WidgetTypes as WidgetTypes2, PositionTypes } from "@cxbox-ui/schema";
 var TableLikeWidgetTypes = [
     WidgetTypes.List,
     WidgetTypes.DataGrid,
@@ -465,6 +472,15 @@ function isViewNavigationCategory(item) {
 function isViewNavigationGroup(item) {
     return !!item && "child" in item && !("categoryName" in item);
 }
+// src/reducers/router.ts
+var initialRouterState = { type: "default" /* default */, path: "/", params: null, screenName: null };
+var createRouterReducerBuilderManager = (initialState) => new ReducerBuilderManager().addCase(loginDone, (state, action) => {
+    state = __spreadValues(__spreadValues({}, state), action.payload);
+}).addCase(changeLocation, (state, action) => {
+    state = __spreadValues(__spreadValues({}, state), action.payload.location);
+});
+// src/reducers/screen.ts
+import { OperationTypeCrud as OperationTypeCrud3 } from "@cxbox-ui/schema";
 // src/utils/index.ts
 var utils_exports = {};
 __export(utils_exports, {
@@ -485,7 +501,6 @@ __export(utils_exports, {
     getBcChildren: () => getBcChildren,
     getDescendants: () => getDescendants,
     getFieldTitle: () => getFieldTitle,
-    getFileUploadEndpoint: () => getFileUploadEndpoint,
     getFilterType: () => getFilterType,
     getFilters: () => getFilters,
     getSorters: () => getSorters,
@@ -525,12 +540,6 @@ function applyRawParams(url, qso) {
     const result = new URLSearchParams(qso).toString();
     return `${addTailControlSequences(url)}${result && `${result}`}`;
 }
-function getFileUploadEndpoint(instance) {
-    if (!instance.defaults.baseURL) {
-        return "/file";
-    }
-    return instance.defaults.baseURL.endsWith("/") ? `${instance.defaults.baseURL}file` : `${instance.defaults.baseURL}/file`;
-}
 // src/utils/strings.ts
 function getTemplate(literals, ...placeholders) {
     let result = "";
@@ -541,9 +550,8 @@ function getTemplate(literals, ...placeholders) {
     result += literals[literals.length - 1];
     return result;
 }
-function buildBcUrl(bcName, includeSelf = false, store) {
-    const storeInstance = store;
-    const bcMap = storeInstance.screen.bo.bc;
+function buildBcUrl(bcName, includeSelf = false, state) {
+    const bcMap = state.screen.bo.bc;
     const bc = bcMap[bcName];
     if (!bc) {
         return null;
@@ -672,7 +680,7 @@ function defaultParseURL(url) {
     }
     return {
         type,
-        path,
+        path: path.length !== 0 && !path.startsWith("/") ? `/${path}` : path,
         params,
         screenName,
         viewName,
@@ -719,9 +727,9 @@ function getSorters(sorters) {
     });
     return result;
 }
-function parseFilters(defaultFilters) {
+function parseFilters(defaultFilters = "") {
     const result = [];
-    const urlParams = new URL(defaultFilters).searchParams;
+    const urlParams = new URL(defaultFilters, window.location.origin).searchParams;
     urlParams.forEach((param) => {
         const [fieldName, type] = param.split(".");
         if (fieldName && type && urlParams.get(param)) {
@@ -751,7 +759,7 @@ function parseSorters(sorters) {
         return null;
     }
     const result = [];
-    const dictionary = new URL(sorters).searchParams;
+    const dictionary = new URL(sorters, window.location.origin).searchParams;
     Object.entries(dictionary).map(([sort, fieldKey]) => {
         const [order, direction] = sort.split(".").slice(1);
         return { fieldName: fieldKey, order: Number.parseInt(order, 10), direction };
@@ -832,12 +840,13 @@ function getBcChildren(originBcName, widgets, bcMap) {
     return childrenBcMap;
 }
 function getHierarchyChildBc(originBcName, hierarchyWidget) {
-    const nestedBcNames = hierarchyWidget.options.hierarchy.map((nestedItem) => nestedItem.bcName);
-    if (originBcName !== hierarchyWidget.bcName && !nestedBcNames.includes(originBcName)) {
+    var _a, _b;
+    const nestedBcNames = (_b = (_a = hierarchyWidget == null ? void 0 : hierarchyWidget.options) == null ? void 0 : _a.hierarchy) == null ? void 0 : _b.map((nestedItem) => nestedItem.bcName);
+    if (originBcName !== hierarchyWidget.bcName && !(nestedBcNames == null ? void 0 : nestedBcNames.includes(originBcName))) {
         return [];
     }
-    const childHierarchyBcIndex = nestedBcNames.findIndex((item) => item === originBcName);
-    const childHierarchyBcName = nestedBcNames[childHierarchyBcIndex + 1];
+    const childHierarchyBcIndex = nestedBcNames == null ? void 0 : nestedBcNames.findIndex((item) => item === originBcName);
+    const childHierarchyBcName = nestedBcNames == null ? void 0 : nestedBcNames[childHierarchyBcIndex + 1];
     return [childHierarchyBcName, hierarchyWidget.name];
 }
 function checkShowCondition(condition, cursor, data, pendingDataChanges) {
@@ -851,9 +860,9 @@ function checkShowCondition(condition, cursor, data, pendingDataChanges) {
     if (!record) {
         return false;
     }
-    const actualValue = record == null ? void 0 : record[params.fieldKey];
-    const pendingValue = (_b = (_a = pendingDataChanges == null ? void 0 : pendingDataChanges[bcName]) == null ? void 0 : _a[cursor]) == null ? void 0 : _b[params.fieldKey];
-    return pendingValue !== void 0 ? pendingValue === params.value : actualValue === params.value;
+    const actualValue = record == null ? void 0 : record[params == null ? void 0 : params.fieldKey];
+    const pendingValue = (_b = (_a = pendingDataChanges == null ? void 0 : pendingDataChanges[bcName]) == null ? void 0 : _a[cursor]) == null ? void 0 : _b[params == null ? void 0 : params.fieldKey];
+    return pendingValue !== void 0 ? pendingValue === (params == null ? void 0 : params.value) : actualValue === (params == null ? void 0 : params.value);
 }
 // src/utils/tree.ts
 function assignTreeLinks(flat) {
@@ -861,6 +870,7 @@ function assignTreeLinks(flat) {
     const map12 = {};
     const orphans = [];
     result.forEach((item) => {
+        var _a, _b;
         if (!item.parentId || item.parentId === "0") {
             return;
         }
@@ -879,7 +889,7 @@ function assignTreeLinks(flat) {
             result[parentIndex].children = [item];
         }
         else {
-            result[parentIndex].children.push(item);
+            (_b = (_a = result[parentIndex]) == null ? void 0 : _a.children) == null ? void 0 : _b.push(item);
         }
     });
     if (orphans.length) {
@@ -955,22 +965,7 @@ function deleteUndefinedFromObject(obj) {
         }
     });
 }
-// src/reducers/router.ts
-var initialRouterState = { type: "default" /* default */, path: "/", params: null, screenName: null };
-var createRouterReducerBuilderManager = (initialState) => new ReducerBuilderManager().addCase(loginDone, (state, action) => {
-    state = __spreadValues(__spreadValues({}, state), action.payload);
-}).addCase(changeLocation, (state, action) => {
-    const { url, route } = action.payload;
-    if (url) {
-        const path = new URL(url);
-        state = __spreadValues(__spreadValues({}, state), defaultParseURL(path));
-    }
-    if (route !== null) {
-        state = __spreadValues(__spreadValues({}, state), route);
-    }
-});
 // src/reducers/screen.ts
-import { OperationTypeCrud as OperationTypeCrud3 } from "@cxbox-ui/schema";
 var initialScreenState = {
     screenName: "",
     bo: { activeBcName: "", bc: {} },
@@ -982,10 +977,11 @@ var initialScreenState = {
 };
 var operationsHandledLocally = [OperationTypeCrud3.associate, OperationTypeCrud3.fileUpload];
 var createScreenReducerBuilderManager = (initialState) => new ReducerBuilderManager().addCase(selectScreen, (state, action) => {
+    var _a, _b, _c, _d, _e;
     const bcDictionary = {};
     const bcSorters = {};
     const bcFilters = {};
-    action.payload.screen.meta.bo.bc.forEach((item) => {
+    (_a = action.payload.screen.meta) == null ? void 0 : _a.bo.bc.forEach((item) => {
         bcDictionary[item.name] = item;
         const sorter = parseSorters(item.defaultSort);
         const filter56 = parseFilters(item.defaultFilter);
@@ -997,8 +993,8 @@ var createScreenReducerBuilderManager = (initialState) => new ReducerBuilderMana
         }
     });
     state.screenName = action.payload.screen.name;
-    state.primaryView = action.payload.screen.meta.primary;
-    state.views = action.payload.screen.meta.views;
+    state.primaryView = (_c = (_b = action.payload.screen.meta) == null ? void 0 : _b.primary) != null ? _c : state.primaryView;
+    state.views = (_e = (_d = action.payload.screen.meta) == null ? void 0 : _d.views) != null ? _e : state.views;
     state.bo = { activeBcName: null, bc: bcDictionary };
     state.sorters = __spreadValues(__spreadValues({}, state.sorters), bcSorters);
     state.filters = __spreadValues(__spreadValues({}, state.filters), bcFilters);
@@ -1008,12 +1004,14 @@ var createScreenReducerBuilderManager = (initialState) => new ReducerBuilderMana
 }).addCase(bcFetchDataRequest, (state, action) => {
     state.bo.bc[action.payload.bcName].loading = true;
 }).addCase(bcLoadMore, (state, action) => {
+    var _a;
     const currentBc = state.bo.bc[action.payload.bcName];
-    currentBc.page += 1;
+    currentBc.page = ((_a = currentBc.page) != null ? _a : 1) + 1;
     currentBc.loading = true;
 }).addCase(selectView, (state, action) => {
+    var _a;
     const newBcs = {};
-    Array.from(new Set(action.payload.widgets.map((widget) => widget.bcName))
+    Array.from(new Set((_a = action.payload.widgets) == null ? void 0 : _a.map((widget) => widget.bcName))
     // БК которые есть на вьюхе
     ).filter((bcName) => state.bo.bc[bcName]).forEach((bcName) => {
         newBcs[bcName] = __spreadProps(__spreadValues({}, state.bo.bc[bcName]), { page: 1 });
@@ -1025,9 +1023,10 @@ var createScreenReducerBuilderManager = (initialState) => new ReducerBuilderMana
     currentBc.loading = false;
     state.cachedBc[action.payload.bcName] = action.payload.bcUrl;
 }).addCase(bcFetchDataFail, (state, action) => {
-    if (Object.values(state.bo.bc).some((bc) => bc.name === action.payload.bcName)) {
-        state.bo.bc[action.payload.bcName].loading = false;
-        state.cachedBc[action.payload.bcName] = action.payload.bcUrl;
+    const bcName = action.payload.bcName;
+    if (Object.values(state.bo.bc).some((bc) => bc.name === bcName)) {
+        state.bo.bc[bcName].loading = false;
+        state.cachedBc[bcName] = action.payload.bcUrl;
     }
 }).addCase(sendOperation, (state, action) => {
     if (!operationsHandledLocally.includes(action.payload.operationType)) {
@@ -1055,10 +1054,12 @@ var createScreenReducerBuilderManager = (initialState) => new ReducerBuilderMana
     Object.assign(state.bo.bc, newCursors);
     Object.assign(state.cachedBc, newCache);
 }).addCase(bcChangeDepthCursor, (state, action) => {
+    var _a;
     if (action.payload.depth === 1) {
         state.bo.bc[action.payload.bcName].cursor = action.payload.cursor;
     }
     else {
+        state.bo.bc[action.payload.bcName].depthBc = (_a = state.bo.bc[action.payload.bcName].depthBc) != null ? _a : {};
         state.bo.bc[action.payload.bcName].depthBc[action.payload.depth].cursor = action.payload.cursor;
     }
 }).addCase(bcSelectRecord, (state, action) => {
@@ -1142,9 +1143,11 @@ var createSessionReducerBuilderManager = (initialState) => new ReducerBuilderMan
 }).addCase(switchDebugMode, (state, action) => {
     state.debugMode = action.payload;
 }).addCase(addPendingRequest, (state, action) => {
-    state.pendingRequests.push(action.payload.request);
+    var _a;
+    (_a = state.pendingRequests) == null ? void 0 : _a.push(action.payload.request);
 }).addCase(removePendingRequest, (state, action) => {
-    state.pendingRequests = state.pendingRequests.filter((item) => item.requestId !== action.payload.requestId);
+    var _a;
+    state.pendingRequests = (_a = state.pendingRequests) == null ? void 0 : _a.filter((item) => item.requestId !== action.payload.requestId);
 }).addCase(addNotification, (state, action) => {
     state.notifications.push(action.payload);
 }).addCase(removeNotifications, (state, action) => {
@@ -1191,11 +1194,14 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
         state.metaInProgress[action.payload.bcName] = true;
     }
 }).addCase(bcFetchRowMetaSuccess, (state, action) => {
+    var _a;
+    state.rowMeta[action.payload.bcName] = (_a = state.rowMeta[action.payload.bcName]) != null ? _a : {};
     state.rowMeta[action.payload.bcName][action.payload.bcUrl] = action.payload.rowMeta;
     state.metaInProgress[action.payload.bcName] = false;
 }).addCase(bcNewDataSuccess, (state, action) => {
     state.selectedCell = initialViewState.selectedCell;
 }).addCase(forceActiveRmUpdate, (state, action) => {
+    var _a, _b, _c, _d;
     const { bcName, bcUrl, currentRecordData, rowMeta, cursor } = action.payload;
     const handledForceActive = {};
     const rowMetaForcedValues = {};
@@ -1219,17 +1225,21 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
             handledForceActive[key] = newPendingDataChanges[key];
         }
     });
+    state.handledForceActive[bcName] = (_a = state.handledForceActive[bcName]) != null ? _a : {};
+    state.handledForceActive[bcName][cursor] = (_b = state.handledForceActive[bcName][cursor]) != null ? _b : {};
     Object.assign(state.handledForceActive[bcName][cursor], handledForceActive);
+    state.pendingDataChanges[bcName] = (_c = state.pendingDataChanges[bcName]) != null ? _c : {};
     state.pendingDataChanges[bcName][cursor] = newPendingDataChanges;
+    state.rowMeta[bcName] = (_d = state.rowMeta[bcName]) != null ? _d : {};
     state.rowMeta[bcName][bcUrl] = rowMeta;
 }).addCase(changeDataItem, (state, action) => {
-    var _a;
+    var _a, _b, _c;
     const actionBcName = action.payload.bcName;
     const prevBc = state.pendingDataChanges[action.payload.bcName] || {};
     const prevCursor = prevBc[action.payload.cursor] || {};
     const prevPending = prevCursor || {};
     const nextPending = __spreadValues(__spreadValues({}, prevPending), action.payload.dataItem);
-    const bcUrl = buildBcUrl(actionBcName, true);
+    const bcUrl = action.payload.bcUrl;
     const rowMeta = (_a = state.rowMeta[actionBcName]) == null ? void 0 : _a[bcUrl];
     const nextValidationFails = {};
     const isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
@@ -1240,10 +1250,11 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
             nextValidationFails[fieldKey] = "This field is mandatory";
         }
     });
+    state.pendingDataChanges[action.payload.bcName] = (_b = state.pendingDataChanges[action.payload.bcName]) != null ? _b : {};
     state.pendingDataChanges[action.payload.bcName][action.payload.cursor] = nextPending;
     if (isTargetFormatPVF) {
         ;
-        state.pendingValidationFails[actionBcName][action.payload.cursor] = nextValidationFails;
+        ((_c = state.pendingValidationFails) == null ? void 0 : _c[actionBcName])[action.payload.cursor] = nextValidationFails;
     }
     else {
         state.pendingValidationFails = nextValidationFails;
@@ -1264,7 +1275,7 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
         pendingDataChanges[bcName] = pendingBcChanges;
     });
     const isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
-    const pendingValidationFails = __spreadValues({}, state.pendingValidationFails);
+    const pendingValidationFails = state.pendingValidationFails ? __spreadValues({}, state.pendingValidationFails) : {};
     if (isTargetFormatPVF) {
         action.payload.bcNames.forEach((i) => {
             pendingValidationFails[i] = {};
@@ -1279,6 +1290,7 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
 }).addCase(bcFetchRowMetaFail, (state, action) => {
     state.metaInProgress[action.payload.bcName] = false;
 }).addCase(forceActiveChangeFail, (state, action) => {
+    var _a;
     const { bcName, bcUrl, entityError } = action.payload;
     const errors = {};
     if (entityError) {
@@ -1286,8 +1298,10 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
             errors[fieldName] = violation;
         });
     }
+    state.rowMeta[bcName] = (_a = state.rowMeta[bcName]) != null ? _a : {};
     state.rowMeta[bcName][bcUrl].errors = errors;
 }).addCase(bcSaveDataFail, (state, action) => {
+    var _a;
     const { bcName, bcUrl, entityError } = action.payload;
     const errors = {};
     if (entityError) {
@@ -1295,8 +1309,10 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
             errors[fieldName] = violation;
         });
     }
+    state.rowMeta[bcName] = (_a = state.rowMeta[bcName]) != null ? _a : {};
     state.rowMeta[bcName][bcUrl].errors = errors;
 }).addCase(sendOperationFail, (state, action) => {
+    var _a;
     const { bcName, bcUrl, entityError } = action.payload;
     const errors = {};
     if (entityError) {
@@ -1304,30 +1320,38 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
             errors[fieldName] = violation;
         });
     }
+    state.rowMeta[bcName] = (_a = state.rowMeta[bcName]) != null ? _a : {};
     state.rowMeta[bcName][bcUrl].errors = errors;
 }).addCase(sendOperationSuccess, (state, action) => {
-    const { bcName, cursor } = action.payload;
+    var _a, _b, _c;
+    const bcName = action.payload.bcName;
+    const cursor = action.payload.cursor;
     const isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
+    state.pendingDataChanges[bcName] = (_a = state.pendingDataChanges[bcName]) != null ? _a : {};
     state.pendingDataChanges[bcName][cursor] = {};
     if (isTargetFormatPVF) {
         ;
-        state.pendingValidationFails[bcName][cursor] = {};
+        ((_b = state.pendingValidationFails) == null ? void 0 : _b[bcName])[cursor] = {};
     }
     else {
         state.pendingValidationFails = initialViewState.pendingValidationFails;
     }
+    state.handledForceActive[bcName] = (_c = state.handledForceActive[bcName]) != null ? _c : {};
     state.handledForceActive[bcName][cursor] = {};
 }).addCase(bcSaveDataSuccess, (state, action) => {
+    var _a, _b, _c;
     const { bcName, cursor } = action.payload;
     const isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
+    state.pendingDataChanges[bcName] = (_a = state.pendingDataChanges[bcName]) != null ? _a : {};
     state.pendingDataChanges[bcName][cursor] = {};
     if (isTargetFormatPVF) {
         ;
-        state.pendingValidationFails[bcName][cursor] = {};
+        ((_b = state.pendingValidationFails) == null ? void 0 : _b[bcName])[cursor] = {};
     }
     else {
         state.pendingValidationFails = initialViewState.pendingValidationFails;
     }
+    state.handledForceActive[bcName] = (_c = state.handledForceActive[bcName]) != null ? _c : {};
     state.handledForceActive[bcName][cursor] = {};
 }).addCase(bcCancelPendingChanges, (state, action) => {
     var _a, _b;
@@ -1338,7 +1362,7 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
         }
     }
     const isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
-    let pendingValidationFails = __spreadValues({}, state.pendingValidationFails);
+    let pendingValidationFails = state.pendingValidationFails ? __spreadValues({}, state.pendingValidationFails) : {};
     if (isTargetFormatPVF) {
         if (((_b = (_a = action.payload) == null ? void 0 : _a.bcNames) == null ? void 0 : _b.length) > 0) {
             action.payload.bcNames.forEach((i) => {
@@ -1367,8 +1391,8 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
         isFilter
     };
 }).addCase(showFileUploadPopup, (state, action) => {
-    var _a;
-    const bcName = (_a = state.widgets.find((item) => item.name === action.payload.widgetName)) == null ? void 0 : _a.bcName;
+    var _a, _b;
+    const bcName = (_b = (_a = state.widgets) == null ? void 0 : _a.find((item) => item.name === action.payload.widgetName)) == null ? void 0 : _b.bcName;
     state.popupData = {
         type: "file-upload",
         bcName,
@@ -1380,6 +1404,7 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
 }).addCase(viewClearPickMap, (state) => {
     state.pickMap = null;
 }).addCase(closeViewPopup, (state) => {
+    state.popupData = {};
     state.popupData.bcName = null;
 }).addCase(selectTableCell, (state, action) => {
     state.selectedCell = { widgetName: action.payload.widgetName, rowId: action.payload.rowId, fieldKey: action.payload.fieldKey };
@@ -1387,12 +1412,16 @@ var createViewReducerBuilderManager = (initialState) => new ReducerBuilderManage
     state.pendingDataChanges = initialViewState.pendingDataChanges;
     state.selectedCell = initialViewState.selectedCell;
 }).addCase(showNotification, (state, action) => {
+    var _a, _b;
+    state.systemNotifications = (_a = state.systemNotifications) != null ? _a : [];
     state.systemNotifications.push({
         type: action.payload.type,
         message: action.payload.message,
-        id: state.systemNotifications.length
+        id: (_b = state.systemNotifications) == null ? void 0 : _b.length
     });
 }).addCase(closeNotification, (state, action) => {
+    var _a;
+    state.systemNotifications = (_a = state.systemNotifications) != null ? _a : [];
     state.systemNotifications = state.systemNotifications.filter((item) => item.id !== action.payload.id);
 }).addCase(showViewError, (state, action) => {
     state.error = action.payload.error;
@@ -1440,7 +1469,6 @@ __export(epics_exports, {
     httpError500Epic: () => httpError500Epic,
     httpErrorDefaultEpic: () => httpErrorDefaultEpic,
     inlinePickListFetchDataEpic: () => inlinePickListFetchDataEpic,
-    knownHttpErrors: () => knownHttpErrors,
     loginByAnotherRoleEpic: () => loginByAnotherRoleEpic,
     loginDoneEpic: () => loginDoneEpic,
     loginDoneSessionEpic: () => loginDoneSessionEpic,
@@ -1499,7 +1527,7 @@ var sendOperationEpic = (action$, state$, { api }) => action$.pipe(filter(sendOp
     const screenName = state.screen.screenName;
     const { bcName, operationType, widgetName } = action.payload;
     const confirm = ((_a = action.payload.confirmOperation) == null ? void 0 : _a.type) || action.payload.confirm;
-    const bcUrl = buildBcUrl(bcName, true);
+    const bcUrl = buildBcUrl(bcName, true, state);
     const bc = state.screen.bo.bc[bcName];
     const rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) == null ? void 0 : _b[bcUrl]);
     const fields = rowMeta == null ? void 0 : rowMeta.fields;
@@ -1507,7 +1535,7 @@ var sendOperationEpic = (action$, state$, { api }) => action$.pipe(filter(sendOp
     const record = (_c = state.data[bcName]) == null ? void 0 : _c.find((item) => item.id === bc.cursor);
     const filters = state.screen.filters[bcName];
     const sorters = state.screen.sorters[bcName];
-    const pendingRecordChange = (_d = state.view.pendingDataChanges[bcName]) == null ? void 0 : _d[bc.cursor];
+    const pendingRecordChange = __spreadValues({}, (_d = state.view.pendingDataChanges[bcName]) == null ? void 0 : _d[bc.cursor]);
     for (const key in pendingRecordChange) {
         if (fields.find((item) => item.key === key && item.disabled)) {
             delete pendingRecordChange[key];
@@ -1523,10 +1551,10 @@ var sendOperationEpic = (action$, state$, { api }) => action$.pipe(filter(sendOp
     }
     const context = { widgetName: action.payload.widgetName };
     return api.customAction(screenName, bcUrl, data, context, params).pipe(mergeMap((response) => {
-        var _a2;
-        const postInvoke = response.postActions[0];
+        var _a2, _b2;
+        const postInvoke = (_a2 = response.postActions) == null ? void 0 : _a2[0];
         const preInvoke = response.preInvoke;
-        return defaultSaveOperation ? ((_a2 = action == null ? void 0 : action.payload) == null ? void 0 : _a2.onSuccessAction) ? concat(of2(bcCancelPendingChanges({ bcNames: [bcName] })), of2(action.payload.onSuccessAction)) : EMPTY : concat(of2(sendOperationSuccess({ bcName, cursor })), of2(bcForceUpdate({ bcName })), ...postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName));
+        return defaultSaveOperation ? ((_b2 = action == null ? void 0 : action.payload) == null ? void 0 : _b2.onSuccessAction) ? concat(of2(bcCancelPendingChanges({ bcNames: [bcName] })), of2(action.payload.onSuccessAction)) : EMPTY : concat(of2(sendOperationSuccess({ bcName, cursor })), of2(bcForceUpdate({ bcName })), ...postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName));
     }), catchError((e) => {
         var _a2, _b2, _c2, _d2, _e2, _f2;
         console.error(e);
@@ -1542,12 +1570,12 @@ var sendOperationEpic = (action$, state$, { api }) => action$.pipe(filter(sendOp
 }));
 // src/epics/view/showAssocPopupEpic.ts
 import { EMPTY as EMPTY2, filter as filter2, mergeMap as mergeMap2, of as of3 } from "rxjs";
-import { WidgetTypes as WidgetTypes2 } from "@cxbox-ui/schema";
+import { WidgetTypes as WidgetTypes3 } from "@cxbox-ui/schema";
 var showAssocPopupEpic = (action$, state$) => action$.pipe(filter2(showViewPopup.match), filter2((action) => !!(action.payload.calleeBCName && action.payload.associateFieldKey)), mergeMap2((action) => {
     var _a, _b, _c, _d;
     const { bcName, calleeBCName } = action.payload;
     const state = state$.value;
-    const assocWidget = state.view.widgets.find((widget) => widget.bcName === bcName && widget.type === WidgetTypes2.AssocListPopup);
+    const assocWidget = state.view.widgets.find((widget) => widget.bcName === bcName && widget.type === WidgetTypes3.AssocListPopup);
     const calleeCursor = (_a = state.screen.bo.bc[calleeBCName]) == null ? void 0 : _a.cursor;
     const calleePendingChanges = (_b = state.view.pendingDataChanges[calleeBCName]) == null ? void 0 : _b[calleeCursor];
     const assocFieldKey = action.payload.associateFieldKey;
@@ -1587,16 +1615,17 @@ var showAssocPopupEpic = (action$, state$) => action$.pipe(filter2(showViewPopup
 import { concat as concat2, filter as filter3, mergeMap as mergeMap3, of as of4 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud5 } from "@cxbox-ui/schema";
 var fileUploadConfirmEpic = (action$, state$, { api }) => action$.pipe(filter3(bulkUploadFiles.match), mergeMap3((action) => {
-    var _a;
+    var _a, _b;
     const state = state$.value;
-    const bcName = state.view.popupData.bcName;
-    const bcUrl = buildBcUrl(bcName, true);
-    const widgetName = (_a = state.view.widgets.find((item) => item.bcName === bcName)) == null ? void 0 : _a.name;
+    const bcName = (_a = state.view.popupData) == null ? void 0 : _a.bcName;
+    const bcUrl = buildBcUrl(bcName, true, state);
+    const widgetName = (_b = state.view.widgets.find((item) => item.bcName === bcName)) == null ? void 0 : _b.name;
     const data = {
         bulkIds: action.payload.fileIds
     };
     return api.customAction(state.screen.screenName, bcUrl, data, null, { _action: "file-upload-save" }).pipe(mergeMap3((response) => {
-        const postInvoke = response.postActions[0];
+        var _a2;
+        const postInvoke = (_a2 = response.postActions) == null ? void 0 : _a2[0];
         const preInvoke = response.preInvoke;
         return concat2(of4(sendOperationSuccess({ bcName, cursor: null })), of4(bcForceUpdate({ bcName })), of4(closeViewPopup(null)), ...postOperationRoutine(widgetName, postInvoke, preInvoke, OperationTypeCrud5.save, bcName));
     }));
@@ -1609,14 +1638,14 @@ var selectTableCellInitEpic = (action$, state$) => action$.pipe(filter4(selectTa
     const state = state$.value;
     const { rowId: nextRowId, fieldKey } = action.payload;
     const nextWidget = state.view.widgets.find((widget) => widget.name === action.payload.widgetName);
-    const nextBcName = nextWidget.bcName;
+    const nextBcName = nextWidget == null ? void 0 : nextWidget.bcName;
     const nextBcCursor = (_a = state.screen.bo.bc[nextBcName]) == null ? void 0 : _a.cursor;
     const selectedCell = state.view.selectedCell;
     if (nextRowId !== nextBcCursor) {
         resultObservables.push(of5(bcSelectRecord({ bcName: nextBcName, cursor: nextRowId })));
     }
-    if (!selectedCell || fieldKey !== selectedCell.fieldKey || nextRowId !== selectedCell.rowId || nextWidget.name !== selectedCell.widgetName) {
-        resultObservables.push(of5(selectTableCell({ widgetName: nextWidget.name, rowId: nextRowId, fieldKey })));
+    if (!selectedCell || fieldKey !== selectedCell.fieldKey || nextRowId !== selectedCell.rowId || (nextWidget == null ? void 0 : nextWidget.name) !== selectedCell.widgetName) {
+        resultObservables.push(of5(selectTableCell({ widgetName: nextWidget == null ? void 0 : nextWidget.name, rowId: nextRowId, fieldKey })));
     }
     return concat3(...resultObservables);
 }));
@@ -1640,7 +1669,7 @@ var sendOperationAssociateEpic = (action$, state$) => action$.pipe(filter6(sendO
 }));
 // src/epics/view/getRowMetaByForceActiveEpic.ts
 import { EMPTY as EMPTY3, concat as concat5, filter as filter7, mergeMap as mergeMap6, of as of7, catchError as catchError2 } from "rxjs";
-import { WidgetTypes as WidgetTypes3 } from "@cxbox-ui/schema";
+import { WidgetTypes as WidgetTypes4 } from "@cxbox-ui/schema";
 import { nanoid } from "@reduxjs/toolkit";
 var getRowMetaByForceActiveEpic = (action$, state$, { api }) => action$.pipe(filter7(changeDataItem.match), mergeMap6((action) => {
     var _a, _b, _c, _d;
@@ -1649,22 +1678,22 @@ var getRowMetaByForceActiveEpic = (action$, state$, { api }) => action$.pipe(fil
     const { bcName, cursor, disableRetry } = action.payload;
     const isBcHierarchy = state.view.widgets.some((widget) => {
         var _a2, _b2;
-        return widget.bcName === bcName && widget.type === WidgetTypes3.AssocListPopup && (((_a2 = widget.options) == null ? void 0 : _a2.hierarchySameBc) || ((_b2 = widget.options) == null ? void 0 : _b2.hierarchyFull));
+        return widget.bcName === bcName && widget.type === WidgetTypes4.AssocListPopup && (((_a2 = widget.options) == null ? void 0 : _a2.hierarchySameBc) || ((_b2 = widget.options) == null ? void 0 : _b2.hierarchyFull));
     });
     if (isBcHierarchy) {
         return EMPTY3;
     }
     const isPickListPopup = state.view.widgets.find((item) => {
         var _a2;
-        return item.name === ((_a2 = state.view.popupData) == null ? void 0 : _a2.widgetName) && [WidgetTypes3.PickListPopup, WidgetTypes3.FlatTreePopup].includes(item.type);
+        return item.name === ((_a2 = state.view.popupData) == null ? void 0 : _a2.widgetName) && [WidgetTypes4.PickListPopup, WidgetTypes4.FlatTreePopup].includes(item.type);
     });
-    const bcUrl = buildBcUrl(bcName, true);
+    const bcUrl = buildBcUrl(bcName, true, state);
     const pendingChanges = state.view.pendingDataChanges[bcName][cursor];
     const handledForceActive = ((_a = state.view.handledForceActive[bcName]) == null ? void 0 : _a[cursor]) || {};
     const currentRecordData = (_b = state.data[bcName]) == null ? void 0 : _b.find((record) => record.id === cursor);
     const fieldsRowMeta = (_d = (_c = state.view.rowMeta[bcName]) == null ? void 0 : _c[bcUrl]) == null ? void 0 : _d.fields;
     let changedFiledKey = null;
-    const closePopup = concat5(of7(viewClearPickMap(null)), of7(closeViewPopup(null)), of7(bcRemoveAllFilters({ bcName })));
+    const closePopup = concat5(of7(closeViewPopup(null)), of7(viewClearPickMap(null)), of7(bcRemoveAllFilters({ bcName })));
     const someForceActiveChanged = fieldsRowMeta == null ? void 0 : fieldsRowMeta.filter((field) => field.forceActive && pendingChanges[field.key] !== void 0).some((field) => {
         const result = pendingChanges[field.key] !== handledForceActive[field.key];
         if (result) {
@@ -1674,7 +1703,7 @@ var getRowMetaByForceActiveEpic = (action$, state$, { api }) => action$.pipe(fil
     });
     const requestId = nanoid();
     if (someForceActiveChanged && !disableRetry) {
-        return concat5(of7(addPendingRequest({ request: { requestId, type: "force-active" } })), api.getRmByForceActive(state.screen.screenName, bcUrl, __spreadProps(__spreadValues({}, pendingChanges), { vstamp: currentRecordData.vstamp })).pipe(mergeMap6((data) => {
+        return concat5(of7(addPendingRequest({ request: { requestId, type: "force-active" } })), api.getRmByForceActive(state.screen.screenName, bcUrl, __spreadProps(__spreadValues({}, pendingChanges), { vstamp: currentRecordData == null ? void 0 : currentRecordData.vstamp })).pipe(mergeMap6((data) => {
             const result = [of7(removePendingRequest({ requestId }))];
             if (state.view.url === initUrl) {
                 result.push(of7(forceActiveRmUpdate({
@@ -1701,8 +1730,9 @@ var getRowMetaByForceActiveEpic = (action$, state$, { api }) => action$.pipe(fil
             }
             return concat5(of7(removePendingRequest({ requestId })), state.view.url === initUrl ? concat5(of7(changeDataItem({
                 bcName,
+                bcUrl: buildBcUrl(bcName, true, state),
                 cursor,
-                dataItem: { [changedFiledKey]: currentRecordData[changedFiledKey] },
+                dataItem: { [changedFiledKey]: currentRecordData == null ? void 0 : currentRecordData[changedFiledKey] },
                 disableRetry: true
             })), of7(forceActiveChangeFail({ bcName, bcUrl, viewError, entityError }))) : EMPTY3);
         })));
@@ -1713,9 +1743,14 @@ var getRowMetaByForceActiveEpic = (action$, state$, { api }) => action$.pipe(fil
 import { concat as concat6, filter as filter8, mergeMap as mergeMap7, of as of8 } from "rxjs";
 var showAllTableRecordsInitEpic = (action$, state$) => action$.pipe(filter8(showAllTableRecordsInit.match), mergeMap7((action) => {
     const resultObservables = [];
-    const { bcName } = action.payload;
+    const { bcName, cursor } = action.payload;
+    const state = state$.value;
+    const route = state.router;
     resultObservables.push(of8(bcChangeCursors({ cursorsMap: { [bcName]: null } })));
+    const bcPath = route.bcPath.slice(0, route.bcPath.indexOf(`${bcName}/${cursor}`));
+    const url = defaultBuildURL(__spreadProps(__spreadValues({}, route), { bcPath }));
     resultObservables.push(of8(bcForceUpdate({ bcName })));
+    resultObservables.push(of8(changeLocation({ location: defaultParseURL(new URL(url, window.location.origin)) })));
     return concat6(...resultObservables);
 }));
 // src/epics/view/clearPendingDataChangesAfterCursorChangeEpic.ts
@@ -1737,10 +1772,107 @@ var clearPendingDataChangesAfterCursorChangeEpic = (action$, state$) => action$.
     return EMPTY4;
 }));
 // src/epics/router/drilldownEpic.ts
-import { EMPTY as EMPTY5, filter as filter10, switchMap } from "rxjs";
+import { concat as concat7, EMPTY as EMPTY5, filter as filter10, switchMap } from "rxjs";
 var drillDownEpic = (action$, state$) => action$.pipe(filter10(drillDown.match), switchMap((action) => {
-    return EMPTY5;
+    var _a, _b;
+    const state = state$.value;
+    const url = action.payload.url;
+    const result = [];
+    switch (action.payload.drillDownType) {
+        case DrillDownType.external:
+            window.location.href = url;
+            break;
+        case DrillDownType.externalNew:
+            if (/^[a-z0-9]+:\/\//i.test(url)) {
+                window.open(url);
+            }
+            break;
+        case DrillDownType.relative:
+            window.location.href = `${window.location.origin}/${url}`;
+            break;
+        case DrillDownType.relativeNew:
+            window.open(`${window.location.origin}/${url}`, "_blank");
+            break;
+        case DrillDownType.inner:
+        default:
+            const [urlBase] = url.split("?");
+            const urlObject = new URL(url, window.location.origin);
+            const urlFilters = urlObject.searchParams.get("filters");
+            const urlSorters = urlObject.searchParams.get("sorters");
+            let newFilters = {};
+            let newSorters = {};
+            try {
+                newFilters = (_a = JSON.parse(urlFilters)) != null ? _a : newFilters;
+            }
+            catch (e) {
+                urlFilters && console.warn("Failed to parse filters on drilldown");
+                newFilters = {};
+            }
+            try {
+                newSorters = (_b = JSON.parse(urlSorters)) != null ? _b : newSorters;
+            }
+            catch (e) {
+                urlSorters && console.warn("Failed to parse sorters on drilldown");
+                newSorters = {};
+            }
+            const bcToUpdate = {};
+            Object.keys(state.screen.filters).forEach((bcName) => {
+                if (newFilters[bcName] === "" || newFilters[bcName]) {
+                    bcToUpdate[bcName] = true;
+                    result.push(bcRemoveAllFilters({ bcName }));
+                }
+            });
+            const nextState = defaultParseURL(urlObject);
+            const viewName = nextState.viewName;
+            Object.entries(newFilters).forEach(([bcName, filterExpression]) => {
+                var _a2;
+                const parsedFilters = (_a2 = parseFilters(filterExpression)) == null ? void 0 : _a2.map((item) => __spreadProps(__spreadValues({}, item), { viewName }));
+                parsedFilters == null ? void 0 : parsedFilters.forEach((parsedFilter) => {
+                    bcToUpdate[bcName] = true;
+                    result.push(bcAddFilter({ bcName, filter: parsedFilter }));
+                });
+            });
+            Object.entries(newSorters).forEach(([bcName, sortExpression]) => {
+                const sorter = parseSorters(sortExpression);
+                result.push(bcAddSorter({ bcName, sorter }));
+                bcToUpdate[bcName] = true;
+            });
+            const prevState = state.router;
+            const willUpdateAnyway = shallowCompare(prevState, nextState, ["params"]).length > 0;
+            if (!willUpdateAnyway) {
+                Object.keys(bcToUpdate).forEach((bcName) => {
+                    result.push(bcForceUpdate({ bcName }));
+                });
+            }
+            result.push(changeLocation({ location: defaultParseURL(new URL(makeRelativeUrl(urlBase), window.location.origin)) }));
+            break;
+    }
+    return result.length ? concat7(result) : EMPTY5;
 }));
+function shallowCompare(prevProps, nextProps, ignore = []) {
+    const diffProps = [];
+    if (!prevProps && !nextProps) {
+        return null;
+    }
+    if (!prevProps) {
+        return Object.keys(nextProps);
+    }
+    if (!nextProps) {
+        return Object.keys(prevProps);
+    }
+    const newKeys = Object.keys(nextProps);
+    newKeys.forEach((key) => {
+        if (prevProps[key] !== nextProps[key] && !ignore.includes(key)) {
+            diffProps.push(key);
+        }
+    });
+    Object.keys(prevProps).forEach((key) => {
+        if (!newKeys.includes(key)) {
+            diffProps.push(key);
+        }
+    });
+    return diffProps;
+}
 // src/epics/router/loginDoneEpic.ts
 import { filter as filter11, of as of10, switchMap as switchMap2 } from "rxjs";
 var loginDoneEpic = (action$, state$) => action$.pipe(filter11(loginDone.match), switchMap2((action) => {
@@ -1793,18 +1925,18 @@ var changeScreen = (action$, state$) => action$.pipe(filter14(selectScreen.match
     return nextView ? of12(selectView(nextView)) : of12(selectViewFail({ viewName: nextViewName }));
 }));
 // src/epics/router/userDrillDownEpic.ts
-import { catchError as catchError4, concat as concat7, EMPTY as EMPTY8, filter as filter15, mergeMap as mergeMap10, of as of13, switchMap as switchMap6 } from "rxjs";
+import { catchError as catchError4, concat as concat8, EMPTY as EMPTY8, filter as filter15, mergeMap as mergeMap10, of as of13, switchMap as switchMap6 } from "rxjs";
 var userDrillDownEpic = (action$, state$, { api }) => action$.pipe(filter15(userDrillDown.match), switchMap6((action) => {
     const state = state$.value;
     const { bcName, fieldKey, cursor } = action.payload;
-    const bcUrl = buildBcUrl(bcName, true);
+    const bcUrl = buildBcUrl(bcName, true, state);
     return api.fetchRowMeta(state.screen.screenName, bcUrl).pipe(mergeMap10((rowMeta) => {
         var _a, _b, _c, _d;
         const drillDownField = rowMeta.fields.find((field) => field.key === fieldKey);
         const route = state.router;
         const drillDownKey = (_b = (_a = state.view.widgets.find((widget) => widget.bcName === bcName)) == null ? void 0 : _a.fields.find((field) => field.key === fieldKey)) == null ? void 0 : _b.drillDownKey;
         const customDrillDownUrl = (_d = (_c = state.data[bcName]) == null ? void 0 : _c.find((record) => record.id === cursor)) == null ? void 0 : _d[drillDownKey];
-        return customDrillDownUrl || (drillDownField == null ? void 0 : drillDownField.drillDown) || (drillDownField == null ? void 0 : drillDownField.drillDown) !== route.path ? concat7(drillDownField.drillDownType !== DrillDownType.inner ? of13(bcFetchRowMetaSuccess({ bcName, rowMeta, bcUrl, cursor })) : EMPTY8, of13(userDrillDownSuccess({ bcName, bcUrl, cursor })), of13(drillDown({
+        return customDrillDownUrl || (drillDownField == null ? void 0 : drillDownField.drillDown) || (drillDownField == null ? void 0 : drillDownField.drillDown) !== route.path ? concat8((drillDownField == null ? void 0 : drillDownField.drillDownType) !== DrillDownType.inner ? of13(bcFetchRowMetaSuccess({ bcName, rowMeta, bcUrl, cursor })) : EMPTY8, of13(userDrillDownSuccess({ bcName, bcUrl, cursor })), of13(drillDown({
             url: customDrillDownUrl || drillDownField.drillDown,
             drillDownType: drillDownField.drillDownType,
             route
@@ -1815,7 +1947,7 @@ var userDrillDownEpic = (action$, state$, { api }) => action$.pipe(filter15(user
     }));
 }));
 // src/epics/router/changeLocationEpic.ts
-import { concat as concat8, EMPTY as EMPTY9, filter as filter16, mergeMap as mergeMap11, of as of14 } from "rxjs";
+import { concat as concat9, EMPTY as EMPTY9, filter as filter16, mergeMap as mergeMap11, of as of14 } from "rxjs";
 var changeLocationEpic = (action$, state$) => action$.pipe(filter16(changeLocation.match), mergeMap11((action) => {
     var _a, _b;
     const state = state$.value;
@@ -1861,7 +1993,7 @@ var changeLocationEpic = (action$, state$) => action$.pipe(filter16(changeLocati
             }
         });
     }
-    return concat8(...resultObservables);
+    return concat9(...resultObservables);
 }));
 // src/epics/router/selectViewFailEpic.ts
 import { filter as filter17, map as map2 } from "rxjs";
@@ -1893,12 +2025,11 @@ var userDrillDownChangeCursorsEpic = (action$, state$) => action$.pipe(filter19(
     if (cursor !== action.payload.cursor) {
         return bcChangeCursors({ cursorsMap: { [action.payload.bcName]: action.payload.cursor } });
     }
-    return void 0;
+    return emptyAction;
 }));
 // src/epics/screen/apiErrorEpic.ts
 import axios from "axios";
 import { EMPTY as EMPTY10, filter as filter20, mergeMap as mergeMap12, of as of15 } from "rxjs";
-var knownHttpErrors = [401, 409, 418, 500];
 var apiErrorEpic = (action$) => action$.pipe(filter20(apiError.match), mergeMap12((action) => {
     const { error, callContext } = action.payload;
     if (error.response) {
@@ -1920,7 +2051,9 @@ var apiErrorEpic = (action$) => action$.pipe(filter20(apiError.match), mergeMap1
 // src/epics/screen/downloadFileEpic.ts
 import { EMPTY as EMPTY11, filter as filter21, mergeMap as mergeMap13, tap } from "rxjs";
 var downloadFileEpic = (action$, state$, { api }) => action$.pipe(filter21(downloadFile.match), tap((action) => {
+    const { fileId } = action.payload;
     const anchor = document.createElement("a");
+    anchor.href = `${api.fileUploadEndpoint}?id=${encodeURIComponent(fileId)}`;
     anchor.style.display = "none";
     document.body.appendChild(anchor);
     setTimeout(() => {
@@ -1936,8 +2069,8 @@ var httpError401Epic = (action$) => action$.pipe(filter22(httpError.match), filt
 // src/epics/screen/httpError409Epic.ts
 import { filter as filter23, map as map6 } from "rxjs";
 var httpError409Epic = (action$, state$) => action$.pipe(filter23(httpError.match), filter23((action) => action.payload.statusCode === 409), map6((action) => {
-    var _a, _b;
-    const notificationMessage = ((_b = (_a = action.payload.error.response.data.error) == null ? void 0 : _a.popup) == null ? void 0 : _b[0]) || "";
+    var _a, _b, _c;
+    const notificationMessage = ((_c = (_b = ((_a = action.payload.error.response) == null ? void 0 : _a.data).error) == null ? void 0 : _b.popup) == null ? void 0 : _c[0]) || "";
     return addNotification({
         key: "action_edit_error",
         message: notificationMessage,
@@ -1951,12 +2084,12 @@ var httpError409Epic = (action$, state$) => action$.pipe(filter23(httpError.matc
     });
 }));
 // src/epics/screen/httpError418Epic.ts
-import { concat as concat9, EMPTY as EMPTY12, filter as filter24, mergeMap as mergeMap14, of as of16 } from "rxjs";
+import { concat as concat10, EMPTY as EMPTY12, filter as filter24, mergeMap as mergeMap14, of as of16 } from "rxjs";
 var httpError418Epic = (action$, state$) => action$.pipe(filter24(httpError.match), filter24((action) => action.payload.statusCode === 418), mergeMap14((action) => {
-    var _a;
+    var _a, _b;
     const { error, callContext } = action.payload;
     const result = [];
-    const typedError = error.response.data;
+    const typedError = (_a = error.response) == null ? void 0 : _a.data;
     if (!typedError.error.popup) {
         return EMPTY12;
     }
@@ -1965,16 +2098,16 @@ var httpError418Epic = (action$, state$) => action$.pipe(filter24(httpError.matc
         message: typedError.error.popup[0]
     };
     result.push(of16(showViewError({ error: businessError })));
-    if ((_a = typedError.error.postActions) == null ? void 0 : _a[0]) {
+    if ((_b = typedError.error.postActions) == null ? void 0 : _b[0]) {
         const widget = state$.value.view.widgets.find((item) => item.name === callContext.widgetName);
-        const bcName = widget.bcName;
+        const bcName = widget == null ? void 0 : widget.bcName;
         result.push(of16(processPostInvoke({
             bcName,
             postInvoke: typedError.error.postActions[0],
-            widgetName: widget.name
+            widgetName: widget == null ? void 0 : widget.name
         })));
     }
-    return concat9(...result);
+    return concat10(...result);
 }));
 // src/epics/screen/httpError500Epic.ts
 import { filter as filter25, map as map7 } from "rxjs";
@@ -1989,11 +2122,13 @@ var httpError500Epic = (action$, state$) => action$.pipe(filter25(httpError.matc
 }));
 // src/epics/screen/httpErrorDefaultEpic.ts
 import { filter as filter26, map as map8 } from "rxjs";
-var httpErrorDefaultEpic = (action$, store) => action$.pipe(filter26(httpError.match), filter26((action) => !knownHttpErrors.includes(action.payload.statusCode)), map8((action) => {
+var knownHttpErrors = [401, 409, 418, 500];
+var httpErrorDefaultEpic = (action$, state$) => action$.pipe(filter26(httpError.match), filter26((action) => !knownHttpErrors.includes(action.payload.statusCode)), map8((action) => {
+    var _a, _b;
     const businessError = {
         type: 0 /* BusinessError */,
-        code: action.payload.error.response.status,
-        details: action.payload.error.response.data
+        code: (_a = action.payload.error.response) == null ? void 0 : _a.status,
+        details: (_b = action.payload.error.response) == null ? void 0 : _b.data
     };
     return showViewError({ error: businessError });
 }));
@@ -2013,6 +2148,7 @@ var downloadFileByUrlEpic = (action$, state$) => action$.pipe(filter27(downloadF
 // src/epics/screen/processPostInvokeEpic.ts
 import { EMPTY as EMPTY14, filter as filter28, mergeMap as mergeMap16, of as of17 } from "rxjs";
 var processPostInvokeEpic = (action$, state$) => action$.pipe(filter28(processPostInvoke.match), mergeMap16((action) => {
+    var _a;
     const state = state$.value;
     switch (action.payload.postInvoke.type) {
         case "drillDown" /* drillDown */:
@@ -2023,7 +2159,10 @@ var processPostInvokeEpic = (action$, state$) => action$.pipe(filter28(processPo
         case "postDelete" /* postDelete */: {
             const cursorsMap = { [action.payload.bcName]: null };
             const result = [bcChangeCursors({ cursorsMap })];
-            if (state.router.bcPath.includes(`${action.payload.bcName}/`)) {
+            if ((_a = state.router.bcPath) == null ? void 0 : _a.includes(`${action.payload.bcName}/`)) {
+                const newBcUrl = state.router.bcPath.split(action.payload.bcName)[0] || "";
+                const newUrl = `/screen/${state.router.screenName}/view/${state.router.viewName}/${newBcUrl}`;
+                result.push(changeLocation({ location: defaultParseURL(new URL(newUrl, window.location.origin)) }));
             }
             else {
                 result.push(bcFetchDataRequest({
@@ -2092,30 +2231,30 @@ var processPostInvokeConfirmEpic = (action$, state$) => action$.pipe(filter29(is
     }
 }));
 // src/epics/session/switchRoleEpic.ts
-import { concat as concat10, filter as filter30, switchMap as switchMap7 } from "rxjs";
+import { concat as concat11, filter as filter30, switchMap as switchMap7 } from "rxjs";
 var switchRoleEpic = (action$, state$) => action$.pipe(filter30(switchRole.match), switchMap7((action) => {
-    return concat10([logoutDone(null), login({ login: "", password: "", role: action.payload.role })]);
+    return concat11([logoutDone(null), login({ login: "", password: "", role: action.payload.role })]);
 }));
 // src/epics/session/refreshMetaEpic.ts
-import { catchError as catchError5, concat as concat11, filter as filter31, mergeMap as mergeMap18, of as of19, switchMap as switchMap8 } from "rxjs";
+import { catchError as catchError5, concat as concat12, filter as filter31, mergeMap as mergeMap18, switchMap as switchMap8 } from "rxjs";
 var refreshMetaEpic = (action$, state$, { api }) => action$.pipe(filter31(refreshMeta.match), mergeMap18(() => {
     const state = state$.value;
     const { router } = state;
     const { activeRole } = state.session;
-    return api.refreshMeta().pipe(switchMap8(() => concat11([
+    return api.refreshMeta().pipe(switchMap8(() => concat12([
+        refreshMetaDone(),
         logoutDone(null),
         login({ login: "", password: "", role: activeRole }),
         changeLocation({
-            route: router,
-            action: "PUSH"
+            location: router
         })
-    ])), catchError5((error) => of19(loginFail(error))));
+    ])), catchError5((error) => concat12([loginFail(error), refreshMetaFail()])));
 }));
 // src/epics/session/loginDoneEpic.ts
 import { EMPTY as EMPTY16, filter as filter32, switchMap as switchMap9 } from "rxjs";
 var loginDoneSessionEpic = (action$, store) => action$.pipe(filter32(login.match), switchMap9((action) => EMPTY16));
 // src/epics/session/loginByAnotherRoleEpic.ts
-import { catchError as catchError6, EMPTY as EMPTY17, filter as filter33, mergeMap as mergeMap19, of as of20, switchMap as switchMap10 } from "rxjs";
+import { catchError as catchError6, concat as concat13, filter as filter33, mergeMap as mergeMap19, of as of19, switchMap as switchMap10 } from "rxjs";
 var responseStatusMessages = {
     401: "Invalid credentials",
     403: "Access denied"
@@ -2128,59 +2267,80 @@ var loginByAnotherRoleEpic = (action$, state$, { api }) => action$.pipe(filter33
     const role = (_a = action.payload.role) != null ? _a : "";
     const isSwitchRole = role && role !== state$.value.session.activeRole;
     return api.loginByRoleRequest(role).pipe(mergeMap19((data) => {
+        var _a2;
+        const result = [];
         if (isSwitchRole) {
-        }
-        return EMPTY17;
+            const defaultScreen = data.screens.find((screen) => screen.defaultScreen) || data.screens[0];
+            const defaultViewName = (_a2 = defaultScreen == null ? void 0 : defaultScreen.primary) != null ? _a2 : defaultScreen.meta.views[0].name;
+            const defaultView = defaultScreen == null ? void 0 : defaultScreen.meta.views.find((view) => defaultViewName === view.name);
+            if (defaultView)
+                result.push(changeLocation({ location: defaultParseURL(new URL(defaultView.url, window.location.origin)) }));
+        }
+        return concat13([
+            ...result,
+            loginDone({
+                devPanelEnabled: data.devPanelEnabled,
+                activeRole: data.activeRole,
+                roles: data.roles,
+                screens: data.screens,
+                firstName: data.firstName,
+                lastName: data.lastName,
+                login: data.login
+            })
+        ]);
     }), catchError6((error) => {
         console.error(error);
         const errorMsg = error.response ? responseStatusMessages[error.response.status] || "Server application unavailable" : "Empty server response";
-        return of20(loginFail({ errorMsg }));
+        return of19(loginFail({ errorMsg }));
     }));
 }));
 // src/epics/session/refreshMetaAndReloadPageEpic.ts
-import { concat as concat12, EMPTY as EMPTY18, filter as filter34, of as of21, switchMap as switchMap11, take, tap as tap3 } from "rxjs";
-var refreshMetaAndReloadPageEpic = (action$, state$) => action$.pipe(filter34(refreshMetaAndReloadPage.match), switchMap11(() => concat12(of21(refreshMeta(null)), action$.pipe(filter34(loginDone.match), take(1), tap3(() => location.reload()), switchMap11(() => EMPTY18)))));
+import { concat as concat14, EMPTY as EMPTY17, filter as filter34, of as of20, switchMap as switchMap11, take, tap as tap3 } from "rxjs";
+var refreshMetaAndReloadPageEpic = (action$, state$) => action$.pipe(filter34(refreshMetaAndReloadPage.match), switchMap11(() => concat14(of20(refreshMeta(null)), action$.pipe(filter34(loginDone.match), take(1), tap3(() => location.reload()), switchMap11(() => EMPTY17)))));
 // src/epics/data/bcNewDataEpic.ts
-import { catchError as catchError7, concat as concat13, EMPTY as EMPTY19, filter as filter35, mergeMap as mergeMap20, of as of22 } from "rxjs";
+import { catchError as catchError7, concat as concat15, EMPTY as EMPTY18, filter as filter35, mergeMap as mergeMap20, of as of21 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud8 } from "@cxbox-ui/schema";
 var bcNewDataEpic = (action$, state$, { api }) => action$.pipe(filter35(sendOperation.match), filter35((action) => matchOperationRole(OperationTypeCrud8.create, action.payload, state$.value)), mergeMap20((action) => {
+    var _a;
     const state = state$.value;
     const bcName = action.payload.bcName;
-    const bcUrl = buildBcUrl(bcName);
+    const bcUrl = (_a = buildBcUrl(bcName, false, state)) != null ? _a : "";
     const context = { widgetName: action.payload.widgetName };
     const params = { _action: action.payload.operationType };
     return api.newBcData(state.screen.screenName, bcUrl, context, params).pipe(mergeMap20((data) => {
+        var _a2, _b;
         const rowMeta = data.row;
         const dataItem = { id: null, vstamp: -1 };
         data.row.fields.forEach((field) => {
             dataItem[field.key] = field.currentValue;
         });
-        const postInvoke = data.postActions[0];
+        const postInvoke = (_a2 = data.postActions) == null ? void 0 : _a2[0];
         const cursor = dataItem.id;
-        return concat13(of22(bcNewDataSuccess({ bcName, dataItem, bcUrl })), of22(bcFetchRowMetaSuccess({ bcName, bcUrl: `${bcUrl}/${cursor}`, rowMeta, cursor })), of22(changeDataItem({
-            bcName: action.payload.bcName,
+        return concat15(of21(bcNewDataSuccess({ bcName, dataItem, bcUrl })), of21(bcFetchRowMetaSuccess({ bcName, bcUrl: `${bcUrl}/${cursor}`, rowMeta, cursor })), of21(changeDataItem({
+            bcName,
+            bcUrl: (_b = buildBcUrl(bcName, true, state)) != null ? _b : "",
             cursor,
             dataItem: {
                 id: cursor
             }
-        })), postInvoke ? of22(processPostInvoke({ bcName, postInvoke, cursor, widgetName: action.payload.widgetName })) : EMPTY19);
+        })), postInvoke ? of21(processPostInvoke({ bcName, postInvoke, cursor, widgetName: action.payload.widgetName })) : EMPTY18);
     }), catchError7((error) => {
         console.error(error);
-        return of22(bcNewDataFail({ bcName }));
+        return of21(bcNewDataFail({ bcName }));
     }));
 }));
 // src/epics/data/bcLoadMoreEpic.ts
-import { catchError as catchError8, filter as filter37, mergeMap as mergeMap22, of as of24, race } from "rxjs";
+import { catchError as catchError8, filter as filter37, mergeMap as mergeMap22, of as of23, race } from "rxjs";
 // src/utils/cancelRequestEpic.ts
-import { filter as filter36, mergeMap as mergeMap21, of as of23, take as take2 } from "rxjs";
+import { filter as filter36, mergeMap as mergeMap21, of as of22, take as take2 } from "rxjs";
 import { isAnyOf as isAnyOf2 } from "@reduxjs/toolkit";
 var cancelRequestActionTypes = [selectView, logout];
 function cancelRequestEpic(action$, actionTypes, cancelFn, cancelActionCreator, filterFn = (item) => {
     return true;
 }) {
     return action$.pipe(filter36(isAnyOf2(...actionTypes)), filter36(filterFn), mergeMap21(() => {
-        cancelFn();
-        return of23(cancelActionCreator);
+        cancelFn == null ? void 0 : cancelFn();
+        return of22(cancelActionCreator);
     }), take2(1));
 }
 // src/epics/data/bcLoadMoreEpic.ts
@@ -2192,7 +2352,7 @@ var bcLoadMoreEpic = (action$, state$, { api }) => action$.pipe(filter37(bcLoadM
     const { cursor, page } = bc;
     const limit = ((_a = state.view.widgets.find((i) => i.bcName === bcName)) == null ? void 0 : _a.limit) || bc.limit;
     const limitBySelfCursor = (_b = state.router.bcPath) == null ? void 0 : _b.includes(`${bcName}/${cursor}`);
-    const bcUrl = buildBcUrl(bcName, limitBySelfCursor);
+    const bcUrl = buildBcUrl(bcName, limitBySelfCursor, state);
     const filters = state.screen.filters[bcName] || [];
     const sorters = state.screen.sorters[bcName];
     const fetchParams = __spreadValues(__spreadValues({
@@ -2205,7 +2365,7 @@ var bcLoadMoreEpic = (action$, state$, { api }) => action$.pipe(filter37(bcLoadM
         var _a2;
         const oldBcDataIds = (_a2 = state.data[bcName]) == null ? void 0 : _a2.map((i) => i.id);
         const newData = [...state.data[bcName], ...data.data.filter((i) => !oldBcDataIds.includes(i.id))];
-        return of24(bcFetchDataSuccess({
+        return of23(bcFetchDataSuccess({
             bcName,
             data: newData,
             bcUrl,
@@ -2213,23 +2373,23 @@ var bcLoadMoreEpic = (action$, state$, { api }) => action$.pipe(filter37(bcLoadM
         }));
     }), catchError8((error) => {
         console.error(error);
-        return of24(bcFetchDataFail({ bcName, bcUrl }));
+        return of23(bcFetchDataFail({ bcName, bcUrl }));
     }));
     return race(cancelFlow, normalFlow);
 }));
 // src/epics/data/bcSaveDataEpic.ts
-import { catchError as catchError9, concat as concat14, EMPTY as EMPTY20, filter as filter38, mergeMap as mergeMap23, of as of25 } from "rxjs";
+import { catchError as catchError9, concat as concat16, EMPTY as EMPTY19, filter as filter38, mergeMap as mergeMap23, of as of24 } from "rxjs";
 var bcSaveDataEpic = (action$, state$, { api }) => action$.pipe(filter38(sendOperation.match), filter38((action) => matchOperationRole(OperationTypeCrud.save, action.payload, state$.value)), mergeMap23((action) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const state = state$.value;
     const bcName = action.payload.bcName;
-    const bcUrl = buildBcUrl(bcName, true);
+    const bcUrl = (_a = buildBcUrl(bcName, true, state)) != null ? _a : "";
     const widgetName = action.payload.widgetName;
     const cursor = state.screen.bo.bc[bcName].cursor;
     const dataItem = state.data[bcName].find((item) => item.id === cursor);
-    const pendingChanges = (_a = state.view.pendingDataChanges[bcName]) == null ? void 0 : _a[cursor];
-    const rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) == null ? void 0 : _b[bcUrl]);
-    const options = (_c = state.view.widgets.find((widget) => widget.name === widgetName)) == null ? void 0 : _c.options;
+    const pendingChanges = __spreadValues({}, (_b = state.view.pendingDataChanges[bcName]) == null ? void 0 : _b[cursor]);
+    const rowMeta = bcUrl && ((_c = state.view.rowMeta[bcName]) == null ? void 0 : _c[bcUrl]);
+    const options = (_d = state.view.widgets.find((widget) => widget.name === widgetName)) == null ? void 0 : _d.options;
     if (rowMeta) {
         const fields = rowMeta.fields;
         for (const key in pendingChanges) {
@@ -2243,21 +2403,22 @@ var bcSaveDataEpic = (action$, state$, { api }) => action$.pipe(filter38(sendOpe
         return bcFetchDataRequest({ bcName: childBcName, widgetName: widgetNames[0] });
     });
     const context = { widgetName: action.payload.widgetName };
-    return api.saveBcData(state.screen.screenName, bcUrl, __spreadProps(__spreadValues({}, pendingChanges), { vstamp: dataItem.vstamp }), context).pipe(mergeMap23((data) => {
-        const postInvoke = data.postActions[0];
+    return api.saveBcData(state.screen.screenName, bcUrl, __spreadProps(__spreadValues({}, pendingChanges), { vstamp: dataItem == null ? void 0 : dataItem.vstamp }), context).pipe(mergeMap23((data) => {
+        var _a2;
+        const postInvoke = (_a2 = data.postActions) == null ? void 0 : _a2[0];
         const responseDataItem = data.record;
-        return concat14(of25(bcSaveDataSuccess({ bcName, cursor, dataItem: responseDataItem })), of25(bcFetchRowMeta({ widgetName, bcName })), of25(...fetchChildrenBcData), postInvoke ? of25(processPostInvoke({
+        return concat16(of24(bcSaveDataSuccess({ bcName, cursor, dataItem: responseDataItem })), of24(bcFetchRowMeta({ widgetName, bcName })), of24(...fetchChildrenBcData), postInvoke ? of24(processPostInvoke({
             bcName,
             widgetName,
             postInvoke,
             cursor: responseDataItem.id
-        })) : EMPTY20, action.payload.onSuccessAction ? of25(action.payload.onSuccessAction) : EMPTY20);
+        })) : EMPTY19, action.payload.onSuccessAction ? of24(action.payload.onSuccessAction) : EMPTY19);
     }), catchError9((e) => {
-        var _a2, _b2, _c2, _d, _e, _f;
+        var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
         console.error(e);
-        let notification$ = EMPTY20;
+        let notification$ = EMPTY19;
         if (action.payload.onSuccessAction && !(options == null ? void 0 : options.disableNotification)) {
-            notification$ = of25(addNotification({
+            notification$ = of24(addNotification({
                 key: "data_autosave_undo",
                 type: "buttonWarningNotification",
                 message: "There are pending changes. Please save them or cancel.",
@@ -2274,14 +2435,14 @@ var bcSaveDataEpic = (action$, state$, { api }) => action$.pipe(filter38(sendOpe
         let entityError = null;
         const operationError = (_a2 = e.response) == null ? void 0 : _a2.data;
         if (((_b2 = e.response) == null ? void 0 : _b2.data) === Object((_c2 = e.response) == null ? void 0 : _c2.data)) {
-            entityError = (_d = operationError == null ? void 0 : operationError.error) == null ? void 0 : _d.entity;
-            viewError = (_f = (_e = operationError == null ? void 0 : operationError.error) == null ? void 0 : _e.popup) == null ? void 0 : _f[0];
+            entityError = (_e = (_d2 = operationError == null ? void 0 : operationError.error) == null ? void 0 : _d2.entity) != null ? _e : entityError;
+            viewError = (_h = (_g = (_f = operationError == null ? void 0 : operationError.error) == null ? void 0 : _f.popup) == null ? void 0 : _g[0]) != null ? _h : viewError;
         }
-        return concat14(of25(bcSaveDataFail({ bcName, bcUrl, viewError, entityError })), notification$);
+        return concat16(of24(bcSaveDataFail({ bcName, bcUrl, viewError, entityError })), notification$);
     }));
 }));
 // src/epics/data/selectViewEpic.ts
-import { EMPTY as EMPTY21, filter as filter39, mergeMap as mergeMap24 } from "rxjs";
+import { EMPTY as EMPTY20, filter as filter39, mergeMap as mergeMap24 } from "rxjs";
 var selectViewEpic = (action$, state$) => action$.pipe(filter39(selectView.match), mergeMap24((action) => {
     try {
         const state = state$.value;
@@ -2306,12 +2467,12 @@ var selectViewEpic = (action$, state$) => action$.pipe(filter39(selectView.match
     }
     catch (e) {
         console.error(`selectView Epic:: ${e}`);
-        return EMPTY21;
+        return EMPTY20;
     }
 }));
 // src/epics/data/bcFetchDataEpic.ts
-import { catchError as catchError10, concat as concat15, EMPTY as EMPTY22, filter as filter40, mergeMap as mergeMap25, of as of26, race as race2 } from "rxjs";
-import { WidgetTypes as WidgetTypes4 } from "@cxbox-ui/schema";
+import { catchError as catchError10, concat as concat17, EMPTY as EMPTY21, filter as filter40, mergeMap as mergeMap25, of as of25, race as race2 } from "rxjs";
+import { WidgetTypes as WidgetTypes5 } from "@cxbox-ui/schema";
 import { isAnyOf as isAnyOf3 } from "@reduxjs/toolkit";
 var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyOf3(bcFetchDataRequest, bcFetchDataPages, showViewPopup, bcForceUpdate, bcChangePage)), mergeMap25((action) => {
     const getCursorChange = (data, prevCursor, isHierarchy) => {
@@ -2319,7 +2480,7 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
         const { bcName } = action.payload;
         const keepDelta = bcFetchDataRequest.match(action) ? action.payload.keepDelta : void 0;
         const newCursor = (_a = data[0]) == null ? void 0 : _a.id;
-        return of26(bcChangeCursors({
+        return of25(bcChangeCursors({
             cursorsMap: {
                 [bcName]: data.some((i) => i.id === prevCursor) ? prevCursor : newCursor
             },
@@ -2329,7 +2490,7 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
     const getChildrenData = (widgets, bcDictionary, isHierarchy, showConditionCheck) => {
         const { bcName } = action.payload;
         const { ignorePageLimit, keepDelta } = bcFetchDataRequest.match(action) ? action.payload : { ignorePageLimit: void 0, keepDelta: void 0 };
-        return concat15(...Object.entries(getBcChildren(bcName, widgets, bcDictionary)).filter(([childBcName, widgetNames]) => {
+        return concat17(...Object.entries(getBcChildren(bcName, widgets, bcDictionary)).filter(([childBcName, widgetNames]) => {
             const nonLazyWidget = widgets.find((item) => {
                 return widgetNames.includes(item.name) && !PopupWidgetTypes.includes(item.type) && showConditionCheck(item);
             });
@@ -2342,46 +2503,46 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
             const nonLazyWidget = widgets.find((item) => {
                 return widgetNames.includes(item.name) && !PopupWidgetTypes.includes(item.type) && showConditionCheck(item);
             });
-            return of26(bcFetchDataRequest({
+            return of25(bcFetchDataRequest({
                 bcName: childBcName,
-                widgetName: nonLazyWidget.name,
+                widgetName: nonLazyWidget == null ? void 0 : nonLazyWidget.name,
                 ignorePageLimit: ignorePageLimit || showViewPopup.match(action),
                 keepDelta: isHierarchy || keepDelta
             }));
         }));
     };
     const bcFetchDataImpl = () => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const state = state$.value;
-        const { widgetName } = action.payload;
+        const { widgetName = "" } = action.payload;
         const { widgets, infiniteWidgets } = state.view;
-        const widget = (_a = widgets.find((item) => item.name === widgetName)) != null ? _a : widgets.find((item) => item.bcName === action.payload.bcName);
+        const widget = (_a = widgets == null ? void 0 : widgets.find((item) => item.name === widgetName)) != null ? _a : widgets == null ? void 0 : widgets.find((item) => item.bcName === action.payload.bcName);
         if (!widget) {
-            return [EMPTY22];
+            return [EMPTY21];
         }
         const bcName = action.payload.bcName;
         const bc = state.screen.bo.bc[bcName];
-        const { cursor, page } = bc;
-        const limit = ((_b = widgets.find((i) => i.bcName === bcName)) == null ? void 0 : _b.limit) || bc.limit;
+        const { cursor, page = 1 } = bc;
+        const limit = (_c = ((_b = widgets == null ? void 0 : widgets.find((i) => i.bcName === bcName)) == null ? void 0 : _b.limit) || bc.limit) != null ? _c : 5;
         const sorters = state.screen.sorters[bcName];
         if (showViewPopup.match(action) && bcName === action.payload.calleeBCName) {
-            return [EMPTY22];
+            return [EMPTY21];
         }
-        const anyHierarchyWidget = widgets.find((item) => {
-            return item.bcName === widget.bcName && item.type === WidgetTypes4.AssocListPopup && isHierarchyWidget(item);
+        const anyHierarchyWidget = widgets == null ? void 0 : widgets.find((item) => {
+            return item.bcName === widget.bcName && item.type === WidgetTypes5.AssocListPopup && isHierarchyWidget(item);
         });
-        const fullHierarchyWidget = state.view.widgets.find((item) => {
+        const fullHierarchyWidget = (_d = state.view.widgets) == null ? void 0 : _d.find((item) => {
             var _a2;
-            return item.bcName === widget.bcName && item.type === WidgetTypes4.AssocListPopup && ((_a2 = item.options) == null ? void 0 : _a2.hierarchyFull);
+            return item.bcName === widget.bcName && item.type === WidgetTypes5.AssocListPopup && ((_a2 = item.options) == null ? void 0 : _a2.hierarchyFull);
         });
-        const limitBySelfCursor = (_c = state.router.bcPath) == null ? void 0 : _c.includes(`${bcName}/${cursor}`);
-        const bcUrl = buildBcUrl(bcName, limitBySelfCursor);
+        const limitBySelfCursor = (_e = state.router.bcPath) == null ? void 0 : _e.includes(`${bcName}/${cursor}`);
+        const bcUrl = buildBcUrl(bcName, limitBySelfCursor, state);
         const fetchParams = __spreadValues(__spreadValues({
             _page: page,
             _limit: limit
         }, getFilters(fullHierarchyWidget ? [] : state.screen.filters[bcName] || [])), getSorters(sorters));
         if (bcForceUpdate.match(action)) {
-            const infinityPaginationWidget = widgetName && infiniteWidgets.includes(widgetName) || ((_e = (_d = widgets == null ? void 0 : widgets.filter((item) => item.bcName === bcName)) == null ? void 0 : _d.find((item) => infiniteWidgets.includes(item.name))) == null ? void 0 : _e.name);
+            const infinityPaginationWidget = widgetName && (infiniteWidgets == null ? void 0 : infiniteWidgets.includes(widgetName)) || ((_g = (_f = widgets == null ? void 0 : widgets.filter((item) => item.bcName === bcName)) == null ? void 0 : _f.find((item) => infiniteWidgets == null ? void 0 : infiniteWidgets.includes(item.name))) == null ? void 0 : _g.name);
             if (infinityPaginationWidget) {
                 fetchParams._page = 1;
                 fetchParams._limit = limit * page;
@@ -2391,7 +2552,7 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
             fetchParams._page = action.payload.from || 1;
             fetchParams._limit = (action.payload.to || page - fetchParams._page) * limit;
         }
-        if (bcFetchDataRequest.match(action) && action.payload.ignorePageLimit || ((_f = anyHierarchyWidget == null ? void 0 : anyHierarchyWidget.options) == null ? void 0 : _f.hierarchyFull)) {
+        if (bcFetchDataRequest.match(action) && action.payload.ignorePageLimit || ((_h = anyHierarchyWidget == null ? void 0 : anyHierarchyWidget.options) == null ? void 0 : _h.hierarchyFull)) {
             fetchParams._limit = 0;
         }
         const canceler = api.createCanceler();
@@ -2403,12 +2564,12 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
         const normalFlow = api.fetchBcData(state.screen.screenName, bcUrl, fetchParams, canceler.cancelToken).pipe(mergeMap25((response) => {
             var _a2, _b2;
             const cursorChange = getCursorChange(response.data, cursor, !!anyHierarchyWidget);
-            const parentOfNotLazyWidget = widgets.some((item) => {
+            const parentOfNotLazyWidget = widgets == null ? void 0 : widgets.some((item) => {
                 var _a3;
                 return ((_a3 = state.screen.bo.bc[item.bcName]) == null ? void 0 : _a3.parentName) === bcName && !PopupWidgetTypes.includes(item.type);
             });
             const isWidgetVisible = (w) => {
-                var _a3, _b3, _c2, _d2, _e2, _f2, _g, _h, _i;
+                var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i;
                 if (((_a3 = w.showCondition) == null ? void 0 : _a3.bcName) === ((_b3 = state.screen.bo.bc[w.bcName]) == null ? void 0 : _b3.parentName)) {
                     let parentName = (_d2 = state.screen.bo.bc[(_c2 = w.showCondition) == null ? void 0 : _c2.bcName]) == null ? void 0 : _d2.parentName;
                     let parent = parentName === bcName;
@@ -2420,17 +2581,17 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
                         return true;
                     }
                 }
-                const dataToCheck = bcName === ((_f2 = w.showCondition) == null ? void 0 : _f2.bcName) ? response.data : state.data[(_g = w.showCondition) == null ? void 0 : _g.bcName];
-                return checkShowCondition(w.showCondition, (_i = state.screen.bo.bc[(_h = w.showCondition) == null ? void 0 : _h.bcName]) == null ? void 0 : _i.cursor, dataToCheck, state.view.pendingDataChanges);
+                const dataToCheck = bcName === ((_f2 = w.showCondition) == null ? void 0 : _f2.bcName) ? response.data : state.data[(_g2 = w.showCondition) == null ? void 0 : _g2.bcName];
+                return checkShowCondition(w.showCondition, (_i = state.screen.bo.bc[(_h2 = w.showCondition) == null ? void 0 : _h2.bcName]) == null ? void 0 : _i.cursor, dataToCheck, state.view.pendingDataChanges);
             };
             const lazyWidget = (!isWidgetVisible(widget) || PopupWidgetTypes.includes(widget.type)) && !parentOfNotLazyWidget;
             const skipLazy = ((_a2 = state.view.popupData) == null ? void 0 : _a2.bcName) !== widget.bcName;
             if (lazyWidget && skipLazy) {
-                return EMPTY22;
+                return EMPTY21;
             }
-            const fetchChildren = ((_b2 = response.data) == null ? void 0 : _b2.length) ? getChildrenData(widgets, state.screen.bo.bc, !!anyHierarchyWidget, isWidgetVisible) : EMPTY22;
-            const fetchRowMeta = of26(bcFetchRowMeta({ widgetName, bcName }));
-            return concat15(cursorChange, of26(bcFetchDataSuccess({
+            const fetchChildren = ((_b2 = response.data) == null ? void 0 : _b2.length) ? getChildrenData(widgets, state.screen.bo.bc, !!anyHierarchyWidget, isWidgetVisible) : EMPTY21;
+            const fetchRowMeta = of25(bcFetchRowMeta({ widgetName, bcName }));
+            return concat17(cursorChange, of25(bcFetchDataSuccess({
                 bcName,
                 data: response.data,
                 bcUrl,
@@ -2438,7 +2599,7 @@ var bcFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter40(isAnyO
             })), fetchRowMeta, fetchChildren);
         }), catchError10((error) => {
             console.error(error);
-            return of26(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl }));
+            return of25(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl }));
         }));
         return [cancelFlow, cancelByParentBc, normalFlow];
     };
@@ -2449,26 +2610,27 @@ function isHierarchyWidget(widget) {
     return ((_a = widget.options) == null ? void 0 : _a.hierarchy) || ((_b = widget.options) == null ? void 0 : _b.hierarchyFull);
 }
 // src/epics/data/bcDeleteDataEpic.ts
-import { catchError as catchError11, concat as concat16, EMPTY as EMPTY23, filter as filter41, mergeMap as mergeMap26, of as of27 } from "rxjs";
+import { catchError as catchError11, concat as concat18, EMPTY as EMPTY22, filter as filter41, mergeMap as mergeMap26, of as of26 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud9 } from "@cxbox-ui/schema";
 var bcDeleteDataEpic = (action$, store$, { api }) => action$.pipe(filter41(sendOperation.match), filter41((action) => matchOperationRole(OperationTypeCrud9.delete, action.payload, store$.value)), mergeMap26((action) => {
     const widgetName = action.payload.widgetName;
     const state = store$.value;
     const bcName = action.payload.bcName;
     const cursor = state.screen.bo.bc[bcName].cursor;
-    const bcUrl = buildBcUrl(bcName, true);
+    const bcUrl = buildBcUrl(bcName, true, state);
     const context = { widgetName: action.payload.widgetName };
     const isTargetFormatPVF = state.view.pendingValidationFailsFormat === "target" /* target */;
     return api.deleteBcData(state.screen.screenName, bcUrl, context).pipe(mergeMap26((data) => {
-        const postInvoke = data.postActions[0];
-        return concat16(isTargetFormatPVF ? of27(bcCancelPendingChanges({ bcNames: [bcName] })) : EMPTY23, of27(bcFetchDataRequest({ bcName, widgetName })), postInvoke ? of27(processPostInvoke({ bcName, postInvoke, cursor, widgetName })) : EMPTY23);
+        var _a;
+        const postInvoke = (_a = data.postActions) == null ? void 0 : _a[0];
+        return concat18(isTargetFormatPVF ? of26(bcCancelPendingChanges({ bcNames: [bcName] })) : EMPTY22, of26(bcFetchDataRequest({ bcName, widgetName })), postInvoke ? of26(processPostInvoke({ bcName, postInvoke, cursor, widgetName })) : EMPTY22);
     }), catchError11((error) => {
         console.error(error);
-        return of27(bcDeleteDataFail({ bcName }));
+        return of26(bcDeleteDataFail({ bcName }));
     }));
 }));
 // src/epics/data/bcSelectRecordEpic.ts
-import { concat as concat17, filter as filter42, mergeMap as mergeMap27, of as of28 } from "rxjs";
+import { concat as concat19, filter as filter42, mergeMap as mergeMap27, of as of27 } from "rxjs";
 var bcSelectRecordEpic = (action$, store$) => action$.pipe(filter42(bcSelectRecord.match), mergeMap27((action) => {
     const { bcName, cursor } = action.payload;
     const widgets = store$.value.view.widgets;
@@ -2482,17 +2644,19 @@ var bcSelectRecordEpic = (action$, store$) => action$.pipe(filter42(bcSelectReco
             keepDelta: action.payload.keepDelta
         });
     });
-    return concat17(of28(bcChangeCursors({ cursorsMap: { [bcName]: cursor }, keepDelta: action.payload.keepDelta })), of28(bcFetchRowMeta({ widgetName: "", bcName })), fetchChildrenBcData);
+    return concat19(of27(bcChangeCursors({ cursorsMap: { [bcName]: cursor }, keepDelta: action.payload.keepDelta })), of27(bcFetchRowMeta({ widgetName: "", bcName })), fetchChildrenBcData);
 }));
 // src/epics/data/changeAssociationEpic.ts
-import { concat as concat18, filter as filter43, mergeMap as mergeMap28, of as of29 } from "rxjs";
+import { concat as concat20, filter as filter43, mergeMap as mergeMap28, of as of28 } from "rxjs";
 var changeAssociationEpic = (action$, state$) => action$.pipe(filter43(changeAssociation.match), mergeMap28((action) => {
     var _a, _b, _c, _d, _e;
     const state = state$.value;
     const selected = action.payload.dataItem._associate;
+    const bcName = action.payload.bcName;
     const result = [
-        of29(changeDataItem({
-            bcName: action.payload.bcName,
+        of28(changeDataItem({
+            bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor: action.payload.dataItem.id,
             dataItem: action.payload.dataItem
         }))
@@ -2505,32 +2669,32 @@ var changeAssociationEpic = (action$, state$) => action$.pipe(filter43(changeAss
         fields: widget.fields
     };
     const hierarchy = (_b = widget.options) == null ? void 0 : _b.hierarchy;
-    const hierarchyDescriptor = isRoot ? rootHierarchyDescriptor : hierarchy.find((item) => item.bcName === action.payload.bcName);
+    const hierarchyDescriptor = isRoot ? rootHierarchyDescriptor : hierarchy == null ? void 0 : hierarchy.find((item) => item.bcName === action.payload.bcName);
     const hierarchyGroupSelection = (_c = widget.options) == null ? void 0 : _c.hierarchyGroupSelection;
     const hierarchyTraverse = (_d = widget.options) == null ? void 0 : _d.hierarchyTraverse;
-    const childrenBc = hierarchy.slice(hierarchy.findIndex((item) => item.bcName === action.payload.bcName) + 1).map((item) => item.bcName);
+    const childrenBc = hierarchy == null ? void 0 : hierarchy.slice(hierarchy.findIndex((item) => item.bcName === action.payload.bcName) + 1).map((item) => item.bcName);
     if (hierarchyGroupSelection && hierarchyDescriptor.radio && !selected) {
-        result.push(of29(dropAllAssociations({
+        result.push(of28(dropAllAssociations({
             bcNames: childrenBc
         })));
     }
-    const parent = isRoot ? null : hierarchy.find((item, index) => {
+    const parent = isRoot ? null : (hierarchy == null ? void 0 : hierarchy.find((item, index) => {
         var _a2;
         return ((_a2 = hierarchy[index + 1]) == null ? void 0 : _a2.bcName) === action.payload.bcName;
-    }) || rootHierarchyDescriptor;
+    })) || rootHierarchyDescriptor;
     const parentItem = (_e = state.data[parent == null ? void 0 : parent.bcName]) == null ? void 0 : _e.find((item) => item.id === state.screen.bo.bc[parent == null ? void 0 : parent.bcName].cursor);
     if (parent && hierarchyTraverse && selected) {
         if (hierarchyDescriptor.radio) {
-            result.push(of29(dropAllAssociations({
+            result.push(of28(dropAllAssociations({
                 bcNames: [parent.bcName]
             })));
         }
-        result.push(of29(changeAssociation({
+        result.push(of28(changeAssociation({
             bcName: parent.bcName,
             widgetName: action.payload.widgetName,
             dataItem: __spreadProps(__spreadValues({}, parentItem), {
                 _associate: true,
-                _value: parentItem[parent.assocValueKey || action.payload.assocValueKey]
+                _value: parentItem == null ? void 0 : parentItem[parent.assocValueKey || action.payload.assocValueKey]
             }),
             assocValueKey: action.payload.assocValueKey
         })));
@@ -2545,7 +2709,7 @@ var changeAssociationEpic = (action$, state$) => action$.pipe(filter43(changeAss
                 data.find((dataValue) => dataValue.id === deltaValue.id);
         });
         if (wasLastInData && wasLastInDelta) {
-            result.push(of29(changeAssociation({
+            result.push(of28(changeAssociation({
                 bcName: parent.bcName,
                 widgetName: action.payload.widgetName,
                 dataItem: __spreadProps(__spreadValues({}, parentItem), { _associate: false }),
@@ -2553,10 +2717,10 @@ var changeAssociationEpic = (action$, state$) => action$.pipe(filter43(changeAss
             })));
         }
     }
-    return concat18(...result);
+    return concat20(...result);
 }));
 // src/epics/data/bcCancelCreateDataEpic.ts
-import { catchError as catchError12, concat as concat19, EMPTY as EMPTY24, filter as filter44, mergeMap as mergeMap29, of as of30 } from "rxjs";
+import { catchError as catchError12, concat as concat21, EMPTY as EMPTY23, filter as filter44, mergeMap as mergeMap29, of as of29 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud10 } from "@cxbox-ui/schema";
 import { isAnyOf as isAnyOf4 } from "@reduxjs/toolkit";
 var actionTypesMatcher = isAnyOf4(sendOperation);
@@ -2565,7 +2729,7 @@ var bcCancelCreateDataEpic = (action$, state$, { api }) => action$.pipe(filter44
     const state = state$.value;
     const screenName = state.screen.screenName;
     const bcName = action.payload.bcName;
-    const bcUrl = buildBcUrl(bcName, true);
+    const bcUrl = buildBcUrl(bcName, true, state);
     const bc = state.screen.bo.bc[bcName];
     const cursor = bc == null ? void 0 : bc.cursor;
     const context = { widgetName: action.payload.widgetName };
@@ -2575,18 +2739,19 @@ var bcCancelCreateDataEpic = (action$, state$, { api }) => action$.pipe(filter44
     const params = { _action: action.payload.operationType };
     const cursorsMap = { [action.payload.bcName]: null };
     return api.customAction(screenName, bcUrl, data, context, params).pipe(mergeMap29((response) => {
-        const postInvoke = response.postActions[0];
-        return concat19(of30(sendOperationSuccess({ bcName, cursor })), of30(bcChangeCursors({ cursorsMap })), postInvoke ? of30(processPostInvoke({ bcName, postInvoke, cursor, widgetName: context.widgetName })) : EMPTY24);
+        var _a2;
+        const postInvoke = (_a2 = response.postActions) == null ? void 0 : _a2[0];
+        return concat21(of29(sendOperationSuccess({ bcName, cursor })), of29(bcChangeCursors({ cursorsMap })), postInvoke ? of29(processPostInvoke({ bcName, postInvoke, cursor, widgetName: context.widgetName })) : EMPTY23);
     }), catchError12((error) => {
         console.error(error);
-        return of30(bcDeleteDataFail({ bcName }));
+        return of29(bcDeleteDataFail({ bcName }));
     }));
 }));
 // src/epics/data/bcSelectDepthRecordEpic.ts
-import { concat as concat20, filter as filter45, mergeMap as mergeMap30, of as of31 } from "rxjs";
+import { concat as concat22, filter as filter45, mergeMap as mergeMap30, of as of30 } from "rxjs";
 var bcSelectDepthRecordEpic = (action$) => action$.pipe(filter45(bcSelectDepthRecord.match), mergeMap30((action) => {
     const { bcName, cursor, depth } = action.payload;
-    return concat20(of31(bcChangeDepthCursor({ bcName, depth, cursor })), of31(bcFetchDataRequest({
+    return concat22(of30(bcChangeDepthCursor({ bcName, depth, cursor })), of30(bcFetchDataRequest({
         bcName,
         depth: depth + 1,
         widgetName: "",
@@ -2594,7 +2759,7 @@ var bcSelectDepthRecordEpic = (action$) => action$.pipe(filter45(bcSelectDepthRe
     })));
 }));
 // src/epics/data/removeMultivalueTagEpic.ts
-import { concat as concat21, filter as filter46, mergeMap as mergeMap31, of as of32 } from "rxjs";
+import { concat as concat23, filter as filter46, mergeMap as mergeMap31, of as of31 } from "rxjs";
 var removeMultivalueTagEpic = (action$, state$) => action$.pipe(filter46(removeMultivalueTag.match), mergeMap31((action) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const state = state$.value;
@@ -2609,28 +2774,28 @@ var removeMultivalueTagEpic = (action$, state$) => action$.pipe(filter46(removeM
     const removedItem = data.find((item) => item.id === action.payload.removedItem.id);
     const associated = action.payload.dataItem.map((item) => item.id);
     let removedNodes = [];
-    if ((_a = widget.options) == null ? void 0 : _a.hierarchyGroupDeselection) {
-        if ((_b = widget.options) == null ? void 0 : _b.hierarchyTraverse) {
+    if ((_a = widget == null ? void 0 : widget.options) == null ? void 0 : _a.hierarchyGroupDeselection) {
+        if ((_b = widget == null ? void 0 : widget.options) == null ? void 0 : _b.hierarchyTraverse) {
             data = assignTreeLinks(data);
         }
-        const removedItemChildren = data.filter((item) => item.parentId === removedItem.id);
-        removedNodes = [removedItem.id, ...removedItemChildren.filter((item) => associated.includes(item.id)).map((item) => item.id)];
-        if ((_c = widget.options) == null ? void 0 : _c.hierarchyTraverse) {
+        const removedItemChildren = data.filter((item) => item.parentId === (removedItem == null ? void 0 : removedItem.id));
+        removedNodes = [removedItem == null ? void 0 : removedItem.id, ...removedItemChildren.filter((item) => associated.includes(item.id)).map((item) => item.id)];
+        if ((_c = widget == null ? void 0 : widget.options) == null ? void 0 : _c.hierarchyTraverse) {
             getDescendants(removedItemChildren, removedNodes);
             removedNodes = data.filter((item) => removedNodes.includes(item.id) && associated.includes(item.id)).map((item) => item.id);
         }
-        const parent = data.find((item) => item.id === removedItem.parentId);
+        const parent = data.find((item) => item.id === (removedItem == null ? void 0 : removedItem.parentId));
         const siblings = data.filter((item) => item.parentId === (parent == null ? void 0 : parent.id));
         const parentEmpty = siblings.every((child) => removedNodes.includes(child.id) || !associated.includes(child.id));
         if (parent && parentEmpty) {
-            if ((_d = widget.options) == null ? void 0 : _d.hierarchyTraverse) {
+            if ((_d = widget == null ? void 0 : widget.options) == null ? void 0 : _d.hierarchyTraverse) {
                 const parentDescendants = [];
                 getDescendants(siblings, parentDescendants);
                 const parentDeepEmpty = parentDescendants.every((descendant) => {
                     return removedNodes.includes(descendant) || !associated.includes(descendant);
                 });
                 if (parentDeepEmpty) {
-                    return concat21(of32(removeMultivalueTag(__spreadProps(__spreadValues({}, action.payload), {
+                    return concat23(of31(removeMultivalueTag(__spreadProps(__spreadValues({}, action.payload), {
                         removedItem: { id: parent.id, value: null }
                     }))));
                 }
@@ -2640,51 +2805,58 @@ var removeMultivalueTagEpic = (action$, state$) => action$.pipe(filter46(removeM
             }
         }
     }
-    if ((_e = widget.options) == null ? void 0 : _e.hierarchyFull) {
-        return of32(changeDataItem({
+    if ((_e = widget == null ? void 0 : widget.options) == null ? void 0 : _e.hierarchyFull) {
+        return of31(changeDataItem({
             bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor,
             dataItem: { [associateFieldKey]: action.payload.dataItem.filter((item) => !removedNodes.includes(item.id)) }
         }));
     }
-    if ((_f = widget.options) == null ? void 0 : _f.hierarchy) {
-        return concat21(of32(changeDataItem({
+    if ((_f = widget == null ? void 0 : widget.options) == null ? void 0 : _f.hierarchy) {
+        const hierarchyBcName = (_j = (_i = (_h = (_g = widget == null ? void 0 : widget.options) == null ? void 0 : _g.hierarchy) == null ? void 0 : _h.find((hierarchyData) => {
+            var _a2;
+            return (_a2 = state.view.pendingDataChanges[hierarchyData.bcName]) == null ? void 0 : _a2[action.payload.removedItem.id];
+        })) == null ? void 0 : _i.bcName) != null ? _j : bcName;
+        return concat23(of31(changeDataItem({
             /**
              * This is incorrect and will break if different BC has records with
              * identical ids.
              *
              * TODO: Record `level` should be mapped to hierarchyData index instead
              */
-            bcName: (_j = (_i = (_h = (_g = widget.options) == null ? void 0 : _g.hierarchy) == null ? void 0 : _h.find((hierarchyData) => {
-                var _a2;
-                return (_a2 = state.view.pendingDataChanges[hierarchyData.bcName]) == null ? void 0 : _a2[action.payload.removedItem.id];
-            })) == null ? void 0 : _i.bcName) != null ? _j : bcName,
+            bcName: hierarchyBcName,
+            bcUrl: buildBcUrl(hierarchyBcName, true, state),
             cursor: action.payload.removedItem.id,
             dataItem: __spreadProps(__spreadValues({}, action.payload.removedItem), { _associate: false })
-        })), of32(changeDataItem({
+        })), of31(changeDataItem({
             bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor,
             dataItem: { [associateFieldKey]: action.payload.dataItem }
         })));
     }
-    return concat21(of32(changeDataItem({
+    return concat23(of31(changeDataItem({
         bcName: popupBcName,
+        bcUrl: buildBcUrl(popupBcName, true, state),
         cursor: action.payload.removedItem.id,
         dataItem: __spreadProps(__spreadValues({}, action.payload.removedItem), { _associate: false })
-    })), of32(changeDataItem({
+    })), of31(changeDataItem({
         bcName,
+        bcUrl: buildBcUrl(bcName, true, state),
         cursor,
         dataItem: { [associateFieldKey]: action.payload.dataItem }
     })));
 }));
 // src/epics/data/bcFetchRowMetaRequestEpic.ts
-import { catchError as catchError13, filter as filter47, map as map9, mergeMap as mergeMap32, of as of33, race as race3 } from "rxjs";
+import { catchError as catchError13, filter as filter47, map as map9, mergeMap as mergeMap32, of as of32, race as race3 } from "rxjs";
 var bcFetchRowMetaRequestEpic = (action$, state$, { api }) => action$.pipe(filter47(bcFetchRowMeta.match), mergeMap32((action) => {
+    var _a, _b;
     const state = state$.value;
     const screenName = state.screen.screenName;
     const bcName = action.payload.bcName;
-    const cursor = state.screen.bo.bc[bcName].cursor;
-    const bcUrl = buildBcUrl(bcName, true);
+    const cursor = (_a = state.screen.bo.bc[bcName].cursor) != null ? _a : "";
+    const bcUrl = (_b = buildBcUrl(bcName, true, state)) != null ? _b : "";
     const canceler = api.createCanceler();
     const cancelFlow = cancelRequestEpic(action$, cancelRequestActionTypes, canceler.cancel, bcFetchRowMetaFail({ bcName }));
     const cancelByParentBc = cancelRequestEpic(action$, [bcSelectRecord], canceler.cancel, bcFetchRowMetaFail({ bcName }), (filteredAction) => {
@@ -2695,12 +2867,12 @@ var bcFetchRowMetaRequestEpic = (action$, state$, { api }) => action$.pipe(filte
         return bcFetchRowMetaSuccess({ bcName, rowMeta, bcUrl, cursor });
     }), catchError13((error) => {
         console.error(error);
-        return of33(bcFetchRowMetaFail({ bcName }));
+        return of32(bcFetchRowMetaFail({ bcName }));
     }));
     return race3(cancelFlow, cancelByParentBc, normalFlow);
 }));
 // src/epics/data/changeAssociationFullEpic.ts
-import { concat as concat22, filter as filter48, mergeMap as mergeMap33, of as of34 } from "rxjs";
+import { concat as concat24, filter as filter48, mergeMap as mergeMap33, of as of33 } from "rxjs";
 var changeAssociationFullEpic = (action$, state$) => action$.pipe(filter48(changeAssociationFull.match), mergeMap33((action) => {
     var _a, _b, _c, _d, _e;
     const state = state$.value;
@@ -2730,7 +2902,7 @@ var changeAssociationFullEpic = (action$, state$) => action$.pipe(filter48(chang
                 return false;
             });
             if (prevSelected) {
-                result.push(of34(changeAssociationFull({
+                result.push(of33(changeAssociationFull({
                     bcName,
                     depth,
                     widgetName: action.payload.widgetName,
@@ -2740,7 +2912,7 @@ var changeAssociationFullEpic = (action$, state$) => action$.pipe(filter48(chang
             }
         }
         else {
-            result.push(of34(changeDescendantsAssociationsFull({
+            result.push(of33(changeDescendantsAssociationsFull({
                 bcName,
                 parentId: action.payload.dataItem.id,
                 depth: depth + 1,
@@ -2749,19 +2921,20 @@ var changeAssociationFullEpic = (action$, state$) => action$.pipe(filter48(chang
             })));
         }
     }
-    result.push(of34(changeDataItem({
+    result.push(of33(changeDataItem({
         bcName: action.payload.bcName,
+        bcUrl: buildBcUrl(action.payload.bcName, true, state),
         cursor: action.payload.dataItem.id,
         dataItem: action.payload.dataItem
     })));
     if (parentDepth && hierarchyTraverse && selected) {
-        result.push(of34(changeAssociationFull({
+        result.push(of33(changeAssociationFull({
             bcName,
             depth: parentDepth,
             widgetName: action.payload.widgetName,
             dataItem: __spreadProps(__spreadValues({}, parentItem), {
                 _associate: true,
-                _value: parentItem[assocValueKey]
+                _value: parentItem == null ? void 0 : parentItem[assocValueKey]
             }),
             assocValueKey
         })));
@@ -2774,7 +2947,7 @@ var changeAssociationFullEpic = (action$, state$) => action$.pipe(filter48(chang
         const deltaFalseId = delta && ((_e = Object.values(delta)) == null ? void 0 : _e.filter((item) => item._associate === false).map((item) => item.id));
         const wasLastInData = currentLevelData.filter((item) => item.id !== action.payload.dataItem.id && !(deltaFalseId == null ? void 0 : deltaFalseId.includes(item.id))).every((item) => !item._associate);
         if (wasLastInData && wasLastInDelta) {
-            result.push(of34(changeAssociationFull({
+            result.push(of33(changeAssociationFull({
                 bcName,
                 depth: parentDepth,
                 widgetName: action.payload.widgetName,
@@ -2783,58 +2956,61 @@ var changeAssociationFullEpic = (action$, state$) => action$.pipe(filter48(chang
             })));
         }
     }
-    return concat22(...result);
+    return concat24(...result);
 }));
 // src/epics/data/saveAssociationsActiveEpic.ts
-import { catchError as catchError14, concat as concat23, EMPTY as EMPTY25, filter as filter49, mergeMap as mergeMap34, of as of35, switchMap as switchMap12 } from "rxjs";
+import { catchError as catchError14, concat as concat25, EMPTY as EMPTY24, filter as filter49, mergeMap as mergeMap34, of as of34, switchMap as switchMap12 } from "rxjs";
 var saveAssociationsActiveEpic = (action$, state$, { api }) => action$.pipe(filter49(saveAssociations.match), filter49((action) => {
-    return state$.value.view.popupData.active;
+    var _a;
+    return (_a = state$.value.view.popupData) == null ? void 0 : _a.active;
 }), switchMap12((action) => {
+    var _a, _b;
     const state = state$.value;
-    const calleeBCName = state.view.popupData.calleeBCName;
-    const calleeWidgetName = state.view.popupData.calleeWidgetName;
+    const calleeBCName = (_a = state.view.popupData) == null ? void 0 : _a.calleeBCName;
+    const calleeWidgetName = (_b = state.view.popupData) == null ? void 0 : _b.calleeWidgetName;
     const bcNames = action.payload.bcNames;
-    const bcUrl = buildBcUrl(calleeBCName, true);
+    const bcUrl = buildBcUrl(calleeBCName, true, state);
     const pendingChanges = state.view.pendingDataChanges[bcNames[0]] || {};
     const params = bcNames.length ? { _bcName: bcNames[bcNames.length - 1] } : {};
     return api.associate(state.screen.screenName, bcUrl, Object.values(pendingChanges).filter((i) => i._associate), params).pipe(mergeMap34((response) => {
         const postInvoke = response.postActions[0];
         const calleeWidget = state.view.widgets.find((widgetItem) => widgetItem.bcName === calleeBCName);
-        return concat23(postInvoke ? of35(processPostInvoke({ bcName: calleeBCName, postInvoke, widgetName: calleeWidget.name })) : EMPTY25, of35(bcCancelPendingChanges({ bcNames })), of35(bcForceUpdate({ bcName: calleeBCName, widgetName: calleeWidgetName })));
+        return concat25(postInvoke ? of34(processPostInvoke({ bcName: calleeBCName, postInvoke, widgetName: calleeWidget == null ? void 0 : calleeWidget.name })) : EMPTY24, of34(bcCancelPendingChanges({ bcNames })), of34(bcForceUpdate({ bcName: calleeBCName, widgetName: calleeWidgetName })));
     }), catchError14((err) => {
         console.error(err);
-        return EMPTY25;
+        return EMPTY24;
     }));
 }));
 // src/epics/data/changeAssociationSameBcEpic.ts
-import { concat as concat24, filter as filter50, mergeMap as mergeMap35, of as of36 } from "rxjs";
+import { concat as concat26, filter as filter50, mergeMap as mergeMap35, of as of35 } from "rxjs";
 var changeAssociationSameBcEpic = (action$, state$) => action$.pipe(filter50(changeAssociationSameBc.match), mergeMap35((action) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
+    const state = state$.value;
     const bcName = action.payload.bcName;
     const result = [
-        of36(changeDataItem({
+        of35(changeDataItem({
             bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor: action.payload.dataItem.id,
             dataItem: action.payload.dataItem
         }))
     ];
-    const state = state$.value;
     const selected = action.payload.dataItem._associate;
     const depth = action.payload.depth || 1;
     const parentDepth = depth - 1;
     const widget = state.view.widgets.find((item) => item.name === action.payload.widgetName);
     const hierarchyTraverse = (_a = widget.options) == null ? void 0 : _a.hierarchyTraverse;
     const currentData = depth > 1 ? (_b = state.depthData[depth]) == null ? void 0 : _b[bcName] : state.data[bcName];
-    const parentCursor = parentDepth ? parentDepth > 1 ? (_c = state.screen.bo.bc[bcName].depthBc[parentDepth]) == null ? void 0 : _c.cursor : state.screen.bo.bc[bcName].cursor : null;
-    const parentItem = parentCursor ? parentDepth > 1 ? (_e = (_d = state.depthData[parentDepth]) == null ? void 0 : _d[bcName]) == null ? void 0 : _e.find((item) => item.id === parentCursor) : state.data[bcName].find((item) => item.id === parentCursor) : null;
+    const parentCursor = parentDepth ? parentDepth > 1 ? (_d = (_c = state.screen.bo.bc[bcName].depthBc) == null ? void 0 : _c[parentDepth]) == null ? void 0 : _d.cursor : state.screen.bo.bc[bcName].cursor : null;
+    const parentItem = parentCursor ? parentDepth > 1 ? (_f = (_e = state.depthData[parentDepth]) == null ? void 0 : _e[bcName]) == null ? void 0 : _f.find((item) => item.id === parentCursor) : state.data[bcName].find((item) => item.id === parentCursor) : null;
     if (parentDepth && hierarchyTraverse && selected) {
-        result.push(of36(changeAssociationSameBc({
+        result.push(of35(changeAssociationSameBc({
             bcName,
             depth: parentDepth,
             widgetName: action.payload.widgetName,
             dataItem: __spreadProps(__spreadValues({}, parentItem), {
                 _associate: true,
-                _value: parentItem[action.payload.assocValueKey]
+                _value: parentItem == null ? void 0 : parentItem[action.payload.assocValueKey]
             }),
             assocValueKey: action.payload.assocValueKey
         })));
@@ -2842,7 +3018,7 @@ var changeAssociationSameBcEpic = (action$, state$) => action$.pipe(filter50(cha
     if (parentDepth && hierarchyTraverse && !selected) {
         const wasLastInData = currentData.filter((item) => item.id !== action.payload.dataItem.id).every((item) => !item._associate);
         if (wasLastInData) {
-            result.push(of36(changeAssociationSameBc({
+            result.push(of35(changeAssociationSameBc({
                 bcName,
                 depth: parentDepth,
                 widgetName: action.payload.widgetName,
@@ -2851,33 +3027,35 @@ var changeAssociationSameBcEpic = (action$, state$) => action$.pipe(filter50(cha
             })));
         }
     }
-    return concat24(...result);
+    return concat26(...result);
 }));
 // src/epics/data/inlinePickListFetchDataEpic.ts
-import { catchError as catchError15, filter as filter51, mergeMap as mergeMap36, of as of37, race as race4 } from "rxjs";
+import { catchError as catchError15, filter as filter51, mergeMap as mergeMap36, of as of36, race as race4 } from "rxjs";
 var inlinePickListFetchDataEpic = (action$, state$, { api }) => action$.pipe(filter51(inlinePickListFetchDataRequest.match), mergeMap36((action) => {
     const { bcName, searchSpec, searchString } = action.payload;
-    const bcUrl = buildBcUrl(bcName, false);
+    const state = state$.value;
+    const bcUrl = buildBcUrl(bcName, false, state);
     const canceler = api.createCanceler();
     const cancelFlow = cancelRequestEpic(action$, cancelRequestActionTypes, canceler.cancel, bcFetchDataFail({ bcName, bcUrl }));
     const normalFlow = api.fetchBcData(state$.value.screen.screenName, bcUrl, { [searchSpec + ".contains"]: searchString }, canceler.cancelToken).pipe(mergeMap36((data) => {
-        return of37(bcFetchDataSuccess({ bcName, data: data.data, bcUrl }));
+        return of36(bcFetchDataSuccess({ bcName, data: data.data, bcUrl }));
     }), catchError15((error) => {
         console.error(error);
-        return of37(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl }));
+        return of36(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl }));
     }));
     return race4(cancelFlow, normalFlow);
 }));
 // src/epics/data/saveAssociationsPassiveEpic.ts
-import { filter as filter52, of as of38, switchMap as switchMap13 } from "rxjs";
+import { filter as filter52, of as of37, switchMap as switchMap13 } from "rxjs";
 var saveAssociationsPassiveEpic = (action$, state$) => action$.pipe(filter52(saveAssociations.match), filter52(() => {
-    return !state$.value.view.popupData.active;
-}), switchMap13((action) => {
     var _a;
+    return !((_a = state$.value.view.popupData) == null ? void 0 : _a.active);
+}), switchMap13((action) => {
+    var _a, _b;
     const state = state$.value;
-    const { calleeBCName = action.payload.calleeBcName, associateFieldKey = action.payload.associateFieldKey } = state.view.popupData;
+    const { calleeBCName = action.payload.calleeBcName, associateFieldKey = action.payload.associateFieldKey } = (_a = state.view.popupData) != null ? _a : {};
     const cursor = state.screen.bo.bc[calleeBCName].cursor;
-    const recordPrevData = (_a = state.data[calleeBCName].find((dataStateRecord) => dataStateRecord.id === cursor)[associateFieldKey]) != null ? _a : [];
+    const recordPrevData = (_b = state.data[calleeBCName].find((dataStateRecord) => dataStateRecord.id === cursor)[associateFieldKey]) != null ? _b : [];
     const newValues = [];
     action.payload.bcNames.forEach((pendingBc) => {
         const pendingChanges = state.view.pendingDataChanges[pendingBc] || {};
@@ -2900,8 +3078,9 @@ var saveAssociationsPassiveEpic = (action$, state$) => action$.pipe(filter52(sav
         }
         return true;
     }).concat(...addedItems);
-    return of38(changeDataItem({
+    return of37(changeDataItem({
         bcName: calleeBCName,
+        bcUrl: buildBcUrl(calleeBCName, true, state),
         cursor,
         dataItem: {
             [associateFieldKey]: result
@@ -2909,11 +3088,11 @@ var saveAssociationsPassiveEpic = (action$, state$) => action$.pipe(filter52(sav
     }));
 }));
 // src/epics/data/changeChildrenAssociationsEpic.ts
-import { filter as filter53, mergeMap as mergeMap37, of as of39 } from "rxjs";
+import { filter as filter53, mergeMap as mergeMap37, of as of38 } from "rxjs";
 var changeChildrenAssociationsEpic = (action$, state$, { api }) => action$.pipe(filter53(changeChildrenAssociations.match), mergeMap37((action) => {
     const state = state$.value;
     const data = state.data[action.payload.bcName];
-    return of39(changeDataItems({
+    return of38(changeDataItems({
         bcName: action.payload.bcName,
         cursors: data.map((item) => item.id),
         dataItems: data.map((item) => __spreadProps(__spreadValues({}, item), {
@@ -2923,12 +3102,12 @@ var changeChildrenAssociationsEpic = (action$, state$, { api }) => action$.pipe(
     }));
 }));
 // src/epics/data/changeChildrenAssociationsSameBcEpic.ts
-import { filter as filter54, mergeMap as mergeMap38, of as of40 } from "rxjs";
+import { filter as filter54, mergeMap as mergeMap38, of as of39 } from "rxjs";
 var changeChildrenAssociationsSameBcEpic = (action$, state$) => action$.pipe(filter54(changeChildrenAssociationsSameBc.match), mergeMap38((action) => {
     var _a;
     const state = state$.value;
     const data = ((_a = state.depthData[action.payload.depth]) == null ? void 0 : _a[action.payload.bcName]) || [];
-    return of40(changeDataItems({
+    return of39(changeDataItems({
         bcName: action.payload.bcName,
         cursors: data.map((item) => item.id),
         dataItems: data.map((item) => __spreadProps(__spreadValues({}, item), {
@@ -2938,14 +3117,14 @@ var changeChildrenAssociationsSameBcEpic = (action$, state$) => action$.pipe(fil
     }));
 }));
 // src/epics/data/changeDescendantsAssociationsFullEpic.ts
-import { concat as concat25, filter as filter55, mergeMap as mergeMap39, of as of41 } from "rxjs";
+import { concat as concat27, filter as filter55, mergeMap as mergeMap39, of as of40 } from "rxjs";
 var changeDescendantsAssociationsFullEpic = (action$, state$) => action$.pipe(filter55(changeDescendantsAssociationsFull.match), mergeMap39((action) => {
     const state = state$.value;
     const depth = action.payload.depth;
     const data = state.data[action.payload.bcName];
     const targetData = (data || []).filter((item) => item.level === depth && item.parentId === action.payload.parentId);
     const result = [
-        of41(changeDataItems({
+        of40(changeDataItems({
             bcName: action.payload.bcName,
             cursors: targetData.map((item) => item.id),
             dataItems: targetData.map((item) => __spreadProps(__spreadValues({}, item), {
@@ -2956,13 +3135,13 @@ var changeDescendantsAssociationsFullEpic = (action$, state$) => action$.pipe(fi
     ];
     targetData.forEach((targetDataItem) => {
         if (data.find((dataItem) => dataItem.parentId === targetDataItem.id)) {
-            result.push(of41(changeDescendantsAssociationsFull(__spreadProps(__spreadValues({}, action.payload), {
+            result.push(of40(changeDescendantsAssociationsFull(__spreadProps(__spreadValues({}, action.payload), {
                 parentId: targetDataItem.id,
                 depth: depth + 1
             }))));
         }
     });
-    return concat25(...result);
+    return concat27(...result);
 }));
 // src/api/ObservableApiWrapper.ts
 import axios2 from "axios";
@@ -2990,7 +3169,7 @@ var ObservableApiWrapper = class {
         }));
         this.instance = instance;
     }
-    get(path, config = {}, callContext) {
+    get(path, config, callContext) {
         return from(this.instance.get(path, config)).pipe(takeWhile(redirectOccurred), map10((response) => response.data));
     }
     put(path, data, callContext) {
@@ -3005,10 +3184,10 @@ var ObservableApiWrapper = class {
 };
 // src/api/ObservableApi.ts
 import axios3 from "axios";
-import { EMPTY as EMPTY26, expand, map as map11, reduce } from "rxjs";
+import { EMPTY as EMPTY25, expand, map as map11, reduce } from "rxjs";
 var Api = class {
     constructor(instance) {
-        __publicField(this, "api$", new ObservableApiWrapper());
+        __publicField(this, "api$");
         this.api$ = new ObservableApiWrapper(instance);
     }
     routerRequest(path, params) {
@@ -3026,30 +3205,33 @@ var Api = class {
     fetchBcDataAll(screenName, bcUrl, params = {}) {
         let currentPage = 1;
         return this.fetchBcData(screenName, bcUrl, __spreadProps(__spreadValues({}, params), { _page: currentPage })).pipe(expand((response) => {
-            return response.hasNext ? this.fetchBcData(screenName, bcUrl, __spreadProps(__spreadValues({}, params), { _page: ++currentPage })) : EMPTY26;
+            return response.hasNext ? this.fetchBcData(screenName, bcUrl, __spreadProps(__spreadValues({}, params), { _page: ++currentPage })) : EMPTY25;
         }), reduce((items, nextResponse) => {
             return [...items, ...nextResponse.data];
         }, []));
     }
     fetchRowMeta(screenName, bcUrl, params, cancelToken) {
         const url = applyParams(buildUrl `row-meta/${screenName}/` + bcUrl, params);
-        return this.api$.get(url, { cancelToken }).pipe(map11((response) => response.data.row));
+        return this.api$.get(url, { cancelToken }).pipe(map11((response) => {
+            var _a;
+            return (_a = response.data) == null ? void 0 : _a.row;
+        }));
     }
     newBcData(screenName, bcUrl, context, params) {
         const url = applyParams(buildUrl `row-meta-new/${screenName}/` + bcUrl, params);
-        return this.api$.get(url, null, context).pipe(map11((response) => response.data));
+        return this.api$.get(url, void 0, context).pipe(map11((response) => response.data));
     }
     saveBcData(screenName, bcUrl, data, context, params) {
         const url = applyParams(buildUrl `data/${screenName}/` + bcUrl, params);
         return this.api$.put(url, { data }, context).pipe(map11((response) => response.data));
     }
-    deleteBcData(screenName, bcUrl, context, params) {
+    deleteBcData(screenName, bcUrl = "", context, params) {
         const url = applyParams(buildUrl `data/${screenName}/` + bcUrl, params);
         return this.api$.delete(url, context).pipe(map11((response) => response.data));
     }
     customAction(screenName, bcUrl, data, context, params) {
         const url = applyParams(buildUrl `custom-action/${screenName}/` + bcUrl, params);
-        return this.api$.post(url, { data: data || {} }, null, context).pipe(map11((response) => response.data));
+        return this.api$.post(url, { data: data || {} }, void 0, context).pipe(map11((response) => response.data));
     }
     associate(screenName, bcUrl, data, params) {
         const processedData = Array.isArray(data) ? data.map((item) => ({
@@ -3061,9 +3243,23 @@ var Api = class {
         return this.api$.post(url, processedData).pipe(map11((response) => response.data));
     }
     getRmByForceActive(screenName, bcUrl, data, params) {
-        const url = applyParams(buildUrl `row-meta/${screenName}/` + bcUrl, params);
+        const url = applyParams(buildUrl `row-meta/${screenName}/` + (bcUrl != null ? bcUrl : ""), params);
         return this.api$.post(url, { data }).pipe(map11((response) => response.data.row));
     }
+    /**
+     * Get Cxbox API file upload endpoint based on baseURL of axios instance
+     *
+     * Handles empty baseURL and trailing slash
+     *
+     * @returns File upload endpoint
+     */
+    get fileUploadEndpoint() {
+        const instance = this.api$.instance;
+        if (!instance.defaults.baseURL) {
+            return "/file";
+        }
+        return instance.defaults.baseURL.endsWith("/") ? `${instance.defaults.baseURL}file` : `${instance.defaults.baseURL}/file`;
+    }
     refreshMeta() {
         return this.api$.get(buildUrl `bc-registry/refresh-meta`);
     }
@@ -3081,5 +3277,239 @@ var Api = class {
         };
     }
 };
-export { Api, actions_exports as actions, epics_exports as epics, interfaces_exports as interfaces, reducers_exports as reducers, utils_exports as utils };
+// src/utils/autosave.ts
+function autosaveRoutine(action, store, next) {
+    var _a, _b, _c;
+    const state = store.getState();
+    const dispatch = store.dispatch;
+    const pendingDataChanges = state.view.pendingDataChanges;
+    const bcList = Object.keys(pendingDataChanges);
+    const baseBcNameIndex = ((_a = action.payload) == null ? void 0 : _a.bcName) && bcHasPendingAutosaveChanges(state, action.payload.bcName, (_b = state.screen.bo.bc[action.payload.bcName]) == null ? void 0 : _b.cursor) ? bcList.findIndex((bcName) => {
+        var _a2;
+        return bcName === ((_a2 = action.payload) == null ? void 0 : _a2.bcName);
+    }) : bcList.findIndex((bcName) => {
+        var _a2;
+        return bcHasPendingAutosaveChanges(state, bcName, (_a2 = state.screen.bo.bc[bcName]) == null ? void 0 : _a2.cursor);
+    });
+    const baseBcName = bcList[baseBcNameIndex];
+    if (baseBcNameIndex > -1) {
+        bcList.splice(baseBcNameIndex, 1);
+    }
+    if (baseBcName) {
+        bcList.forEach((bcName) => {
+            var _a2, _b2;
+            const widget = (_a2 = state.view.widgets) == null ? void 0 : _a2.find((v) => v.bcName === bcName);
+            const cursor = (_b2 = state.screen.bo.bc[bcName]) == null ? void 0 : _b2.cursor;
+            if (bcHasPendingAutosaveChanges(state, bcName, cursor)) {
+                dispatch(sendOperation({
+                    bcName,
+                    operationType: OperationTypeCrud.save,
+                    widgetName: widget == null ? void 0 : widget.name
+                }));
+            }
+        });
+        const baseWidget = (_c = state.view.widgets) == null ? void 0 : _c.find((v) => v.bcName === baseBcName);
+        return next(sendOperation({
+            bcName: baseBcName,
+            operationType: OperationTypeCrud.save,
+            widgetName: baseWidget == null ? void 0 : baseWidget.name,
+            onSuccessAction: action
+        }));
+    }
+    return next(action);
+}
+function bcHasPendingAutosaveChanges(store, bcName, cursor) {
+    var _a;
+    const pendingChanges = store.view.pendingDataChanges;
+    const cursorChanges = (_a = pendingChanges[bcName]) == null ? void 0 : _a[cursor];
+    const result = cursorChanges && !Object.keys(cursorChanges).includes("_associate") && Object.values(cursorChanges).length > 0;
+    return result;
+}
+function checkUnsavedChangesOfBc(store, bcName) {
+    var _a, _b;
+    const pendingCursors = Object.keys((_b = (_a = store.view.pendingDataChanges) == null ? void 0 : _a[bcName]) != null ? _b : {});
+    return pendingCursors.some((cursor) => bcHasPendingAutosaveChanges(store, bcName, cursor));
+}
+// src/middlewares/autosaveMiddleware.ts
+var saveFormMiddleware = ({ getState, dispatch }) => (next) => (action) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const state = getState();
+    const isSendOperation = sendOperation.match(action);
+    const isCoreSendOperation = isSendOperation && coreOperations.includes(action.payload.operationType);
+    const isSelectTableCellInit = selectTableCellInit.match(action);
+    const isSaveAction = isSendOperation && action.payload.operationType === OperationTypeCrud.save;
+    const isNotSaveAction = !isSaveAction;
+    const actionBcName = isSendOperation && action.payload.bcName;
+    const hasAnotherUnsavedBc = Object.keys(state.view.pendingDataChanges).filter((key) => key !== actionBcName).filter((key) => checkUnsavedChangesOfBc(state, key)).length > 0;
+    const isSendOperationForAnotherBc = isCoreSendOperation && hasAnotherUnsavedBc;
+    const selectedCell = state.view.selectedCell;
+    const isSelectTableCellInitOnAnotherRowOrWidget = selectedCell && isSelectTableCellInit && (selectedCell.widgetName !== action.payload.widgetName || selectedCell.rowId !== action.payload.rowId);
+    const defaultSaveWidget = (_a = state.view.widgets) == null ? void 0 : _a.find((item) => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = item == null ? void 0 : item.options) == null ? void 0 : _a2.actionGroups) == null ? void 0 : _b2.defaultSave;
+    });
+    const defaultCursor = (_c = (_b = state.screen.bo.bc) == null ? void 0 : _b[defaultSaveWidget == null ? void 0 : defaultSaveWidget.bcName]) == null ? void 0 : _c.cursor;
+    const pendingData = (_f = (_e = (_d = state.view) == null ? void 0 : _d.pendingDataChanges) == null ? void 0 : _e[defaultSaveWidget == null ? void 0 : defaultSaveWidget.bcName]) == null ? void 0 : _f[defaultCursor];
+    const isChangeLocation = defaultSaveWidget && changeLocation.match(action) && Object.keys(pendingData || {}).length > 0;
+    if (isChangeLocation) {
+        return next(sendOperation({
+            bcName: defaultSaveWidget.bcName,
+            operationType: ((_g = defaultSaveWidget.options) == null ? void 0 : _g.actionGroups).defaultSave,
+            widgetName: defaultSaveWidget.name,
+            onSuccessAction: action
+        }));
+    }
+    const isNeedSaveCondition = isNotSaveAction && (isSendOperationForAnotherBc || isSelectTableCellInitOnAnotherRowOrWidget);
+    if (isNeedSaveCondition) {
+        return autosaveRoutine(action, { getState, dispatch }, next);
+    }
+    return next(action);
+};
+// src/middlewares/requiredFieldsMiddleware.ts
+var requiredFields = ({ getState, dispatch }) => (next) => (action) => {
+    var _a, _b, _c, _d;
+    const state = getState();
+    if (sendOperation.match(action)) {
+        const { bcName, operationType, widgetName } = action.payload;
+        const cursor = (_a = state.screen.bo.bc[bcName]) == null ? void 0 : _a.cursor;
+        if (cursor) {
+            const bcUrl = buildBcUrl(bcName, true, state);
+            const record = (_b = state.data[bcName]) == null ? void 0 : _b.find((item) => item.id === cursor);
+            const rowMeta = bcUrl && ((_c = state.view.rowMeta[bcName]) == null ? void 0 : _c[bcUrl]);
+            const pendingValues = (_d = state.view.pendingDataChanges[bcName]) == null ? void 0 : _d[cursor];
+            const widget = state.view.widgets.find((item) => item.name === widgetName);
+            if (operationRequiresAutosave(operationType, rowMeta == null ? void 0 : rowMeta.actions)) {
+                const fieldsToCheck = {};
+                state.view.widgets.filter((item) => item.bcName === (widget == null ? void 0 : widget.bcName)).forEach((item) => {
+                    const itemFieldsCalc = item.fields;
+                    if (item.fields) {
+                        item.fields.forEach((block) => {
+                            if (isWidgetFieldBlock(block)) {
+                                block.fields.forEach((field) => itemFieldsCalc.push(field));
+                            }
+                        });
+                    }
+                    itemFieldsCalc.forEach((widgetField) => {
+                        var _a2;
+                        const matchingRowMeta = (_a2 = rowMeta == null ? void 0 : rowMeta.fields) == null ? void 0 : _a2.find((rowMetaField) => rowMetaField.key === widgetField.key);
+                        if (!fieldsToCheck[widgetField.key] && matchingRowMeta && !matchingRowMeta.hidden) {
+                            fieldsToCheck[widgetField.key] = matchingRowMeta;
+                        }
+                    });
+                });
+                const dataItem = getRequiredFieldsMissing(record, pendingValues, Object.values(fieldsToCheck));
+                if (dataItem && TableLikeWidgetTypes.includes(widget == null ? void 0 : widget.type)) {
+                    dispatch(selectTableCellInit({ widgetName, rowId: cursor, fieldKey: Object.keys(dataItem)[0] }));
+                }
+                return dataItem ? next(changeDataItem({ bcName, bcUrl: buildBcUrl(bcName, true, state), cursor, dataItem })) : next(action);
+            }
+            if (hasPendingValidationFails(state, bcName)) {
+                return addNotification({
+                    key: "requiredFieldsMissing",
+                    type: "buttonWarningNotification",
+                    message: "Required fields are missing",
+                    duration: 0,
+                    options: {
+                        buttonWarningNotificationOptions: {
+                            buttonText: "Cancel changes",
+                            actionsForClick: [bcCancelPendingChanges(null), clearValidationFails(null)]
+                        }
+                    }
+                });
+            }
+        }
+    }
+    return next(action);
+};
+function operationRequiresAutosave(operationType, actions) {
+    let result = false;
+    if (!actions) {
+        console.error('rowMeta is missing in the middle of "sendOperation" action');
+        return result;
+    }
+    result = flattenOperations(actions).some((action) => action.type === operationType && action.autoSaveBefore);
+    return result;
+}
+function getRequiredFieldsMissing(record, pendingChanges, fieldsMeta) {
+    const result = {};
+    fieldsMeta.forEach((field) => {
+        const value = record == null ? void 0 : record[field.key];
+        const pendingValue = pendingChanges == null ? void 0 : pendingChanges[field.key];
+        const effectiveValue = pendingValue !== void 0 ? pendingValue : value;
+        let falsyValue = false;
+        if (effectiveValue === null || effectiveValue === void 0 || effectiveValue === "") {
+            falsyValue = true;
+        }
+        else if (Array.isArray(effectiveValue) && !effectiveValue.length) {
+            falsyValue = true;
+        }
+        else if (effectiveValue && typeof effectiveValue === "object" && !Object.keys(effectiveValue).length) {
+            falsyValue = true;
+        }
+        if (field.required && falsyValue) {
+            result[field.key] = Array.isArray(effectiveValue) ? [] : null;
+        }
+    });
+    return Object.keys(result).length > 0 ? result : null;
+}
+function hasPendingValidationFails(store, bcName) {
+    var _a;
+    if (store.view.pendingValidationFailsFormat !== "target" /* target */ && store.view.pendingValidationFails && Object.keys(store.view.pendingValidationFails).length) {
+        return true;
+    }
+    let checkResult = false;
+    const bcPendingValidations = (_a = store.view.pendingValidationFails) == null ? void 0 : _a[bcName];
+    const cursorsList = bcPendingValidations && Object.keys(bcPendingValidations);
+    if (!cursorsList) {
+        return false;
+    }
+    let i = 0;
+    for (; i < cursorsList.length; i++) {
+        if (Object.keys(bcPendingValidations[cursorsList[i]]).length) {
+            checkResult = true;
+            break;
+        }
+    }
+    return checkResult;
+}
+// src/middlewares/preInvokeMiddleware.ts
+var preInvokeAction = ({ getState }) => (next) => (action) => {
+    var _a, _b, _c;
+    if (sendOperation.match(action)) {
+        const state = getState();
+        const { operationType, widgetName, confirm } = action.payload;
+        const bcName = (_a = state.view.widgets.find((widgetItem) => widgetItem.name === widgetName)) == null ? void 0 : _a.bcName;
+        const bcUrl = buildBcUrl(bcName, true, state);
+        const rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) == null ? void 0 : _b[bcUrl]);
+        const actions = rowMeta && flattenOperations(rowMeta.actions);
+        const preInvoke = (_c = actions == null ? void 0 : actions.find((item) => item.type === operationType)) == null ? void 0 : _c.preInvoke;
+        return preInvoke && !confirm ? next(processPreInvoke({
+            bcName,
+            operationType,
+            widgetName,
+            preInvoke
+        })) : next(action);
+    }
+    return next(action);
+};
+// src/middlewares/popupMiddleware.ts
+var popupMiddleware = ({ getState }) => (next) => (action) => {
+    var _a, _b, _c;
+    if (showViewPopup.match(action)) {
+        const state = getState();
+        const bcName = action.payload.bcName;
+        const widgetValueKey = (_b = (_a = state.view.widgets.find((item) => item.bcName === bcName)) == null ? void 0 : _a.options) == null ? void 0 : _b.displayedValueKey;
+        const assocValueKey = (_c = action.payload.assocValueKey) != null ? _c : widgetValueKey;
+        return widgetValueKey ? next(showViewPopup(__spreadProps(__spreadValues({}, action.payload), { assocValueKey }))) : next(action);
+    }
+    return next(action);
+};
+// src/middlewares/index.ts
+var middlewares = {
+    autosave: saveFormMiddleware,
+    requiredFields,
+    preInvoke: preInvokeAction,
+    popup: popupMiddleware
+};
+export { Api, actions_exports as actions, epics_exports as epics, interfaces_exports as interfaces, middlewares, reducers_exports as reducers, utils_exports as utils };
 //# sourceMappingURL=cxbox-ui-core.modern.development.js.map