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

package/dist/cxbox-ui-core.esm.js

@@ -497,6 +497,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; },
@@ -544,6 +546,19 @@ function applyRawParams(url, qso) {
     var result = new URLSearchParams(qso).toString();
     return "".concat(addTailControlSequences(url)).concat(result && "".concat(result));
 }
+// src/utils/apiError.ts
+import { actions } from "@cxbox-ui/core";
+import { EMPTY, of } from "rxjs";
+function createApiError(error, context) {
+    if (context === void 0) { context = { widgetName: "unknown" }; }
+    if (!error.isAxiosError)
+        return void 0;
+    return actions.apiError({ error: error, callContext: context });
+}
+function createApiErrorObservable(error, context) {
+    var apiError2 = createApiError(error, context);
+    return apiError2 ? of(apiError2) : EMPTY;
+}
 // src/utils/strings.ts
 function getTemplate(literals) {
     var placeholders = [];
@@ -1109,7 +1124,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;
@@ -1138,7 +1155,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;
@@ -1168,6 +1186,12 @@ var createSessionReducerBuilderManager = function (initialState) { return new Re
 }).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
 import { OperationTypeCrud as OperationTypeCrud4 } from "@cxbox-ui/schema";
@@ -1216,8 +1240,8 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
 }).addCase(bcNewDataSuccess, function (state, action) {
     state.selectedCell = initialViewState.selectedCell;
 }).addCase(forceActiveRmUpdate, function (state, action) {
-    var _a, _b, _c, _d;
-    var _e = action.payload, bcName = _e.bcName, bcUrl = _e.bcUrl, currentRecordData = _e.currentRecordData, rowMeta = _e.rowMeta, cursor = _e.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 = {};
@@ -1228,6 +1252,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]) {
@@ -1240,12 +1265,12 @@ var createViewReducerBuilderManager = function (initialState) { return new Reduc
             handledForceActive[key] = newPendingDataChanges[key];
         }
     });
-    state.handledForceActive[bcName] = (_a = state.handledForceActive[bcName]) !== null && _a !== void 0 ? _a : {};
-    state.handledForceActive[bcName][cursor] = (_b = state.handledForceActive[bcName][cursor]) !== null && _b !== void 0 ? _b : {};
+    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] = (_c = state.pendingDataChanges[bcName]) !== null && _c !== void 0 ? _c : {};
+    state.pendingDataChanges[bcName] = (_d = state.pendingDataChanges[bcName]) !== null && _d !== void 0 ? _d : {};
     state.pendingDataChanges[bcName][cursor] = newPendingDataChanges;
-    state.rowMeta[bcName] = (_d = state.rowMeta[bcName]) !== null && _d !== void 0 ? _d : {};
+    state.rowMeta[bcName] = (_e = state.rowMeta[bcName]) !== null && _e !== void 0 ? _e : {};
     state.rowMeta[bcName][bcUrl] = rowMeta;
 }).addCase(changeDataItem, function (state, action) {
     var _a, _b, _c;
@@ -1511,9 +1536,9 @@ __export(epics_exports, {
     userDrillDownEpic: function () { return userDrillDownEpic; }
 });
 // src/epics/view/sendOperationEpic.ts
-import { catchError, concat, EMPTY, filter, mergeMap, of as of2 } from "rxjs";
+import { catchError, concat, EMPTY as EMPTY2, filter, mergeMap, of as of3 } from "rxjs";
 // src/epics/utils/postOperationRoutine.ts
-import { of } from "rxjs";
+import { of as of2 } from "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 = [];
@@ -1536,7 +1561,7 @@ function postOperationRoutine(widgetName, postInvoke, preInvoke, operationType,
             preInvoke: preInvoke
         }));
     }
-    return result.map(function (item) { return of(item); });
+    return result.map(function (item) { return of2(item); });
 }
 // src/epics/view/sendOperationEpic.ts
 var sendOperationEpic = function (action$, state$, _a) {
@@ -1575,8 +1600,8 @@ var sendOperationEpic = function (action$, state$, _a) {
             var _a, _b;
             var postInvoke = (_a = response.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var preInvoke = response.preInvoke;
-            return defaultSaveOperation ? ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.onSuccessAction) ? concat(of2(bcCancelPendingChanges({ bcNames: [bcName] })), of2(action.payload.onSuccessAction)) : EMPTY : concat.apply(void 0, __spreadArray([of2(sendOperationSuccess({ bcName: bcName, cursor: cursor })),
-                of2(bcForceUpdate({ bcName: bcName }))], postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName), false));
+            return defaultSaveOperation ? ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.onSuccessAction) ? concat(of3(bcCancelPendingChanges({ bcNames: [bcName] })), of3(action.payload.onSuccessAction)) : EMPTY2 : concat.apply(void 0, __spreadArray([of3(sendOperationSuccess({ bcName: bcName, cursor: cursor })),
+                of3(bcForceUpdate({ bcName: bcName }))], postOperationRoutine(widgetName, postInvoke, preInvoke, operationType, bcName), false));
         }), catchError(function (e) {
             var _a, _b, _c, _d, _e, _f;
             console.error(e);
@@ -1587,12 +1612,12 @@ 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 of2(sendOperationFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError }));
+            return concat(of3(sendOperationFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError })), createApiErrorObservable(e, context));
         }));
     }));
 };
 // src/epics/view/showAssocPopupEpic.ts
-import { EMPTY as EMPTY2, filter as filter2, mergeMap as mergeMap2, of as of3 } from "rxjs";
+import { EMPTY as EMPTY3, filter as filter2, mergeMap as mergeMap2, of as of4 } from "rxjs";
 import { WidgetTypes as WidgetTypes3 } from "@cxbox-ui/schema";
 var showAssocPopupEpic = function (action$, state$) { return action$.pipe(filter2(showViewPopup.match), filter2(function (action) { return !!(action.payload.calleeBCName && action.payload.associateFieldKey); }), mergeMap2(function (action) {
     var _a, _b, _c, _d;
@@ -1605,7 +1630,7 @@ var showAssocPopupEpic = function (action$, state$) { return action$.pipe(filter
     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 EMPTY2;
+        return EMPTY3;
     }
     var popupInitPendingChanges = {};
     assocFieldChanges.forEach(function (record) {
@@ -1628,14 +1653,14 @@ var showAssocPopupEpic = function (action$, state$) { return action$.pipe(filter
             }
         });
     }
-    return of3(changeDataItems({
+    return of4(changeDataItems({
         bcName: bcName,
         cursors: Object.keys(popupInitPendingChanges),
         dataItems: Object.values(popupInitPendingChanges)
     }));
 })); };
 // src/epics/view/fileUploadConfirmEpic.ts
-import { concat as concat2, filter as filter3, mergeMap as mergeMap3, of as of4 } from "rxjs";
+import { catchError as catchError2, concat as concat2, filter as filter3, mergeMap as mergeMap3, of as of5 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud5 } from "@cxbox-ui/schema";
 var fileUploadConfirmEpic = function (action$, state$, _a) {
     var api = _a.api;
@@ -1652,14 +1677,17 @@ var fileUploadConfirmEpic = function (action$, state$, _a) {
             var _a;
             var postInvoke = (_a = response.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var preInvoke = response.preInvoke;
-            return concat2.apply(void 0, __spreadArray([of4(sendOperationSuccess({ bcName: bcName, cursor: null })),
-                of4(bcForceUpdate({ bcName: bcName })),
-                of4(closeViewPopup(null))], postOperationRoutine(widgetName, postInvoke, preInvoke, OperationTypeCrud5.save, bcName), false));
+            return concat2.apply(void 0, __spreadArray([of5(sendOperationSuccess({ bcName: bcName, cursor: null })),
+                of5(bcForceUpdate({ bcName: bcName })),
+                of5(closeViewPopup(null))], postOperationRoutine(widgetName, postInvoke, preInvoke, OperationTypeCrud5.save, bcName), false));
+        }), catchError2(function (error) {
+            console.error(error);
+            return createApiErrorObservable(error);
         }));
     }));
 };
 // src/epics/view/selectTableCellInitEpic.ts
