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

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

@@ -60,6 +60,7 @@ __export(src_exports, {
     actions: function () { return actions_exports; },
     epics: function () { return epics_exports; },
     interfaces: function () { return interfaces_exports; },
+    middlewares: function () { return middlewares; },
     reducers: function () { return reducers_exports; },
     utils: function () { return utils_exports; }
 });
@@ -152,6 +153,8 @@ __export(actions_exports, {
     processPreInvoke: function () { return processPreInvoke; },
     refreshMeta: function () { return refreshMeta; },
     refreshMetaAndReloadPage: function () { return refreshMetaAndReloadPage; },
+    refreshMetaDone: function () { return refreshMetaDone; },
+    refreshMetaFail: function () { return refreshMetaFail; },
     removeMultivalueTag: function () { return removeMultivalueTag; },
     removeNotifications: function () { return removeNotifications; },
     removePendingRequest: function () { return removePendingRequest; },
@@ -202,7 +205,7 @@ var bcFetchRowMetaSuccess = (0, import_toolkit.createAction)("bcFetchRowMetaSucc
 var bcFetchRowMetaFail = (0, import_toolkit.createAction)("bcFetchRowMetaFail");
 var bcNewData = (0, import_toolkit.createAction)("bcNewData");
 var bcNewDataSuccess = (0, import_toolkit.createAction)("bcNewDataSuccess");
-var bcNewDataFail = (0, import_toolkit.createAction)("bcNewDataSuccess");
+var bcNewDataFail = (0, import_toolkit.createAction)("bcNewDataFail");
 var bcDeleteDataFail = (0, import_toolkit.createAction)("bcDeleteDataFail");
 var forceActiveChangeFail = (0, import_toolkit.createAction)("forceActiveChangeFail");
 var sendOperation = (0, import_toolkit.createAction)("sendOperation");
@@ -217,7 +220,7 @@ var drillDown = (0, import_toolkit.createAction)("drillDown");
 var bcChangeCursors = (0, import_toolkit.createAction)("bcChangeCursors");
 var bcChangeDepthCursor = (0, import_toolkit.createAction)("bcChangeDepthCursor");
 var changeDataItem = (0, import_toolkit.createAction)("changeDataItem");
-var changeDataItems = (0, import_toolkit.createAction)("changeDataItem");
+var changeDataItems = (0, import_toolkit.createAction)("changeDataItems");
 var forceActiveRmUpdate = (0, import_toolkit.createAction)("forceActiveRmUpdate");
 var showViewPopup = (0, import_toolkit.createAction)("showViewPopup");
 var showFileUploadPopup = (0, import_toolkit.createAction)("showFileUploadPopup");
@@ -271,6 +274,8 @@ var switchDebugMode = (0, import_toolkit.createAction)("switchDebugMode");
 var exportState = (0, import_toolkit.createAction)("exportState");
 var emptyAction = (0, import_toolkit.createAction)("emptyAction");
 var refreshMeta = (0, import_toolkit.createAction)("refreshMeta");
+var refreshMetaDone = (0, import_toolkit.createAction)("refreshMetaDone");
+var refreshMetaFail = (0, import_toolkit.createAction)("refreshMetaFail");
 var refreshMetaAndReloadPage = (0, import_toolkit.createAction)("refreshMetaAndReloadPage");
 var switchRole = (0, import_toolkit.createAction)("switchRole");
 var addPendingRequest = (0, import_toolkit.createAction)("addPendingRequest");
@@ -376,12 +381,14 @@ __export(interfaces_exports, {
     OperationPostInvokeConfirmType: function () { return OperationPostInvokeConfirmType; },
     OperationPostInvokeType: function () { return OperationPostInvokeType; },
     OperationPreInvokeType: function () { return OperationPreInvokeType; },
-    OperationTypeCrud: function () { return import_schema4.OperationTypeCrud; },
+    OperationTypeCrud: function () { return import_schema5.OperationTypeCrud; },
     PaginationMode: function () { return PaginationMode; },
     PendingValidationFailsFormat: function () { return PendingValidationFailsFormat; },
     PopupWidgetTypes: function () { return PopupWidgetTypes; },
+    PositionTypes: function () { return import_schema4.PositionTypes; },
     RouteType: function () { return RouteType; },
     TableLikeWidgetTypes: function () { return TableLikeWidgetTypes; },
+    WidgetTypes: function () { return import_schema4.WidgetTypes; },
     coreOperations: function () { return coreOperations; },
     isCustomWidget: function () { return isCustomWidget; },
     isCustomWidgetConfiguration: function () { return isCustomWidgetConfiguration; },
@@ -424,6 +431,7 @@ var ApplicationErrorType = /* @__PURE__ */ (function (ApplicationErrorType2) {
 })(ApplicationErrorType || {});
 // src/interfaces/widget.ts
 var import_schema3 = require("@cxbox-ui/schema");
+var import_schema4 = require("@cxbox-ui/schema");
 var TableLikeWidgetTypes = [
     import_schema3.WidgetTypes.List,
     import_schema3.WidgetTypes.DataGrid,
@@ -448,14 +456,14 @@ var PaginationMode = /* @__PURE__ */ (function (PaginationMode2) {
     return PaginationMode2;
 })(PaginationMode || {});
 // src/interfaces/operation.ts
-var import_schema4 = require("@cxbox-ui/schema");
+var import_schema5 = require("@cxbox-ui/schema");
 var coreOperations = [
-    import_schema4.OperationTypeCrud.create,
-    import_schema4.OperationTypeCrud.save,
-    import_schema4.OperationTypeCrud.delete,
-    import_schema4.OperationTypeCrud.associate,
-    import_schema4.OperationTypeCrud.cancelCreate,
-    import_schema4.OperationTypeCrud.fileUpload
+    import_schema5.OperationTypeCrud.create,
+    import_schema5.OperationTypeCrud.save,
+    import_schema5.OperationTypeCrud.delete,
+    import_schema5.OperationTypeCrud.associate,
+    import_schema5.OperationTypeCrud.cancelCreate,
+    import_schema5.OperationTypeCrud.fileUpload
 ];
 function isOperationGroup(operation) {
     return Array.isArray(operation.actions);
@@ -506,6 +514,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 = function (initialState) { return new ReducerBuilderManager().addCase(loginDone, function (state, action) {
+    state = __assign(__assign({}, state), action.payload);
+}).addCase(changeLocation, function (state, action) {
+    state = __assign(__assign({}, state), action.payload.location);
+}); };
+// src/reducers/screen.ts
+var import_schema6 = require("@cxbox-ui/schema");
 // src/utils/index.ts
 var utils_exports = {};
 __export(utils_exports, {
@@ -518,6 +535,8 @@ __export(utils_exports, {
     buildSearchResultTree: function () { return buildSearchResultTree; },
     buildUrl: function () { return buildUrl; },
     checkShowCondition: function () { return checkShowCondition; },
+    createApiError: function () { return createApiError; },
+    createApiErrorObservable: function () { return createApiErrorObservable; },
     defaultBuildURL: function () { return defaultBuildURL; },
     defaultParseURL: function () { return defaultParseURL; },
     deleteUndefinedFromObject: function () { return deleteUndefinedFromObject; },
@@ -526,7 +545,6 @@ __export(utils_exports, {
     getBcChildren: function () { return getBcChildren; },
     getDescendants: function () { return getDescendants; },
     getFieldTitle: function () { return getFieldTitle; },
-    getFileUploadEndpoint: function () { return getFileUploadEndpoint; },
     getFilterType: function () { return getFilterType; },
     getFilters: function () { return getFilters; },
     getSorters: function () { return getSorters; },
@@ -566,11 +584,18 @@ function applyRawParams(url, qso) {
     var result = new URLSearchParams(qso).toString();
     return "".concat(addTailControlSequences(url)).concat(result && "".concat(result));
 }
-function getFileUploadEndpoint(instance) {
-    if (!instance.defaults.baseURL) {
-        return "/file";
-    }
-    return instance.defaults.baseURL.endsWith("/") ? "".concat(instance.defaults.baseURL, "file") : "".concat(instance.defaults.baseURL, "/file");
+// src/utils/apiError.ts
+var import_core = require("@cxbox-ui/core");
+var import_rxjs = require("rxjs");
+function createApiError(error, context) {
+    if (context === void 0) { context = { widgetName: "unknown" }; }
+    if (!error.isAxiosError)
+        return void 0;
+    return import_core.actions.apiError({ error: error, callContext: context });
+}
+function createApiErrorObservable(error, context) {
+    var apiError2 = createApiError(error, context);
+    return apiError2 ? (0, import_rxjs.of)(apiError2) : import_rxjs.EMPTY;
 }
 // src/utils/strings.ts
 function getTemplate(literals) {
@@ -586,10 +611,9 @@ function getTemplate(literals) {
     result += literals[literals.length - 1];
     return result;
 }
-function buildBcUrl(bcName, includeSelf, store) {
+function buildBcUrl(bcName, includeSelf, state) {
     if (includeSelf === void 0) { includeSelf = false; }
-    var storeInstance = store;
-    var bcMap = storeInstance.screen.bo.bc;
+    var bcMap = state.screen.bo.bc;
     var bc = bcMap[bcName];
     if (!bc) {
         return null;
@@ -722,7 +746,7 @@ function defaultParseURL(url) {
     }
     return {
         type: type,
-        path: path,
+        path: path.length !== 0 && !path.startsWith("/") ? "/".concat(path) : path,
         params: params,
         screenName: screenName,
         viewName: viewName,
@@ -770,8 +794,9 @@ function getSorters(sorters) {
     return result;
 }
 function parseFilters(defaultFilters) {
+    if (defaultFilters === void 0) { defaultFilters = ""; }
     var result = [];
-    var urlParams = new URL(defaultFilters).searchParams;
+    var urlParams = new URL(defaultFilters, window.location.origin).searchParams;
     urlParams.forEach(function (param) {
         var _a = param.split("."), fieldName = _a[0], type = _a[1];
         if (fieldName && type && urlParams.get(param)) {
@@ -801,7 +826,7 @@ function parseSorters(sorters) {
         return null;
     }
     var result = [];
-    var dictionary = new URL(sorters).searchParams;
+    var dictionary = new URL(sorters, window.location.origin).searchParams;
     Object.entries(dictionary).map(function (_a) {
         var sort = _a[0], fieldKey = _a[1];
         var _b = sort.split(".").slice(1), order = _b[0], direction = _b[1];
@@ -880,12 +905,13 @@ function getBcChildren(originBcName, widgets, bcMap) {
     return childrenBcMap;
 }
 function getHierarchyChildBc(originBcName, hierarchyWidget) {
-    var nestedBcNames = hierarchyWidget.options.hierarchy.map(function (nestedItem) { return nestedItem.bcName; });
-    if (originBcName !== hierarchyWidget.bcName && !nestedBcNames.includes(originBcName)) {
+    var _a, _b;
+    var nestedBcNames = (_b = (_a = hierarchyWidget === null || hierarchyWidget === void 0 ? void 0 : hierarchyWidget.options) === null || _a === void 0 ? void 0 : _a.hierarchy) === null || _b === void 0 ? void 0 : _b.map(function (nestedItem) { return nestedItem.bcName; });
+    if (originBcName !== hierarchyWidget.bcName && !(nestedBcNames === null || nestedBcNames === void 0 ? void 0 : nestedBcNames.includes(originBcName))) {
         return [];
     }
-    var childHierarchyBcIndex = nestedBcNames.findIndex(function (item) { return item === originBcName; });
-    var childHierarchyBcName = nestedBcNames[childHierarchyBcIndex + 1];
+    var childHierarchyBcIndex = nestedBcNames === null || nestedBcNames === void 0 ? void 0 : nestedBcNames.findIndex(function (item) { return item === originBcName; });
+    var childHierarchyBcName = nestedBcNames === null || nestedBcNames === void 0 ? void 0 : nestedBcNames[childHierarchyBcIndex + 1];
     return [childHierarchyBcName, hierarchyWidget.name];
 }
 function checkShowCondition(condition, cursor, data, pendingDataChanges) {
@@ -899,9 +925,9 @@ function checkShowCondition(condition, cursor, data, pendingDataChanges) {
     if (!record) {
         return false;
     }
-    var actualValue = record === null || record === void 0 ? void 0 : record[params.fieldKey];
-    var pendingValue = (_b = (_a = pendingDataChanges === null || pendingDataChanges === void 0 ? void 0 : pendingDataChanges[bcName]) === null || _a === void 0 ? void 0 : _a[cursor]) === null || _b === void 0 ? void 0 : _b[params.fieldKey];
-    return pendingValue !== void 0 ? pendingValue === params.value : actualValue === params.value;
+    var actualValue = record === null || record === void 0 ? void 0 : record[params === null || params === void 0 ? void 0 : params.fieldKey];
+    var pendingValue = (_b = (_a = pendingDataChanges === null || pendingDataChanges === void 0 ? void 0 : pendingDataChanges[bcName]) === null || _a === void 0 ? void 0 : _a[cursor]) === null || _b === void 0 ? void 0 : _b[params === null || params === void 0 ? void 0 : params.fieldKey];
+    return pendingValue !== void 0 ? pendingValue === (params === null || params === void 0 ? void 0 : params.value) : actualValue === (params === null || params === void 0 ? void 0 : params.value);
 }
 // src/utils/tree.ts
 function assignTreeLinks(flat) {
@@ -909,6 +935,7 @@ function assignTreeLinks(flat) {
     var map12 = {};
     var orphans = [];
     result.forEach(function (item) {
+        var _a, _b;
         if (!item.parentId || item.parentId === "0") {
             return;
         }
@@ -927,7 +954,7 @@ function assignTreeLinks(flat) {
             result[parentIndex].children = [item];
         }
         else {
-            result[parentIndex].children.push(item);
+            (_b = (_a = result[parentIndex]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.push(item);
         }
     });
     if (orphans.length) {
@@ -1005,22 +1032,7 @@ function deleteUndefinedFromObject(obj) {
         }
     });
 }
-// src/reducers/router.ts
-var initialRouterState = { type: "default" /* default */, path: "/", params: null, screenName: null };
-var createRouterReducerBuilderManager = function (initialState) { return new ReducerBuilderManager().addCase(loginDone, function (state, action) {
-    state = __assign(__assign({}, state), action.payload);
-}).addCase(changeLocation, function (state, action) {
-    var _a = action.payload, url = _a.url, route = _a.route;
-    if (url) {
-        var path = new URL(url);
-        state = __assign(__assign({}, state), defaultParseURL(path));
-    }
-    if (route !== null) {
-        state = __assign(__assign({}, state), route);
-    }
-}); };
 // src/reducers/screen.ts
-var import_schema5 = require("@cxbox-ui/schema");
 var initialScreenState = {
     screenName: "",
     bo: { activeBcName: "", bc: {} },
@@ -1030,12 +1042,13 @@ var initialScreenState = {
     filters: {},
     sorters: {}
 };
-var operationsHandledLocally = [import_schema5.OperationTypeCrud.associate, import_schema5.OperationTypeCrud.fileUpload];
+var operationsHandledLocally = [import_schema6.OperationTypeCrud.associate, import_schema6.OperationTypeCrud.fileUpload];
 var createScreenReducerBuilderManager = function (initialState) { return new ReducerBuilderManager().addCase(selectScreen, function (state, action) {
+    var _a, _b, _c, _d, _e;
     var bcDictionary = {};
     var bcSorters = {};
     var bcFilters = {};
-    action.payload.screen.meta.bo.bc.forEach(function (item) {
+    (_a = action.payload.screen.meta) === null || _a === void 0 ? void 0 : _a.bo.bc.forEach(function (item) {
         bcDictionary[item.name] = item;
         var sorter = parseSorters(item.defaultSort);
         var filter56 = parseFilters(item.defaultFilter);
@@ -1047,8 +1060,8 @@ var createScreenReducerBuilderManager = function (initialState) { return new Red
         }
     });
     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 || _b === void 0 ? void 0 : _b.primary) !== null && _c !== void 0 ? _c : state.primaryView;
+    state.views = (_e = (_d = action.payload.screen.meta) === null || _d === void 0 ? void 0 : _d.views) !== null && _e !== void 0 ? _e : state.views;
     state.bo = { activeBcName: null, bc: bcDictionary };
     state.sorters = __assign(__assign({}, state.sorters), bcSorters);
     state.filters = __assign(__assign({}, state.filters), bcFilters);
@@ -1058,12 +1071,14 @@ var createScreenReducerBuilderManager = function (initialState) { return new Red
 }).addCase(bcFetchDataRequest, function (state, action) {
     state.bo.bc[action.payload.bcName].loading = true;
 }).addCase(bcLoadMore, function (state, action) {
+    var _a;
     var currentBc = state.bo.bc[action.payload.bcName];
-    currentBc.page += 1;
+    currentBc.page = ((_a = currentBc.page) !== null && _a !== void 0 ? _a : 1) + 1;
     currentBc.loading = true;
 }).addCase(selectView, function (state, action) {
+    var _a;
     var newBcs = {};
-    Array.from(new Set(action.payload.widgets.map(function (widget) { return widget.bcName; }))
+    Array.from(new Set((_a = action.payload.widgets) === null || _a === void 0 ? void 0 : _a.map(function (widget) { return widget.bcName; }))
     // БК которые есть на вьюхе
     ).filter(function (bcName) { return state.bo.bc[bcName]; }).forEach(function (bcName) {
         newBcs[bcName] = __assign(__assign({}, state.bo.bc[bcName]), { page: 1 });
@@ -1075,9 +1090,10 @@ var createScreenReducerBuilderManager = function (initialState) { return new Red
     currentBc.loading = false;
     state.cachedBc[action.payload.bcName] = action.payload.bcUrl;
 }).addCase(bcFetchDataFail, function (state, action) {
-    if (Object.values(state.bo.bc).some(function (bc) { return bc.name === action.payload.bcName; })) {
-        state.bo.bc[action.payload.bcName].loading = false;
-        state.cachedBc[action.payload.bcName] = action.payload.bcUrl;
+    var bcName = action.payload.bcName;
+    if (Object.values(state.bo.bc).some(function (bc) { return bc.name === bcName; })) {
+        state.bo.bc[bcName].loading = false;
+        state.cachedBc[bcName] = action.payload.bcUrl;
     }
 }).addCase(sendOperation, function (state, action) {
     if (!operationsHandledLocally.includes(action.payload.operationType)) {
@@ -1105,10 +1121,12 @@ var createScreenReducerBuilderManager = function (initialState) { return new Red
     Object.assign(state.bo.bc, newCursors);
     Object.assign(state.cachedBc, newCache);
 }).addCase(bcChangeDepthCursor, function (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 !== void 0 ? _a : {};
         state.bo.bc[action.payload.bcName].depthBc[action.payload.depth].cursor = action.payload.cursor;
     }
 }).addCase(bcSelectRecord, function (state, action) {
@@ -1144,7 +1162,9 @@ var createScreenReducerBuilderManager = function (initialState) { return new Red
     state.bo.bc[action.payload.bcName].page = action.payload.page;
     state.bo.bc[action.payload.bcName].loading = true;
 }).addCase(showViewPopup, function (state, action) {
-    state.bo.bc[action.payload.bcName].page = 1;
+    var _a, _b;
+    var currentPage = (_b = (_a = state.bo.bc[action.payload.bcName]) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 1;
+    state.bo.bc[action.payload.bcName].page = action.payload.bcName === action.payload.calleeBCName ? currentPage : 1;
     state.bo.bc[action.payload.bcName].loading = action.payload.bcName !== action.payload.calleeBCName;
 }).addCase(sendOperationSuccess, function (state, action) {
     state.bo.bc[action.payload.bcName].loading = false;
@@ -1173,7 +1193,8 @@ var initialSessionState = {
     errorMsg: null,
     screens: [],
     pendingRequests: [],
-    notifications: []
+    notifications: [],
+    isMetaRefreshing: false
 };
 var createSessionReducerBuilderManager = function (initialState) { return new ReducerBuilderManager().addCase(login, function (state) {
     state.loginSpin = true;
@@ -1193,17 +1214,25 @@ var createSessionReducerBuilderManager = function (initialState) { return new Re
 }).addCase(switchDebugMode, function (state, action) {
     state.debugMode = action.payload;
 }).addCase(addPendingRequest, function (state, action) {
-    state.pendingRequests.push(action.payload.request);
+    var _a;
+    (_a = state.pendingRequests) === null || _a === void 0 ? void 0 : _a.push(action.payload.request);
 }).addCase(removePendingRequest, function (state, action) {
-    state.pendingRequests = state.pendingRequests.filter(function (item) { return item.requestId !== action.payload.requestId; });
+    var _a;
+    state.pendingRequests = (_a = state.pendingRequests) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item.requestId !== action.payload.requestId; });
 }).addCase(addNotification, function (state, action) {
     state.notifications.push(action.payload);
 }).addCase(removeNotifications, function (state, action) {
     var closingKeys = action.payload;
     state.notifications = state.notifications.filter(function (notification) { return !closingKeys.includes(notification.key); });
+}).addCase(refreshMeta, function (state) {
+    state.isMetaRefreshing = true;
+}).addCase(refreshMetaDone, function (state) {
+    state.isMetaRefreshing = false;
+}).addCase(refreshMetaFail, function (state) {
+    state.isMetaRefreshing = false;
 }); };
 // src/reducers/view.ts
-var import_schema6 = require("@cxbox-ui/schema");
+var import_schema7 = require("@cxbox-ui/schema");
 var initialViewState = {
     id: void 0,
     name: null,
@@ -1238,16 +1267,19 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
     }
     state.infiniteWidgets = Array.from(new Set(infiniteWidgets));
 }).addCase(sendOperation, function (state, action) {
-    if (action.payload.operationType === import_schema6.OperationTypeCrud.create) {
+    if (action.payload.operationType === import_schema7.OperationTypeCrud.create) {
         state.metaInProgress[action.payload.bcName] = true;
     }
 }).addCase(bcFetchRowMetaSuccess, function (state, action) {
+    var _a;
+    state.rowMeta[action.payload.bcName] = (_a = state.rowMeta[action.payload.bcName]) !== null && _a !== void 0 ? _a : {};
     state.rowMeta[action.payload.bcName][action.payload.bcUrl] = action.payload.rowMeta;
     state.metaInProgress[action.payload.bcName] = false;
 }).addCase(bcNewDataSuccess, function (state, action) {
     state.selectedCell = initialViewState.selectedCell;
 }).addCase(forceActiveRmUpdate, function (state, action) {
-    var _a = action.payload, bcName = _a.bcName, bcUrl = _a.bcUrl, currentRecordData = _a.currentRecordData, rowMeta = _a.rowMeta, cursor = _a.cursor;
+    var _a, _b, _c, _d, _e;
+    var _f = action.payload, bcName = _f.bcName, bcUrl = _f.bcUrl, currentRecordData = _f.currentRecordData, rowMeta = _f.rowMeta, cursor = _f.cursor;
     var handledForceActive = {};
     var rowMetaForcedValues = {};
     var newPendingChangesDiff = {};
@@ -1258,6 +1290,7 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             forceActiveFieldKeys.push(field.key);
         }
     });
+    state.pendingDataChanges[bcName] = (_a = state.pendingDataChanges[bcName]) !== null && _a !== void 0 ? _a : {};
     var consolidatedFrontData = __assign(__assign({}, currentRecordData), state.pendingDataChanges[bcName][cursor]);
     Object.keys(consolidatedFrontData).forEach(function (key) {
         if (rowMetaForcedValues[key] !== void 0 && consolidatedFrontData[key] !== rowMetaForcedValues[key]) {
@@ -1270,17 +1303,21 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             handledForceActive[key] = newPendingDataChanges[key];
         }
     });
+    state.handledForceActive[bcName] = (_b = state.handledForceActive[bcName]) !== null && _b !== void 0 ? _b : {};
+    state.handledForceActive[bcName][cursor] = (_c = state.handledForceActive[bcName][cursor]) !== null && _c !== void 0 ? _c : {};
     Object.assign(state.handledForceActive[bcName][cursor], handledForceActive);
+    state.pendingDataChanges[bcName] = (_d = state.pendingDataChanges[bcName]) !== null && _d !== void 0 ? _d : {};
     state.pendingDataChanges[bcName][cursor] = newPendingDataChanges;
+    state.rowMeta[bcName] = (_e = state.rowMeta[bcName]) !== null && _e !== void 0 ? _e : {};
     state.rowMeta[bcName][bcUrl] = rowMeta;
 }).addCase(changeDataItem, function (state, action) {
-    var _a;
+    var _a, _b, _c;
     var actionBcName = action.payload.bcName;
     var prevBc = state.pendingDataChanges[action.payload.bcName] || {};
     var prevCursor = prevBc[action.payload.cursor] || {};
     var prevPending = prevCursor || {};
     var nextPending = __assign(__assign({}, prevPending), action.payload.dataItem);
-    var bcUrl = buildBcUrl(actionBcName, true);
+    var bcUrl = action.payload.bcUrl;
     var rowMeta = (_a = state.rowMeta[actionBcName]) === null || _a === void 0 ? void 0 : _a[bcUrl];
     var nextValidationFails = {};
     var isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
@@ -1291,10 +1328,11 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             nextValidationFails[fieldKey] = "This field is mandatory";
         }
     });
+    state.pendingDataChanges[action.payload.bcName] = (_b = state.pendingDataChanges[action.payload.bcName]) !== null && _b !== void 0 ? _b : {};
     state.pendingDataChanges[action.payload.bcName][action.payload.cursor] = nextPending;
     if (isTargetFormatPVF) {
         ;
-        state.pendingValidationFails[actionBcName][action.payload.cursor] = nextValidationFails;
+        ((_c = state.pendingValidationFails) === null || _c === void 0 ? void 0 : _c[actionBcName])[action.payload.cursor] = nextValidationFails;
     }
     else {
         state.pendingValidationFails = nextValidationFails;
@@ -1315,7 +1353,7 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
         pendingDataChanges[bcName] = pendingBcChanges;
     });
     var isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
-    var pendingValidationFails = __assign({}, state.pendingValidationFails);
+    var pendingValidationFails = state.pendingValidationFails ? __assign({}, state.pendingValidationFails) : {};
     if (isTargetFormatPVF) {
         action.payload.bcNames.forEach(function (i) {
             pendingValidationFails[i] = {};
@@ -1330,7 +1368,8 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
 }).addCase(bcFetchRowMetaFail, function (state, action) {
     state.metaInProgress[action.payload.bcName] = false;
 }).addCase(forceActiveChangeFail, function (state, action) {
-    var _a = action.payload, bcName = _a.bcName, bcUrl = _a.bcUrl, entityError = _a.entityError;
+    var _a;
+    var _b = action.payload, bcName = _b.bcName, bcUrl = _b.bcUrl, entityError = _b.entityError;
     var errors = {};
     if (entityError) {
         Object.entries(entityError.fields).forEach(function (_a) {
@@ -1338,9 +1377,11 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             errors[fieldName] = violation;
         });
     }
+    state.rowMeta[bcName] = (_a = state.rowMeta[bcName]) !== null && _a !== void 0 ? _a : {};
     state.rowMeta[bcName][bcUrl].errors = errors;
 }).addCase(bcSaveDataFail, function (state, action) {
-    var _a = action.payload, bcName = _a.bcName, bcUrl = _a.bcUrl, entityError = _a.entityError;
+    var _a;
+    var _b = action.payload, bcName = _b.bcName, bcUrl = _b.bcUrl, entityError = _b.entityError;
     var errors = {};
     if (entityError) {
         Object.entries(entityError.fields).forEach(function (_a) {
@@ -1348,9 +1389,11 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             errors[fieldName] = violation;
         });
     }
+    state.rowMeta[bcName] = (_a = state.rowMeta[bcName]) !== null && _a !== void 0 ? _a : {};
     state.rowMeta[bcName][bcUrl].errors = errors;
 }).addCase(sendOperationFail, function (state, action) {
-    var _a = action.payload, bcName = _a.bcName, bcUrl = _a.bcUrl, entityError = _a.entityError;
+    var _a;
+    var _b = action.payload, bcName = _b.bcName, bcUrl = _b.bcUrl, entityError = _b.entityError;
     var errors = {};
     if (entityError) {
         Object.entries(entityError.fields).forEach(function (_a) {
@@ -1358,30 +1401,38 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             errors[fieldName] = violation;
         });
     }
+    state.rowMeta[bcName] = (_a = state.rowMeta[bcName]) !== null && _a !== void 0 ? _a : {};
     state.rowMeta[bcName][bcUrl].errors = errors;
 }).addCase(sendOperationSuccess, function (state, action) {
-    var _a = action.payload, bcName = _a.bcName, cursor = _a.cursor;
+    var _a, _b, _c;
+    var bcName = action.payload.bcName;
+    var cursor = action.payload.cursor;
     var isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
+    state.pendingDataChanges[bcName] = (_a = state.pendingDataChanges[bcName]) !== null && _a !== void 0 ? _a : {};
     state.pendingDataChanges[bcName][cursor] = {};
     if (isTargetFormatPVF) {
         ;
-        state.pendingValidationFails[bcName][cursor] = {};
+        ((_b = state.pendingValidationFails) === null || _b === void 0 ? void 0 : _b[bcName])[cursor] = {};
     }
     else {
         state.pendingValidationFails = initialViewState.pendingValidationFails;
     }
+    state.handledForceActive[bcName] = (_c = state.handledForceActive[bcName]) !== null && _c !== void 0 ? _c : {};
     state.handledForceActive[bcName][cursor] = {};
 }).addCase(bcSaveDataSuccess, function (state, action) {
-    var _a = action.payload, bcName = _a.bcName, cursor = _a.cursor;
+    var _a, _b, _c;
+    var _d = action.payload, bcName = _d.bcName, cursor = _d.cursor;
     var isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
+    state.pendingDataChanges[bcName] = (_a = state.pendingDataChanges[bcName]) !== null && _a !== void 0 ? _a : {};
     state.pendingDataChanges[bcName][cursor] = {};
     if (isTargetFormatPVF) {
         ;
-        state.pendingValidationFails[bcName][cursor] = {};
+        ((_b = state.pendingValidationFails) === null || _b === void 0 ? void 0 : _b[bcName])[cursor] = {};
     }
     else {
         state.pendingValidationFails = initialViewState.pendingValidationFails;
     }
+    state.handledForceActive[bcName] = (_c = state.handledForceActive[bcName]) !== null && _c !== void 0 ? _c : {};
     state.handledForceActive[bcName][cursor] = {};
 }).addCase(bcCancelPendingChanges, function (state, action) {
     var _a, _b;
@@ -1392,7 +1443,7 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
         }
     }
     var isTargetFormatPVF = state.pendingValidationFailsFormat === "target" /* target */;
-    var pendingValidationFails = __assign({}, state.pendingValidationFails);
+    var pendingValidationFails = state.pendingValidationFails ? __assign({}, state.pendingValidationFails) : {};
     if (isTargetFormatPVF) {
         if (((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.bcNames) === null || _b === void 0 ? void 0 : _b.length) > 0) {
             action.payload.bcNames.forEach(function (i) {
@@ -1421,8 +1472,8 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
         isFilter: isFilter
     };
 }).addCase(showFileUploadPopup, function (state, action) {
-    var _a;
-    var bcName = (_a = state.widgets.find(function (item) { return item.name === action.payload.widgetName; })) === null || _a === void 0 ? void 0 : _a.bcName;
+    var _a, _b;
+    var bcName = (_b = (_a = state.widgets) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.name === action.payload.widgetName; })) === null || _b === void 0 ? void 0 : _b.bcName;
     state.popupData = {
         type: "file-upload",
         bcName: bcName,
@@ -1434,6 +1485,7 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
 }).addCase(viewClearPickMap, function (state) {
     state.pickMap = null;
 }).addCase(closeViewPopup, function (state) {
+    state.popupData = {};
     state.popupData.bcName = null;
 }).addCase(selectTableCell, function (state, action) {
     state.selectedCell = { widgetName: action.payload.widgetName, rowId: action.payload.rowId, fieldKey: action.payload.fieldKey };
@@ -1441,12 +1493,16 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
     state.pendingDataChanges = initialViewState.pendingDataChanges;
     state.selectedCell = initialViewState.selectedCell;
 }).addCase(showNotification, function (state, action) {
+    var _a, _b;
+    state.systemNotifications = (_a = state.systemNotifications) !== null && _a !== void 0 ? _a : [];
     state.systemNotifications.push({
         type: action.payload.type,
         message: action.payload.message,
-        id: state.systemNotifications.length
+        id: (_b = state.systemNotifications) === null || _b === void 0 ? void 0 : _b.length
     });
 }).addCase(closeNotification, function (state, action) {
+    var _a;
+    state.systemNotifications = (_a = state.systemNotifications) !== null && _a !== void 0 ? _a : [];
     state.systemNotifications = state.systemNotifications.filter(function (item) { return item.id !== action.payload.id; });
 }).addCase(showViewError, function (state, action) {
     state.error = action.payload.error;
@@ -1494,7 +1550,6 @@ __export(epics_exports, {
     httpError500Epic: function () { return httpError500Epic; },
     httpErrorDefaultEpic: function () { return httpErrorDefaultEpic; },
     inlinePickListFetchDataEpic: function () { return inlinePickListFetchDataEpic; },
-    knownHttpErrors: function () { return knownHttpErrors; },
     loginByAnotherRoleEpic: function () { return loginByAnotherRoleEpic; },
     loginDoneEpic: function () { return loginDoneEpic; },
     loginDoneSessionEpic: function () { return loginDoneSessionEpic; },
@@ -1519,9 +1574,9 @@ __export(epics_exports, {
     userDrillDownEpic: function () { return userDrillDownEpic; }
 });
 // src/epics/view/sendOperationEpic.ts
-var import_rxjs2 = require("rxjs");
+var import_rxjs3 = require("rxjs");
 // src/epics/utils/postOperationRoutine.ts
-var import_rxjs = require("rxjs");
+var import_rxjs2 = require("rxjs");
 function postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName) {
     var postInvokeConfirm = Object.values(OperationPostInvokeConfirmType).includes(postInvoke === null || postInvoke === void 0 ? void 0 : postInvoke.type);
     var result = [];
@@ -1544,18 +1599,18 @@ function postOperationRoutine(widgetName, postInvoke, preInvoke, operationType,
             preInvoke: preInvoke
         }));
     }
-    return result.map(function (item) { return (0, import_rxjs.of)(item); });
+    return result.map(function (item) { return (0, import_rxjs2.of)(item); });
 }
 // src/epics/view/sendOperationEpic.ts
 var sendOperationEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs2.filter)(sendOperation.match), (0, import_rxjs2.filter)(function (action) { return matchOperationRole("none", action.payload, state$.value); }), (0, import_rxjs2.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs3.filter)(sendOperation.match), (0, import_rxjs3.filter)(function (action) { return matchOperationRole("none", action.payload, state$.value); }), (0, import_rxjs3.mergeMap)(function (action) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         var state = state$.value;
         var screenName = state.screen.screenName;
         var _l = action.payload, bcName = _l.bcName, operationType = _l.operationType, widgetName = _l.widgetName;
         var confirm = ((_a = action.payload.confirmOperation) === null || _a === void 0 ? void 0 : _a.type) || action.payload.confirm;
-        var bcUrl = buildBcUrl(bcName, true);
+        var bcUrl = buildBcUrl(bcName, true, state);
         var bc = state.screen.bo.bc[bcName];
         var rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) === null || _b === void 0 ? void 0 : _b[bcUrl]);
         var fields = rowMeta === null || rowMeta === void 0 ? void 0 : rowMeta.fields;
@@ -1563,7 +1618,7 @@ var sendOperationEpic = function (action$, state$, _a) {
         var record = (_c = state.data[bcName]) === null || _c === void 0 ? void 0 : _c.find(function (item) { return item.id === bc.cursor; });
         var filters = state.screen.filters[bcName];
         var sorters = state.screen.sorters[bcName];
-        var pendingRecordChange = (_d = state.view.pendingDataChanges[bcName]) === null || _d === void 0 ? void 0 : _d[bc.cursor];
+        var pendingRecordChange = __assign({}, (_d = state.view.pendingDataChanges[bcName]) === null || _d === void 0 ? void 0 : _d[bc.cursor]);
         var _loop_2 = function (key) {
             if (fields.find(function (item) { return item.key === key && item.disabled; })) {
                 delete pendingRecordChange[key];
@@ -1579,13 +1634,13 @@ var sendOperationEpic = function (action$, state$, _a) {
             params._confirm = confirm;
         }
         var context = { widgetName: action.payload.widgetName };
-        return api.customAction(screenName, bcUrl, data, context, params).pipe((0, import_rxjs2.mergeMap)(function (response) {
-            var _a;
-            var postInvoke = response.postActions[0];
+        return api.customAction(screenName, bcUrl, data, context, params).pipe((0, import_rxjs3.mergeMap)(function (response) {
+            var _a, _b;
+            var postInvoke = (_a = response.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var preInvoke = response.preInvoke;
-            return defaultSaveOperation ? ((_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.onSuccessAction) ? (0, import_rxjs2.concat)((0, import_rxjs2.of)(bcCancelPendingChanges({ bcNames: [bcName] })), (0, import_rxjs2.of)(action.payload.onSuccessAction)) : import_rxjs2.EMPTY : (0, import_rxjs2.concat).apply(void 0, __spreadArray([(0, import_rxjs2.of)(sendOperationSuccess({ bcName: bcName, cursor: cursor })),
-                (0, import_rxjs2.of)(bcForceUpdate({ bcName: bcName }))], postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName), false));
-        }), (0, import_rxjs2.catchError)(function (e) {
+            return defaultSaveOperation ? ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.onSuccessAction) ? (0, import_rxjs3.concat)((0, import_rxjs3.of)(bcCancelPendingChanges({ bcNames: [bcName] })), (0, import_rxjs3.of)(action.payload.onSuccessAction)) : import_rxjs3.EMPTY : (0, import_rxjs3.concat).apply(void 0, __spreadArray([(0, import_rxjs3.of)(sendOperationSuccess({ bcName: bcName, cursor: cursor })),
+                (0, import_rxjs3.of)(bcForceUpdate({ bcName: bcName }))], postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName), false));
+        }), (0, import_rxjs3.catchError)(function (e) {
             var _a, _b, _c, _d, _e, _f;
             console.error(e);
             var viewError = null;
@@ -1595,25 +1650,25 @@ var sendOperationEpic = function (action$, state$, _a) {
                 entityError = (_d = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _d === void 0 ? void 0 : _d.entity;
                 viewError = (_f = (_e = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _e === void 0 ? void 0 : _e.popup) === null || _f === void 0 ? void 0 : _f[0];
             }
-            return (0, import_rxjs2.of)(sendOperationFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError }));
+            return (0, import_rxjs3.concat)((0, import_rxjs3.of)(sendOperationFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError })), createApiErrorObservable(e, context));
         }));
     }));
 };
 // src/epics/view/showAssocPopupEpic.ts
-var import_rxjs3 = require("rxjs");
-var import_schema7 = require("@cxbox-ui/schema");
-var showAssocPopupEpic = function (action$, state$) { return action$.pipe((0, import_rxjs3.filter)(showViewPopup.match), (0, import_rxjs3.filter)(function (action) { return !!(action.payload.calleeBCName && action.payload.associateFieldKey); }), (0, import_rxjs3.mergeMap)(function (action) {
+var import_rxjs4 = require("rxjs");
+var import_schema8 = require("@cxbox-ui/schema");
+var showAssocPopupEpic = function (action$, state$) { return action$.pipe((0, import_rxjs4.filter)(showViewPopup.match), (0, import_rxjs4.filter)(function (action) { return !!(action.payload.calleeBCName && action.payload.associateFieldKey); }), (0, import_rxjs4.mergeMap)(function (action) {
     var _a, _b, _c, _d;
     var _e = action.payload, bcName = _e.bcName, calleeBCName = _e.calleeBCName;
     var state = state$.value;
-    var assocWidget = state.view.widgets.find(function (widget) { return widget.bcName === bcName && widget.type === import_schema7.WidgetTypes.AssocListPopup; });
+    var assocWidget = state.view.widgets.find(function (widget) { return widget.bcName === bcName && widget.type === import_schema8.WidgetTypes.AssocListPopup; });
     var calleeCursor = (_a = state.screen.bo.bc[calleeBCName]) === null || _a === void 0 ? void 0 : _a.cursor;
     var calleePendingChanges = (_b = state.view.pendingDataChanges[calleeBCName]) === null || _b === void 0 ? void 0 : _b[calleeCursor];
     var assocFieldKey = action.payload.associateFieldKey;
     var assocFieldChanges = calleePendingChanges === null || calleePendingChanges === void 0 ? void 0 : calleePendingChanges[assocFieldKey];
     var somethingMissing = !assocWidget || !calleePendingChanges || !assocFieldChanges || !assocFieldChanges;
     if (somethingMissing || assocWidget.options && !assocWidget.options.hierarchyFull) {
-        return import_rxjs3.EMPTY;
+        return import_rxjs4.EMPTY;
     }
     var popupInitPendingChanges = {};
     assocFieldChanges.forEach(function (record) {
@@ -1636,65 +1691,69 @@ var showAssocPopupEpic = function (action$, state$) { return action$.pipe((0, im
             }
         });
     }
-    return (0, import_rxjs3.of)(changeDataItems({
+    return (0, import_rxjs4.of)(changeDataItems({
         bcName: bcName,
         cursors: Object.keys(popupInitPendingChanges),
         dataItems: Object.values(popupInitPendingChanges)
     }));
 })); };
 // src/epics/view/fileUploadConfirmEpic.ts
-var import_rxjs4 = require("rxjs");
-var import_schema8 = require("@cxbox-ui/schema");
+var import_rxjs5 = require("rxjs");
+var import_schema9 = require("@cxbox-ui/schema");
 var fileUploadConfirmEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs4.filter)(bulkUploadFiles.match), (0, import_rxjs4.mergeMap)(function (action) {
-        var _a;
+    return action$.pipe((0, import_rxjs5.filter)(bulkUploadFiles.match), (0, import_rxjs5.mergeMap)(function (action) {
+        var _a, _b;
         var state = state$.value;
-        var bcName = state.view.popupData.bcName;
-        var bcUrl = buildBcUrl(bcName, true);
-        var widgetName = (_a = state.view.widgets.find(function (item) { return item.bcName === bcName; })) === null || _a === void 0 ? void 0 : _a.name;
+        var bcName = (_a = state.view.popupData) === null || _a === void 0 ? void 0 : _a.bcName;
+        var bcUrl = buildBcUrl(bcName, true, state);
+        var widgetName = (_b = state.view.widgets.find(function (item) { return item.bcName === bcName; })) === null || _b === void 0 ? void 0 : _b.name;
         var data = {
             bulkIds: action.payload.fileIds
         };
-        return api.customAction(state.screen.screenName, bcUrl, data, null, { _action: "file-upload-save" }).pipe((0, import_rxjs4.mergeMap)(function (response) {
-            var postInvoke = response.postActions[0];
+        return api.customAction(state.screen.screenName, bcUrl, data, null, { _action: "file-upload-save" }).pipe((0, import_rxjs5.mergeMap)(function (response) {
+            var _a;
+            var postInvoke = (_a = response.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var preInvoke = response.preInvoke;
-            return (0, import_rxjs4.concat).apply(void 0, __spreadArray([(0, import_rxjs4.of)(sendOperationSuccess({ bcName: bcName, cursor: null })),
-                (0, import_rxjs4.of)(bcForceUpdate({ bcName: bcName })),
-                (0, import_rxjs4.of)(closeViewPopup(null))], postOperationRoutine(widgetName, postInvoke, preInvoke, import_schema8.OperationTypeCrud.save, bcName), false));
+            return (0, import_rxjs5.concat).apply(void 0, __spreadArray([(0, import_rxjs5.of)(sendOperationSuccess({ bcName: bcName, cursor: null })),
+                (0, import_rxjs5.of)(bcForceUpdate({ bcName: bcName })),
+                (0, import_rxjs5.of)(closeViewPopup(null))], postOperationRoutine(widgetName, postInvoke, preInvoke, import_schema9.OperationTypeCrud.save, bcName), false));
+        }), (0, import_rxjs5.catchError)(function (error) {
+            console.error(error);
+            return createApiErrorObservable(error);
         }));
     }));
 };
 // src/epics/view/selectTableCellInitEpic.ts
-var import_rxjs5 = require("rxjs");
-var selectTableCellInitEpic = function (action$, state$) { return action$.pipe((0, import_rxjs5.filter)(selectTableCellInit.match), (0, import_rxjs5.mergeMap)(function (action) {
+var import_rxjs6 = require("rxjs");
+var selectTableCellInitEpic = function (action$, state$) { return action$.pipe((0, import_rxjs6.filter)(selectTableCellInit.match), (0, import_rxjs6.mergeMap)(function (action) {
     var _a;
     var resultObservables = [];
     var state = state$.value;
     var _b = action.payload, nextRowId = _b.rowId, fieldKey = _b.fieldKey;
     var nextWidget = state.view.widgets.find(function (widget) { return widget.name === action.payload.widgetName; });
-    var nextBcName = nextWidget.bcName;
+    var nextBcName = nextWidget === null || nextWidget === void 0 ? void 0 : nextWidget.bcName;
     var nextBcCursor = (_a = state.screen.bo.bc[nextBcName]) === null || _a === void 0 ? void 0 : _a.cursor;
     var selectedCell = state.view.selectedCell;
     if (nextRowId !== nextBcCursor) {
-        resultObservables.push((0, import_rxjs5.of)(bcSelectRecord({ bcName: nextBcName, cursor: nextRowId })));
+        resultObservables.push((0, import_rxjs6.of)(bcSelectRecord({ bcName: nextBcName, cursor: nextRowId })));
     }
-    if (!selectedCell || fieldKey !== selectedCell.fieldKey || nextRowId !== selectedCell.rowId || nextWidget.name !== selectedCell.widgetName) {
-        resultObservables.push((0, import_rxjs5.of)(selectTableCell({ widgetName: nextWidget.name, rowId: nextRowId, fieldKey: fieldKey })));
+    if (!selectedCell || fieldKey !== selectedCell.fieldKey || nextRowId !== selectedCell.rowId || (nextWidget === null || nextWidget === void 0 ? void 0 : nextWidget.name) !== selectedCell.widgetName) {
+        resultObservables.push((0, import_rxjs6.of)(selectTableCell({ widgetName: nextWidget === null || nextWidget === void 0 ? void 0 : nextWidget.name, rowId: nextRowId, fieldKey: fieldKey })));
     }
-    return (0, import_rxjs5.concat).apply(void 0, resultObservables);
+    return (0, import_rxjs6.concat).apply(void 0, resultObservables);
 })); };
 // src/epics/view/showFileUploadPopupEpic.ts
-var import_rxjs6 = require("rxjs");
-var import_schema9 = require("@cxbox-ui/schema");
-var showFileUploadPopupEpic = function (action$, state$) { return action$.pipe((0, import_rxjs6.filter)(sendOperation.match), (0, import_rxjs6.filter)(function (action) { return matchOperationRole(import_schema9.OperationTypeCrud.fileUpload, action.payload, state$.value); }), (0, import_rxjs6.mergeMap)(function (action) {
+var import_rxjs7 = require("rxjs");
+var import_schema10 = require("@cxbox-ui/schema");
+var showFileUploadPopupEpic = function (action$, state$) { return action$.pipe((0, import_rxjs7.filter)(sendOperation.match), (0, import_rxjs7.filter)(function (action) { return matchOperationRole(import_schema10.OperationTypeCrud.fileUpload, action.payload, state$.value); }), (0, import_rxjs7.mergeMap)(function (action) {
     var _a;
-    return (0, import_rxjs6.concat)((0, import_rxjs6.of)(bcChangeCursors({ cursorsMap: (_a = {}, _a[action.payload.bcName] = null, _a) })), (0, import_rxjs6.of)(showFileUploadPopup({ widgetName: action.payload.widgetName })));
+    return (0, import_rxjs7.concat)((0, import_rxjs7.of)(bcChangeCursors({ cursorsMap: (_a = {}, _a[action.payload.bcName] = null, _a) })), (0, import_rxjs7.of)(showFileUploadPopup({ widgetName: action.payload.widgetName })));
 })); };
 // src/epics/view/sendOperationAssociateEpic.ts
-var import_rxjs7 = require("rxjs");
-var import_schema10 = require("@cxbox-ui/schema");
-var sendOperationAssociateEpic = function (action$, state$) { return action$.pipe((0, import_rxjs7.filter)(sendOperation.match), (0, import_rxjs7.filter)(function (action) { return matchOperationRole(import_schema10.OperationTypeCrud.associate, action.payload, state$.value); }), (0, import_rxjs7.map)(function (action) {
+var import_rxjs8 = require("rxjs");
+var import_schema11 = require("@cxbox-ui/schema");
+var sendOperationAssociateEpic = function (action$, state$) { return action$.pipe((0, import_rxjs8.filter)(sendOperation.match), (0, import_rxjs8.filter)(function (action) { return matchOperationRole(import_schema11.OperationTypeCrud.associate, action.payload, state$.value); }), (0, import_rxjs8.map)(function (action) {
     return showViewPopup({
         // TODO: 2.0.0 bcKey and bcName will be removed in favor `widgetName`
         bcName: action.payload.bcKey ? "".concat(action.payload.bcKey) : "".concat(action.payload.bcName, "Assoc"),
@@ -1704,31 +1763,31 @@ var sendOperationAssociateEpic = function (action$, state$) { return action$.pip
     });
 })); };
 // src/epics/view/getRowMetaByForceActiveEpic.ts
-var import_rxjs8 = require("rxjs");
-var import_schema11 = require("@cxbox-ui/schema");
+var import_rxjs9 = require("rxjs");
+var import_schema12 = require("@cxbox-ui/schema");
 var import_toolkit2 = require("@reduxjs/toolkit");
 var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs8.filter)(changeDataItem.match), (0, import_rxjs8.mergeMap)(function (action) {
-        var _a, _b, _c, _d;
+    return action$.pipe((0, import_rxjs9.filter)(changeDataItem.match), (0, import_rxjs9.mergeMap)(function (action) {
+        var _a, _b, _c, _d, _e;
         var state = state$.value;
         var initUrl = state.view.url;
-        var _e = action.payload, bcName = _e.bcName, cursor = _e.cursor, disableRetry = _e.disableRetry;
+        var _f = action.payload, bcName = _f.bcName, cursor = _f.cursor, disableRetry = _f.disableRetry;
         var isBcHierarchy = state.view.widgets.some(function (widget) {
             var _a, _b;
-            return widget.bcName === bcName && widget.type === import_schema11.WidgetTypes.AssocListPopup && (((_a = widget.options) === null || _a === void 0 ? void 0 : _a.hierarchySameBc) || ((_b = widget.options) === null || _b === void 0 ? void 0 : _b.hierarchyFull));
+            return widget.bcName === bcName && widget.type === import_schema12.WidgetTypes.AssocListPopup && (((_a = widget.options) === null || _a === void 0 ? void 0 : _a.hierarchySameBc) || ((_b = widget.options) === null || _b === void 0 ? void 0 : _b.hierarchyFull));
         });
         if (isBcHierarchy) {
-            return import_rxjs8.EMPTY;
-        }
-        var isPickListPopup = state.view.widgets.find(function (item) { var _a; return item.name === ((_a = state.view.popupData) === null || _a === void 0 ? void 0 : _a.widgetName) && [import_schema11.WidgetTypes.PickListPopup, import_schema11.WidgetTypes.FlatTreePopup].includes(item.type); });
-        var bcUrl = buildBcUrl(bcName, true);
-        var pendingChanges = state.view.pendingDataChanges[bcName][cursor];
-        var handledForceActive = ((_a = state.view.handledForceActive[bcName]) === null || _a === void 0 ? void 0 : _a[cursor]) || {};
-        var currentRecordData = (_b = state.data[bcName]) === null || _b === void 0 ? void 0 : _b.find(function (record) { return record.id === cursor; });
-        var fieldsRowMeta = (_d = (_c = state.view.rowMeta[bcName]) === null || _c === void 0 ? void 0 : _c[bcUrl]) === null || _d === void 0 ? void 0 : _d.fields;
+            return import_rxjs9.EMPTY;
+        }
+        var isPickListPopup = state.view.widgets.find(function (item) { var _a; return item.name === ((_a = state.view.popupData) === null || _a === void 0 ? void 0 : _a.widgetName) && [import_schema12.WidgetTypes.PickListPopup, import_schema12.WidgetTypes.FlatTreePopup].includes(item.type); });
+        var bcUrl = buildBcUrl(bcName, true, state);
+        var pendingChanges = (_a = state.view.pendingDataChanges[bcName]) === null || _a === void 0 ? void 0 : _a[cursor];
+        var handledForceActive = ((_b = state.view.handledForceActive[bcName]) === null || _b === void 0 ? void 0 : _b[cursor]) || {};
+        var currentRecordData = (_c = state.data[bcName]) === null || _c === void 0 ? void 0 : _c.find(function (record) { return record.id === cursor; });
+        var fieldsRowMeta = (_e = (_d = state.view.rowMeta[bcName]) === null || _d === void 0 ? void 0 : _d[bcUrl]) === null || _e === void 0 ? void 0 : _e.fields;
         var changedFiledKey = null;
-        var closePopup = (0, import_rxjs8.concat)((0, import_rxjs8.of)(viewClearPickMap(null)), (0, import_rxjs8.of)(closeViewPopup(null)), (0, import_rxjs8.of)(bcRemoveAllFilters({ bcName: bcName })));
+        var closePopup = (0, import_rxjs9.concat)((0, import_rxjs9.of)(closeViewPopup(null)), (0, import_rxjs9.of)(viewClearPickMap(null)), (0, import_rxjs9.of)(bcRemoveAllFilters({ bcName: bcName })));
         var someForceActiveChanged = fieldsRowMeta === null || fieldsRowMeta === void 0 ? void 0 : fieldsRowMeta.filter(function (field) { return field.forceActive && pendingChanges[field.key] !== void 0; }).some(function (field) {
             var result = pendingChanges[field.key] !== handledForceActive[field.key];
             if (result) {
@@ -1738,10 +1797,10 @@ var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
         });
         var requestId = (0, import_toolkit2.nanoid)();
         if (someForceActiveChanged && !disableRetry) {
-            return (0, import_rxjs8.concat)((0, import_rxjs8.of)(addPendingRequest({ request: { requestId: requestId, type: "force-active" } })), api.getRmByForceActive(state.screen.screenName, bcUrl, __assign(__assign({}, pendingChanges), { vstamp: currentRecordData.vstamp })).pipe((0, import_rxjs8.mergeMap)(function (data) {
-                var result = [(0, import_rxjs8.of)(removePendingRequest({ requestId: requestId }))];
+            return (0, import_rxjs9.concat)((0, import_rxjs9.of)(addPendingRequest({ request: { requestId: requestId, type: "force-active" } })), api.getRmByForceActive(state.screen.screenName, bcUrl, __assign(__assign({}, pendingChanges), { vstamp: currentRecordData === null || currentRecordData === void 0 ? void 0 : currentRecordData.vstamp })).pipe((0, import_rxjs9.mergeMap)(function (data) {
+                var result = [(0, import_rxjs9.of)(removePendingRequest({ requestId: requestId }))];
                 if (state.view.url === initUrl) {
-                    result.push((0, import_rxjs8.of)(forceActiveRmUpdate({
+                    result.push((0, import_rxjs9.of)(forceActiveRmUpdate({
                         rowMeta: data,
                         currentRecordData: currentRecordData,
                         bcName: bcName,
@@ -1752,8 +1811,8 @@ var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
                 if (isPickListPopup) {
                     result.push(closePopup);
                 }
-                return (0, import_rxjs8.concat).apply(void 0, result);
-            }), (0, import_rxjs8.catchError)(function (e) {
+                return (0, import_rxjs9.concat).apply(void 0, result);
+            }), (0, import_rxjs9.catchError)(function (e) {
                 var _a;
                 var _b, _c, _d, _e, _f, _g;
                 console.error(e);
@@ -1764,30 +1823,36 @@ var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
                     entityError = (_e = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _e === void 0 ? void 0 : _e.entity;
                     viewError = (_g = (_f = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _f === void 0 ? void 0 : _f.popup) === null || _g === void 0 ? void 0 : _g[0];
                 }
-                return (0, import_rxjs8.concat)((0, import_rxjs8.of)(removePendingRequest({ requestId: requestId })), state.view.url === initUrl ? (0, import_rxjs8.concat)((0, import_rxjs8.of)(changeDataItem({
+                return (0, import_rxjs9.concat)((0, import_rxjs9.of)(removePendingRequest({ requestId: requestId })), state.view.url === initUrl ? (0, import_rxjs9.concat)((0, import_rxjs9.of)(changeDataItem({
                     bcName: bcName,
+                    bcUrl: buildBcUrl(bcName, true, state),
                     cursor: cursor,
-                    dataItem: (_a = {}, _a[changedFiledKey] = currentRecordData[changedFiledKey], _a),
+                    dataItem: (_a = {}, _a[changedFiledKey] = currentRecordData === null || currentRecordData === void 0 ? void 0 : currentRecordData[changedFiledKey], _a),
                     disableRetry: true
-                })), (0, import_rxjs8.of)(forceActiveChangeFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError }))) : import_rxjs8.EMPTY);
+                })), (0, import_rxjs9.of)(forceActiveChangeFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError }))) : import_rxjs9.EMPTY, createApiErrorObservable(e));
             })));
         }
-        return isPickListPopup ? closePopup : import_rxjs8.EMPTY;
+        return isPickListPopup ? closePopup : import_rxjs9.EMPTY;
     }));
 };
 // src/epics/view/showAllTableRecordsInitEpic.ts
-var import_rxjs9 = require("rxjs");
-var showAllTableRecordsInitEpic = function (action$, state$) { return action$.pipe((0, import_rxjs9.filter)(showAllTableRecordsInit.match), (0, import_rxjs9.mergeMap)(function (action) {
+var import_rxjs10 = require("rxjs");
+var showAllTableRecordsInitEpic = function (action$, state$) { return action$.pipe((0, import_rxjs10.filter)(showAllTableRecordsInit.match), (0, import_rxjs10.mergeMap)(function (action) {
     var _a;
     var resultObservables = [];
-    var bcName = action.payload.bcName;
-    resultObservables.push((0, import_rxjs9.of)(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = null, _a) })));
-    resultObservables.push((0, import_rxjs9.of)(bcForceUpdate({ bcName: bcName })));
-    return (0, import_rxjs9.concat).apply(void 0, resultObservables);
+    var _b = action.payload, bcName = _b.bcName, cursor = _b.cursor;
+    var state = state$.value;
+    var route = state.router;
+    resultObservables.push((0, import_rxjs10.of)(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = null, _a) })));
+    var bcPath = route.bcPath.slice(0, route.bcPath.indexOf("".concat(bcName, "/").concat(cursor)));
+    var url = defaultBuildURL(__assign(__assign({}, route), { bcPath: bcPath }));
+    resultObservables.push((0, import_rxjs10.of)(bcForceUpdate({ bcName: bcName })));
+    resultObservables.push((0, import_rxjs10.of)(changeLocation({ location: defaultParseURL(new URL(url, window.location.origin)) })));
+    return (0, import_rxjs10.concat).apply(void 0, resultObservables);
 })); };
 // src/epics/view/clearPendingDataChangesAfterCursorChangeEpic.ts
-var import_rxjs10 = require("rxjs");
-var clearPendingDataChangesAfterCursorChangeEpic = function (action$, state$) { return action$.pipe((0, import_rxjs10.filter)(bcChangeCursors.match), (0, import_rxjs10.mergeMap)(function (action) {
+var import_rxjs11 = require("rxjs");
+var clearPendingDataChangesAfterCursorChangeEpic = function (action$, state$) { return action$.pipe((0, import_rxjs11.filter)(bcChangeCursors.match), (0, import_rxjs11.mergeMap)(function (action) {
     var state = state$.value;
     var nextCursors = parseBcCursors(state.router.bcPath) || {};
     var cursorsDiffMap = {};
@@ -1799,29 +1864,129 @@ var clearPendingDataChangesAfterCursorChangeEpic = function (action$, state$) {
         }
     });
     if (Object.keys(cursorsDiffMap).length) {
-        return (0, import_rxjs10.of)(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
+        return (0, import_rxjs11.of)(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
     }
-    return import_rxjs10.EMPTY;
+    return import_rxjs11.EMPTY;
 })); };
 // src/epics/router/drilldownEpic.ts
-var import_rxjs11 = require("rxjs");
-var drillDownEpic = function (action$, state$) { return action$.pipe((0, import_rxjs11.filter)(drillDown.match), (0, import_rxjs11.switchMap)(function (action) {
-    return import_rxjs11.EMPTY;
+var import_rxjs12 = require("rxjs");
+var drillDownEpic = function (action$, state$) { return action$.pipe((0, import_rxjs12.filter)(drillDown.match), (0, import_rxjs12.switchMap)(function (action) {
+    var _a, _b;
+    var state = state$.value;
+    var url = action.payload.url;
+    var result = [];
+    switch (action.payload.drillDownType) {
+        case import_schema.DrillDownType.external:
+            window.location.href = url;
+            break;
+        case import_schema.DrillDownType.externalNew:
+            if (/^[a-z0-9]+:\/\//i.test(url)) {
+                window.open(url);
+            }
+            break;
+        case import_schema.DrillDownType.relative:
+            window.location.href = "".concat(window.location.origin, "/").concat(url);
+            break;
+        case import_schema.DrillDownType.relativeNew:
+            window.open("".concat(window.location.origin, "/").concat(url), "_blank");
+            break;
+        case import_schema.DrillDownType.inner:
+        default:
+            var urlBase = url.split("?")[0];
+            var urlObject = new URL(url, window.location.origin);
+            var urlFilters = urlObject.searchParams.get("filters");
+            var urlSorters = urlObject.searchParams.get("sorters");
+            var newFilters_1 = {};
+            var newSorters = {};
+            try {
+                newFilters_1 = (_a = JSON.parse(urlFilters)) !== null && _a !== void 0 ? _a : newFilters_1;
+            }
+            catch (_c) {
+                urlFilters && console.warn("Failed to parse filters on drilldown");
+                newFilters_1 = {};
+            }
+            try {
+                newSorters = (_b = JSON.parse(urlSorters)) !== null && _b !== void 0 ? _b : newSorters;
+            }
+            catch (_d) {
+                urlSorters && console.warn("Failed to parse sorters on drilldown");
+                newSorters = {};
+            }
+            var bcToUpdate_1 = {};
+            Object.keys(state.screen.filters).forEach(function (bcName) {
+                if (newFilters_1[bcName] === "" || newFilters_1[bcName]) {
+                    bcToUpdate_1[bcName] = true;
+                    result.push(bcRemoveAllFilters({ bcName: bcName }));
+                }
+            });
+            var nextState = defaultParseURL(urlObject);
+            var viewName_1 = nextState.viewName;
+            Object.entries(newFilters_1).forEach(function (_a) {
+                var _b;
+                var bcName = _a[0], filterExpression = _a[1];
+                var parsedFilters = (_b = parseFilters(filterExpression)) === null || _b === void 0 ? void 0 : _b.map(function (item) { return (__assign(__assign({}, item), { viewName: viewName_1 })); });
+                parsedFilters === null || parsedFilters === void 0 ? void 0 : parsedFilters.forEach(function (parsedFilter) {
+                    bcToUpdate_1[bcName] = true;
+                    result.push(bcAddFilter({ bcName: bcName, filter: parsedFilter }));
+                });
+            });
+            Object.entries(newSorters).forEach(function (_a) {
+                var bcName = _a[0], sortExpression = _a[1];
+                var sorter = parseSorters(sortExpression);
+                result.push(bcAddSorter({ bcName: bcName, sorter: sorter }));
+                bcToUpdate_1[bcName] = true;
+            });
+            var prevState = state.router;
+            var willUpdateAnyway = shallowCompare(prevState, nextState, ["params"]).length > 0;
+            if (!willUpdateAnyway) {
+                Object.keys(bcToUpdate_1).forEach(function (bcName) {
+                    result.push(bcForceUpdate({ bcName: bcName }));
+                });
+            }
+            result.push(changeLocation({ location: defaultParseURL(new URL(makeRelativeUrl(urlBase), window.location.origin)) }));
+            break;
+    }
+    return result.length ? (0, import_rxjs12.concat)(result) : import_rxjs12.EMPTY;
 })); };
+function shallowCompare(prevProps, nextProps, ignore) {
+    if (ignore === void 0) { ignore = []; }
+    var diffProps = [];
+    if (!prevProps && !nextProps) {
+        return null;
+    }
+    if (!prevProps) {
+        return Object.keys(nextProps);
+    }
+    if (!nextProps) {
+        return Object.keys(prevProps);
+    }
+    var newKeys = Object.keys(nextProps);
+    newKeys.forEach(function (key) {
+        if (prevProps[key] !== nextProps[key] && !ignore.includes(key)) {
+            diffProps.push(key);
+        }
+    });
+    Object.keys(prevProps).forEach(function (key) {
+        if (!newKeys.includes(key)) {
+            diffProps.push(key);
+        }
+    });
+    return diffProps;
+}
 // src/epics/router/loginDoneEpic.ts
-var import_rxjs12 = require("rxjs");
-var loginDoneEpic = function (action$, state$) { return action$.pipe((0, import_rxjs12.filter)(loginDone.match), (0, import_rxjs12.switchMap)(function (action) {
+var import_rxjs13 = require("rxjs");
+var loginDoneEpic = function (action$, state$) { return action$.pipe((0, import_rxjs13.filter)(loginDone.match), (0, import_rxjs13.switchMap)(function (action) {
     var state = state$.value;
     if (state.router.type === "router" /* router */) {
-        return (0, import_rxjs12.of)(handleRouter(state.router));
+        return (0, import_rxjs13.of)(handleRouter(state.router));
     }
     var nextScreenName = state.router.screenName;
     var nextScreen = state.session.screens.find(function (item) { return nextScreenName ? item.name === nextScreenName : item.defaultScreen; }) || state.session.screens[0];
-    return nextScreen ? (0, import_rxjs12.of)(selectScreen({ screen: nextScreen })) : (0, import_rxjs12.of)(selectScreenFail({ screenName: nextScreenName }));
+    return nextScreen ? (0, import_rxjs13.of)(selectScreen({ screen: nextScreen })) : (0, import_rxjs13.of)(selectScreenFail({ screenName: nextScreenName }));
 })); };
 // src/epics/router/selectViewEpic.ts
-var import_rxjs13 = require("rxjs");
-var changeViewEpic = function (action$, state$) { return action$.pipe((0, import_rxjs13.filter)(selectView.match), (0, import_rxjs13.switchMap)(function (action) {
+var import_rxjs14 = require("rxjs");
+var changeViewEpic = function (action$, state$) { return action$.pipe((0, import_rxjs14.filter)(selectView.match), (0, import_rxjs14.switchMap)(function (action) {
     var state = state$.value;
     var nextCursors = parseBcCursors(state.router.bcPath) || {};
     var cursorsDiffMap = {};
@@ -1833,77 +1998,77 @@ var changeViewEpic = function (action$, state$) { return action$.pipe((0, import
         }
     });
     if (Object.keys(cursorsDiffMap).length) {
-        return (0, import_rxjs13.of)(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
+        return (0, import_rxjs14.of)(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
     }
-    return import_rxjs13.EMPTY;
+    return import_rxjs14.EMPTY;
 })); };
 // src/epics/router/handleRouterEpic.ts
-var import_rxjs14 = require("rxjs");
+var import_rxjs15 = require("rxjs");
 var handleRouterEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs14.filter)(handleRouter.match), (0, import_rxjs14.switchMap)(function (action) {
+    return action$.pipe((0, import_rxjs15.filter)(handleRouter.match), (0, import_rxjs15.switchMap)(function (action) {
         var path = action.payload.path;
         var params = action.payload.params;
-        return api.routerRequest(path, params).pipe((0, import_rxjs14.mergeMap)(function () {
-            return import_rxjs14.EMPTY;
-        }), (0, import_rxjs14.catchError)(function (error) {
+        return api.routerRequest(path, params).pipe((0, import_rxjs15.mergeMap)(function () {
+            return import_rxjs15.EMPTY;
+        }), (0, import_rxjs15.catchError)(function (error) {
             console.error(error);
-            return import_rxjs14.EMPTY;
+            return createApiErrorObservable(error);
         }));
     }));
 };
 // src/epics/router/selectScreenEpic.ts
-var import_rxjs15 = require("rxjs");
-var changeScreen = function (action$, state$) { return action$.pipe((0, import_rxjs15.filter)(selectScreen.match), (0, import_rxjs15.switchMap)(function (action) {
+var import_rxjs16 = require("rxjs");
+var changeScreen = function (action$, state$) { return action$.pipe((0, import_rxjs16.filter)(selectScreen.match), (0, import_rxjs16.switchMap)(function (action) {
     var state = state$.value;
     var nextViewName = state.router.viewName;
     var requestedView = state.screen.views.find(function (item) { return item.name === nextViewName; });
     var defaultView = !nextViewName && state.screen.primaryView && state.screen.views.find(function (item) { return item.name === state.screen.primaryView; });
     var nextView = requestedView || defaultView || state.screen.views[0];
-    return nextView ? (0, import_rxjs15.of)(selectView(nextView)) : (0, import_rxjs15.of)(selectViewFail({ viewName: nextViewName }));
+    return nextView ? (0, import_rxjs16.of)(selectView(nextView)) : (0, import_rxjs16.of)(selectViewFail({ viewName: nextViewName }));
 })); };
 // src/epics/router/userDrillDownEpic.ts
-var import_rxjs16 = require("rxjs");
+var import_rxjs17 = require("rxjs");
 var userDrillDownEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs16.filter)(userDrillDown.match), (0, import_rxjs16.switchMap)(function (action) {
+    return action$.pipe((0, import_rxjs17.filter)(userDrillDown.match), (0, import_rxjs17.switchMap)(function (action) {
         var state = state$.value;
         var _a = action.payload, bcName = _a.bcName, fieldKey = _a.fieldKey, cursor = _a.cursor;
-        var bcUrl = buildBcUrl(bcName, true);
-        return api.fetchRowMeta(state.screen.screenName, bcUrl).pipe((0, import_rxjs16.mergeMap)(function (rowMeta) {
+        var bcUrl = buildBcUrl(bcName, true, state);
+        return api.fetchRowMeta(state.screen.screenName, bcUrl).pipe((0, import_rxjs17.mergeMap)(function (rowMeta) {
             var _a, _b, _c, _d;
             var drillDownField = rowMeta.fields.find(function (field) { return field.key === fieldKey; });
             var route = state.router;
             var drillDownKey = (_b = (_a = state.view.widgets.find(function (widget) { return widget.bcName === bcName; })) === null || _a === void 0 ? void 0 : _a.fields.find(function (field) { return field.key === fieldKey; })) === null || _b === void 0 ? void 0 : _b.drillDownKey;
             var customDrillDownUrl = (_d = (_c = state.data[bcName]) === null || _c === void 0 ? void 0 : _c.find(function (record) { return record.id === cursor; })) === null || _d === void 0 ? void 0 : _d[drillDownKey];
-            return customDrillDownUrl || (drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDown) || (drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDown) !== route.path ? (0, import_rxjs16.concat)(drillDownField.drillDownType !== import_schema.DrillDownType.inner ? (0, import_rxjs16.of)(bcFetchRowMetaSuccess({ bcName: bcName, rowMeta: rowMeta, bcUrl: bcUrl, cursor: cursor })) : import_rxjs16.EMPTY, (0, import_rxjs16.of)(userDrillDownSuccess({ bcName: bcName, bcUrl: bcUrl, cursor: cursor })), (0, import_rxjs16.of)(drillDown({
+            return customDrillDownUrl || (drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDown) || (drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDown) !== route.path ? (0, import_rxjs17.concat)((drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDownType) !== import_schema.DrillDownType.inner ? (0, import_rxjs17.of)(bcFetchRowMetaSuccess({ bcName: bcName, rowMeta: rowMeta, bcUrl: bcUrl, cursor: cursor })) : import_rxjs17.EMPTY, (0, import_rxjs17.of)(userDrillDownSuccess({ bcName: bcName, bcUrl: bcUrl, cursor: cursor })), (0, import_rxjs17.of)(drillDown({
                 url: customDrillDownUrl || drillDownField.drillDown,
                 drillDownType: drillDownField.drillDownType,
                 route: route
-            }))) : import_rxjs16.EMPTY;
-        }), (0, import_rxjs16.catchError)(function (error) {
+            }))) : import_rxjs17.EMPTY;
+        }), (0, import_rxjs17.catchError)(function (error) {
             console.error(error);
-            return import_rxjs16.EMPTY;
+            return createApiErrorObservable(error);
         }));
     }));
 };
 // src/epics/router/changeLocationEpic.ts
-var import_rxjs17 = require("rxjs");
-var changeLocationEpic = function (action$, state$) { return action$.pipe((0, import_rxjs17.filter)(changeLocation.match), (0, import_rxjs17.mergeMap)(function (action) {
+var import_rxjs18 = require("rxjs");
+var changeLocationEpic = function (action$, state$) { return action$.pipe((0, import_rxjs18.filter)(changeLocation.match), (0, import_rxjs18.mergeMap)(function (action) {
     var _a, _b;
     var state = state$.value;
     if (!state.session.active) {
-        return import_rxjs17.EMPTY;
+        return import_rxjs18.EMPTY;
     }
     if (state.router.type === "router" /* router */) {
-        return (0, import_rxjs17.of)(handleRouter(state.router));
+        return (0, import_rxjs18.of)(handleRouter(state.router));
     }
     var currentScreenName = state.screen.screenName;
     var defaultScreenName = ((_a = state.session.screens.find(function (screen) { return screen.defaultScreen; })) === null || _a === void 0 ? void 0 : _a.name) || ((_b = state.session.screens[0]) === null || _b === void 0 ? void 0 : _b.name);
     var nextScreenName = state.router.type === "default" /* default */ ? defaultScreenName : state.router.screenName;
     if (nextScreenName !== currentScreenName) {
         var nextScreen = state.session.screens.find(function (item) { return item.name === nextScreenName; });
-        return nextScreen ? (0, import_rxjs17.of)(selectScreen({ screen: nextScreen })) : (0, import_rxjs17.of)(selectScreenFail({ screenName: nextScreenName }));
+        return nextScreen ? (0, import_rxjs18.of)(selectScreen({ screen: nextScreen })) : (0, import_rxjs18.of)(selectScreenFail({ screenName: nextScreenName }));
     }
     var currentViewName = state.view.name;
     var nextViewName = state.router.viewName;
@@ -1920,25 +2085,25 @@ var changeLocationEpic = function (action$, state$) { return action$.pipe((0, im
     var needUpdateViews = nextViewName !== currentViewName;
     var resultObservables = [];
     if (needUpdateCursors) {
-        resultObservables.push((0, import_rxjs17.of)(bcChangeCursors({ cursorsMap: cursorsDiffMap })));
+        resultObservables.push((0, import_rxjs18.of)(bcChangeCursors({ cursorsMap: cursorsDiffMap })));
     }
     if (needUpdateViews) {
         var nextView = nextViewName ? state.screen.views.find(function (item) { return item.name === nextViewName; }) : state.screen.primaryView ? state.screen.views.find(function (item) { return item.name === state.screen.primaryView; }) : state.screen.views[0];
-        resultObservables.push(nextView ? (0, import_rxjs17.of)(selectView(nextView)) : (0, import_rxjs17.of)(selectViewFail({ viewName: nextViewName })));
+        resultObservables.push(nextView ? (0, import_rxjs18.of)(selectView(nextView)) : (0, import_rxjs18.of)(selectViewFail({ viewName: nextViewName })));
     }
     if (needUpdateCursors && !needUpdateViews) {
         Object.entries(nextCursors).forEach(function (entry) {
             var bcName = entry[0], cursor = entry[1];
             if (!state.data[bcName].find(function (item) { return item.id === cursor; })) {
-                resultObservables.push((0, import_rxjs17.of)(bcForceUpdate({ bcName: bcName })));
+                resultObservables.push((0, import_rxjs18.of)(bcForceUpdate({ bcName: bcName })));
             }
         });
     }
-    return (0, import_rxjs17.concat).apply(void 0, resultObservables);
+    return (0, import_rxjs18.concat).apply(void 0, resultObservables);
 })); };
 // src/epics/router/selectViewFailEpic.ts
-var import_rxjs18 = require("rxjs");
-var selectViewFailEpic = function (action$, state$) { return action$.pipe((0, import_rxjs18.filter)(selectViewFail.match), (0, import_rxjs18.map)(function (action) {
+var import_rxjs19 = require("rxjs");
+var selectViewFailEpic = function (action$, state$) { return action$.pipe((0, import_rxjs19.filter)(selectViewFail.match), (0, import_rxjs19.map)(function (action) {
     return addNotification({
         type: "error",
         key: "selectViewFail",
@@ -1947,8 +2112,8 @@ var selectViewFailEpic = function (action$, state$) { return action$.pipe((0, im
     });
 })); };
 // src/epics/router/selectScreenFailEpic.ts
-var import_rxjs19 = require("rxjs");
-var selectScreenFailEpic = function (action$) { return action$.pipe((0, import_rxjs19.filter)(selectScreenFail.match), (0, import_rxjs19.map)(function (action) {
+var import_rxjs20 = require("rxjs");
+var selectScreenFailEpic = function (action$) { return action$.pipe((0, import_rxjs20.filter)(selectScreenFail.match), (0, import_rxjs20.map)(function (action) {
     return addNotification({
         type: "error",
         key: "selectScreenFail",
@@ -1957,8 +2122,8 @@ var selectScreenFailEpic = function (action$) { return action$.pipe((0, import_r
     });
 })); };
 // src/epics/router/userDrilldownChangeCursorsEpic.ts
-var import_rxjs20 = require("rxjs");
-var userDrillDownChangeCursorsEpic = function (action$, state$) { return action$.pipe((0, import_rxjs20.filter)(userDrillDown.match), (0, import_rxjs20.map)(function (action) {
+var import_rxjs21 = require("rxjs");
+var userDrillDownChangeCursorsEpic = function (action$, state$) { return action$.pipe((0, import_rxjs21.filter)(userDrillDown.match), (0, import_rxjs21.map)(function (action) {
     var _a;
     var _b;
     var state = state$.value;
@@ -1967,54 +2132,55 @@ var userDrillDownChangeCursorsEpic = function (action$, state$) { return action$
     if (cursor !== action.payload.cursor) {
         return bcChangeCursors({ cursorsMap: (_a = {}, _a[action.payload.bcName] = action.payload.cursor, _a) });
     }
-    return void 0;
+    return emptyAction;
 })); };
 // src/epics/screen/apiErrorEpic.ts
 var import_axios = __toESM(require("axios"));
-var import_rxjs21 = require("rxjs");
-var knownHttpErrors = [401, 409, 418, 500];
-var apiErrorEpic = function (action$) { return action$.pipe((0, import_rxjs21.filter)(apiError.match), (0, import_rxjs21.mergeMap)(function (action) {
+var import_rxjs22 = require("rxjs");
+var apiErrorEpic = function (action$) { return action$.pipe((0, import_rxjs22.filter)(apiError.match), (0, import_rxjs22.mergeMap)(function (action) {
     var _a = action.payload, error = _a.error, callContext = _a.callContext;
     if (error.response) {
-        return (0, import_rxjs21.of)(httpError({
+        return (0, import_rxjs22.of)(httpError({
             statusCode: error.response.status,
             error: error,
             callContext: callContext
         }));
     }
     else if (!import_axios.default.isCancel(error)) {
-        return (0, import_rxjs21.of)(showViewError({
+        return (0, import_rxjs22.of)(showViewError({
             error: {
                 type: 2 /* NetworkError */
             }
         }));
     }
-    return import_rxjs21.EMPTY;
+    return import_rxjs22.EMPTY;
 })); };
 // src/epics/screen/downloadFileEpic.ts
-var import_rxjs22 = require("rxjs");
+var import_rxjs23 = require("rxjs");
 var downloadFileEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs22.filter)(downloadFile.match), (0, import_rxjs22.tap)(function (action) {
+    return action$.pipe((0, import_rxjs23.filter)(downloadFile.match), (0, import_rxjs23.tap)(function (action) {
+        var fileId = action.payload.fileId;
         var anchor = document.createElement("a");
+        anchor.href = "".concat(api.fileUploadEndpoint, "?id=").concat(encodeURIComponent(fileId));
         anchor.style.display = "none";
         document.body.appendChild(anchor);
         setTimeout(function () {
             anchor.click();
             document.body.removeChild(anchor);
         }, 100);
-    }), (0, import_rxjs22.mergeMap)(function () { return import_rxjs22.EMPTY; }));
+    }), (0, import_rxjs23.mergeMap)(function () { return import_rxjs23.EMPTY; }));
 };
 // src/epics/screen/httpError401Epic.ts
-var import_rxjs23 = require("rxjs");
-var httpError401Epic = function (action$) { return action$.pipe((0, import_rxjs23.filter)(httpError.match), (0, import_rxjs23.filter)(function (action) { return action.payload.statusCode === 401; }), (0, import_rxjs23.map)(function (action) {
+var import_rxjs24 = require("rxjs");
+var httpError401Epic = function (action$) { return action$.pipe((0, import_rxjs24.filter)(httpError.match), (0, import_rxjs24.filter)(function (action) { return action.payload.statusCode === 401; }), (0, import_rxjs24.map)(function (action) {
     return logoutDone(null);
 })); };
 // src/epics/screen/httpError409Epic.ts
-var import_rxjs24 = require("rxjs");
-var httpError409Epic = function (action$, state$) { return action$.pipe((0, import_rxjs24.filter)(httpError.match), (0, import_rxjs24.filter)(function (action) { return action.payload.statusCode === 409; }), (0, import_rxjs24.map)(function (action) {
-    var _a, _b;
-    var notificationMessage = ((_b = (_a = action.payload.error.response.data.error) === null || _a === void 0 ? void 0 : _a.popup) === null || _b === void 0 ? void 0 : _b[0]) || "";
+var import_rxjs25 = require("rxjs");
+var httpError409Epic = function (action$, state$) { return action$.pipe((0, import_rxjs25.filter)(httpError.match), (0, import_rxjs25.filter)(function (action) { return action.payload.statusCode === 409; }), (0, import_rxjs25.map)(function (action) {
+    var _a, _b, _c;
+    var notificationMessage = ((_c = (_b = ((_a = action.payload.error.response) === null || _a === void 0 ? void 0 : _a.data).error) === null || _b === void 0 ? void 0 : _b.popup) === null || _c === void 0 ? void 0 : _c[0]) || "";
     return addNotification({
         key: "action_edit_error",
         message: notificationMessage,
@@ -2028,34 +2194,34 @@ var httpError409Epic = function (action$, state$) { return action$.pipe((0, impo
     });
 })); };
 // src/epics/screen/httpError418Epic.ts
-var import_rxjs25 = require("rxjs");
-var httpError418Epic = function (action$, state$) { return action$.pipe((0, import_rxjs25.filter)(httpError.match), (0, import_rxjs25.filter)(function (action) { return action.payload.statusCode === 418; }), (0, import_rxjs25.mergeMap)(function (action) {
-    var _a;
-    var _b = action.payload, error = _b.error, callContext = _b.callContext;
+var import_rxjs26 = require("rxjs");
+var httpError418Epic = function (action$, state$) { return action$.pipe((0, import_rxjs26.filter)(httpError.match), (0, import_rxjs26.filter)(function (action) { return action.payload.statusCode === 418; }), (0, import_rxjs26.mergeMap)(function (action) {
+    var _a, _b;
+    var _c = action.payload, error = _c.error, callContext = _c.callContext;
     var result = [];
-    var typedError = error.response.data;
+    var typedError = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data;
     if (!typedError.error.popup) {
-        return import_rxjs25.EMPTY;
+        return import_rxjs26.EMPTY;
     }
     var businessError = {
         type: 0 /* BusinessError */,
         message: typedError.error.popup[0]
     };
-    result.push((0, import_rxjs25.of)(showViewError({ error: businessError })));
-    if ((_a = typedError.error.postActions) === null || _a === void 0 ? void 0 : _a[0]) {
+    result.push((0, import_rxjs26.of)(showViewError({ error: businessError })));
+    if ((_b = typedError.error.postActions) === null || _b === void 0 ? void 0 : _b[0]) {
         var widget = state$.value.view.widgets.find(function (item) { return item.name === callContext.widgetName; });
-        var bcName = widget.bcName;
-        result.push((0, import_rxjs25.of)(processPostInvoke({
+        var bcName = widget === null || widget === void 0 ? void 0 : widget.bcName;
+        result.push((0, import_rxjs26.of)(processPostInvoke({
             bcName: bcName,
             postInvoke: typedError.error.postActions[0],
-            widgetName: widget.name
+            widgetName: widget === null || widget === void 0 ? void 0 : widget.name
         })));
     }
-    return (0, import_rxjs25.concat).apply(void 0, result);
+    return (0, import_rxjs26.concat).apply(void 0, result);
 })); };
 // src/epics/screen/httpError500Epic.ts
-var import_rxjs26 = require("rxjs");
-var httpError500Epic = function (action$, state$) { return action$.pipe((0, import_rxjs26.filter)(httpError.match), (0, import_rxjs26.filter)(function (action) { return action.payload.statusCode === 500; }), (0, import_rxjs26.map)(function (action) {
+var import_rxjs27 = require("rxjs");
+var httpError500Epic = function (action$, state$) { return action$.pipe((0, import_rxjs27.filter)(httpError.match), (0, import_rxjs27.filter)(function (action) { return action.payload.statusCode === 500; }), (0, import_rxjs27.map)(function (action) {
     var _a;
     var systemError = {
         type: 1 /* SystemError */,
@@ -2065,18 +2231,20 @@ var httpError500Epic = function (action$, state$) { return action$.pipe((0, impo
     return showViewError({ error: systemError });
 })); };
 // src/epics/screen/httpErrorDefaultEpic.ts
-var import_rxjs27 = require("rxjs");
-var httpErrorDefaultEpic = function (action$, store) { return action$.pipe((0, import_rxjs27.filter)(httpError.match), (0, import_rxjs27.filter)(function (action) { return !knownHttpErrors.includes(action.payload.statusCode); }), (0, import_rxjs27.map)(function (action) {
+var import_rxjs28 = require("rxjs");
+var knownHttpErrors = [401, 409, 418, 500];
+var httpErrorDefaultEpic = function (action$, state$) { return action$.pipe((0, import_rxjs28.filter)(httpError.match), (0, import_rxjs28.filter)(function (action) { return !knownHttpErrors.includes(action.payload.statusCode); }), (0, import_rxjs28.map)(function (action) {
+    var _a, _b;
     var businessError = {
         type: 0 /* BusinessError */,
-        code: action.payload.error.response.status,
-        details: action.payload.error.response.data
+        code: (_a = action.payload.error.response) === null || _a === void 0 ? void 0 : _a.status,
+        details: (_b = action.payload.error.response) === null || _b === void 0 ? void 0 : _b.data
     };
     return showViewError({ error: businessError });
 })); };
 // src/epics/screen/downloadFileByUrlEpic.ts
-var import_rxjs28 = require("rxjs");
-var downloadFileByUrlEpic = function (action$, state$) { return action$.pipe((0, import_rxjs28.filter)(downloadFileByUrl.match), (0, import_rxjs28.tap)(function (action) {
+var import_rxjs29 = require("rxjs");
+var downloadFileByUrlEpic = function (action$, state$) { return action$.pipe((0, import_rxjs29.filter)(downloadFileByUrl.match), (0, import_rxjs29.tap)(function (action) {
     var url = action.payload.url;
     var anchor = document.createElement("a");
     anchor.href = url;
@@ -2086,19 +2254,23 @@ var downloadFileByUrlEpic = function (action$, state$) { return action$.pipe((0,
         anchor.click();
         document.body.removeChild(anchor);
     }, 100);
-}), (0, import_rxjs28.mergeMap)(function () { return import_rxjs28.EMPTY; })); };
+}), (0, import_rxjs29.mergeMap)(function () { return import_rxjs29.EMPTY; })); };
 // src/epics/screen/processPostInvokeEpic.ts
-var import_rxjs29 = require("rxjs");
-var processPostInvokeEpic = function (action$, state$) { return action$.pipe((0, import_rxjs29.filter)(processPostInvoke.match), (0, import_rxjs29.mergeMap)(function (action) {
+var import_rxjs30 = require("rxjs");
+var processPostInvokeEpic = function (action$, state$) { return action$.pipe((0, import_rxjs30.filter)(processPostInvoke.match), (0, import_rxjs30.mergeMap)(function (action) {
     var _a;
+    var _b;
     var state = state$.value;
     switch (action.payload.postInvoke.type) {
         case "drillDown" /* drillDown */:
-            return (0, import_rxjs29.of)(drillDown(__assign(__assign({}, action.payload.postInvoke), { route: state.router, widgetName: action.payload.widgetName })));
+            return (0, import_rxjs30.of)(drillDown(__assign(__assign({}, action.payload.postInvoke), { route: state.router, widgetName: action.payload.widgetName })));
         case "postDelete" /* postDelete */: {
             var cursorsMap = (_a = {}, _a[action.payload.bcName] = null, _a);
             var result = [bcChangeCursors({ cursorsMap: cursorsMap })];
-            if (state.router.bcPath.includes("".concat(action.payload.bcName, "/"))) {
+            if ((_b = state.router.bcPath) === null || _b === void 0 ? void 0 : _b.includes("".concat(action.payload.bcName, "/"))) {
+                var newBcUrl = state.router.bcPath.split(action.payload.bcName)[0] || "";
+                var newUrl = "/screen/".concat(state.router.screenName, "/view/").concat(state.router.viewName, "/").concat(newBcUrl);
+                result.push(changeLocation({ location: defaultParseURL(new URL(newUrl, window.location.origin)) }));
             }
             else {
                 result.push(bcFetchDataRequest({
@@ -2106,7 +2278,7 @@ var processPostInvokeEpic = function (action$, state$) { return action$.pipe((0,
                     widgetName: action.payload.widgetName
                 }));
             }
-            return (0, import_rxjs29.of).apply(void 0, result);
+            return (0, import_rxjs30.of).apply(void 0, result);
         }
         case "refreshBC" /* refreshBC */: {
             var bo = state.screen.bo;
@@ -2116,36 +2288,36 @@ var processPostInvokeEpic = function (action$, state$) { return action$.pipe((0,
             var widgetName = action.payload.widgetName || "";
             var infiniteWidgets_1 = state.view.infiniteWidgets || [];
             var infinitePagination = state.view.widgets.some(function (item) { return item.bcName === postInvokeBC_1 && infiniteWidgets_1.includes(item.name); });
-            return infinitePagination ? (0, import_rxjs29.of)(bcFetchDataPages({
+            return infinitePagination ? (0, import_rxjs30.of)(bcFetchDataPages({
                 bcName: postInvokeBCItem.name,
                 widgetName: widgetName,
                 from: 1,
                 to: postInvokeBCItem.page
-            })) : (0, import_rxjs29.of)(bcFetchDataRequest({
+            })) : (0, import_rxjs30.of)(bcFetchDataRequest({
                 bcName: postInvokeBCItem.name,
                 widgetName: widgetName
             }));
         }
         case "showMessage" /* showMessage */: {
             var postInvoke = action.payload.postInvoke;
-            return (0, import_rxjs29.of)(showNotification({ type: postInvoke.messageType, message: postInvoke.messageText }));
+            return (0, import_rxjs30.of)(showNotification({ type: postInvoke.messageType, message: postInvoke.messageText }));
         }
         case "downloadFile" /* downloadFile */: {
             var postInvoke = action.payload.postInvoke;
-            return (0, import_rxjs29.of)(downloadFile({ fileId: postInvoke.fileId }));
+            return (0, import_rxjs30.of)(downloadFile({ fileId: postInvoke.fileId }));
         }
         case "downloadFileByUrl" /* downloadFileByUrl */: {
             var postInvoke = action.payload.postInvoke;
-            return (0, import_rxjs29.of)(downloadFileByUrl({ url: postInvoke.url }));
+            return (0, import_rxjs30.of)(downloadFileByUrl({ url: postInvoke.url }));
         }
         default:
-            return import_rxjs29.EMPTY;
+            return import_rxjs30.EMPTY;
     }
 })); };
 // src/epics/screen/processPostInvokeConfirmEpic.ts
-var import_rxjs30 = require("rxjs");
+var import_rxjs31 = require("rxjs");
 var import_toolkit3 = require("@reduxjs/toolkit");
-var processPostInvokeConfirmEpic = function (action$, state$) { return action$.pipe((0, import_rxjs30.filter)((0, import_toolkit3.isAnyOf)(processPostInvokeConfirm, processPreInvoke)), (0, import_rxjs30.mergeMap)(function (action) {
+var processPostInvokeConfirmEpic = function (action$, state$) { return action$.pipe((0, import_rxjs31.filter)((0, import_toolkit3.isAnyOf)(processPostInvokeConfirm, processPreInvoke)), (0, import_rxjs31.mergeMap)(function (action) {
     var _a = action.payload, bcName = _a.bcName, operationType = _a.operationType, widgetName = _a.widgetName;
     var confirm = processPostInvokeConfirm.match(action) ? action.payload.postInvokeConfirm : action.payload.preInvoke;
     switch (confirm.type) {
@@ -2153,7 +2325,7 @@ var processPostInvokeConfirmEpic = function (action$, state$) { return action$.p
         case "info" /* info */:
         case "error" /* error */:
         case "confirmText" /* confirmText */: {
-            return (0, import_rxjs30.of)(operationConfirmation({
+            return (0, import_rxjs31.of)(operationConfirmation({
                 operation: {
                     bcName: bcName,
                     operationType: operationType,
@@ -2163,112 +2335,132 @@ var processPostInvokeConfirmEpic = function (action$, state$) { return action$.p
             }));
         }
         default:
-            return import_rxjs30.EMPTY;
+            return import_rxjs31.EMPTY;
     }
 })); };
 // src/epics/session/switchRoleEpic.ts
-var import_rxjs31 = require("rxjs");
-var switchRoleEpic = function (action$, state$) { return action$.pipe((0, import_rxjs31.filter)(switchRole.match), (0, import_rxjs31.switchMap)(function (action) {
-    return (0, import_rxjs31.concat)([logoutDone(null), login({ login: "", password: "", role: action.payload.role })]);
+var import_rxjs32 = require("rxjs");
+var switchRoleEpic = function (action$, state$) { return action$.pipe((0, import_rxjs32.filter)(switchRole.match), (0, import_rxjs32.switchMap)(function (action) {
+    return (0, import_rxjs32.concat)([logoutDone(null), login({ login: "", password: "", role: action.payload.role })]);
 })); };
 // src/epics/session/refreshMetaEpic.ts
-var import_rxjs32 = require("rxjs");
+var import_rxjs33 = require("rxjs");
 var refreshMetaEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs32.filter)(refreshMeta.match), (0, import_rxjs32.mergeMap)(function () {
+    return action$.pipe((0, import_rxjs33.filter)(refreshMeta.match), (0, import_rxjs33.mergeMap)(function () {
         var state = state$.value;
         var router = state.router;
         var activeRole = state.session.activeRole;
-        return api.refreshMeta().pipe((0, import_rxjs32.switchMap)(function () { return (0, import_rxjs32.concat)([
+        return api.refreshMeta().pipe((0, import_rxjs33.switchMap)(function () { return (0, import_rxjs33.concat)([
+            refreshMetaDone(),
             logoutDone(null),
             login({ login: "", password: "", role: activeRole }),
             changeLocation({
-                route: router,
-                action: "PUSH"
+                location: router
             })
-        ]); }), (0, import_rxjs32.catchError)(function (error) { return (0, import_rxjs32.of)(loginFail(error)); }));
+        ]); }), (0, import_rxjs33.catchError)(function (error) { return (0, import_rxjs33.concat)([loginFail(error), refreshMetaFail(), createApiError(error)]); }));
     }));
 };
 // src/epics/session/loginDoneEpic.ts
-var import_rxjs33 = require("rxjs");
-var loginDoneSessionEpic = function (action$, store) { return action$.pipe((0, import_rxjs33.filter)(login.match), (0, import_rxjs33.switchMap)(function (action) { return import_rxjs33.EMPTY; })); };
-// src/epics/session/loginByAnotherRoleEpic.ts
 var import_rxjs34 = require("rxjs");
+var loginDoneSessionEpic = function (action$, store) { return action$.pipe((0, import_rxjs34.filter)(login.match), (0, import_rxjs34.switchMap)(function (action) { return import_rxjs34.EMPTY; })); };
+// src/epics/session/loginByAnotherRoleEpic.ts
+var import_rxjs35 = require("rxjs");
 var responseStatusMessages = {
     401: "Invalid credentials",
     403: "Access denied"
 };
 var loginByAnotherRoleEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs34.filter)(login.match), (0, import_rxjs34.filter)(function (action) { var _a; return !!((_a = action.payload) === null || _a === void 0 ? void 0 : _a.role); }), (0, import_rxjs34.switchMap)(function (action) {
+    return action$.pipe((0, import_rxjs35.filter)(login.match), (0, import_rxjs35.filter)(function (action) { var _a; return !!((_a = action.payload) === null || _a === void 0 ? void 0 : _a.role); }), (0, import_rxjs35.switchMap)(function (action) {
         var _a;
         var role = (_a = action.payload.role) !== null && _a !== void 0 ? _a : "";
         var isSwitchRole = role && role !== state$.value.session.activeRole;
-        return api.loginByRoleRequest(role).pipe((0, import_rxjs34.mergeMap)(function (data) {
+        return api.loginByRoleRequest(role).pipe((0, import_rxjs35.mergeMap)(function (data) {
+            var _a;
+            var result = [];
             if (isSwitchRole) {
+                var defaultScreen = data.screens.find(function (screen) { return screen.defaultScreen; }) || data.screens[0];
+                var defaultViewName_1 = (_a = defaultScreen === null || defaultScreen === void 0 ? void 0 : defaultScreen.primary) !== null && _a !== void 0 ? _a : defaultScreen.meta.views[0].name;
+                var defaultView = defaultScreen === null || defaultScreen === void 0 ? void 0 : defaultScreen.meta.views.find(function (view) { return defaultViewName_1 === view.name; });
+                if (defaultView)
+                    result.push(changeLocation({ location: defaultParseURL(new URL(defaultView.url, window.location.origin)) }));
             }
-            return import_rxjs34.EMPTY;
-        }), (0, import_rxjs34.catchError)(function (error) {
+            return (0, import_rxjs35.concat)(__spreadArray(__spreadArray([], result, true), [
+                loginDone({
+                    devPanelEnabled: data.devPanelEnabled,
+                    activeRole: data.activeRole,
+                    roles: data.roles,
+                    screens: data.screens,
+                    firstName: data.firstName,
+                    lastName: data.lastName,
+                    login: data.login
+                })
+            ], false));
+        }), (0, import_rxjs35.catchError)(function (error) {
             console.error(error);
             var errorMsg = error.response ? responseStatusMessages[error.response.status] || "Server application unavailable" : "Empty server response";
-            return (0, import_rxjs34.of)(loginFail({ errorMsg: errorMsg }));
+            return (0, import_rxjs35.concat)((0, import_rxjs35.of)(loginFail({ errorMsg: errorMsg })), createApiErrorObservable(error));
         }));
     }));
 };
 // src/epics/session/refreshMetaAndReloadPageEpic.ts
-var import_rxjs35 = require("rxjs");
-var refreshMetaAndReloadPageEpic = function (action$, state$) { return action$.pipe((0, import_rxjs35.filter)(refreshMetaAndReloadPage.match), (0, import_rxjs35.switchMap)(function () { return (0, import_rxjs35.concat)((0, import_rxjs35.of)(refreshMeta(null)), action$.pipe((0, import_rxjs35.filter)(loginDone.match), (0, import_rxjs35.take)(1), (0, import_rxjs35.tap)(function () { return location.reload(); }), (0, import_rxjs35.switchMap)(function () { return import_rxjs35.EMPTY; }))); })); };
-// src/epics/data/bcNewDataEpic.ts
 var import_rxjs36 = require("rxjs");
-var import_schema12 = require("@cxbox-ui/schema");
+var refreshMetaAndReloadPageEpic = function (action$, state$) { return action$.pipe((0, import_rxjs36.filter)(refreshMetaAndReloadPage.match), (0, import_rxjs36.switchMap)(function () { return (0, import_rxjs36.concat)((0, import_rxjs36.of)(refreshMeta()), action$.pipe((0, import_rxjs36.filter)(loginDone.match), (0, import_rxjs36.take)(1), (0, import_rxjs36.tap)(function () { return location.reload(); }), (0, import_rxjs36.switchMap)(function () { return import_rxjs36.EMPTY; }))); })); };
+// src/epics/data/bcNewDataEpic.ts
+var import_rxjs37 = require("rxjs");
+var import_schema13 = require("@cxbox-ui/schema");
 var bcNewDataEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs36.filter)(sendOperation.match), (0, import_rxjs36.filter)(function (action) { return matchOperationRole(import_schema12.OperationTypeCrud.create, action.payload, state$.value); }), (0, import_rxjs36.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs37.filter)(sendOperation.match), (0, import_rxjs37.filter)(function (action) { return matchOperationRole(import_schema13.OperationTypeCrud.create, action.payload, state$.value); }), (0, import_rxjs37.mergeMap)(function (action) {
+        var _a;
         var state = state$.value;
         var bcName = action.payload.bcName;
-        var bcUrl = buildBcUrl(bcName);
+        var bcUrl = (_a = buildBcUrl(bcName, false, state)) !== null && _a !== void 0 ? _a : "";
         var context = { widgetName: action.payload.widgetName };
         var params = { _action: action.payload.operationType };
-        return api.newBcData(state.screen.screenName, bcUrl, context, params).pipe((0, import_rxjs36.mergeMap)(function (data) {
+        return api.newBcData(state.screen.screenName, bcUrl, context, params).pipe((0, import_rxjs37.mergeMap)(function (data) {
+            var _a, _b;
             var rowMeta = data.row;
             var dataItem = { id: null, vstamp: -1 };
             data.row.fields.forEach(function (field) {
                 dataItem[field.key] = field.currentValue;
             });
-            var postInvoke = data.postActions[0];
+            var postInvoke = (_a = data.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var cursor = dataItem.id;
-            return (0, import_rxjs36.concat)((0, import_rxjs36.of)(bcNewDataSuccess({ bcName: bcName, dataItem: dataItem, bcUrl: bcUrl })), (0, import_rxjs36.of)(bcFetchRowMetaSuccess({ bcName: bcName, bcUrl: "".concat(bcUrl, "/").concat(cursor), rowMeta: rowMeta, cursor: cursor })), (0, import_rxjs36.of)(changeDataItem({
-                bcName: action.payload.bcName,
+            return (0, import_rxjs37.concat)((0, import_rxjs37.of)(bcNewDataSuccess({ bcName: bcName, dataItem: dataItem, bcUrl: bcUrl })), (0, import_rxjs37.of)(bcFetchRowMetaSuccess({ bcName: bcName, bcUrl: "".concat(bcUrl, "/").concat(cursor), rowMeta: rowMeta, cursor: cursor })), (0, import_rxjs37.of)(changeDataItem({
+                bcName: bcName,
+                bcUrl: (_b = buildBcUrl(bcName, true, state)) !== null && _b !== void 0 ? _b : "",
                 cursor: cursor,
                 dataItem: {
                     id: cursor
                 }
-            })), postInvoke ? (0, import_rxjs36.of)(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: action.payload.widgetName })) : import_rxjs36.EMPTY);
-        }), (0, import_rxjs36.catchError)(function (error) {
+            })), postInvoke ? (0, import_rxjs37.of)(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: action.payload.widgetName })) : import_rxjs37.EMPTY);
+        }), (0, import_rxjs37.catchError)(function (error) {
             console.error(error);
-            return (0, import_rxjs36.of)(bcNewDataFail({ bcName: bcName }));
+            return (0, import_rxjs37.concat)((0, import_rxjs37.of)(bcNewDataFail({ bcName: bcName })), createApiErrorObservable(error, context));
         }));
     }));
 };
 // src/epics/data/bcLoadMoreEpic.ts
-var import_rxjs38 = require("rxjs");
+var import_rxjs39 = require("rxjs");
 // src/utils/cancelRequestEpic.ts
-var import_rxjs37 = require("rxjs");
+var import_rxjs38 = require("rxjs");
 var import_toolkit4 = require("@reduxjs/toolkit");
 var cancelRequestActionTypes = [selectView, logout];
 function cancelRequestEpic(action$, actionTypes, cancelFn, cancelActionCreator, filterFn) {
     if (filterFn === void 0) { filterFn = function (item) {
         return true;
     }; }
-    return action$.pipe((0, import_rxjs37.filter)((0, import_toolkit4.isAnyOf).apply(void 0, actionTypes)), (0, import_rxjs37.filter)(filterFn), (0, import_rxjs37.mergeMap)(function () {
-        cancelFn();
-        return (0, import_rxjs37.of)(cancelActionCreator);
-    }), (0, import_rxjs37.take)(1));
+    return action$.pipe((0, import_rxjs38.filter)((0, import_toolkit4.isAnyOf).apply(void 0, actionTypes)), (0, import_rxjs38.filter)(filterFn), (0, import_rxjs38.mergeMap)(function () {
+        cancelFn === null || cancelFn === void 0 ? void 0 : cancelFn();
+        return (0, import_rxjs38.of)(cancelActionCreator);
+    }), (0, import_rxjs38.take)(1));
 }
 // src/epics/data/bcLoadMoreEpic.ts
 var bcLoadMoreEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs38.filter)(bcLoadMore.match), (0, import_rxjs38.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs39.filter)(bcLoadMore.match), (0, import_rxjs39.mergeMap)(function (action) {
         var _a, _b;
         var state = state$.value;
         var bcName = action.payload.bcName;
@@ -2276,44 +2468,44 @@ var bcLoadMoreEpic = function (action$, state$, _a) {
         var cursor = bc.cursor, page = bc.page;
         var limit = ((_a = state.view.widgets.find(function (i) { return i.bcName === bcName; })) === null || _a === void 0 ? void 0 : _a.limit) || bc.limit;
         var limitBySelfCursor = (_b = state.router.bcPath) === null || _b === void 0 ? void 0 : _b.includes("".concat(bcName, "/").concat(cursor));
-        var bcUrl = buildBcUrl(bcName, limitBySelfCursor);
+        var bcUrl = buildBcUrl(bcName, limitBySelfCursor, state);
         var filters = state.screen.filters[bcName] || [];
         var sorters = state.screen.sorters[bcName];
         var fetchParams = __assign(__assign({ _page: page, _limit: limit }, getFilters(filters)), getSorters(sorters));
         var canceler = api.createCanceler();
         var cancelFlow = cancelRequestEpic(action$, cancelRequestActionTypes, canceler.cancel, bcFetchDataFail({ bcName: bcName, bcUrl: bcUrl }));
-        var normalFlow = api.fetchBcData(state.screen.screenName, bcUrl, fetchParams, canceler.cancelToken).pipe((0, import_rxjs38.mergeMap)(function (data) {
+        var normalFlow = api.fetchBcData(state.screen.screenName, bcUrl, fetchParams, canceler.cancelToken).pipe((0, import_rxjs39.mergeMap)(function (data) {
             var _a;
             var oldBcDataIds = (_a = state.data[bcName]) === null || _a === void 0 ? void 0 : _a.map(function (i) { return i.id; });
             var newData = __spreadArray(__spreadArray([], state.data[bcName], true), data.data.filter(function (i) { return !oldBcDataIds.includes(i.id); }), true);
-            return (0, import_rxjs38.of)(bcFetchDataSuccess({
+            return (0, import_rxjs39.of)(bcFetchDataSuccess({
                 bcName: bcName,
                 data: newData,
                 bcUrl: bcUrl,
                 hasNext: data.hasNext
             }));
-        }), (0, import_rxjs38.catchError)(function (error) {
+        }), (0, import_rxjs39.catchError)(function (error) {
             console.error(error);
-            return (0, import_rxjs38.of)(bcFetchDataFail({ bcName: bcName, bcUrl: bcUrl }));
+            return (0, import_rxjs39.concat)((0, import_rxjs39.of)(bcFetchDataFail({ bcName: bcName, bcUrl: bcUrl })), createApiErrorObservable(error));
         }));
-        return (0, import_rxjs38.race)(cancelFlow, normalFlow);
+        return (0, import_rxjs39.race)(cancelFlow, normalFlow);
     }));
 };
 // src/epics/data/bcSaveDataEpic.ts
-var import_rxjs39 = require("rxjs");
+var import_rxjs40 = require("rxjs");
 var bcSaveDataEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs39.filter)(sendOperation.match), (0, import_rxjs39.filter)(function (action) { return matchOperationRole(import_schema4.OperationTypeCrud.save, action.payload, state$.value); }), (0, import_rxjs39.mergeMap)(function (action) {
-        var _a, _b, _c;
+    return action$.pipe((0, import_rxjs40.filter)(sendOperation.match), (0, import_rxjs40.filter)(function (action) { return matchOperationRole(import_schema5.OperationTypeCrud.save, action.payload, state$.value); }), (0, import_rxjs40.mergeMap)(function (action) {
+        var _a, _b, _c, _d;
         var state = state$.value;
         var bcName = action.payload.bcName;
-        var bcUrl = buildBcUrl(bcName, true);
+        var bcUrl = (_a = buildBcUrl(bcName, true, state)) !== null && _a !== void 0 ? _a : "";
         var widgetName = action.payload.widgetName;
         var cursor = state.screen.bo.bc[bcName].cursor;
         var dataItem = state.data[bcName].find(function (item) { return item.id === cursor; });
-        var pendingChanges = (_a = state.view.pendingDataChanges[bcName]) === null || _a === void 0 ? void 0 : _a[cursor];
-        var rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) === null || _b === void 0 ? void 0 : _b[bcUrl]);
-        var options = (_c = state.view.widgets.find(function (widget) { return widget.name === widgetName; })) === null || _c === void 0 ? void 0 : _c.options;
+        var pendingChanges = __assign({}, (_b = state.view.pendingDataChanges[bcName]) === null || _b === void 0 ? void 0 : _b[cursor]);
+        var rowMeta = bcUrl && ((_c = state.view.rowMeta[bcName]) === null || _c === void 0 ? void 0 : _c[bcUrl]);
+        var options = (_d = state.view.widgets.find(function (widget) { return widget.name === widgetName; })) === null || _d === void 0 ? void 0 : _d.options;
         if (rowMeta) {
             var fields = rowMeta.fields;
             var _loop_3 = function (key) {
@@ -2330,21 +2522,22 @@ var bcSaveDataEpic = function (action$, state$, _a) {
             return bcFetchDataRequest({ bcName: childBcName, widgetName: widgetNames[0] });
         });
         var context = { widgetName: action.payload.widgetName };
-        return api.saveBcData(state.screen.screenName, bcUrl, __assign(__assign({}, pendingChanges), { vstamp: dataItem.vstamp }), context).pipe((0, import_rxjs39.mergeMap)(function (data) {
-            var postInvoke = data.postActions[0];
+        return api.saveBcData(state.screen.screenName, bcUrl, __assign(__assign({}, pendingChanges), { vstamp: dataItem === null || dataItem === void 0 ? void 0 : dataItem.vstamp }), context).pipe((0, import_rxjs40.mergeMap)(function (data) {
+            var _a;
+            var postInvoke = (_a = data.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var responseDataItem = data.record;
-            return (0, import_rxjs39.concat)((0, import_rxjs39.of)(bcSaveDataSuccess({ bcName: bcName, cursor: cursor, dataItem: responseDataItem })), (0, import_rxjs39.of)(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName })), (0, import_rxjs39.of).apply(void 0, fetchChildrenBcData), postInvoke ? (0, import_rxjs39.of)(processPostInvoke({
+            return (0, import_rxjs40.concat)((0, import_rxjs40.of)(bcSaveDataSuccess({ bcName: bcName, cursor: cursor, dataItem: responseDataItem })), (0, import_rxjs40.of)(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName })), (0, import_rxjs40.of).apply(void 0, fetchChildrenBcData), postInvoke ? (0, import_rxjs40.of)(processPostInvoke({
                 bcName: bcName,
                 widgetName: widgetName,
                 postInvoke: postInvoke,
                 cursor: responseDataItem.id
-            })) : import_rxjs39.EMPTY, action.payload.onSuccessAction ? (0, import_rxjs39.of)(action.payload.onSuccessAction) : import_rxjs39.EMPTY);
-        }), (0, import_rxjs39.catchError)(function (e) {
-            var _a, _b, _c, _d, _e, _f;
+            })) : import_rxjs40.EMPTY, action.payload.onSuccessAction ? (0, import_rxjs40.of)(action.payload.onSuccessAction) : import_rxjs40.EMPTY);
+        }), (0, import_rxjs40.catchError)(function (e) {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             console.error(e);
-            var notification$ = import_rxjs39.EMPTY;
+            var notification$ = import_rxjs40.EMPTY;
             if (action.payload.onSuccessAction && !(options === null || options === void 0 ? void 0 : options.disableNotification)) {
-                notification$ = (0, import_rxjs39.of)(addNotification({
+                notification$ = (0, import_rxjs40.of)(addNotification({
                     key: "data_autosave_undo",
                     type: "buttonWarningNotification",
                     message: "There are pending changes. Please save them or cancel.",
@@ -2361,16 +2554,16 @@ var bcSaveDataEpic = function (action$, state$, _a) {
             var entityError = null;
             var operationError = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data;
             if (((_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === Object((_c = e.response) === null || _c === void 0 ? void 0 : _c.data)) {
-                entityError = (_d = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _d === void 0 ? void 0 : _d.entity;
-                viewError = (_f = (_e = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _e === void 0 ? void 0 : _e.popup) === null || _f === void 0 ? void 0 : _f[0];
+                entityError = (_e = (_d = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _d === void 0 ? void 0 : _d.entity) !== null && _e !== void 0 ? _e : entityError;
+                viewError = (_h = (_g = (_f = operationError === null || operationError === void 0 ? void 0 : operationError.error) === null || _f === void 0 ? void 0 : _f.popup) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : viewError;
             }
-            return (0, import_rxjs39.concat)((0, import_rxjs39.of)(bcSaveDataFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError })), notification$);
+            return (0, import_rxjs40.concat)((0, import_rxjs40.of)(bcSaveDataFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError })), notification$, createApiErrorObservable(e, context));
         }));
     }));
 };
 // src/epics/data/selectViewEpic.ts
-var import_rxjs40 = require("rxjs");
-var selectViewEpic = function (action$, state$) { return action$.pipe((0, import_rxjs40.filter)(selectView.match), (0, import_rxjs40.mergeMap)(function (action) {
+var import_rxjs41 = require("rxjs");
+var selectViewEpic = function (action$, state$) { return action$.pipe((0, import_rxjs41.filter)(selectView.match), (0, import_rxjs41.mergeMap)(function (action) {
     try {
         var state_1 = state$.value;
         var bcToLoad_1 = {};
@@ -2395,23 +2588,23 @@ var selectViewEpic = function (action$, state$) { return action$.pipe((0, import
     }
     catch (e) {
         console.error("selectView Epic:: ".concat(e));
-        return import_rxjs40.EMPTY;
+        return import_rxjs41.EMPTY;
     }
 })); };
 // src/epics/data/bcFetchDataEpic.ts
-var import_rxjs41 = require("rxjs");
-var import_schema13 = require("@cxbox-ui/schema");
+var import_rxjs42 = require("rxjs");
+var import_schema14 = require("@cxbox-ui/schema");
 var import_toolkit5 = require("@reduxjs/toolkit");
 var bcFetchDataEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs41.filter)((0, import_toolkit5.isAnyOf)(bcFetchDataRequest, bcFetchDataPages, showViewPopup, bcForceUpdate, bcChangePage)), (0, import_rxjs41.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs42.filter)((0, import_toolkit5.isAnyOf)(bcFetchDataRequest, bcFetchDataPages, showViewPopup, bcForceUpdate, bcChangePage)), (0, import_rxjs42.mergeMap)(function (action) {
         var getCursorChange = function (data, prevCursor, isHierarchy) {
             var _a;
             var _b;
             var bcName = action.payload.bcName;
             var keepDelta = bcFetchDataRequest.match(action) ? action.payload.keepDelta : void 0;
             var newCursor = (_b = data[0]) === null || _b === void 0 ? void 0 : _b.id;
-            return (0, import_rxjs41.of)(bcChangeCursors({
+            return (0, import_rxjs42.of)(bcChangeCursors({
                 cursorsMap: (_a = {},
                     _a[bcName] = data.some(function (i) { return i.id === prevCursor; }) ? prevCursor : newCursor,
                     _a),
@@ -2421,7 +2614,7 @@ var bcFetchDataEpic = function (action$, state$, _a) {
         var getChildrenData = function (widgets, bcDictionary, isHierarchy, showConditionCheck) {
             var bcName = action.payload.bcName;
             var _a = bcFetchDataRequest.match(action) ? action.payload : { ignorePageLimit: void 0, keepDelta: void 0 }, ignorePageLimit = _a.ignorePageLimit, keepDelta = _a.keepDelta;
-            return (0, import_rxjs41.concat).apply(void 0, Object.entries(getBcChildren(bcName, widgets, bcDictionary)).filter(function (_a) {
+            return (0, import_rxjs42.concat).apply(void 0, Object.entries(getBcChildren(bcName, widgets, bcDictionary)).filter(function (_a) {
                 var childBcName = _a[0], widgetNames = _a[1];
                 var nonLazyWidget = widgets.find(function (item) {
                     return widgetNames.includes(item.name) && !PopupWidgetTypes.includes(item.type) && showConditionCheck(item);
@@ -2436,43 +2629,43 @@ var bcFetchDataEpic = function (action$, state$, _a) {
                 var nonLazyWidget = widgets.find(function (item) {
                     return widgetNames.includes(item.name) && !PopupWidgetTypes.includes(item.type) && showConditionCheck(item);
                 });
-                return (0, import_rxjs41.of)(bcFetchDataRequest({
+                return (0, import_rxjs42.of)(bcFetchDataRequest({
                     bcName: childBcName,
-                    widgetName: nonLazyWidget.name,
+                    widgetName: nonLazyWidget === null || nonLazyWidget === void 0 ? void 0 : nonLazyWidget.name,
                     ignorePageLimit: ignorePageLimit || showViewPopup.match(action),
                     keepDelta: isHierarchy || keepDelta
                 }));
             }));
         };
         var bcFetchDataImpl = function () {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             var state = state$.value;
-            var widgetName = action.payload.widgetName;
-            var _g = state.view, widgets = _g.widgets, infiniteWidgets = _g.infiniteWidgets;
-            var widget = (_a = widgets.find(function (item) { return item.name === widgetName; })) !== null && _a !== void 0 ? _a : widgets.find(function (item) { return item.bcName === action.payload.bcName; });
+            var _j = action.payload.widgetName, widgetName = _j === void 0 ? "" : _j;
+            var _k = state.view, widgets = _k.widgets, infiniteWidgets = _k.infiniteWidgets;
+            var widget = (_a = widgets === null || widgets === void 0 ? void 0 : widgets.find(function (item) { return item.name === widgetName; })) !== null && _a !== void 0 ? _a : widgets === null || widgets === void 0 ? void 0 : widgets.find(function (item) { return item.bcName === action.payload.bcName; });
             if (!widget) {
-                return [import_rxjs41.EMPTY];
+                return [import_rxjs42.EMPTY];
             }
             var bcName = action.payload.bcName;
             var bc = state.screen.bo.bc[bcName];
-            var cursor = bc.cursor, page = bc.page;
-            var limit = ((_b = widgets.find(function (i) { return i.bcName === bcName; })) === null || _b === void 0 ? void 0 : _b.limit) || bc.limit;
+            var cursor = bc.cursor, _l = bc.page, page = _l === void 0 ? 1 : _l;
+            var limit = (_c = (((_b = widgets === null || widgets === void 0 ? void 0 : widgets.find(function (i) { return i.bcName === bcName; })) === null || _b === void 0 ? void 0 : _b.limit) || bc.limit)) !== null && _c !== void 0 ? _c : 5;
             var sorters = state.screen.sorters[bcName];
             if (showViewPopup.match(action) && bcName === action.payload.calleeBCName) {
-                return [import_rxjs41.EMPTY];
+                return [import_rxjs42.EMPTY];
             }
-            var anyHierarchyWidget = widgets.find(function (item) {
-                return item.bcName === widget.bcName && item.type === import_schema13.WidgetTypes.AssocListPopup && isHierarchyWidget(item);
+            var anyHierarchyWidget = widgets === null || widgets === void 0 ? void 0 : widgets.find(function (item) {
+                return item.bcName === widget.bcName && item.type === import_schema14.WidgetTypes.AssocListPopup && isHierarchyWidget(item);
             });
-            var fullHierarchyWidget = state.view.widgets.find(function (item) {
+            var fullHierarchyWidget = (_d = state.view.widgets) === null || _d === void 0 ? void 0 : _d.find(function (item) {
                 var _a;
-                return item.bcName === widget.bcName && item.type === import_schema13.WidgetTypes.AssocListPopup && ((_a = item.options) === null || _a === void 0 ? void 0 : _a.hierarchyFull);
+                return item.bcName === widget.bcName && item.type === import_schema14.WidgetTypes.AssocListPopup && ((_a = item.options) === null || _a === void 0 ? void 0 : _a.hierarchyFull);
             });
-            var limitBySelfCursor = (_c = state.router.bcPath) === null || _c === void 0 ? void 0 : _c.includes("".concat(bcName, "/").concat(cursor));
-            var bcUrl = buildBcUrl(bcName, limitBySelfCursor);
+            var limitBySelfCursor = (_e = state.router.bcPath) === null || _e === void 0 ? void 0 : _e.includes("".concat(bcName, "/").concat(cursor));
+            var bcUrl = buildBcUrl(bcName, limitBySelfCursor, state);
             var fetchParams = __assign(__assign({ _page: page, _limit: limit }, getFilters(fullHierarchyWidget ? [] : state.screen.filters[bcName] || [])), getSorters(sorters));
             if (bcForceUpdate.match(action)) {
-                var infinityPaginationWidget = widgetName && infiniteWidgets.includes(widgetName) || ((_e = (_d = widgets === null || widgets === void 0 ? void 0 : widgets.filter(function (item) { return item.bcName === bcName; })) === null || _d === void 0 ? void 0 : _d.find(function (item) { return infiniteWidgets.includes(item.name); })) === null || _e === void 0 ? void 0 : _e.name);
+                var infinityPaginationWidget = widgetName && (infiniteWidgets === null || infiniteWidgets === void 0 ? void 0 : infiniteWidgets.includes(widgetName)) || ((_g = (_f = widgets === null || widgets === void 0 ? void 0 : widgets.filter(function (item) { return item.bcName === bcName; })) === null || _f === void 0 ? void 0 : _f.find(function (item) { return infiniteWidgets === null || infiniteWidgets === void 0 ? void 0 : infiniteWidgets.includes(item.name); })) === null || _g === void 0 ? void 0 : _g.name);
                 if (infinityPaginationWidget) {
                     fetchParams._page = 1;
                     fetchParams._limit = limit * page;
@@ -2482,7 +2675,7 @@ var bcFetchDataEpic = function (action$, state$, _a) {
                 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 || anyHierarchyWidget === void 0 ? void 0 : anyHierarchyWidget.options) === null || _f === void 0 ? void 0 : _f.hierarchyFull)) {
+            if (bcFetchDataRequest.match(action) && action.payload.ignorePageLimit || ((_h = anyHierarchyWidget === null || anyHierarchyWidget === void 0 ? void 0 : anyHierarchyWidget.options) === null || _h === void 0 ? void 0 : _h.hierarchyFull)) {
                 fetchParams._limit = 0;
             }
             var canceler = api.createCanceler();
@@ -2491,10 +2684,10 @@ var bcFetchDataEpic = function (action$, state$, _a) {
                 var actionBc = filteredAction.payload.bcName;
                 return bc.parentName === actionBc;
             });
-            var normalFlow = api.fetchBcData(state.screen.screenName, bcUrl, fetchParams, canceler.cancelToken).pipe((0, import_rxjs41.mergeMap)(function (response) {
+            var normalFlow = api.fetchBcData(state.screen.screenName, bcUrl, fetchParams, canceler.cancelToken).pipe((0, import_rxjs42.mergeMap)(function (response) {
                 var _a, _b;
                 var cursorChange = getCursorChange(response.data, cursor, !!anyHierarchyWidget);
-                var parentOfNotLazyWidget = widgets.some(function (item) {
+                var parentOfNotLazyWidget = widgets === null || widgets === void 0 ? void 0 : widgets.some(function (item) {
                     var _a;
                     return ((_a = state.screen.bo.bc[item.bcName]) === null || _a === void 0 ? void 0 : _a.parentName) === bcName && !PopupWidgetTypes.includes(item.type);
                 });
@@ -2517,23 +2710,23 @@ var bcFetchDataEpic = function (action$, state$, _a) {
                 var lazyWidget = (!isWidgetVisible(widget) || PopupWidgetTypes.includes(widget.type)) && !parentOfNotLazyWidget;
                 var skipLazy = ((_a = state.view.popupData) === null || _a === void 0 ? void 0 : _a.bcName) !== widget.bcName;
                 if (lazyWidget && skipLazy) {
-                    return import_rxjs41.EMPTY;
+                    return import_rxjs42.EMPTY;
                 }
-                var fetchChildren = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.length) ? getChildrenData(widgets, state.screen.bo.bc, !!anyHierarchyWidget, isWidgetVisible) : import_rxjs41.EMPTY;
-                var fetchRowMeta = (0, import_rxjs41.of)(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName }));
-                return (0, import_rxjs41.concat)(cursorChange, (0, import_rxjs41.of)(bcFetchDataSuccess({
+                var fetchChildren = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.length) ? getChildrenData(widgets, state.screen.bo.bc, !!anyHierarchyWidget, isWidgetVisible) : import_rxjs42.EMPTY;
+                var fetchRowMeta = (0, import_rxjs42.of)(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName }));
+                return (0, import_rxjs42.concat)(cursorChange, (0, import_rxjs42.of)(bcFetchDataSuccess({
                     bcName: bcName,
                     data: response.data,
                     bcUrl: bcUrl,
                     hasNext: response.hasNext
                 })), fetchRowMeta, fetchChildren);
-            }), (0, import_rxjs41.catchError)(function (error) {
+            }), (0, import_rxjs42.catchError)(function (error) {
                 console.error(error);
-                return (0, import_rxjs41.of)(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl }));
+                return (0, import_rxjs42.concat)((0, import_rxjs42.of)(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl })), createApiErrorObservable(error));
             }));
             return [cancelFlow, cancelByParentBc, normalFlow];
         };
-        return (0, import_rxjs41.race).apply(void 0, bcFetchDataImpl());
+        return (0, import_rxjs42.race).apply(void 0, bcFetchDataImpl());
     }));
 };
 function isHierarchyWidget(widget) {
@@ -2541,30 +2734,31 @@ function isHierarchyWidget(widget) {
     return ((_a = widget.options) === null || _a === void 0 ? void 0 : _a.hierarchy) || ((_b = widget.options) === null || _b === void 0 ? void 0 : _b.hierarchyFull);
 }
 // src/epics/data/bcDeleteDataEpic.ts
-var import_rxjs42 = require("rxjs");
-var import_schema14 = require("@cxbox-ui/schema");
+var import_rxjs43 = require("rxjs");
+var import_schema15 = require("@cxbox-ui/schema");
 var bcDeleteDataEpic = function (action$, store$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs42.filter)(sendOperation.match), (0, import_rxjs42.filter)(function (action) { return matchOperationRole(import_schema14.OperationTypeCrud.delete, action.payload, store$.value); }), (0, import_rxjs42.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs43.filter)(sendOperation.match), (0, import_rxjs43.filter)(function (action) { return matchOperationRole(import_schema15.OperationTypeCrud.delete, action.payload, store$.value); }), (0, import_rxjs43.mergeMap)(function (action) {
         var widgetName = action.payload.widgetName;
         var state = store$.value;
         var bcName = action.payload.bcName;
         var cursor = state.screen.bo.bc[bcName].cursor;
-        var bcUrl = buildBcUrl(bcName, true);
+        var bcUrl = buildBcUrl(bcName, true, state);
         var context = { widgetName: action.payload.widgetName };
         var isTargetFormatPVF = state.view.pendingValidationFailsFormat === "target" /* target */;
-        return api.deleteBcData(state.screen.screenName, bcUrl, context).pipe((0, import_rxjs42.mergeMap)(function (data) {
-            var postInvoke = data.postActions[0];
-            return (0, import_rxjs42.concat)(isTargetFormatPVF ? (0, import_rxjs42.of)(bcCancelPendingChanges({ bcNames: [bcName] })) : import_rxjs42.EMPTY, (0, import_rxjs42.of)(bcFetchDataRequest({ bcName: bcName, widgetName: widgetName })), postInvoke ? (0, import_rxjs42.of)(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: widgetName })) : import_rxjs42.EMPTY);
-        }), (0, import_rxjs42.catchError)(function (error) {
+        return api.deleteBcData(state.screen.screenName, bcUrl, context).pipe((0, import_rxjs43.mergeMap)(function (data) {
+            var _a;
+            var postInvoke = (_a = data.postActions) === null || _a === void 0 ? void 0 : _a[0];
+            return (0, import_rxjs43.concat)(isTargetFormatPVF ? (0, import_rxjs43.of)(bcCancelPendingChanges({ bcNames: [bcName] })) : import_rxjs43.EMPTY, (0, import_rxjs43.of)(bcFetchDataRequest({ bcName: bcName, widgetName: widgetName })), postInvoke ? (0, import_rxjs43.of)(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: widgetName })) : import_rxjs43.EMPTY);
+        }), (0, import_rxjs43.catchError)(function (error) {
             console.error(error);
-            return (0, import_rxjs42.of)(bcDeleteDataFail({ bcName: bcName }));
+            return (0, import_rxjs43.concat)((0, import_rxjs43.of)(bcDeleteDataFail({ bcName: bcName })), createApiErrorObservable(error, context));
         }));
     }));
 };
 // src/epics/data/bcSelectRecordEpic.ts
-var import_rxjs43 = require("rxjs");
-var bcSelectRecordEpic = function (action$, store$) { return action$.pipe((0, import_rxjs43.filter)(bcSelectRecord.match), (0, import_rxjs43.mergeMap)(function (action) {
+var import_rxjs44 = require("rxjs");
+var bcSelectRecordEpic = function (action$, store$) { return action$.pipe((0, import_rxjs44.filter)(bcSelectRecord.match), (0, import_rxjs44.mergeMap)(function (action) {
     var _a;
     var _b = action.payload, bcName = _b.bcName, cursor = _b.cursor;
     var widgets = store$.value.view.widgets;
@@ -2578,17 +2772,19 @@ var bcSelectRecordEpic = function (action$, store$) { return action$.pipe((0, im
             keepDelta: action.payload.keepDelta
         });
     });
-    return (0, import_rxjs43.concat)((0, import_rxjs43.of)(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = cursor, _a), keepDelta: action.payload.keepDelta })), (0, import_rxjs43.of)(bcFetchRowMeta({ widgetName: "", bcName: bcName })), fetchChildrenBcData);
+    return (0, import_rxjs44.concat)((0, import_rxjs44.of)(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = cursor, _a), keepDelta: action.payload.keepDelta })), (0, import_rxjs44.of)(bcFetchRowMeta({ widgetName: "", bcName: bcName })), fetchChildrenBcData);
 })); };
 // src/epics/data/changeAssociationEpic.ts
-var import_rxjs44 = require("rxjs");
-var changeAssociationEpic = function (action$, state$) { return action$.pipe((0, import_rxjs44.filter)(changeAssociation.match), (0, import_rxjs44.mergeMap)(function (action) {
+var import_rxjs45 = require("rxjs");
+var changeAssociationEpic = function (action$, state$) { return action$.pipe((0, import_rxjs45.filter)(changeAssociation.match), (0, import_rxjs45.mergeMap)(function (action) {
     var _a, _b, _c, _d, _e;
     var state = state$.value;
     var selected = action.payload.dataItem._associate;
+    var bcName = action.payload.bcName;
     var result = [
-        (0, import_rxjs44.of)(changeDataItem({
-            bcName: action.payload.bcName,
+        (0, import_rxjs45.of)(changeDataItem({
+            bcName: bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor: action.payload.dataItem.id,
             dataItem: action.payload.dataItem
         }))
@@ -2601,30 +2797,30 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe((0,
         fields: widget.fields
     };
     var hierarchy = (_b = widget.options) === null || _b === void 0 ? void 0 : _b.hierarchy;
-    var hierarchyDescriptor = isRoot ? rootHierarchyDescriptor : hierarchy.find(function (item) { return item.bcName === action.payload.bcName; });
+    var hierarchyDescriptor = isRoot ? rootHierarchyDescriptor : hierarchy === null || hierarchy === void 0 ? void 0 : hierarchy.find(function (item) { return item.bcName === action.payload.bcName; });
     var hierarchyGroupSelection = (_c = widget.options) === null || _c === void 0 ? void 0 : _c.hierarchyGroupSelection;
     var hierarchyTraverse = (_d = widget.options) === null || _d === void 0 ? void 0 : _d.hierarchyTraverse;
-    var childrenBc = hierarchy.slice(hierarchy.findIndex(function (item) { return item.bcName === action.payload.bcName; }) + 1).map(function (item) { return item.bcName; });
+    var childrenBc = hierarchy === null || hierarchy === void 0 ? void 0 : hierarchy.slice(hierarchy.findIndex(function (item) { return item.bcName === action.payload.bcName; }) + 1).map(function (item) { return item.bcName; });
     if (hierarchyGroupSelection && hierarchyDescriptor.radio && !selected) {
-        result.push((0, import_rxjs44.of)(dropAllAssociations({
+        result.push((0, import_rxjs45.of)(dropAllAssociations({
             bcNames: childrenBc
         })));
     }
-    var parent = isRoot ? null : hierarchy.find(function (item, index) {
+    var parent = isRoot ? null : (hierarchy === null || hierarchy === void 0 ? void 0 : hierarchy.find(function (item, index) {
         var _a;
         return ((_a = hierarchy[index + 1]) === null || _a === void 0 ? void 0 : _a.bcName) === action.payload.bcName;
-    }) || rootHierarchyDescriptor;
+    })) || rootHierarchyDescriptor;
     var parentItem = (_e = state.data[parent === null || parent === void 0 ? void 0 : parent.bcName]) === null || _e === void 0 ? void 0 : _e.find(function (item) { return item.id === state.screen.bo.bc[parent === null || parent === void 0 ? void 0 : parent.bcName].cursor; });
     if (parent && hierarchyTraverse && selected) {
         if (hierarchyDescriptor.radio) {
-            result.push((0, import_rxjs44.of)(dropAllAssociations({
+            result.push((0, import_rxjs45.of)(dropAllAssociations({
                 bcNames: [parent.bcName]
             })));
         }
-        result.push((0, import_rxjs44.of)(changeAssociation({
+        result.push((0, import_rxjs45.of)(changeAssociation({
             bcName: parent.bcName,
             widgetName: action.payload.widgetName,
-            dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem[parent.assocValueKey || action.payload.assocValueKey] }),
+            dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem === null || parentItem === void 0 ? void 0 : parentItem[parent.assocValueKey || action.payload.assocValueKey] }),
             assocValueKey: action.payload.assocValueKey
         })));
     }
@@ -2638,7 +2834,7 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe((0,
                 data_1.find(function (dataValue) { return dataValue.id === deltaValue.id; });
         });
         if (wasLastInData && wasLastInDelta) {
-            result.push((0, import_rxjs44.of)(changeAssociation({
+            result.push((0, import_rxjs45.of)(changeAssociation({
                 bcName: parent.bcName,
                 widgetName: action.payload.widgetName,
                 dataItem: __assign(__assign({}, parentItem), { _associate: false }),
@@ -2646,22 +2842,22 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe((0,
             })));
         }
     }
-    return (0, import_rxjs44.concat).apply(void 0, result);
+    return (0, import_rxjs45.concat).apply(void 0, result);
 })); };
 // src/epics/data/bcCancelCreateDataEpic.ts
-var import_rxjs45 = require("rxjs");
-var import_schema15 = require("@cxbox-ui/schema");
+var import_rxjs46 = require("rxjs");
+var import_schema16 = require("@cxbox-ui/schema");
 var import_toolkit6 = require("@reduxjs/toolkit");
 var actionTypesMatcher = (0, import_toolkit6.isAnyOf)(sendOperation);
 var bcCancelCreateDataEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs45.filter)(actionTypesMatcher), (0, import_rxjs45.filter)(function (action) { return matchOperationRole(import_schema15.OperationTypeCrud.cancelCreate, action.payload, state$.value); }), (0, import_rxjs45.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs46.filter)(actionTypesMatcher), (0, import_rxjs46.filter)(function (action) { return matchOperationRole(import_schema16.OperationTypeCrud.cancelCreate, action.payload, state$.value); }), (0, import_rxjs46.mergeMap)(function (action) {
         var _a;
         var _b, _c;
         var state = state$.value;
         var screenName = state.screen.screenName;
         var bcName = action.payload.bcName;
-        var bcUrl = buildBcUrl(bcName, true);
+        var bcUrl = buildBcUrl(bcName, true, state);
         var bc = state.screen.bo.bc[bcName];
         var cursor = bc === null || bc === void 0 ? void 0 : bc.cursor;
         var context = { widgetName: action.payload.widgetName };
@@ -2670,20 +2866,21 @@ var bcCancelCreateDataEpic = function (action$, state$, _a) {
         var data = record && __assign(__assign({}, pendingRecordChange), { vstamp: record.vstamp });
         var params = { _action: action.payload.operationType };
         var cursorsMap = (_a = {}, _a[action.payload.bcName] = null, _a);
-        return api.customAction(screenName, bcUrl, data, context, params).pipe((0, import_rxjs45.mergeMap)(function (response) {
-            var postInvoke = response.postActions[0];
-            return (0, import_rxjs45.concat)((0, import_rxjs45.of)(sendOperationSuccess({ bcName: bcName, cursor: cursor })), (0, import_rxjs45.of)(bcChangeCursors({ cursorsMap: cursorsMap })), postInvoke ? (0, import_rxjs45.of)(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: context.widgetName })) : import_rxjs45.EMPTY);
-        }), (0, import_rxjs45.catchError)(function (error) {
+        return api.customAction(screenName, bcUrl, data, context, params).pipe((0, import_rxjs46.mergeMap)(function (response) {
+            var _a;
+            var postInvoke = (_a = response.postActions) === null || _a === void 0 ? void 0 : _a[0];
+            return (0, import_rxjs46.concat)((0, import_rxjs46.of)(sendOperationSuccess({ bcName: bcName, cursor: cursor })), (0, import_rxjs46.of)(bcChangeCursors({ cursorsMap: cursorsMap })), postInvoke ? (0, import_rxjs46.of)(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: context.widgetName })) : import_rxjs46.EMPTY);
+        }), (0, import_rxjs46.catchError)(function (error) {
             console.error(error);
-            return (0, import_rxjs45.of)(bcDeleteDataFail({ bcName: bcName }));
+            return (0, import_rxjs46.concat)((0, import_rxjs46.of)(bcDeleteDataFail({ bcName: bcName })), createApiErrorObservable(error, context));
         }));
     }));
 };
 // src/epics/data/bcSelectDepthRecordEpic.ts
-var import_rxjs46 = require("rxjs");
-var bcSelectDepthRecordEpic = function (action$) { return action$.pipe((0, import_rxjs46.filter)(bcSelectDepthRecord.match), (0, import_rxjs46.mergeMap)(function (action) {
+var import_rxjs47 = require("rxjs");
+var bcSelectDepthRecordEpic = function (action$) { return action$.pipe((0, import_rxjs47.filter)(bcSelectDepthRecord.match), (0, import_rxjs47.mergeMap)(function (action) {
     var _a = action.payload, bcName = _a.bcName, cursor = _a.cursor, depth = _a.depth;
-    return (0, import_rxjs46.concat)((0, import_rxjs46.of)(bcChangeDepthCursor({ bcName: bcName, depth: depth, cursor: cursor })), (0, import_rxjs46.of)(bcFetchDataRequest({
+    return (0, import_rxjs47.concat)((0, import_rxjs47.of)(bcChangeDepthCursor({ bcName: bcName, depth: depth, cursor: cursor })), (0, import_rxjs47.of)(bcFetchDataRequest({
         bcName: bcName,
         depth: depth + 1,
         widgetName: "",
@@ -2691,8 +2888,8 @@ var bcSelectDepthRecordEpic = function (action$) { return action$.pipe((0, impor
     })));
 })); };
 // src/epics/data/removeMultivalueTagEpic.ts
-var import_rxjs47 = require("rxjs");
-var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe((0, import_rxjs47.filter)(removeMultivalueTag.match), (0, import_rxjs47.mergeMap)(function (action) {
+var import_rxjs48 = require("rxjs");
+var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe((0, import_rxjs48.filter)(removeMultivalueTag.match), (0, import_rxjs48.mergeMap)(function (action) {
     var _a, _b, _c;
     var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var state = state$.value;
@@ -2707,28 +2904,28 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe((
     var removedItem = data.find(function (item) { return item.id === action.payload.removedItem.id; });
     var associated = action.payload.dataItem.map(function (item) { return item.id; });
     var removedNodes = [];
-    if ((_d = widget.options) === null || _d === void 0 ? void 0 : _d.hierarchyGroupDeselection) {
-        if ((_e = widget.options) === null || _e === void 0 ? void 0 : _e.hierarchyTraverse) {
+    if ((_d = widget === null || widget === void 0 ? void 0 : widget.options) === null || _d === void 0 ? void 0 : _d.hierarchyGroupDeselection) {
+        if ((_e = widget === null || widget === void 0 ? void 0 : widget.options) === null || _e === void 0 ? void 0 : _e.hierarchyTraverse) {
             data = assignTreeLinks(data);
         }
-        var removedItemChildren = data.filter(function (item) { return item.parentId === removedItem.id; });
-        removedNodes = __spreadArray([removedItem.id], removedItemChildren.filter(function (item) { return associated.includes(item.id); }).map(function (item) { return item.id; }), true);
-        if ((_f = widget.options) === null || _f === void 0 ? void 0 : _f.hierarchyTraverse) {
+        var removedItemChildren = data.filter(function (item) { return item.parentId === (removedItem === null || removedItem === void 0 ? void 0 : removedItem.id); });
+        removedNodes = __spreadArray([removedItem === null || removedItem === void 0 ? void 0 : removedItem.id], removedItemChildren.filter(function (item) { return associated.includes(item.id); }).map(function (item) { return item.id; }), true);
+        if ((_f = widget === null || widget === void 0 ? void 0 : widget.options) === null || _f === void 0 ? void 0 : _f.hierarchyTraverse) {
             getDescendants(removedItemChildren, removedNodes);
             removedNodes = data.filter(function (item) { return removedNodes.includes(item.id) && associated.includes(item.id); }).map(function (item) { return item.id; });
         }
-        var parent_1 = data.find(function (item) { return item.id === removedItem.parentId; });
+        var parent_1 = data.find(function (item) { return item.id === (removedItem === null || removedItem === void 0 ? void 0 : removedItem.parentId); });
         var siblings = data.filter(function (item) { return item.parentId === (parent_1 === null || parent_1 === void 0 ? void 0 : parent_1.id); });
         var parentEmpty = siblings.every(function (child) { return removedNodes.includes(child.id) || !associated.includes(child.id); });
         if (parent_1 && parentEmpty) {
-            if ((_g = widget.options) === null || _g === void 0 ? void 0 : _g.hierarchyTraverse) {
+            if ((_g = widget === null || widget === void 0 ? void 0 : widget.options) === null || _g === void 0 ? void 0 : _g.hierarchyTraverse) {
                 var parentDescendants = [];
                 getDescendants(siblings, parentDescendants);
                 var parentDeepEmpty = parentDescendants.every(function (descendant) {
                     return removedNodes.includes(descendant) || !associated.includes(descendant);
                 });
                 if (parentDeepEmpty) {
-                    return (0, import_rxjs47.concat)((0, import_rxjs47.of)(removeMultivalueTag(__assign(__assign({}, action.payload), { removedItem: { id: parent_1.id, value: null } }))));
+                    return (0, import_rxjs48.concat)((0, import_rxjs48.of)(removeMultivalueTag(__assign(__assign({}, action.payload), { removedItem: { id: parent_1.id, value: null } }))));
                 }
             }
             else {
@@ -2736,71 +2933,78 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe((
             }
         }
     }
-    if ((_h = widget.options) === null || _h === void 0 ? void 0 : _h.hierarchyFull) {
-        return (0, import_rxjs47.of)(changeDataItem({
+    if ((_h = widget === null || widget === void 0 ? void 0 : widget.options) === null || _h === void 0 ? void 0 : _h.hierarchyFull) {
+        return (0, import_rxjs48.of)(changeDataItem({
             bcName: bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor: cursor,
             dataItem: (_a = {}, _a[associateFieldKey] = action.payload.dataItem.filter(function (item) { return !removedNodes.includes(item.id); }), _a)
         }));
     }
-    if ((_j = widget.options) === null || _j === void 0 ? void 0 : _j.hierarchy) {
-        return (0, import_rxjs47.concat)((0, import_rxjs47.of)(changeDataItem({
+    if ((_j = widget === null || widget === void 0 ? void 0 : widget.options) === null || _j === void 0 ? void 0 : _j.hierarchy) {
+        var hierarchyBcName = (_o = (_m = (_l = (_k = widget === null || widget === void 0 ? void 0 : widget.options) === null || _k === void 0 ? void 0 : _k.hierarchy) === null || _l === void 0 ? void 0 : _l.find(function (hierarchyData) {
+            var _a;
+            return (_a = state.view.pendingDataChanges[hierarchyData.bcName]) === null || _a === void 0 ? void 0 : _a[action.payload.removedItem.id];
+        })) === null || _m === void 0 ? void 0 : _m.bcName) !== null && _o !== void 0 ? _o : bcName;
+        return (0, import_rxjs48.concat)((0, import_rxjs48.of)(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: (_o = (_m = (_l = (_k = widget.options) === null || _k === void 0 ? void 0 : _k.hierarchy) === null || _l === void 0 ? void 0 : _l.find(function (hierarchyData) {
-                var _a;
-                return (_a = state.view.pendingDataChanges[hierarchyData.bcName]) === null || _a === void 0 ? void 0 : _a[action.payload.removedItem.id];
-            })) === null || _m === void 0 ? void 0 : _m.bcName) !== null && _o !== void 0 ? _o : bcName,
+            bcName: hierarchyBcName,
+            bcUrl: buildBcUrl(hierarchyBcName, true, state),
             cursor: action.payload.removedItem.id,
             dataItem: __assign(__assign({}, action.payload.removedItem), { _associate: false })
-        })), (0, import_rxjs47.of)(changeDataItem({
+        })), (0, import_rxjs48.of)(changeDataItem({
             bcName: bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor: cursor,
             dataItem: (_b = {}, _b[associateFieldKey] = action.payload.dataItem, _b)
         })));
     }
-    return (0, import_rxjs47.concat)((0, import_rxjs47.of)(changeDataItem({
+    return (0, import_rxjs48.concat)((0, import_rxjs48.of)(changeDataItem({
         bcName: popupBcName,
+        bcUrl: buildBcUrl(popupBcName, true, state),
         cursor: action.payload.removedItem.id,
         dataItem: __assign(__assign({}, action.payload.removedItem), { _associate: false })
-    })), (0, import_rxjs47.of)(changeDataItem({
+    })), (0, import_rxjs48.of)(changeDataItem({
         bcName: bcName,
+        bcUrl: buildBcUrl(bcName, true, state),
         cursor: cursor,
         dataItem: (_c = {}, _c[associateFieldKey] = action.payload.dataItem, _c)
     })));
 })); };
 // src/epics/data/bcFetchRowMetaRequestEpic.ts
-var import_rxjs48 = require("rxjs");
+var import_rxjs49 = require("rxjs");
 var bcFetchRowMetaRequestEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs48.filter)(bcFetchRowMeta.match), (0, import_rxjs48.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs49.filter)(bcFetchRowMeta.match), (0, import_rxjs49.mergeMap)(function (action) {
+        var _a, _b;
         var state = state$.value;
         var screenName = state.screen.screenName;
         var bcName = action.payload.bcName;
-        var cursor = state.screen.bo.bc[bcName].cursor;
-        var bcUrl = buildBcUrl(bcName, true);
+        var cursor = (_a = state.screen.bo.bc[bcName].cursor) !== null && _a !== void 0 ? _a : "";
+        var bcUrl = (_b = buildBcUrl(bcName, true, state)) !== null && _b !== void 0 ? _b : "";
         var canceler = api.createCanceler();
         var cancelFlow = cancelRequestEpic(action$, cancelRequestActionTypes, canceler.cancel, bcFetchRowMetaFail({ bcName: bcName }));
         var cancelByParentBc = cancelRequestEpic(action$, [bcSelectRecord], canceler.cancel, bcFetchRowMetaFail({ bcName: bcName }), function (filteredAction) {
             var actionBc = filteredAction.payload.bcName;
             return state.screen.bo.bc[bcName].parentName === actionBc;
         });
-        var normalFlow = api.fetchRowMeta(screenName, bcUrl, void 0, canceler.cancelToken).pipe((0, import_rxjs48.map)(function (rowMeta) {
+        var normalFlow = api.fetchRowMeta(screenName, bcUrl, void 0, canceler.cancelToken).pipe((0, import_rxjs49.map)(function (rowMeta) {
             return bcFetchRowMetaSuccess({ bcName: bcName, rowMeta: rowMeta, bcUrl: bcUrl, cursor: cursor });
-        }), (0, import_rxjs48.catchError)(function (error) {
+        }), (0, import_rxjs49.catchError)(function (error) {
             console.error(error);
-            return (0, import_rxjs48.of)(bcFetchRowMetaFail({ bcName: bcName }));
+            return (0, import_rxjs49.concat)((0, import_rxjs49.of)(bcFetchRowMetaFail({ bcName: bcName })), createApiErrorObservable(error));
         }));
-        return (0, import_rxjs48.race)(cancelFlow, cancelByParentBc, normalFlow);
+        return (0, import_rxjs49.race)(cancelFlow, cancelByParentBc, normalFlow);
     }));
 };
 // src/epics/data/changeAssociationFullEpic.ts
-var import_rxjs49 = require("rxjs");
-var changeAssociationFullEpic = function (action$, state$) { return action$.pipe((0, import_rxjs49.filter)(changeAssociationFull.match), (0, import_rxjs49.mergeMap)(function (action) {
+var import_rxjs50 = require("rxjs");
+var changeAssociationFullEpic = function (action$, state$) { return action$.pipe((0, import_rxjs50.filter)(changeAssociationFull.match), (0, import_rxjs50.mergeMap)(function (action) {
     var _a, _b, _c, _d, _e;
     var state = state$.value;
     var result = [];
@@ -2829,7 +3033,7 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
                 return false;
             });
             if (prevSelected) {
-                result.push((0, import_rxjs49.of)(changeAssociationFull({
+                result.push((0, import_rxjs50.of)(changeAssociationFull({
                     bcName: bcName,
                     depth: depth,
                     widgetName: action.payload.widgetName,
@@ -2839,7 +3043,7 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
             }
         }
         else {
-            result.push((0, import_rxjs49.of)(changeDescendantsAssociationsFull({
+            result.push((0, import_rxjs50.of)(changeDescendantsAssociationsFull({
                 bcName: bcName,
                 parentId: action.payload.dataItem.id,
                 depth: depth + 1,
@@ -2848,17 +3052,18 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
             })));
         }
     }
-    result.push((0, import_rxjs49.of)(changeDataItem({
+    result.push((0, import_rxjs50.of)(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((0, import_rxjs49.of)(changeAssociationFull({
+        result.push((0, import_rxjs50.of)(changeAssociationFull({
             bcName: bcName,
             depth: parentDepth,
             widgetName: action.payload.widgetName,
-            dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem[assocValueKey] }),
+            dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem === null || parentItem === void 0 ? void 0 : parentItem[assocValueKey] }),
             assocValueKey: assocValueKey
         })));
     }
@@ -2870,7 +3075,7 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
         var deltaFalseId_1 = delta && ((_e = Object.values(delta)) === null || _e === void 0 ? void 0 : _e.filter(function (item) { return item._associate === false; }).map(function (item) { return item.id; }));
         var wasLastInData = currentLevelData.filter(function (item) { return item.id !== action.payload.dataItem.id && !(deltaFalseId_1 === null || deltaFalseId_1 === void 0 ? void 0 : deltaFalseId_1.includes(item.id)); }).every(function (item) { return !item._associate; });
         if (wasLastInData && wasLastInDelta) {
-            result.push((0, import_rxjs49.of)(changeAssociationFull({
+            result.push((0, import_rxjs50.of)(changeAssociationFull({
                 bcName: bcName,
                 depth: parentDepth,
                 widgetName: action.payload.widgetName,
@@ -2879,66 +3084,69 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
             })));
         }
     }
-    return (0, import_rxjs49.concat).apply(void 0, result);
+    return (0, import_rxjs50.concat).apply(void 0, result);
 })); };
 // src/epics/data/saveAssociationsActiveEpic.ts
-var import_rxjs50 = require("rxjs");
+var import_rxjs51 = require("rxjs");
 var saveAssociationsActiveEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs50.filter)(saveAssociations.match), (0, import_rxjs50.filter)(function (action) {
-        return state$.value.view.popupData.active;
-    }), (0, import_rxjs50.switchMap)(function (action) {
+    return action$.pipe((0, import_rxjs51.filter)(saveAssociations.match), (0, import_rxjs51.filter)(function (action) {
+        var _a;
+        return (_a = state$.value.view.popupData) === null || _a === void 0 ? void 0 : _a.active;
+    }), (0, import_rxjs51.switchMap)(function (action) {
+        var _a, _b;
         var state = state$.value;
-        var calleeBCName = state.view.popupData.calleeBCName;
-        var calleeWidgetName = state.view.popupData.calleeWidgetName;
+        var calleeBCName = (_a = state.view.popupData) === null || _a === void 0 ? void 0 : _a.calleeBCName;
+        var calleeWidgetName = (_b = state.view.popupData) === null || _b === void 0 ? void 0 : _b.calleeWidgetName;
         var bcNames = action.payload.bcNames;
-        var bcUrl = buildBcUrl(calleeBCName, true);
+        var bcUrl = buildBcUrl(calleeBCName, true, state);
         var pendingChanges = state.view.pendingDataChanges[bcNames[0]] || {};
         var params = bcNames.length ? { _bcName: bcNames[bcNames.length - 1] } : {};
-        return api.associate(state.screen.screenName, bcUrl, Object.values(pendingChanges).filter(function (i) { return i._associate; }), params).pipe((0, import_rxjs50.mergeMap)(function (response) {
+        return api.associate(state.screen.screenName, bcUrl, Object.values(pendingChanges).filter(function (i) { return i._associate; }), params).pipe((0, import_rxjs51.mergeMap)(function (response) {
             var postInvoke = response.postActions[0];
             var calleeWidget = state.view.widgets.find(function (widgetItem) { return widgetItem.bcName === calleeBCName; });
-            return (0, import_rxjs50.concat)(postInvoke ? (0, import_rxjs50.of)(processPostInvoke({ bcName: calleeBCName, postInvoke: postInvoke, widgetName: calleeWidget.name })) : import_rxjs50.EMPTY, (0, import_rxjs50.of)(bcCancelPendingChanges({ bcNames: bcNames })), (0, import_rxjs50.of)(bcForceUpdate({ bcName: calleeBCName, widgetName: calleeWidgetName })));
-        }), (0, import_rxjs50.catchError)(function (err) {
+            return (0, import_rxjs51.concat)(postInvoke ? (0, import_rxjs51.of)(processPostInvoke({ bcName: calleeBCName, postInvoke: postInvoke, widgetName: calleeWidget === null || calleeWidget === void 0 ? void 0 : calleeWidget.name })) : import_rxjs51.EMPTY, (0, import_rxjs51.of)(bcCancelPendingChanges({ bcNames: bcNames })), (0, import_rxjs51.of)(bcForceUpdate({ bcName: calleeBCName, widgetName: calleeWidgetName })));
+        }), (0, import_rxjs51.catchError)(function (err) {
             console.error(err);
-            return import_rxjs50.EMPTY;
+            return import_rxjs51.EMPTY;
         }));
     }));
 };
 // src/epics/data/changeAssociationSameBcEpic.ts
-var import_rxjs51 = require("rxjs");
-var changeAssociationSameBcEpic = function (action$, state$) { return action$.pipe((0, import_rxjs51.filter)(changeAssociationSameBc.match), (0, import_rxjs51.mergeMap)(function (action) {
-    var _a, _b, _c, _d, _e;
+var import_rxjs52 = require("rxjs");
+var changeAssociationSameBcEpic = function (action$, state$) { return action$.pipe((0, import_rxjs52.filter)(changeAssociationSameBc.match), (0, import_rxjs52.mergeMap)(function (action) {
+    var _a, _b, _c, _d, _e, _f;
+    var state = state$.value;
     var bcName = action.payload.bcName;
     var result = [
-        (0, import_rxjs51.of)(changeDataItem({
+        (0, import_rxjs52.of)(changeDataItem({
             bcName: bcName,
+            bcUrl: buildBcUrl(bcName, true, state),
             cursor: action.payload.dataItem.id,
             dataItem: action.payload.dataItem
         }))
     ];
-    var state = state$.value;
     var selected = action.payload.dataItem._associate;
     var depth = action.payload.depth || 1;
     var parentDepth = depth - 1;
     var widget = state.view.widgets.find(function (item) { return item.name === action.payload.widgetName; });
     var hierarchyTraverse = (_a = widget.options) === null || _a === void 0 ? void 0 : _a.hierarchyTraverse;
     var currentData = depth > 1 ? (_b = state.depthData[depth]) === null || _b === void 0 ? void 0 : _b[bcName] : state.data[bcName];
-    var parentCursor = parentDepth ? parentDepth > 1 ? (_c = state.screen.bo.bc[bcName].depthBc[parentDepth]) === null || _c === void 0 ? void 0 : _c.cursor : state.screen.bo.bc[bcName].cursor : null;
-    var parentItem = parentCursor ? parentDepth > 1 ? (_e = (_d = state.depthData[parentDepth]) === null || _d === void 0 ? void 0 : _d[bcName]) === null || _e === void 0 ? void 0 : _e.find(function (item) { return item.id === parentCursor; }) : state.data[bcName].find(function (item) { return item.id === parentCursor; }) : null;
+    var parentCursor = parentDepth ? parentDepth > 1 ? (_d = (_c = state.screen.bo.bc[bcName].depthBc) === null || _c === void 0 ? void 0 : _c[parentDepth]) === null || _d === void 0 ? void 0 : _d.cursor : state.screen.bo.bc[bcName].cursor : null;
+    var parentItem = parentCursor ? parentDepth > 1 ? (_f = (_e = state.depthData[parentDepth]) === null || _e === void 0 ? void 0 : _e[bcName]) === null || _f === void 0 ? void 0 : _f.find(function (item) { return item.id === parentCursor; }) : state.data[bcName].find(function (item) { return item.id === parentCursor; }) : null;
     if (parentDepth && hierarchyTraverse && selected) {
-        result.push((0, import_rxjs51.of)(changeAssociationSameBc({
+        result.push((0, import_rxjs52.of)(changeAssociationSameBc({
             bcName: bcName,
             depth: parentDepth,
             widgetName: action.payload.widgetName,
-            dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem[action.payload.assocValueKey] }),
+            dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem === null || parentItem === void 0 ? void 0 : parentItem[action.payload.assocValueKey] }),
             assocValueKey: action.payload.assocValueKey
         })));
     }
     if (parentDepth && hierarchyTraverse && !selected) {
         var wasLastInData = currentData.filter(function (item) { return item.id !== action.payload.dataItem.id; }).every(function (item) { return !item._associate; });
         if (wasLastInData) {
-            result.push((0, import_rxjs51.of)(changeAssociationSameBc({
+            result.push((0, import_rxjs52.of)(changeAssociationSameBc({
                 bcName: bcName,
                 depth: parentDepth,
                 widgetName: action.payload.widgetName,
@@ -2947,38 +3155,40 @@ var changeAssociationSameBcEpic = function (action$, state$) { return action$.pi
             })));
         }
     }
-    return (0, import_rxjs51.concat).apply(void 0, result);
+    return (0, import_rxjs52.concat).apply(void 0, result);
 })); };
 // src/epics/data/inlinePickListFetchDataEpic.ts
-var import_rxjs52 = require("rxjs");
+var import_rxjs53 = require("rxjs");
 var inlinePickListFetchDataEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs52.filter)(inlinePickListFetchDataRequest.match), (0, import_rxjs52.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs53.filter)(inlinePickListFetchDataRequest.match), (0, import_rxjs53.mergeMap)(function (action) {
         var _a;
         var _b = action.payload, bcName = _b.bcName, searchSpec = _b.searchSpec, searchString = _b.searchString;
-        var bcUrl = buildBcUrl(bcName, false);
+        var state = state$.value;
+        var bcUrl = buildBcUrl(bcName, false, state);
         var canceler = api.createCanceler();
         var cancelFlow = cancelRequestEpic(action$, cancelRequestActionTypes, canceler.cancel, bcFetchDataFail({ bcName: bcName, bcUrl: bcUrl }));
-        var normalFlow = api.fetchBcData(state$.value.screen.screenName, bcUrl, (_a = {}, _a[searchSpec + ".contains"] = searchString, _a), canceler.cancelToken).pipe((0, import_rxjs52.mergeMap)(function (data) {
-            return (0, import_rxjs52.of)(bcFetchDataSuccess({ bcName: bcName, data: data.data, bcUrl: bcUrl }));
-        }), (0, import_rxjs52.catchError)(function (error) {
+        var normalFlow = api.fetchBcData(state$.value.screen.screenName, bcUrl, (_a = {}, _a[searchSpec + ".contains"] = searchString, _a), canceler.cancelToken).pipe((0, import_rxjs53.mergeMap)(function (data) {
+            return (0, import_rxjs53.of)(bcFetchDataSuccess({ bcName: bcName, data: data.data, bcUrl: bcUrl }));
+        }), (0, import_rxjs53.catchError)(function (error) {
             console.error(error);
-            return (0, import_rxjs52.of)(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl }));
+            return (0, import_rxjs53.of)(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl }));
         }));
-        return (0, import_rxjs52.race)(cancelFlow, normalFlow);
+        return (0, import_rxjs53.race)(cancelFlow, normalFlow);
     }));
 };
 // src/epics/data/saveAssociationsPassiveEpic.ts
-var import_rxjs53 = require("rxjs");
-var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pipe((0, import_rxjs53.filter)(saveAssociations.match), (0, import_rxjs53.filter)(function () {
-    return !state$.value.view.popupData.active;
-}), (0, import_rxjs53.switchMap)(function (action) {
+var import_rxjs54 = require("rxjs");
+var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pipe((0, import_rxjs54.filter)(saveAssociations.match), (0, import_rxjs54.filter)(function () {
+    var _a;
+    return !((_a = state$.value.view.popupData) === null || _a === void 0 ? void 0 : _a.active);
+}), (0, import_rxjs54.switchMap)(function (action) {
     var _a, _b;
-    var _c;
+    var _c, _d;
     var state = state$.value;
-    var _d = state.view.popupData, _e = _d.calleeBCName, calleeBCName = _e === void 0 ? action.payload.calleeBcName : _e, _f = _d.associateFieldKey, associateFieldKey = _f === void 0 ? action.payload.associateFieldKey : _f;
+    var _e = (_c = state.view.popupData) !== null && _c !== void 0 ? _c : {}, _f = _e.calleeBCName, calleeBCName = _f === void 0 ? action.payload.calleeBcName : _f, _g = _e.associateFieldKey, associateFieldKey = _g === void 0 ? action.payload.associateFieldKey : _g;
     var cursor = state.screen.bo.bc[calleeBCName].cursor;
-    var recordPrevData = (_c = state.data[calleeBCName].find(function (dataStateRecord) { return dataStateRecord.id === cursor; })[associateFieldKey]) !== null && _c !== void 0 ? _c : [];
+    var recordPrevData = (_d = state.data[calleeBCName].find(function (dataStateRecord) { return dataStateRecord.id === cursor; })[associateFieldKey]) !== null && _d !== void 0 ? _d : [];
     var newValues = [];
     action.payload.bcNames.forEach(function (pendingBc) {
         var pendingChanges = state.view.pendingDataChanges[pendingBc] || {};
@@ -3002,8 +3212,9 @@ var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pi
         }
         return true;
     })).concat.apply(_a, addedItems);
-    return (0, import_rxjs53.of)(changeDataItem({
+    return (0, import_rxjs54.of)(changeDataItem({
         bcName: calleeBCName,
+        bcUrl: buildBcUrl(calleeBCName, true, state),
         cursor: cursor,
         dataItem: (_b = {},
             _b[associateFieldKey] = result,
@@ -3011,13 +3222,13 @@ var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pi
     }));
 })); };
 // src/epics/data/changeChildrenAssociationsEpic.ts
-var import_rxjs54 = require("rxjs");
+var import_rxjs55 = require("rxjs");
 var changeChildrenAssociationsEpic = function (action$, state$, _a) {
     var api = _a.api;
-    return action$.pipe((0, import_rxjs54.filter)(changeChildrenAssociations.match), (0, import_rxjs54.mergeMap)(function (action) {
+    return action$.pipe((0, import_rxjs55.filter)(changeChildrenAssociations.match), (0, import_rxjs55.mergeMap)(function (action) {
         var state = state$.value;
         var data = state.data[action.payload.bcName];
-        return (0, import_rxjs54.of)(changeDataItems({
+        return (0, import_rxjs55.of)(changeDataItems({
             bcName: action.payload.bcName,
             cursors: data.map(function (item) { return item.id; }),
             dataItems: data.map(function (item) { return (__assign(__assign({}, item), { _value: item[action.payload.assocValueKey], _associate: action.payload.selected })); })
@@ -3025,26 +3236,26 @@ var changeChildrenAssociationsEpic = function (action$, state$, _a) {
     }));
 };
 // src/epics/data/changeChildrenAssociationsSameBcEpic.ts
-var import_rxjs55 = require("rxjs");
-var changeChildrenAssociationsSameBcEpic = function (action$, state$) { return action$.pipe((0, import_rxjs55.filter)(changeChildrenAssociationsSameBc.match), (0, import_rxjs55.mergeMap)(function (action) {
+var import_rxjs56 = require("rxjs");
+var changeChildrenAssociationsSameBcEpic = function (action$, state$) { return action$.pipe((0, import_rxjs56.filter)(changeChildrenAssociationsSameBc.match), (0, import_rxjs56.mergeMap)(function (action) {
     var _a;
     var state = state$.value;
     var data = ((_a = state.depthData[action.payload.depth]) === null || _a === void 0 ? void 0 : _a[action.payload.bcName]) || [];
-    return (0, import_rxjs55.of)(changeDataItems({
+    return (0, import_rxjs56.of)(changeDataItems({
         bcName: action.payload.bcName,
         cursors: data.map(function (item) { return item.id; }),
         dataItems: data.map(function (item) { return (__assign(__assign({}, item), { _value: item[action.payload.assocValueKey], _associate: action.payload.selected })); })
     }));
 })); };
 // src/epics/data/changeDescendantsAssociationsFullEpic.ts
-var import_rxjs56 = require("rxjs");
-var changeDescendantsAssociationsFullEpic = function (action$, state$) { return action$.pipe((0, import_rxjs56.filter)(changeDescendantsAssociationsFull.match), (0, import_rxjs56.mergeMap)(function (action) {
+var import_rxjs57 = require("rxjs");
+var changeDescendantsAssociationsFullEpic = function (action$, state$) { return action$.pipe((0, import_rxjs57.filter)(changeDescendantsAssociationsFull.match), (0, import_rxjs57.mergeMap)(function (action) {
     var state = state$.value;
     var depth = action.payload.depth;
     var data = state.data[action.payload.bcName];
     var targetData = (data || []).filter(function (item) { return item.level === depth && item.parentId === action.payload.parentId; });
     var result = [
-        (0, import_rxjs56.of)(changeDataItems({
+        (0, import_rxjs57.of)(changeDataItems({
             bcName: action.payload.bcName,
             cursors: targetData.map(function (item) { return item.id; }),
             dataItems: targetData.map(function (item) { return (__assign(__assign({}, item), { _value: item[action.payload.assocValueKey], _associate: action.payload.selected })); })
@@ -3052,14 +3263,14 @@ var changeDescendantsAssociationsFullEpic = function (action$, state$) { return
     ];
     targetData.forEach(function (targetDataItem) {
         if (data.find(function (dataItem) { return dataItem.parentId === targetDataItem.id; })) {
-            result.push((0, import_rxjs56.of)(changeDescendantsAssociationsFull(__assign(__assign({}, action.payload), { parentId: targetDataItem.id, depth: depth + 1 }))));
+            result.push((0, import_rxjs57.of)(changeDescendantsAssociationsFull(__assign(__assign({}, action.payload), { parentId: targetDataItem.id, depth: depth + 1 }))));
         }
     });
-    return (0, import_rxjs56.concat).apply(void 0, result);
+    return (0, import_rxjs57.concat).apply(void 0, result);
 })); };
 // src/api/ObservableApiWrapper.ts
 var import_axios2 = __toESM(require("axios"));
-var import_rxjs57 = require("rxjs");
+var import_rxjs58 = require("rxjs");
 function redirectOccurred(value) {
     var _a;
     if ((_a = value.data) === null || _a === void 0 ? void 0 : _a.redirectUrl) {
@@ -3084,26 +3295,24 @@ var ObservableApiWrapper = /** @class */ (function () {
         this.instance = instance;
     }
     class_2.prototype.get = function (path, config, callContext) {
-        if (config === void 0) { config = {}; }
-        return (0, import_rxjs57.from)(this.instance.get(path, config)).pipe((0, import_rxjs57.takeWhile)(redirectOccurred), (0, import_rxjs57.map)(function (response) { return response.data; }));
+        return (0, import_rxjs58.from)(this.instance.get(path, config)).pipe((0, import_rxjs58.takeWhile)(redirectOccurred), (0, import_rxjs58.map)(function (response) { return response.data; }));
     };
     class_2.prototype.put = function (path, data, callContext) {
-        return (0, import_rxjs57.from)(this.instance.put(path, data)).pipe((0, import_rxjs57.takeWhile)(redirectOccurred), (0, import_rxjs57.map)(function (response) { return response.data; }));
+        return (0, import_rxjs58.from)(this.instance.put(path, data)).pipe((0, import_rxjs58.takeWhile)(redirectOccurred), (0, import_rxjs58.map)(function (response) { return response.data; }));
     };
     class_2.prototype.post = function (path, data, config, callContext) {
-        return (0, import_rxjs57.from)(this.instance.post(path, data)).pipe((0, import_rxjs57.takeWhile)(redirectOccurred), (0, import_rxjs57.map)(function (response) { return response.data; }));
+        return (0, import_rxjs58.from)(this.instance.post(path, data)).pipe((0, import_rxjs58.takeWhile)(redirectOccurred), (0, import_rxjs58.map)(function (response) { return response.data; }));
     };
     class_2.prototype.delete = function (path, data, config, callContext) {
-        return (0, import_rxjs57.from)(this.instance.delete(path, data)).pipe((0, import_rxjs57.takeWhile)(redirectOccurred), (0, import_rxjs57.map)(function (response) { return response.data; }));
+        return (0, import_rxjs58.from)(this.instance.delete(path, data)).pipe((0, import_rxjs58.takeWhile)(redirectOccurred), (0, import_rxjs58.map)(function (response) { return response.data; }));
     };
     return class_2;
 }());
 // src/api/ObservableApi.ts
 var import_axios3 = __toESM(require("axios"));
-var import_rxjs58 = require("rxjs");
+var import_rxjs59 = require("rxjs");
 var Api = /** @class */ (function () {
     function class_3(instance) {
-        this.api$ = new ObservableApiWrapper();
         this.api$ = new ObservableApiWrapper(instance);
     }
     class_3.prototype.routerRequest = function (path, params) {
@@ -3120,31 +3329,32 @@ var Api = /** @class */ (function () {
         var _this = this;
         if (params === void 0) { params = {}; }
         var currentPage = 1;
-        return this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: currentPage })).pipe((0, import_rxjs58.expand)(function (response) {
-            return response.hasNext ? _this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: ++currentPage })) : import_rxjs58.EMPTY;
-        }), (0, import_rxjs58.reduce)(function (items, nextResponse) {
+        return this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: currentPage })).pipe((0, import_rxjs59.expand)(function (response) {
+            return response.hasNext ? _this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: ++currentPage })) : import_rxjs59.EMPTY;
+        }), (0, import_rxjs59.reduce)(function (items, nextResponse) {
             return __spreadArray(__spreadArray([], items, true), nextResponse.data, true);
         }, []));
     };
     class_3.prototype.fetchRowMeta = function (screenName, bcUrl, params, cancelToken) {
         var url = applyParams(buildUrl(__makeTemplateObject(["row-meta/", "/"], ["row-meta/", "/"]), screenName) + bcUrl, params);
-        return this.api$.get(url, { cancelToken: cancelToken }).pipe((0, import_rxjs58.map)(function (response) { return response.data.row; }));
+        return this.api$.get(url, { cancelToken: cancelToken }).pipe((0, import_rxjs59.map)(function (response) { var _a; return (_a = response.data) === null || _a === void 0 ? void 0 : _a.row; }));
     };
     class_3.prototype.newBcData = function (screenName, bcUrl, context, params) {
         var url = applyParams(buildUrl(__makeTemplateObject(["row-meta-new/", "/"], ["row-meta-new/", "/"]), screenName) + bcUrl, params);
-        return this.api$.get(url, null, context).pipe((0, import_rxjs58.map)(function (response) { return response.data; }));
+        return this.api$.get(url, void 0, context).pipe((0, import_rxjs59.map)(function (response) { return response.data; }));
     };
     class_3.prototype.saveBcData = function (screenName, bcUrl, data, context, params) {
         var url = applyParams(buildUrl(__makeTemplateObject(["data/", "/"], ["data/", "/"]), screenName) + bcUrl, params);
-        return this.api$.put(url, { data: data }, context).pipe((0, import_rxjs58.map)(function (response) { return response.data; }));
+        return this.api$.put(url, { data: data }, context).pipe((0, import_rxjs59.map)(function (response) { return response.data; }));
     };
     class_3.prototype.deleteBcData = function (screenName, bcUrl, context, params) {
+        if (bcUrl === void 0) { bcUrl = ""; }
         var url = applyParams(buildUrl(__makeTemplateObject(["data/", "/"], ["data/", "/"]), screenName) + bcUrl, params);
-        return this.api$.delete(url, context).pipe((0, import_rxjs58.map)(function (response) { return response.data; }));
+        return this.api$.delete(url, context).pipe((0, import_rxjs59.map)(function (response) { return response.data; }));
     };
     class_3.prototype.customAction = function (screenName, bcUrl, data, context, params) {
         var url = applyParams(buildUrl(__makeTemplateObject(["custom-action/", "/"], ["custom-action/", "/"]), screenName) + bcUrl, params);
-        return this.api$.post(url, { data: data || {} }, null, context).pipe((0, import_rxjs58.map)(function (response) { return response.data; }));
+        return this.api$.post(url, { data: data || {} }, void 0, context).pipe((0, import_rxjs59.map)(function (response) { return response.data; }));
     };
     class_3.prototype.associate = function (screenName, bcUrl, data, params) {
         var processedData = Array.isArray(data) ? data.map(function (item) { return ({
@@ -3153,12 +3363,30 @@ var Api = /** @class */ (function () {
             associated: item._associate
         }); }) : data;
         var url = applyParams(buildUrl(__makeTemplateObject(["associate/", "/"], ["associate/", "/"]), screenName) + bcUrl, params);
-        return this.api$.post(url, processedData).pipe((0, import_rxjs58.map)(function (response) { return response.data; }));
+        return this.api$.post(url, processedData).pipe((0, import_rxjs59.map)(function (response) { return response.data; }));
     };
     class_3.prototype.getRmByForceActive = function (screenName, bcUrl, data, params) {
-        var url = applyParams(buildUrl(__makeTemplateObject(["row-meta/", "/"], ["row-meta/", "/"]), screenName) + bcUrl, params);
-        return this.api$.post(url, { data: data }).pipe((0, import_rxjs58.map)(function (response) { return response.data.row; }));
+        var url = applyParams(buildUrl(__makeTemplateObject(["row-meta/", "/"], ["row-meta/", "/"]), screenName) + (bcUrl !== null && bcUrl !== void 0 ? bcUrl : ""), params);
+        return this.api$.post(url, { data: data }).pipe((0, import_rxjs59.map)(function (response) { return response.data.row; }));
     };
+    Object.defineProperty(class_3.prototype, "fileUploadEndpoint", {
+        /**
+         * Get Cxbox API file upload endpoint based on baseURL of axios instance
+         *
+         * Handles empty baseURL and trailing slash
+         *
+         * @returns File upload endpoint
+         */
+        get: function () {
+            var instance = this.api$.instance;
+            if (!instance.defaults.baseURL) {
+                return "/file";
+            }
+            return instance.defaults.baseURL.endsWith("/") ? "".concat(instance.defaults.baseURL, "file") : "".concat(instance.defaults.baseURL, "/file");
+        },
+        enumerable: false,
+        configurable: true
+    });
     class_3.prototype.refreshMeta = function () {
         return this.api$.get(buildUrl(__makeTemplateObject(["bc-registry/refresh-meta"], ["bc-registry/refresh-meta"])));
     };
@@ -3177,13 +3405,241 @@ var Api = /** @class */ (function () {
     };
     return class_3;
 }());
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-    Api: Api,
-    actions: actions,
-    epics: epics,
-    interfaces: interfaces,
-    reducers: reducers,
-    utils: utils
-});
+// src/utils/autosave.ts
+function autosaveRoutine(action, store, next) {
+    var _a, _b, _c;
+    var state = store.getState();
+    var dispatch = store.dispatch;
+    var pendingDataChanges = state.view.pendingDataChanges;
+    var bcList = Object.keys(pendingDataChanges);
+    var baseBcNameIndex = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.bcName) && bcHasPendingAutosaveChanges(state, action.payload.bcName, (_b = state.screen.bo.bc[action.payload.bcName]) === null || _b === void 0 ? void 0 : _b.cursor) ? bcList.findIndex(function (bcName) { var _a; return bcName === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.bcName); }) : bcList.findIndex(function (bcName) { var _a; return bcHasPendingAutosaveChanges(state, bcName, (_a = state.screen.bo.bc[bcName]) === null || _a === void 0 ? void 0 : _a.cursor); });
+    var baseBcName = bcList[baseBcNameIndex];
+    if (baseBcNameIndex > -1) {
+        bcList.splice(baseBcNameIndex, 1);
+    }
+    if (baseBcName) {
+        bcList.forEach(function (bcName) {
+            var _a, _b;
+            var widget = (_a = state.view.widgets) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v.bcName === bcName; });
+            var cursor = (_b = state.screen.bo.bc[bcName]) === null || _b === void 0 ? void 0 : _b.cursor;
+            if (bcHasPendingAutosaveChanges(state, bcName, cursor)) {
+                dispatch(sendOperation({
+                    bcName: bcName,
+                    operationType: import_schema5.OperationTypeCrud.save,
+                    widgetName: widget === null || widget === void 0 ? void 0 : widget.name
+                }));
+            }
+        });
+        var baseWidget = (_c = state.view.widgets) === null || _c === void 0 ? void 0 : _c.find(function (v) { return v.bcName === baseBcName; });
+        return next(sendOperation({
+            bcName: baseBcName,
+            operationType: import_schema5.OperationTypeCrud.save,
+            widgetName: baseWidget === null || baseWidget === void 0 ? void 0 : baseWidget.name,
+            onSuccessAction: action
+        }));
+    }
+    return next(action);
+}
+function bcHasPendingAutosaveChanges(store, bcName, cursor) {
+    var _a;
+    var pendingChanges = store.view.pendingDataChanges;
+    var cursorChanges = (_a = pendingChanges[bcName]) === null || _a === void 0 ? void 0 : _a[cursor];
+    var result = cursorChanges && !Object.keys(cursorChanges).includes("_associate") && Object.values(cursorChanges).length > 0;
+    return result;
+}
+function checkUnsavedChangesOfBc(store, bcName) {
+    var _a, _b;
+    var pendingCursors = Object.keys((_b = (_a = store.view.pendingDataChanges) === null || _a === void 0 ? void 0 : _a[bcName]) !== null && _b !== void 0 ? _b : {});
+    return pendingCursors.some(function (cursor) { return bcHasPendingAutosaveChanges(store, bcName, cursor); });
+}
+// src/middlewares/autosaveMiddleware.ts
+var saveFormMiddleware = function (_a) {
+    var getState = _a.getState, dispatch = _a.dispatch;
+    return function (next) { return function (action) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var state = getState();
+        var isSendOperation = sendOperation.match(action);
+        var isCoreSendOperation = isSendOperation && coreOperations.includes(action.payload.operationType);
+        var isSelectTableCellInit = selectTableCellInit.match(action);
+        var isSaveAction = isSendOperation && action.payload.operationType === import_schema5.OperationTypeCrud.save;
+        var isNotSaveAction = !isSaveAction;
+        var actionBcName = isSendOperation && action.payload.bcName;
+        var hasAnotherUnsavedBc = Object.keys(state.view.pendingDataChanges).filter(function (key) { return key !== actionBcName; }).filter(function (key) { return checkUnsavedChangesOfBc(state, key); }).length > 0;
+        var isSendOperationForAnotherBc = isCoreSendOperation && hasAnotherUnsavedBc;
+        var selectedCell = state.view.selectedCell;
+        var isSelectTableCellInitOnAnotherRowOrWidget = selectedCell && isSelectTableCellInit && (selectedCell.widgetName !== action.payload.widgetName || selectedCell.rowId !== action.payload.rowId);
+        var defaultSaveWidget = (_a = state.view.widgets) === null || _a === void 0 ? void 0 : _a.find(function (item) { var _a, _b; return (_b = (_a = item === null || item === void 0 ? void 0 : item.options) === null || _a === void 0 ? void 0 : _a.actionGroups) === null || _b === void 0 ? void 0 : _b.defaultSave; });
+        var defaultCursor = (_c = (_b = state.screen.bo.bc) === null || _b === void 0 ? void 0 : _b[defaultSaveWidget === null || defaultSaveWidget === void 0 ? void 0 : defaultSaveWidget.bcName]) === null || _c === void 0 ? void 0 : _c.cursor;
+        var pendingData = (_f = (_e = (_d = state.view) === null || _d === void 0 ? void 0 : _d.pendingDataChanges) === null || _e === void 0 ? void 0 : _e[defaultSaveWidget === null || defaultSaveWidget === void 0 ? void 0 : defaultSaveWidget.bcName]) === null || _f === void 0 ? void 0 : _f[defaultCursor];
+        var isChangeLocation = defaultSaveWidget && changeLocation.match(action) && Object.keys(pendingData || {}).length > 0;
+        if (isChangeLocation) {
+            return next(sendOperation({
+                bcName: defaultSaveWidget.bcName,
+                operationType: ((_g = defaultSaveWidget.options) === null || _g === void 0 ? void 0 : _g.actionGroups).defaultSave,
+                widgetName: defaultSaveWidget.name,
+                onSuccessAction: action
+            }));
+        }
+        var isNeedSaveCondition = isNotSaveAction && (isSendOperationForAnotherBc || isSelectTableCellInitOnAnotherRowOrWidget);
+        if (isNeedSaveCondition) {
+            return autosaveRoutine(action, { getState: getState, dispatch: dispatch }, next);
+        }
+        return next(action);
+    }; };
+};
+// src/middlewares/requiredFieldsMiddleware.ts
+var requiredFields = function (_a) {
+    var getState = _a.getState, dispatch = _a.dispatch;
+    return function (next) { return function (action) {
+        var _a, _b, _c, _d;
+        var state = getState();
+        if (sendOperation.match(action)) {
+            var _e = action.payload, bcName = _e.bcName, operationType = _e.operationType, widgetName_1 = _e.widgetName;
+            var cursor_1 = (_a = state.screen.bo.bc[bcName]) === null || _a === void 0 ? void 0 : _a.cursor;
+            if (cursor_1) {
+                var bcUrl = buildBcUrl(bcName, true, state);
+                var record = (_b = state.data[bcName]) === null || _b === void 0 ? void 0 : _b.find(function (item) { return item.id === cursor_1; });
+                var rowMeta_1 = bcUrl && ((_c = state.view.rowMeta[bcName]) === null || _c === void 0 ? void 0 : _c[bcUrl]);
+                var pendingValues = (_d = state.view.pendingDataChanges[bcName]) === null || _d === void 0 ? void 0 : _d[cursor_1];
+                var widget_1 = state.view.widgets.find(function (item) { return item.name === widgetName_1; });
+                if (operationRequiresAutosave(operationType, rowMeta_1 === null || rowMeta_1 === void 0 ? void 0 : rowMeta_1.actions)) {
+                    var fieldsToCheck_1 = {};
+                    state.view.widgets.filter(function (item) { return item.bcName === (widget_1 === null || widget_1 === void 0 ? void 0 : widget_1.bcName); }).forEach(function (item) {
+                        var itemFieldsCalc = item.fields;
+                        if (item.fields) {
+                            item.fields.forEach(function (block) {
+                                if (isWidgetFieldBlock(block)) {
+                                    block.fields.forEach(function (field) { return itemFieldsCalc.push(field); });
+                                }
+                            });
+                        }
+                        itemFieldsCalc.forEach(function (widgetField) {
+                            var _a;
+                            var matchingRowMeta = (_a = rowMeta_1 === null || rowMeta_1 === void 0 ? void 0 : rowMeta_1.fields) === null || _a === void 0 ? void 0 : _a.find(function (rowMetaField) { return rowMetaField.key === widgetField.key; });
+                            if (!fieldsToCheck_1[widgetField.key] && matchingRowMeta && !matchingRowMeta.hidden) {
+                                fieldsToCheck_1[widgetField.key] = matchingRowMeta;
+                            }
+                        });
+                    });
+                    var dataItem = getRequiredFieldsMissing(record, pendingValues, Object.values(fieldsToCheck_1));
+                    if (dataItem && TableLikeWidgetTypes.includes(widget_1 === null || widget_1 === void 0 ? void 0 : widget_1.type)) {
+                        dispatch(selectTableCellInit({ widgetName: widgetName_1, rowId: cursor_1, fieldKey: Object.keys(dataItem)[0] }));
+                    }
+                    return dataItem ? next(changeDataItem({ bcName: bcName, bcUrl: buildBcUrl(bcName, true, state), cursor: cursor_1, dataItem: 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, actions2) {
+    var result = false;
+    if (!actions2) {
+        console.error('rowMeta is missing in the middle of "sendOperation" action');
+        return result;
+    }
+    result = flattenOperations(actions2).some(function (action) { return action.type === operationType && action.autoSaveBefore; });
+    return result;
+}
+function getRequiredFieldsMissing(record, pendingChanges, fieldsMeta) {
+    var result = {};
+    fieldsMeta.forEach(function (field) {
+        var value = record === null || record === void 0 ? void 0 : record[field.key];
+        var pendingValue = pendingChanges === null || pendingChanges === void 0 ? void 0 : pendingChanges[field.key];
+        var effectiveValue = pendingValue !== void 0 ? pendingValue : value;
+        var 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;
+    }
+    var checkResult = false;
+    var bcPendingValidations = (_a = store.view.pendingValidationFails) === null || _a === void 0 ? void 0 : _a[bcName];
+    var cursorsList = bcPendingValidations && Object.keys(bcPendingValidations);
+    if (!cursorsList) {
+        return false;
+    }
+    var 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 = function (_a) {
+    var getState = _a.getState;
+    return function (next) { return function (action) {
+        var _a, _b, _c;
+        if (sendOperation.match(action)) {
+            var state = getState();
+            var _d = action.payload, operationType_1 = _d.operationType, widgetName_2 = _d.widgetName, confirm = _d.confirm;
+            var bcName = (_a = state.view.widgets.find(function (widgetItem) { return widgetItem.name === widgetName_2; })) === null || _a === void 0 ? void 0 : _a.bcName;
+            var bcUrl = buildBcUrl(bcName, true, state);
+            var rowMeta = bcUrl && ((_b = state.view.rowMeta[bcName]) === null || _b === void 0 ? void 0 : _b[bcUrl]);
+            var actions2 = rowMeta && flattenOperations(rowMeta.actions);
+            var preInvoke = (_c = actions2 === null || actions2 === void 0 ? void 0 : actions2.find(function (item) { return item.type === operationType_1; })) === null || _c === void 0 ? void 0 : _c.preInvoke;
+            return preInvoke && !confirm ? next(processPreInvoke({
+                bcName: bcName,
+                operationType: operationType_1,
+                widgetName: widgetName_2,
+                preInvoke: preInvoke
+            })) : next(action);
+        }
+        return next(action);
+    }; };
+};
+// src/middlewares/popupMiddleware.ts
+var popupMiddleware = function (_a) {
+    var getState = _a.getState;
+    return function (next) { return function (action) {
+        var _a, _b, _c;
+        if (showViewPopup.match(action)) {
+            var state = getState();
+            var bcName_1 = action.payload.bcName;
+            var widgetValueKey = (_b = (_a = state.view.widgets.find(function (item) { return item.bcName === bcName_1; })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.displayedValueKey;
+            var assocValueKey = (_c = action.payload.assocValueKey) !== null && _c !== void 0 ? _c : widgetValueKey;
+            return widgetValueKey ? next(showViewPopup(__assign(__assign({}, action.payload), { assocValueKey: assocValueKey }))) : next(action);
+        }
+        return next(action);
+    }; };
+};
+// src/middlewares/index.ts
+var middlewares = {
+    autosave: saveFormMiddleware,
+    requiredFields: requiredFields,
+    preInvoke: preInvokeAction,
+    popup: popupMiddleware
+};
 //# sourceMappingURL=cxbox-ui-core.cjs.development.js.map