-import { concat as concat3, filter as filter4, mergeMap as mergeMap4, of as of5 } from "rxjs";
+import { concat as concat3, filter as filter4, mergeMap as mergeMap4, of as of6 } from "rxjs";
 var selectTableCellInitEpic = function (action$, state$) { return action$.pipe(filter4(selectTableCellInit.match), mergeMap4(function (action) {
     var _a;
     var resultObservables = [];
@@ -1670,19 +1698,19 @@ var selectTableCellInitEpic = function (action$, state$) { return action$.pipe(f
     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(of5(bcSelectRecord({ bcName: nextBcName, cursor: nextRowId })));
+        resultObservables.push(of6(bcSelectRecord({ bcName: nextBcName, cursor: nextRowId })));
     }
     if (!selectedCell || fieldKey !== selectedCell.fieldKey || nextRowId !== selectedCell.rowId || (nextWidget === null || nextWidget === void 0 ? void 0 : nextWidget.name) !== selectedCell.widgetName) {
-        resultObservables.push(of5(selectTableCell({ widgetName: nextWidget === null || nextWidget === void 0 ? void 0 : nextWidget.name, rowId: nextRowId, fieldKey: fieldKey })));
+        resultObservables.push(of6(selectTableCell({ widgetName: nextWidget === null || nextWidget === void 0 ? void 0 : nextWidget.name, rowId: nextRowId, fieldKey: fieldKey })));
     }
     return concat3.apply(void 0, resultObservables);
 })); };
 // src/epics/view/showFileUploadPopupEpic.ts
-import { concat as concat4, filter as filter5, mergeMap as mergeMap5, of as of6 } from "rxjs";
+import { concat as concat4, filter as filter5, mergeMap as mergeMap5, of as of7 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud6 } from "@cxbox-ui/schema";
 var showFileUploadPopupEpic = function (action$, state$) { return action$.pipe(filter5(sendOperation.match), filter5(function (action) { return matchOperationRole(OperationTypeCrud6.fileUpload, action.payload, state$.value); }), mergeMap5(function (action) {
     var _a;
-    return concat4(of6(bcChangeCursors({ cursorsMap: (_a = {}, _a[action.payload.bcName] = null, _a) })), of6(showFileUploadPopup({ widgetName: action.payload.widgetName })));
+    return concat4(of7(bcChangeCursors({ cursorsMap: (_a = {}, _a[action.payload.bcName] = null, _a) })), of7(showFileUploadPopup({ widgetName: action.payload.widgetName })));
 })); };
 // src/epics/view/sendOperationAssociateEpic.ts
 import { filter as filter6, map } from "rxjs";
@@ -1697,31 +1725,31 @@ var sendOperationAssociateEpic = function (action$, state$) { return action$.pip
     });
 })); };
 // src/epics/view/getRowMetaByForceActiveEpic.ts
-import { EMPTY as EMPTY3, concat as concat5, filter as filter7, mergeMap as mergeMap6, of as of7, catchError as catchError2 } from "rxjs";
+import { EMPTY as EMPTY4, concat as concat5, filter as filter7, mergeMap as mergeMap6, of as of8, catchError as catchError3 } from "rxjs";
 import { WidgetTypes as WidgetTypes4 } from "@cxbox-ui/schema";
 import { nanoid } from "@reduxjs/toolkit";
 var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter7(changeDataItem.match), mergeMap6(function (action) {
-        var _a, _b, _c, _d;
+        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 === WidgetTypes4.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 EMPTY3;
+            return EMPTY4;
         }
         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) && [WidgetTypes4.PickListPopup, WidgetTypes4.FlatTreePopup].includes(item.type); });
         var bcUrl = buildBcUrl(bcName, true, state);
-        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;
+        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 = concat5(of7(closeViewPopup(null)), of7(viewClearPickMap(null)), of7(bcRemoveAllFilters({ bcName: bcName })));
+        var closePopup = concat5(of8(closeViewPopup(null)), of8(viewClearPickMap(null)), of8(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) {
@@ -1731,10 +1759,10 @@ var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
         });
         var requestId = nanoid();
         if (someForceActiveChanged && !disableRetry) {
-            return concat5(of7(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(mergeMap6(function (data) {
-                var result = [of7(removePendingRequest({ requestId: requestId }))];
+            return concat5(of8(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(mergeMap6(function (data) {
+                var result = [of8(removePendingRequest({ requestId: requestId }))];
                 if (state.view.url === initUrl) {
-                    result.push(of7(forceActiveRmUpdate({
+                    result.push(of8(forceActiveRmUpdate({
                         rowMeta: data,
                         currentRecordData: currentRecordData,
                         bcName: bcName,
@@ -1746,7 +1774,7 @@ var getRowMetaByForceActiveEpic = function (action$, state$, _a) {
                     result.push(closePopup);
                 }
                 return concat5.apply(void 0, result);
-            }), catchError2(function (e) {
+            }), catchError3(function (e) {
                 var _a;
                 var _b, _c, _d, _e, _f, _g;
                 console.error(e);
@@ -1757,35 +1785,35 @@ 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 concat5(of7(removePendingRequest({ requestId: requestId })), state.view.url === initUrl ? concat5(of7(changeDataItem({
+                return concat5(of8(removePendingRequest({ requestId: requestId })), state.view.url === initUrl ? concat5(of8(changeDataItem({
                     bcName: bcName,
                     bcUrl: buildBcUrl(bcName, true, state),
                     cursor: cursor,
                     dataItem: (_a = {}, _a[changedFiledKey] = currentRecordData === null || currentRecordData === void 0 ? void 0 : currentRecordData[changedFiledKey], _a),
                     disableRetry: true
-                })), of7(forceActiveChangeFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError }))) : EMPTY3);
+                })), of8(forceActiveChangeFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError }))) : EMPTY4, createApiErrorObservable(e));
             })));
         }
-        return isPickListPopup ? closePopup : EMPTY3;
+        return isPickListPopup ? closePopup : EMPTY4;
     }));
 };
 // src/epics/view/showAllTableRecordsInitEpic.ts
-import { concat as concat6, filter as filter8, mergeMap as mergeMap7, of as of8 } from "rxjs";
+import { concat as concat6, filter as filter8, mergeMap as mergeMap7, of as of9 } from "rxjs";
 var showAllTableRecordsInitEpic = function (action$, state$) { return action$.pipe(filter8(showAllTableRecordsInit.match), mergeMap7(function (action) {
     var _a;
     var resultObservables = [];
     var _b = action.payload, bcName = _b.bcName, cursor = _b.cursor;
     var state = state$.value;
     var route = state.router;
-    resultObservables.push(of8(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = null, _a) })));
+    resultObservables.push(of9(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(of8(bcForceUpdate({ bcName: bcName })));
-    resultObservables.push(of8(changeLocation({ location: defaultParseURL(new URL(url, window.location.origin)) })));
+    resultObservables.push(of9(bcForceUpdate({ bcName: bcName })));
+    resultObservables.push(of9(changeLocation({ location: defaultParseURL(new URL(url, window.location.origin)) })));
     return concat6.apply(void 0, resultObservables);
 })); };
 // src/epics/view/clearPendingDataChangesAfterCursorChangeEpic.ts
-import { EMPTY as EMPTY4, filter as filter9, mergeMap as mergeMap8, of as of9 } from "rxjs";
+import { EMPTY as EMPTY5, filter as filter9, mergeMap as mergeMap8, of as of10 } from "rxjs";
 var clearPendingDataChangesAfterCursorChangeEpic = function (action$, state$) { return action$.pipe(filter9(bcChangeCursors.match), mergeMap8(function (action) {
     var state = state$.value;
     var nextCursors = parseBcCursors(state.router.bcPath) || {};
@@ -1798,12 +1826,12 @@ var clearPendingDataChangesAfterCursorChangeEpic = function (action$, state$) {
         }
     });
     if (Object.keys(cursorsDiffMap).length) {
-        return of9(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
+        return of10(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
     }
-    return EMPTY4;
+    return EMPTY5;
 })); };
 // src/epics/router/drilldownEpic.ts
-import { concat as concat7, EMPTY as EMPTY5, filter as filter10, switchMap } from "rxjs";
+import { concat as concat7, EMPTY as EMPTY6, filter as filter10, switchMap } from "rxjs";
 var drillDownEpic = function (action$, state$) { return action$.pipe(filter10(drillDown.match), switchMap(function (action) {
     var _a, _b;
     var state = state$.value;
@@ -1880,7 +1908,7 @@ var drillDownEpic = function (action$, state$) { return action$.pipe(filter10(dr
             result.push(changeLocation({ location: defaultParseURL(new URL(makeRelativeUrl(urlBase), window.location.origin)) }));
             break;
     }
-    return result.length ? concat7(result) : EMPTY5;
+    return result.length ? concat7(result) : EMPTY6;
 })); };
 function shallowCompare(prevProps, nextProps, ignore) {
     if (ignore === void 0) { ignore = []; }
@@ -1908,18 +1936,18 @@ function shallowCompare(prevProps, nextProps, ignore) {
     return diffProps;
 }
 // src/epics/router/loginDoneEpic.ts
-import { filter as filter11, of as of10, switchMap as switchMap2 } from "rxjs";
+import { filter as filter11, of as of11, switchMap as switchMap2 } from "rxjs";
 var loginDoneEpic = function (action$, state$) { return action$.pipe(filter11(loginDone.match), switchMap2(function (action) {
     var state = state$.value;
     if (state.router.type === "router" /* router */) {
-        return of10(handleRouter(state.router));
+        return of11(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 ? of10(selectScreen({ screen: nextScreen })) : of10(selectScreenFail({ screenName: nextScreenName }));
+    return nextScreen ? of11(selectScreen({ screen: nextScreen })) : of11(selectScreenFail({ screenName: nextScreenName }));
 })); };
 // src/epics/router/selectViewEpic.ts
-import { EMPTY as EMPTY6, filter as filter12, of as of11, switchMap as switchMap3 } from "rxjs";
+import { EMPTY as EMPTY7, filter as filter12, of as of12, switchMap as switchMap3 } from "rxjs";
 var changeViewEpic = function (action$, state$) { return action$.pipe(filter12(selectView.match), switchMap3(function (action) {
     var state = state$.value;
     var nextCursors = parseBcCursors(state.router.bcPath) || {};
@@ -1932,37 +1960,37 @@ var changeViewEpic = function (action$, state$) { return action$.pipe(filter12(s
         }
     });
     if (Object.keys(cursorsDiffMap).length) {
-        return of11(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
+        return of12(bcChangeCursors({ cursorsMap: cursorsDiffMap }));
     }
-    return EMPTY6;
+    return EMPTY7;
 })); };
 // src/epics/router/handleRouterEpic.ts
-import { catchError as catchError3, EMPTY as EMPTY7, filter as filter13, mergeMap as mergeMap9, switchMap as switchMap4 } from "rxjs";
+import { catchError as catchError4, EMPTY as EMPTY8, filter as filter13, mergeMap as mergeMap9, switchMap as switchMap4 } from "rxjs";
 var handleRouterEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter13(handleRouter.match), switchMap4(function (action) {
         var path = action.payload.path;
         var params = action.payload.params;
         return api.routerRequest(path, params).pipe(mergeMap9(function () {
-            return EMPTY7;
-        }), catchError3(function (error) {
+            return EMPTY8;
+        }), catchError4(function (error) {
             console.error(error);
-            return EMPTY7;
+            return createApiErrorObservable(error);
         }));
     }));
 };
 // src/epics/router/selectScreenEpic.ts
-import { filter as filter14, of as of12, switchMap as switchMap5 } from "rxjs";
+import { filter as filter14, of as of13, switchMap as switchMap5 } from "rxjs";
 var changeScreen = function (action$, state$) { return action$.pipe(filter14(selectScreen.match), switchMap5(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 ? of12(selectView(nextView)) : of12(selectViewFail({ viewName: nextViewName }));
+    return nextView ? of13(selectView(nextView)) : of13(selectViewFail({ viewName: nextViewName }));
 })); };
 // src/epics/router/userDrillDownEpic.ts
-import { catchError as catchError4, concat as concat8, EMPTY as EMPTY8, filter as filter15, mergeMap as mergeMap10, of as of13, switchMap as switchMap6 } from "rxjs";
+import { catchError as catchError5, concat as concat8, EMPTY as EMPTY9, filter as filter15, mergeMap as mergeMap10, of as of14, switchMap as switchMap6 } from "rxjs";
 var userDrillDownEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter15(userDrillDown.match), switchMap6(function (action) {
@@ -1975,34 +2003,34 @@ var userDrillDownEpic = function (action$, state$, _a) {
             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 ? concat8((drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDownType) !== DrillDownType.inner ? of13(bcFetchRowMetaSuccess({ bcName: bcName, rowMeta: rowMeta, bcUrl: bcUrl, cursor: cursor })) : EMPTY8, of13(userDrillDownSuccess({ bcName: bcName, bcUrl: bcUrl, cursor: cursor })), of13(drillDown({
+            return customDrillDownUrl || (drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDown) || (drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDown) !== route.path ? concat8((drillDownField === null || drillDownField === void 0 ? void 0 : drillDownField.drillDownType) !== DrillDownType.inner ? of14(bcFetchRowMetaSuccess({ bcName: bcName, rowMeta: rowMeta, bcUrl: bcUrl, cursor: cursor })) : EMPTY9, of14(userDrillDownSuccess({ bcName: bcName, bcUrl: bcUrl, cursor: cursor })), of14(drillDown({
                 url: customDrillDownUrl || drillDownField.drillDown,
                 drillDownType: drillDownField.drillDownType,
                 route: route
-            }))) : EMPTY8;
-        }), catchError4(function (error) {
+            }))) : EMPTY9;
+        }), catchError5(function (error) {
             console.error(error);
-            return EMPTY8;
+            return createApiErrorObservable(error);
         }));
     }));
 };
 // src/epics/router/changeLocationEpic.ts
-import { concat as concat9, EMPTY as EMPTY9, filter as filter16, mergeMap as mergeMap11, of as of14 } from "rxjs";
+import { concat as concat9, EMPTY as EMPTY10, filter as filter16, mergeMap as mergeMap11, of as of15 } from "rxjs";
 var changeLocationEpic = function (action$, state$) { return action$.pipe(filter16(changeLocation.match), mergeMap11(function (action) {
     var _a, _b;
     var state = state$.value;
     if (!state.session.active) {
-        return EMPTY9;
+        return EMPTY10;
     }
     if (state.router.type === "router" /* router */) {
-        return of14(handleRouter(state.router));
+        return of15(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 ? of14(selectScreen({ screen: nextScreen })) : of14(selectScreenFail({ screenName: nextScreenName }));
+        return nextScreen ? of15(selectScreen({ screen: nextScreen })) : of15(selectScreenFail({ screenName: nextScreenName }));
     }
     var currentViewName = state.view.name;
     var nextViewName = state.router.viewName;
@@ -2019,17 +2047,17 @@ var changeLocationEpic = function (action$, state$) { return action$.pipe(filter
     var needUpdateViews = nextViewName !== currentViewName;
     var resultObservables = [];
     if (needUpdateCursors) {
-        resultObservables.push(of14(bcChangeCursors({ cursorsMap: cursorsDiffMap })));
+        resultObservables.push(of15(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 ? of14(selectView(nextView)) : of14(selectViewFail({ viewName: nextViewName })));
+        resultObservables.push(nextView ? of15(selectView(nextView)) : of15(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(of14(bcForceUpdate({ bcName: bcName })));
+                resultObservables.push(of15(bcForceUpdate({ bcName: bcName })));
             }
         });
     }
@@ -2070,27 +2098,27 @@ var userDrillDownChangeCursorsEpic = function (action$, state$) { return action$
 })); };
 // src/epics/screen/apiErrorEpic.ts
 import axios from "axios";
-import { EMPTY as EMPTY10, filter as filter20, mergeMap as mergeMap12, of as of15 } from "rxjs";
+import { EMPTY as EMPTY11, filter as filter20, mergeMap as mergeMap12, of as of16 } from "rxjs";
 var apiErrorEpic = function (action$) { return action$.pipe(filter20(apiError.match), mergeMap12(function (action) {
     var _a = action.payload, error = _a.error, callContext = _a.callContext;
     if (error.response) {
-        return of15(httpError({
+        return of16(httpError({
             statusCode: error.response.status,
             error: error,
             callContext: callContext
         }));
     }
     else if (!axios.isCancel(error)) {
-        return of15(showViewError({
+        return of16(showViewError({
             error: {
                 type: 2 /* NetworkError */
             }
         }));
     }
-    return EMPTY10;
+    return EMPTY11;
 })); };
 // src/epics/screen/downloadFileEpic.ts
-import { EMPTY as EMPTY11, filter as filter21, mergeMap as mergeMap13, tap } from "rxjs";
+import { EMPTY as EMPTY12, filter as filter21, mergeMap as mergeMap13, tap } from "rxjs";
 var downloadFileEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter21(downloadFile.match), tap(function (action) {
@@ -2103,7 +2131,7 @@ var downloadFileEpic = function (action$, state$, _a) {
             anchor.click();
             document.body.removeChild(anchor);
         }, 100);
-    }), mergeMap13(function () { return EMPTY11; }));
+    }), mergeMap13(function () { return EMPTY12; }));
 };
 // src/epics/screen/httpError401Epic.ts
 import { filter as filter22, map as map5 } from "rxjs";
@@ -2128,24 +2156,24 @@ var httpError409Epic = function (action$, state$) { return action$.pipe(filter23
     });
 })); };
 // src/epics/screen/httpError418Epic.ts
-import { concat as concat10, EMPTY as EMPTY12, filter as filter24, mergeMap as mergeMap14, of as of16 } from "rxjs";
+import { concat as concat10, EMPTY as EMPTY13, filter as filter24, mergeMap as mergeMap14, of as of17 } from "rxjs";
 var httpError418Epic = function (action$, state$) { return action$.pipe(filter24(httpError.match), filter24(function (action) { return action.payload.statusCode === 418; }), mergeMap14(function (action) {
     var _a, _b;
     var _c = action.payload, error = _c.error, callContext = _c.callContext;
     var result = [];
     var typedError = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data;
     if (!typedError.error.popup) {
-        return EMPTY12;
+        return EMPTY13;
     }
     var businessError = {
         type: 0 /* BusinessError */,
         message: typedError.error.popup[0]
     };
-    result.push(of16(showViewError({ error: businessError })));
+    result.push(of17(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 === null || widget === void 0 ? void 0 : widget.bcName;
-        result.push(of16(processPostInvoke({
+        result.push(of17(processPostInvoke({
             bcName: bcName,
             postInvoke: typedError.error.postActions[0],
             widgetName: widget === null || widget === void 0 ? void 0 : widget.name
@@ -2177,7 +2205,7 @@ var httpErrorDefaultEpic = function (action$, state$) { return action$.pipe(filt
     return showViewError({ error: businessError });
 })); };
 // src/epics/screen/downloadFileByUrlEpic.ts
-import { EMPTY as EMPTY13, filter as filter27, mergeMap as mergeMap15, tap as tap2 } from "rxjs";
+import { EMPTY as EMPTY14, filter as filter27, mergeMap as mergeMap15, tap as tap2 } from "rxjs";
 var downloadFileByUrlEpic = function (action$, state$) { return action$.pipe(filter27(downloadFileByUrl.match), tap2(function (action) {
     var url = action.payload.url;
     var anchor = document.createElement("a");
@@ -2188,16 +2216,16 @@ var downloadFileByUrlEpic = function (action$, state$) { return action$.pipe(fil
         anchor.click();
         document.body.removeChild(anchor);
     }, 100);
-}), mergeMap15(function () { return EMPTY13; })); };
+}), mergeMap15(function () { return EMPTY14; })); };
 // src/epics/screen/processPostInvokeEpic.ts
-import { EMPTY as EMPTY14, filter as filter28, mergeMap as mergeMap16, of as of17 } from "rxjs";
+import { EMPTY as EMPTY15, filter as filter28, mergeMap as mergeMap16, of as of18 } from "rxjs";
 var processPostInvokeEpic = function (action$, state$) { return action$.pipe(filter28(processPostInvoke.match), mergeMap16(function (action) {
     var _a;
     var _b;
     var state = state$.value;
     switch (action.payload.postInvoke.type) {
         case "drillDown" /* drillDown */:
-            return of17(drillDown(__assign(__assign({}, action.payload.postInvoke), { route: state.router, widgetName: action.payload.widgetName })));
+            return of18(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 })];
@@ -2212,7 +2240,7 @@ var processPostInvokeEpic = function (action$, state$) { return action$.pipe(fil
                     widgetName: action.payload.widgetName
                 }));
             }
-            return of17.apply(void 0, result);
+            return of18.apply(void 0, result);
         }
         case "refreshBC" /* refreshBC */: {
             var bo = state.screen.bo;
@@ -2222,34 +2250,34 @@ var processPostInvokeEpic = function (action$, state$) { return action$.pipe(fil
             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 ? of17(bcFetchDataPages({
+            return infinitePagination ? of18(bcFetchDataPages({
                 bcName: postInvokeBCItem.name,
                 widgetName: widgetName,
                 from: 1,
                 to: postInvokeBCItem.page
-            })) : of17(bcFetchDataRequest({
+            })) : of18(bcFetchDataRequest({
                 bcName: postInvokeBCItem.name,
                 widgetName: widgetName
             }));
         }
         case "showMessage" /* showMessage */: {
             var postInvoke = action.payload.postInvoke;
-            return of17(showNotification({ type: postInvoke.messageType, message: postInvoke.messageText }));
+            return of18(showNotification({ type: postInvoke.messageType, message: postInvoke.messageText }));
         }
         case "downloadFile" /* downloadFile */: {
             var postInvoke = action.payload.postInvoke;
-            return of17(downloadFile({ fileId: postInvoke.fileId }));
+            return of18(downloadFile({ fileId: postInvoke.fileId }));
         }
         case "downloadFileByUrl" /* downloadFileByUrl */: {
             var postInvoke = action.payload.postInvoke;
-            return of17(downloadFileByUrl({ url: postInvoke.url }));
+            return of18(downloadFileByUrl({ url: postInvoke.url }));
         }
         default:
-            return EMPTY14;
+            return EMPTY15;
     }
 })); };
 // src/epics/screen/processPostInvokeConfirmEpic.ts
-import { EMPTY as EMPTY15, filter as filter29, mergeMap as mergeMap17, of as of18 } from "rxjs";
+import { EMPTY as EMPTY16, filter as filter29, mergeMap as mergeMap17, of as of19 } from "rxjs";
 import { isAnyOf } from "@reduxjs/toolkit";
 var processPostInvokeConfirmEpic = function (action$, state$) { return action$.pipe(filter29(isAnyOf(processPostInvokeConfirm, processPreInvoke)), mergeMap17(function (action) {
     var _a = action.payload, bcName = _a.bcName, operationType = _a.operationType, widgetName = _a.widgetName;
@@ -2259,7 +2287,7 @@ var processPostInvokeConfirmEpic = function (action$, state$) { return action$.p
         case "info" /* info */:
         case "error" /* error */:
         case "confirmText" /* confirmText */: {
-            return of18(operationConfirmation({
+            return of19(operationConfirmation({
                 operation: {
                     bcName: bcName,
                     operationType: operationType,
@@ -2269,7 +2297,7 @@ var processPostInvokeConfirmEpic = function (action$, state$) { return action$.p
             }));
         }
         default:
-            return EMPTY15;
+            return EMPTY16;
     }
 })); };
 // src/epics/session/switchRoleEpic.ts
@@ -2278,7 +2306,7 @@ var switchRoleEpic = function (action$, state$) { return action$.pipe(filter30(s
     return concat11([logoutDone(null), login({ login: "", password: "", role: action.payload.role })]);
 })); };
 // src/epics/session/refreshMetaEpic.ts
-import { catchError as catchError5, concat as concat12, filter as filter31, mergeMap as mergeMap18, switchMap as switchMap8 } from "rxjs";
+import { catchError as catchError6, concat as concat12, filter as filter31, mergeMap as mergeMap18, switchMap as switchMap8 } from "rxjs";
 var refreshMetaEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter31(refreshMeta.match), mergeMap18(function () {
@@ -2292,14 +2320,14 @@ var refreshMetaEpic = function (action$, state$, _a) {
             changeLocation({
                 location: router
             })
-        ]); }), catchError5(function (error) { return concat12([loginFail(error), refreshMetaFail()]); }));
+        ]); }), catchError6(function (error) { return concat12([loginFail(error), refreshMetaFail(), createApiError(error)]); }));
     }));
 };
 // src/epics/session/loginDoneEpic.ts
-import { EMPTY as EMPTY16, filter as filter32, switchMap as switchMap9 } from "rxjs";
-var loginDoneSessionEpic = function (action$, store) { return action$.pipe(filter32(login.match), switchMap9(function (action) { return EMPTY16; })); };
+import { EMPTY as EMPTY17, filter as filter32, switchMap as switchMap9 } from "rxjs";
+var loginDoneSessionEpic = function (action$, store) { return action$.pipe(filter32(login.match), switchMap9(function (action) { return EMPTY17; })); };
 // src/epics/session/loginByAnotherRoleEpic.ts
-import { catchError as catchError6, concat as concat13, filter as filter33, mergeMap as mergeMap19, of as of19, switchMap as switchMap10 } from "rxjs";
+import { catchError as catchError7, concat as concat13, filter as filter33, mergeMap as mergeMap19, of as of20, switchMap as switchMap10 } from "rxjs";
 var responseStatusMessages = {
     401: "Invalid credentials",
     403: "Access denied"
@@ -2331,18 +2359,18 @@ var loginByAnotherRoleEpic = function (action$, state$, _a) {
                     login: data.login
                 })
             ], false));
-        }), catchError6(function (error) {
+        }), catchError7(function (error) {
             console.error(error);
             var errorMsg = error.response ? responseStatusMessages[error.response.status] || "Server application unavailable" : "Empty server response";
-            return of19(loginFail({ errorMsg: errorMsg }));
+            return concat13(of20(loginFail({ errorMsg: errorMsg })), createApiErrorObservable(error));
         }));
     }));
 };
 // src/epics/session/refreshMetaAndReloadPageEpic.ts
-import { concat as concat14, EMPTY as EMPTY17, filter as filter34, of as of20, switchMap as switchMap11, take, tap as tap3 } from "rxjs";
-var refreshMetaAndReloadPageEpic = function (action$, state$) { return action$.pipe(filter34(refreshMetaAndReloadPage.match), switchMap11(function () { return concat14(of20(refreshMeta(null)), action$.pipe(filter34(loginDone.match), take(1), tap3(function () { return location.reload(); }), switchMap11(function () { return EMPTY17; }))); })); };
+import { concat as concat14, EMPTY as EMPTY18, filter as filter34, of as of21, switchMap as switchMap11, take, tap as tap3 } from "rxjs";
+var refreshMetaAndReloadPageEpic = function (action$, state$) { return action$.pipe(filter34(refreshMetaAndReloadPage.match), switchMap11(function () { return concat14(of21(refreshMeta()), action$.pipe(filter34(loginDone.match), take(1), tap3(function () { return location.reload(); }), switchMap11(function () { return EMPTY18; }))); })); };
 // src/epics/data/bcNewDataEpic.ts
-import { catchError as catchError7, concat as concat15, EMPTY as EMPTY18, filter as filter35, mergeMap as mergeMap20, of as of21 } from "rxjs";
+import { catchError as catchError8, concat as concat15, EMPTY as EMPTY19, filter as filter35, mergeMap as mergeMap20, of as of22 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud8 } from "@cxbox-ui/schema";
 var bcNewDataEpic = function (action$, state$, _a) {
     var api = _a.api;
@@ -2362,24 +2390,24 @@ var bcNewDataEpic = function (action$, state$, _a) {
             });
             var postInvoke = (_a = data.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var cursor = dataItem.id;
-            return concat15(of21(bcNewDataSuccess({ bcName: bcName, dataItem: dataItem, bcUrl: bcUrl })), of21(bcFetchRowMetaSuccess({ bcName: bcName, bcUrl: "".concat(bcUrl, "/").concat(cursor), rowMeta: rowMeta, cursor: cursor })), of21(changeDataItem({
+            return concat15(of22(bcNewDataSuccess({ bcName: bcName, dataItem: dataItem, bcUrl: bcUrl })), of22(bcFetchRowMetaSuccess({ bcName: bcName, bcUrl: "".concat(bcUrl, "/").concat(cursor), rowMeta: rowMeta, cursor: cursor })), of22(changeDataItem({
                 bcName: bcName,
                 bcUrl: (_b = buildBcUrl(bcName, true, state)) !== null && _b !== void 0 ? _b : "",
                 cursor: cursor,
                 dataItem: {
                     id: cursor
                 }
-            })), postInvoke ? of21(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: action.payload.widgetName })) : EMPTY18);
-        }), catchError7(function (error) {
+            })), postInvoke ? of22(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: action.payload.widgetName })) : EMPTY19);
+        }), catchError8(function (error) {
             console.error(error);
-            return of21(bcNewDataFail({ bcName: bcName }));
+            return concat15(of22(bcNewDataFail({ bcName: bcName })), createApiErrorObservable(error, context));
         }));
     }));
 };
 // src/epics/data/bcLoadMoreEpic.ts
-import { catchError as catchError8, filter as filter37, mergeMap as mergeMap22, of as of23, race } from "rxjs";
+import { catchError as catchError9, concat as concat16, filter as filter37, mergeMap as mergeMap22, of as of24, race } from "rxjs";
 // src/utils/cancelRequestEpic.ts
-import { filter as filter36, mergeMap as mergeMap21, of as of22, take as take2 } from "rxjs";
+import { filter as filter36, mergeMap as mergeMap21, of as of23, take as take2 } from "rxjs";
 import { isAnyOf as isAnyOf2 } from "@reduxjs/toolkit";
 var cancelRequestActionTypes = [selectView, logout];
 function cancelRequestEpic(action$, actionTypes, cancelFn, cancelActionCreator, filterFn) {
@@ -2388,7 +2416,7 @@ function cancelRequestEpic(action$, actionTypes, cancelFn, cancelActionCreator,
     }; }
     return action$.pipe(filter36(isAnyOf2.apply(void 0, actionTypes)), filter36(filterFn), mergeMap21(function () {
         cancelFn === null || cancelFn === void 0 ? void 0 : cancelFn();
-        return of22(cancelActionCreator);
+        return of23(cancelActionCreator);
     }), take2(1));
 }
 // src/epics/data/bcLoadMoreEpic.ts
@@ -2412,21 +2440,21 @@ var bcLoadMoreEpic = function (action$, state$, _a) {
             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 of23(bcFetchDataSuccess({
+            return of24(bcFetchDataSuccess({
                 bcName: bcName,
                 data: newData,
                 bcUrl: bcUrl,
                 hasNext: data.hasNext
             }));
-        }), catchError8(function (error) {
+        }), catchError9(function (error) {
             console.error(error);
-            return of23(bcFetchDataFail({ bcName: bcName, bcUrl: bcUrl }));
+            return concat16(of24(bcFetchDataFail({ bcName: bcName, bcUrl: bcUrl })), createApiErrorObservable(error));
         }));
         return race(cancelFlow, normalFlow);
     }));
 };
 // src/epics/data/bcSaveDataEpic.ts
-import { catchError as catchError9, concat as concat16, EMPTY as EMPTY19, filter as filter38, mergeMap as mergeMap23, of as of24 } from "rxjs";
+import { catchError as catchError10, concat as concat17, EMPTY as EMPTY20, filter as filter38, mergeMap as mergeMap23, of as of25 } from "rxjs";
 var bcSaveDataEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter38(sendOperation.match), filter38(function (action) { return matchOperationRole(OperationTypeCrud.save, action.payload, state$.value); }), mergeMap23(function (action) {
@@ -2460,18 +2488,18 @@ var bcSaveDataEpic = function (action$, state$, _a) {
             var _a;
             var postInvoke = (_a = data.postActions) === null || _a === void 0 ? void 0 : _a[0];
             var responseDataItem = data.record;
-            return concat16(of24(bcSaveDataSuccess({ bcName: bcName, cursor: cursor, dataItem: responseDataItem })), of24(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName })), of24.apply(void 0, fetchChildrenBcData), postInvoke ? of24(processPostInvoke({
+            return concat17(of25(bcSaveDataSuccess({ bcName: bcName, cursor: cursor, dataItem: responseDataItem })), of25(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName })), of25.apply(void 0, fetchChildrenBcData), postInvoke ? of25(processPostInvoke({
                 bcName: bcName,
                 widgetName: widgetName,
                 postInvoke: postInvoke,
                 cursor: responseDataItem.id
-            })) : EMPTY19, action.payload.onSuccessAction ? of24(action.payload.onSuccessAction) : EMPTY19);
-        }), catchError9(function (e) {
+            })) : EMPTY20, action.payload.onSuccessAction ? of25(action.payload.onSuccessAction) : EMPTY20);
+        }), catchError10(function (e) {
             var _a, _b, _c, _d, _e, _f, _g, _h;
             console.error(e);
-            var notification$ = EMPTY19;
+            var notification$ = EMPTY20;
             if (action.payload.onSuccessAction && !(options === null || options === void 0 ? void 0 : options.disableNotification)) {
-                notification$ = of24(addNotification({
+                notification$ = of25(addNotification({
                     key: "data_autosave_undo",
                     type: "buttonWarningNotification",
                     message: "There are pending changes. Please save them or cancel.",
@@ -2491,12 +2519,12 @@ var bcSaveDataEpic = function (action$, state$, _a) {
                 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 concat16(of24(bcSaveDataFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError })), notification$);
+            return concat17(of25(bcSaveDataFail({ bcName: bcName, bcUrl: bcUrl, viewError: viewError, entityError: entityError })), notification$, createApiErrorObservable(e, context));
         }));
     }));
 };
 // src/epics/data/selectViewEpic.ts
-import { EMPTY as EMPTY20, filter as filter39, mergeMap as mergeMap24 } from "rxjs";
+import { EMPTY as EMPTY21, filter as filter39, mergeMap as mergeMap24 } from "rxjs";
 var selectViewEpic = function (action$, state$) { return action$.pipe(filter39(selectView.match), mergeMap24(function (action) {
     try {
         var state_1 = state$.value;
@@ -2522,11 +2550,11 @@ var selectViewEpic = function (action$, state$) { return action$.pipe(filter39(s
     }
     catch (e) {
         console.error("selectView Epic:: ".concat(e));
-        return EMPTY20;
+        return EMPTY21;
     }
 })); };
 // src/epics/data/bcFetchDataEpic.ts
-import { catchError as catchError10, concat as concat17, EMPTY as EMPTY21, filter as filter40, mergeMap as mergeMap25, of as of25, race as race2 } from "rxjs";
+import { catchError as catchError11, concat as concat18, EMPTY as EMPTY22, filter as filter40, mergeMap as mergeMap25, of as of26, race as race2 } from "rxjs";
 import { WidgetTypes as WidgetTypes5 } from "@cxbox-ui/schema";
 import { isAnyOf as isAnyOf3 } from "@reduxjs/toolkit";
 var bcFetchDataEpic = function (action$, state$, _a) {
@@ -2538,7 +2566,7 @@ var bcFetchDataEpic = function (action$, state$, _a) {
             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 of25(bcChangeCursors({
+            return of26(bcChangeCursors({
                 cursorsMap: (_a = {},
                     _a[bcName] = data.some(function (i) { return i.id === prevCursor; }) ? prevCursor : newCursor,
                     _a),
@@ -2548,7 +2576,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 concat17.apply(void 0, Object.entries(getBcChildren(bcName, widgets, bcDictionary)).filter(function (_a) {
+            return concat18.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);
@@ -2563,7 +2591,7 @@ var bcFetchDataEpic = function (action$, state$, _a) {
                 var nonLazyWidget = widgets.find(function (item) {
                     return widgetNames.includes(item.name) && !PopupWidgetTypes.includes(item.type) && showConditionCheck(item);
                 });
-                return of25(bcFetchDataRequest({
+                return of26(bcFetchDataRequest({
                     bcName: childBcName,
                     widgetName: nonLazyWidget === null || nonLazyWidget === void 0 ? void 0 : nonLazyWidget.name,
                     ignorePageLimit: ignorePageLimit || showViewPopup.match(action),
@@ -2578,7 +2606,7 @@ var bcFetchDataEpic = function (action$, state$, _a) {
             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 [EMPTY21];
+                return [EMPTY22];
             }
             var bcName = action.payload.bcName;
             var bc = state.screen.bo.bc[bcName];
@@ -2586,7 +2614,7 @@ var bcFetchDataEpic = function (action$, state$, _a) {
             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 [EMPTY21];
+                return [EMPTY22];
             }
             var anyHierarchyWidget = widgets === null || widgets === void 0 ? void 0 : widgets.find(function (item) {
                 return item.bcName === widget.bcName && item.type === WidgetTypes5.AssocListPopup && isHierarchyWidget(item);
@@ -2644,19 +2672,19 @@ 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 EMPTY21;
+                    return EMPTY22;
                 }
-                var fetchChildren = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.length) ? getChildrenData(widgets, state.screen.bo.bc, !!anyHierarchyWidget, isWidgetVisible) : EMPTY21;
-                var fetchRowMeta = of25(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName }));
-                return concat17(cursorChange, of25(bcFetchDataSuccess({
+                var fetchChildren = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.length) ? getChildrenData(widgets, state.screen.bo.bc, !!anyHierarchyWidget, isWidgetVisible) : EMPTY22;
+                var fetchRowMeta = of26(bcFetchRowMeta({ widgetName: widgetName, bcName: bcName }));
+                return concat18(cursorChange, of26(bcFetchDataSuccess({
                     bcName: bcName,
                     data: response.data,
                     bcUrl: bcUrl,
                     hasNext: response.hasNext
                 })), fetchRowMeta, fetchChildren);
-            }), catchError10(function (error) {
+            }), catchError11(function (error) {
                 console.error(error);
-                return of25(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl }));
+                return concat18(of26(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl })), createApiErrorObservable(error));
             }));
             return [cancelFlow, cancelByParentBc, normalFlow];
         };
@@ -2668,7 +2696,7 @@ 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
-import { catchError as catchError11, concat as concat18, EMPTY as EMPTY22, filter as filter41, mergeMap as mergeMap26, of as of26 } from "rxjs";
+import { catchError as catchError12, concat as concat19, EMPTY as EMPTY23, filter as filter41, mergeMap as mergeMap26, of as of27 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud9 } from "@cxbox-ui/schema";
 var bcDeleteDataEpic = function (action$, store$, _a) {
     var api = _a.api;
@@ -2683,15 +2711,15 @@ var bcDeleteDataEpic = function (action$, store$, _a) {
         return api.deleteBcData(state.screen.screenName, bcUrl, context).pipe(mergeMap26(function (data) {
             var _a;
             var postInvoke = (_a = data.postActions) === null || _a === void 0 ? void 0 : _a[0];
-            return concat18(isTargetFormatPVF ? of26(bcCancelPendingChanges({ bcNames: [bcName] })) : EMPTY22, of26(bcFetchDataRequest({ bcName: bcName, widgetName: widgetName })), postInvoke ? of26(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: widgetName })) : EMPTY22);
-        }), catchError11(function (error) {
+            return concat19(isTargetFormatPVF ? of27(bcCancelPendingChanges({ bcNames: [bcName] })) : EMPTY23, of27(bcFetchDataRequest({ bcName: bcName, widgetName: widgetName })), postInvoke ? of27(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: widgetName })) : EMPTY23);
+        }), catchError12(function (error) {
             console.error(error);
-            return of26(bcDeleteDataFail({ bcName: bcName }));
+            return concat19(of27(bcDeleteDataFail({ bcName: bcName })), createApiErrorObservable(error, context));
         }));
     }));
 };
 // src/epics/data/bcSelectRecordEpic.ts
-import { concat as concat19, filter as filter42, mergeMap as mergeMap27, of as of27 } from "rxjs";
+import { concat as concat20, filter as filter42, mergeMap as mergeMap27, of as of28 } from "rxjs";
 var bcSelectRecordEpic = function (action$, store$) { return action$.pipe(filter42(bcSelectRecord.match), mergeMap27(function (action) {
     var _a;
     var _b = action.payload, bcName = _b.bcName, cursor = _b.cursor;
@@ -2706,17 +2734,17 @@ var bcSelectRecordEpic = function (action$, store$) { return action$.pipe(filter
             keepDelta: action.payload.keepDelta
         });
     });
-    return concat19(of27(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = cursor, _a), keepDelta: action.payload.keepDelta })), of27(bcFetchRowMeta({ widgetName: "", bcName: bcName })), fetchChildrenBcData);
+    return concat20(of28(bcChangeCursors({ cursorsMap: (_a = {}, _a[bcName] = cursor, _a), keepDelta: action.payload.keepDelta })), of28(bcFetchRowMeta({ widgetName: "", bcName: bcName })), fetchChildrenBcData);
 })); };
 // src/epics/data/changeAssociationEpic.ts
-import { concat as concat20, filter as filter43, mergeMap as mergeMap28, of as of28 } from "rxjs";
+import { concat as concat21, filter as filter43, mergeMap as mergeMap28, of as of29 } from "rxjs";
 var changeAssociationEpic = function (action$, state$) { return action$.pipe(filter43(changeAssociation.match), mergeMap28(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 = [
-        of28(changeDataItem({
+        of29(changeDataItem({
             bcName: bcName,
             bcUrl: buildBcUrl(bcName, true, state),
             cursor: action.payload.dataItem.id,
@@ -2736,7 +2764,7 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe(fil
     var hierarchyTraverse = (_d = widget.options) === null || _d === void 0 ? void 0 : _d.hierarchyTraverse;
     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(of28(dropAllAssociations({
+        result.push(of29(dropAllAssociations({
             bcNames: childrenBc
         })));
     }
@@ -2747,11 +2775,11 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe(fil
     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(of28(dropAllAssociations({
+            result.push(of29(dropAllAssociations({
                 bcNames: [parent.bcName]
             })));
         }
-        result.push(of28(changeAssociation({
+        result.push(of29(changeAssociation({
             bcName: parent.bcName,
             widgetName: action.payload.widgetName,
             dataItem: __assign(__assign({}, parentItem), { _associate: true, _value: parentItem === null || parentItem === void 0 ? void 0 : parentItem[parent.assocValueKey || action.payload.assocValueKey] }),
@@ -2768,7 +2796,7 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe(fil
                 data_1.find(function (dataValue) { return dataValue.id === deltaValue.id; });
         });
         if (wasLastInData && wasLastInDelta) {
-            result.push(of28(changeAssociation({
+            result.push(of29(changeAssociation({
                 bcName: parent.bcName,
                 widgetName: action.payload.widgetName,
                 dataItem: __assign(__assign({}, parentItem), { _associate: false }),
@@ -2776,10 +2804,10 @@ var changeAssociationEpic = function (action$, state$) { return action$.pipe(fil
             })));
         }
     }
-    return concat20.apply(void 0, result);
+    return concat21.apply(void 0, result);
 })); };
 // src/epics/data/bcCancelCreateDataEpic.ts
-import { catchError as catchError12, concat as concat21, EMPTY as EMPTY23, filter as filter44, mergeMap as mergeMap29, of as of29 } from "rxjs";
+import { catchError as catchError13, concat as concat22, EMPTY as EMPTY24, filter as filter44, mergeMap as mergeMap29, of as of30 } from "rxjs";
 import { OperationTypeCrud as OperationTypeCrud10 } from "@cxbox-ui/schema";
 import { isAnyOf as isAnyOf4 } from "@reduxjs/toolkit";
 var actionTypesMatcher = isAnyOf4(sendOperation);
@@ -2803,18 +2831,18 @@ var bcCancelCreateDataEpic = function (action$, state$, _a) {
         return api.customAction(screenName, bcUrl, data, context, params).pipe(mergeMap29(function (response) {
             var _a;
             var postInvoke = (_a = response.postActions) === null || _a === void 0 ? void 0 : _a[0];
-            return concat21(of29(sendOperationSuccess({ bcName: bcName, cursor: cursor })), of29(bcChangeCursors({ cursorsMap: cursorsMap })), postInvoke ? of29(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: context.widgetName })) : EMPTY23);
-        }), catchError12(function (error) {
+            return concat22(of30(sendOperationSuccess({ bcName: bcName, cursor: cursor })), of30(bcChangeCursors({ cursorsMap: cursorsMap })), postInvoke ? of30(processPostInvoke({ bcName: bcName, postInvoke: postInvoke, cursor: cursor, widgetName: context.widgetName })) : EMPTY24);
+        }), catchError13(function (error) {
             console.error(error);
-            return of29(bcDeleteDataFail({ bcName: bcName }));
+            return concat22(of30(bcDeleteDataFail({ bcName: bcName })), createApiErrorObservable(error, context));
         }));
     }));
 };
 // src/epics/data/bcSelectDepthRecordEpic.ts
-import { concat as concat22, filter as filter45, mergeMap as mergeMap30, of as of30 } from "rxjs";
+import { concat as concat23, filter as filter45, mergeMap as mergeMap30, of as of31 } from "rxjs";
 var bcSelectDepthRecordEpic = function (action$) { return action$.pipe(filter45(bcSelectDepthRecord.match), mergeMap30(function (action) {
     var _a = action.payload, bcName = _a.bcName, cursor = _a.cursor, depth = _a.depth;
-    return concat22(of30(bcChangeDepthCursor({ bcName: bcName, depth: depth, cursor: cursor })), of30(bcFetchDataRequest({
+    return concat23(of31(bcChangeDepthCursor({ bcName: bcName, depth: depth, cursor: cursor })), of31(bcFetchDataRequest({
         bcName: bcName,
         depth: depth + 1,
         widgetName: "",
@@ -2822,7 +2850,7 @@ var bcSelectDepthRecordEpic = function (action$) { return action$.pipe(filter45(
     })));
 })); };
 // src/epics/data/removeMultivalueTagEpic.ts
-import { concat as concat23, filter as filter46, mergeMap as mergeMap31, of as of31 } from "rxjs";
+import { concat as concat24, filter as filter46, mergeMap as mergeMap31, of as of32 } from "rxjs";
 var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe(filter46(removeMultivalueTag.match), mergeMap31(function (action) {
     var _a, _b, _c;
     var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -2859,7 +2887,7 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe(f
                     return removedNodes.includes(descendant) || !associated.includes(descendant);
                 });
                 if (parentDeepEmpty) {
-                    return concat23(of31(removeMultivalueTag(__assign(__assign({}, action.payload), { removedItem: { id: parent_1.id, value: null } }))));
+                    return concat24(of32(removeMultivalueTag(__assign(__assign({}, action.payload), { removedItem: { id: parent_1.id, value: null } }))));
                 }
             }
             else {
@@ -2868,7 +2896,7 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe(f
         }
     }
     if ((_h = widget === null || widget === void 0 ? void 0 : widget.options) === null || _h === void 0 ? void 0 : _h.hierarchyFull) {
-        return of31(changeDataItem({
+        return of32(changeDataItem({
             bcName: bcName,
             bcUrl: buildBcUrl(bcName, true, state),
             cursor: cursor,
@@ -2880,7 +2908,7 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe(f
             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 concat23(of31(changeDataItem({
+        return concat24(of32(changeDataItem({
             /**
              * This is incorrect and will break if different BC has records with
              * identical ids.
@@ -2891,19 +2919,19 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe(f
             bcUrl: buildBcUrl(hierarchyBcName, true, state),
             cursor: action.payload.removedItem.id,
             dataItem: __assign(__assign({}, action.payload.removedItem), { _associate: false })
-        })), of31(changeDataItem({
+        })), of32(changeDataItem({
             bcName: bcName,
             bcUrl: buildBcUrl(bcName, true, state),
             cursor: cursor,
             dataItem: (_b = {}, _b[associateFieldKey] = action.payload.dataItem, _b)
         })));
     }
-    return concat23(of31(changeDataItem({
+    return concat24(of32(changeDataItem({
         bcName: popupBcName,
         bcUrl: buildBcUrl(popupBcName, true, state),
         cursor: action.payload.removedItem.id,
         dataItem: __assign(__assign({}, action.payload.removedItem), { _associate: false })
-    })), of31(changeDataItem({
+    })), of32(changeDataItem({
         bcName: bcName,
         bcUrl: buildBcUrl(bcName, true, state),
         cursor: cursor,
@@ -2911,7 +2939,7 @@ var removeMultivalueTagEpic = function (action$, state$) { return action$.pipe(f
     })));
 })); };
 // src/epics/data/bcFetchRowMetaRequestEpic.ts
-import { catchError as catchError13, filter as filter47, map as map9, mergeMap as mergeMap32, of as of32, race as race3 } from "rxjs";
+import { catchError as catchError14, concat as concat25, filter as filter47, map as map9, mergeMap as mergeMap32, of as of33, race as race3 } from "rxjs";
 var bcFetchRowMetaRequestEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter47(bcFetchRowMeta.match), mergeMap32(function (action) {
@@ -2929,15 +2957,15 @@ var bcFetchRowMetaRequestEpic = function (action$, state$, _a) {
         });
         var normalFlow = api.fetchRowMeta(screenName, bcUrl, void 0, canceler.cancelToken).pipe(map9(function (rowMeta) {
             return bcFetchRowMetaSuccess({ bcName: bcName, rowMeta: rowMeta, bcUrl: bcUrl, cursor: cursor });
-        }), catchError13(function (error) {
+        }), catchError14(function (error) {
             console.error(error);
-            return of32(bcFetchRowMetaFail({ bcName: bcName }));
+            return concat25(of33(bcFetchRowMetaFail({ bcName: bcName })), createApiErrorObservable(error));
         }));
         return race3(cancelFlow, cancelByParentBc, normalFlow);
     }));
 };
 // src/epics/data/changeAssociationFullEpic.ts
-import { concat as concat24, filter as filter48, mergeMap as mergeMap33, of as of33 } from "rxjs";
+import { concat as concat26, filter as filter48, mergeMap as mergeMap33, of as of34 } from "rxjs";
 var changeAssociationFullEpic = function (action$, state$) { return action$.pipe(filter48(changeAssociationFull.match), mergeMap33(function (action) {
     var _a, _b, _c, _d, _e;
     var state = state$.value;
@@ -2967,7 +2995,7 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
                 return false;
             });
             if (prevSelected) {
-                result.push(of33(changeAssociationFull({
+                result.push(of34(changeAssociationFull({
                     bcName: bcName,
                     depth: depth,
                     widgetName: action.payload.widgetName,
@@ -2977,7 +3005,7 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
             }
         }
         else {
-            result.push(of33(changeDescendantsAssociationsFull({
+            result.push(of34(changeDescendantsAssociationsFull({
                 bcName: bcName,
                 parentId: action.payload.dataItem.id,
                 depth: depth + 1,
@@ -2986,14 +3014,14 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
             })));
         }
     }
-    result.push(of33(changeDataItem({
+    result.push(of34(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(of33(changeAssociationFull({
+        result.push(of34(changeAssociationFull({
             bcName: bcName,
             depth: parentDepth,
             widgetName: action.payload.widgetName,
@@ -3009,7 +3037,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(of33(changeAssociationFull({
+            result.push(of34(changeAssociationFull({
                 bcName: bcName,
                 depth: parentDepth,
                 widgetName: action.payload.widgetName,
@@ -3018,10 +3046,10 @@ var changeAssociationFullEpic = function (action$, state$) { return action$.pipe
             })));
         }
     }
-    return concat24.apply(void 0, result);
+    return concat26.apply(void 0, result);
 })); };
 // src/epics/data/saveAssociationsActiveEpic.ts
-import { catchError as catchError14, concat as concat25, EMPTY as EMPTY24, filter as filter49, mergeMap as mergeMap34, of as of34, switchMap as switchMap12 } from "rxjs";
+import { catchError as catchError15, concat as concat27, EMPTY as EMPTY25, filter as filter49, mergeMap as mergeMap34, of as of35, switchMap as switchMap12 } from "rxjs";
 var saveAssociationsActiveEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter49(saveAssociations.match), filter49(function (action) {
@@ -3039,21 +3067,21 @@ var saveAssociationsActiveEpic = function (action$, state$, _a) {
         return api.associate(state.screen.screenName, bcUrl, Object.values(pendingChanges).filter(function (i) { return i._associate; }), params).pipe(mergeMap34(function (response) {
             var postInvoke = response.postActions[0];
             var calleeWidget = state.view.widgets.find(function (widgetItem) { return widgetItem.bcName === calleeBCName; });
-            return concat25(postInvoke ? of34(processPostInvoke({ bcName: calleeBCName, postInvoke: postInvoke, widgetName: calleeWidget === null || calleeWidget === void 0 ? void 0 : calleeWidget.name })) : EMPTY24, of34(bcCancelPendingChanges({ bcNames: bcNames })), of34(bcForceUpdate({ bcName: calleeBCName, widgetName: calleeWidgetName })));
-        }), catchError14(function (err) {
+            return concat27(postInvoke ? of35(processPostInvoke({ bcName: calleeBCName, postInvoke: postInvoke, widgetName: calleeWidget === null || calleeWidget === void 0 ? void 0 : calleeWidget.name })) : EMPTY25, of35(bcCancelPendingChanges({ bcNames: bcNames })), of35(bcForceUpdate({ bcName: calleeBCName, widgetName: calleeWidgetName })));
+        }), catchError15(function (err) {
             console.error(err);
-            return EMPTY24;
+            return EMPTY25;
         }));
     }));
 };
 // src/epics/data/changeAssociationSameBcEpic.ts
-import { concat as concat26, filter as filter50, mergeMap as mergeMap35, of as of35 } from "rxjs";
+import { concat as concat28, filter as filter50, mergeMap as mergeMap35, of as of36 } from "rxjs";
 var changeAssociationSameBcEpic = function (action$, state$) { return action$.pipe(filter50(changeAssociationSameBc.match), mergeMap35(function (action) {
     var _a, _b, _c, _d, _e, _f;
     var state = state$.value;
     var bcName = action.payload.bcName;
     var result = [
-        of35(changeDataItem({
+        of36(changeDataItem({
             bcName: bcName,
             bcUrl: buildBcUrl(bcName, true, state),
             cursor: action.payload.dataItem.id,
@@ -3069,7 +3097,7 @@ var changeAssociationSameBcEpic = function (action$, state$) { return action$.pi
     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(of35(changeAssociationSameBc({
+        result.push(of36(changeAssociationSameBc({
             bcName: bcName,
             depth: parentDepth,
             widgetName: action.payload.widgetName,
@@ -3080,7 +3108,7 @@ var changeAssociationSameBcEpic = function (action$, state$) { return action$.pi
     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(of35(changeAssociationSameBc({
+            result.push(of36(changeAssociationSameBc({
                 bcName: bcName,
                 depth: parentDepth,
                 widgetName: action.payload.widgetName,
@@ -3089,10 +3117,10 @@ var changeAssociationSameBcEpic = function (action$, state$) { return action$.pi
             })));
         }
     }
-    return concat26.apply(void 0, result);
+    return concat28.apply(void 0, result);
 })); };
 // src/epics/data/inlinePickListFetchDataEpic.ts
-import { catchError as catchError15, filter as filter51, mergeMap as mergeMap36, of as of36, race as race4 } from "rxjs";
+import { catchError as catchError16, filter as filter51, mergeMap as mergeMap36, of as of37, race as race4 } from "rxjs";
 var inlinePickListFetchDataEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter51(inlinePickListFetchDataRequest.match), mergeMap36(function (action) {
@@ -3103,16 +3131,16 @@ var inlinePickListFetchDataEpic = function (action$, state$, _a) {
         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(mergeMap36(function (data) {
-            return of36(bcFetchDataSuccess({ bcName: bcName, data: data.data, bcUrl: bcUrl }));
-        }), catchError15(function (error) {
+            return of37(bcFetchDataSuccess({ bcName: bcName, data: data.data, bcUrl: bcUrl }));
+        }), catchError16(function (error) {
             console.error(error);
-            return of36(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl }));
+            return of37(bcFetchDataFail({ bcName: action.payload.bcName, bcUrl: bcUrl }));
         }));
         return race4(cancelFlow, normalFlow);
     }));
 };
 // src/epics/data/saveAssociationsPassiveEpic.ts
-import { filter as filter52, of as of37, switchMap as switchMap13 } from "rxjs";
+import { filter as filter52, of as of38, switchMap as switchMap13 } from "rxjs";
 var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pipe(filter52(saveAssociations.match), filter52(function () {
     var _a;
     return !((_a = state$.value.view.popupData) === null || _a === void 0 ? void 0 : _a.active);
@@ -3146,7 +3174,7 @@ var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pi
         }
         return true;
     })).concat.apply(_a, addedItems);
-    return of37(changeDataItem({
+    return of38(changeDataItem({
         bcName: calleeBCName,
         bcUrl: buildBcUrl(calleeBCName, true, state),
         cursor: cursor,
@@ -3156,13 +3184,13 @@ var saveAssociationsPassiveEpic = function (action$, state$) { return action$.pi
     }));
 })); };
 // src/epics/data/changeChildrenAssociationsEpic.ts
-import { filter as filter53, mergeMap as mergeMap37, of as of38 } from "rxjs";
+import { filter as filter53, mergeMap as mergeMap37, of as of39 } from "rxjs";
 var changeChildrenAssociationsEpic = function (action$, state$, _a) {
     var api = _a.api;
     return action$.pipe(filter53(changeChildrenAssociations.match), mergeMap37(function (action) {
         var state = state$.value;
         var data = state.data[action.payload.bcName];
-        return of38(changeDataItems({
+        return of39(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 })); })
@@ -3170,26 +3198,26 @@ var changeChildrenAssociationsEpic = function (action$, state$, _a) {
     }));
 };
 // src/epics/data/changeChildrenAssociationsSameBcEpic.ts
-import { filter as filter54, mergeMap as mergeMap38, of as of39 } from "rxjs";
+import { filter as filter54, mergeMap as mergeMap38, of as of40 } from "rxjs";
 var changeChildrenAssociationsSameBcEpic = function (action$, state$) { return action$.pipe(filter54(changeChildrenAssociationsSameBc.match), mergeMap38(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 of39(changeDataItems({
+    return of40(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
-import { concat as concat27, filter as filter55, mergeMap as mergeMap39, of as of40 } from "rxjs";
+import { concat as concat29, filter as filter55, mergeMap as mergeMap39, of as of41 } from "rxjs";
 var changeDescendantsAssociationsFullEpic = function (action$, state$) { return action$.pipe(filter55(changeDescendantsAssociationsFull.match), mergeMap39(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 = [
-        of40(changeDataItems({
+        of41(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 })); })
@@ -3197,10 +3225,10 @@ var changeDescendantsAssociationsFullEpic = function (action$, state$) { return
     ];
     targetData.forEach(function (targetDataItem) {
         if (data.find(function (dataItem) { return dataItem.parentId === targetDataItem.id; })) {
-            result.push(of40(changeDescendantsAssociationsFull(__assign(__assign({}, action.payload), { parentId: targetDataItem.id, depth: depth + 1 }))));
+            result.push(of41(changeDescendantsAssociationsFull(__assign(__assign({}, action.payload), { parentId: targetDataItem.id, depth: depth + 1 }))));
         }
     });
-    return concat27.apply(void 0, result);
+    return concat29.apply(void 0, result);
 })); };
 // src/api/ObservableApiWrapper.ts
 import axios2 from "axios";
@@ -3244,7 +3272,7 @@ var ObservableApiWrapper = /** @class */ (function () {
 }());
 // src/api/ObservableApi.ts
 import axios3 from "axios";
-import { EMPTY as EMPTY25, expand, map as map11, reduce } from "rxjs";
+import { EMPTY as EMPTY26, expand, map as map11, reduce } from "rxjs";
 var Api = /** @class */ (function () {
     function class_3(instance) {
         this.api$ = new ObservableApiWrapper(instance);
@@ -3264,7 +3292,7 @@ var Api = /** @class */ (function () {
         if (params === void 0) { params = {}; }
         var currentPage = 1;
         return this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: currentPage })).pipe(expand(function (response) {
-            return response.hasNext ? _this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: ++currentPage })) : EMPTY25;
+            return response.hasNext ? _this.fetchBcData(screenName, bcUrl, __assign(__assign({}, params), { _page: ++currentPage })) : EMPTY26;
         }), reduce(function (items, nextResponse) {
             return __spreadArray(__spreadArray([], items, true), nextResponse.data, true);
         }, []));
@@ -3480,13 +3508,13 @@ var requiredFields = function (_a) {
         return next(action);
     }; };
 };
-function operationRequiresAutosave(operationType, actions) {
+function operationRequiresAutosave(operationType, actions2) {
     var result = false;
-    if (!actions) {
+    if (!actions2) {
         console.error('rowMeta is missing in the middle of "sendOperation" action');
         return result;
     }
-    result = flattenOperations(actions).some(function (action) { return action.type === operationType && action.autoSaveBefore; });
+    result = flattenOperations(actions2).some(function (action) { return action.type === operationType && action.autoSaveBefore; });
     return result;
 }
 function getRequiredFieldsMissing(record, pendingChanges, fieldsMeta) {
@@ -3542,8 +3570,8 @@ var preInvokeAction = function (_a) {
             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 actions = rowMeta && flattenOperations(rowMeta.actions);
-            var preInvoke = (_c = actions === null || actions === void 0 ? void 0 : actions.find(function (item) { return item.type === operationType_1; })) === null || _c === void 0 ? void 0 : _c.preInvoke;
+            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,