@sankhyalabs/sankhyablocks 8.3.0 → 8.4.0-dev.1

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -1,3 +1,11 @@
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+  if (!Symbol.asyncIterator)
+    throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+};
 import { ApplicationContext, ErrorException, ObjectUtils, WarningException } from '@sankhyalabs/core';
 import { batchRequests } from 'graphql-request';
 import UrlUtils from "../../../lib/utils/urlutils";
@@ -8,6 +16,7 @@ import { PrintUtils } from '../../utils/PrintUtils';
 export class DataFetcher {
   constructor() {
     this.GRAPHQL_PATH = `/${window.MGE_MODULE_NAME || 'mgefin-bff'}/graphql`;
+    this.ready = true;
     this.watingRequestsById = new Map();
   }
   static get() {
@@ -18,6 +27,9 @@ export class DataFetcher {
         DataFetcher.instance.resume();
       }
       else {
+        if (ApplicationContext.getContextValue("__SNK__APPLICATION__LOADING__") === true) {
+          DataFetcher.instance.pause();
+        }
         application.addEventListener('applicationLoading', () => DataFetcher.instance.pause());
         application.addEventListener('applicationLoaded', () => DataFetcher.instance.resume());
       }
@@ -76,6 +88,10 @@ export class DataFetcher {
   }
   async callGraphQL(req) {
     var _a;
+    if (this.ready) {
+      this.pause();
+      window.requestAnimationFrame(() => this.resume());
+    }
     const reqKey = this.getReqKey(req);
     req.queryID = reqKey;
     req.values.queryID = reqKey;
@@ -105,7 +121,7 @@ export class DataFetcher {
       if (!this.watingRequestsById.has(reqKey)) {
         this.watingRequestsById.set(reqKey, new WaitingRequest(req));
       }
-      return (_a = this.getWatingRequest(reqKey)) === null || _a === void 0 ? void 0 : _a.promise;
+      return (_a = this.watingRequestsById.get(reqKey)) === null || _a === void 0 ? void 0 : _a.promise;
     }
   }
   resolveURL() {
@@ -134,22 +150,75 @@ export class DataFetcher {
     }
     return false;
   }
-  proccessServiceBorkerClientEvents(clientEvents, serviceName, payloadJson, accept, reject) {
+  async processServiceBrokerClientEvents(processParams) {
+    var _a, e_1, _b, _c, _d, e_2, _e, _f;
+    const { clientEvents, serviceName, payloadJson, accept, reject } = processParams;
     if (!(clientEvents === null || clientEvents === void 0 ? void 0 : clientEvents.length)) {
       return;
     }
-    clientEvents.forEach(clientEvent => {
-      if (DataFetcher.hasClientEvent(clientEvent.id)) {
-        var handlers = DataFetcher.clientEventsByID.get(clientEvent.id);
-        handlers.forEach(handler => {
-          handler({ id: clientEvent.id, content: clientEvent }, new ServiceBrokerRecaller(serviceName, payloadJson, accept, reject));
-        });
+    const recaller = new ServiceBrokerRecaller(serviceName, payloadJson, accept, reject);
+    try {
+      for (var _g = true, clientEvents_1 = __asyncValues(clientEvents), clientEvents_1_1; clientEvents_1_1 = await clientEvents_1.next(), _a = clientEvents_1_1.done, !_a;) {
+        _c = clientEvents_1_1.value;
+        _g = false;
+        try {
+          const clientEvent = _c;
+          if (DataFetcher.hasClientEvent(clientEvent.id)) {
+            const handlers = DataFetcher.clientEventsByID.get(clientEvent.id);
+            const handlerClientEvent = {
+              id: clientEvent.id,
+              content: clientEvent
+            };
+            try {
+              for (var _h = true, handlers_1 = (e_2 = void 0, __asyncValues(handlers)), handlers_1_1; handlers_1_1 = await handlers_1.next(), _d = handlers_1_1.done, !_d;) {
+                _f = handlers_1_1.value;
+                _h = false;
+                try {
+                  const handler = _f;
+                  await handler(handlerClientEvent, recaller);
+                }
+                finally {
+                  _h = true;
+                }
+              }
+            }
+            catch (e_2_1) {
+              e_2 = { error: e_2_1 };
+            }
+            finally {
+              try {
+                if (!_h && !_d && (_e = handlers_1.return))
+                  await _e.call(handlers_1);
+              }
+              finally {
+                if (e_2)
+                  throw e_2.error;
+              }
+            }
+          }
+        }
+        finally {
+          _g = true;
+        }
       }
-    });
+    }
+    catch (e_1_1) {
+      e_1 = { error: e_1_1 };
+    }
+    finally {
+      try {
+        if (!_g && !_a && (_b = clientEvents_1.return))
+          await _b.call(clientEvents_1);
+      }
+      finally {
+        if (e_1)
+          throw e_1.error;
+      }
+    }
   }
-  processPrinting(payload) {
+  async processPrinting(payload) {
     if ((payload === null || payload === void 0 ? void 0 : payload.pendingPrinting) === 'true') {
-      PrintUtils.getInstance().processPendingPrinting(payload === null || payload === void 0 ? void 0 : payload.transactionId);
+      await PrintUtils.getInstance().processPendingPrinting(payload === null || payload === void 0 ? void 0 : payload.transactionId);
     }
     if ('localPrintings' in payload) {
       PrintUtils.getInstance().processLocalPrinting(payload === null || payload === void 0 ? void 0 : payload.localPrintings);
@@ -197,11 +266,19 @@ export class DataFetcher {
       http.open("POST", url, true);
       http.withCredentials = true;
       http.send(ObjectUtils.objectToString(payloadJson));
-      http.onreadystatechange = () => {
+      http.onreadystatechange = async () => {
         var _a;
         if (http.readyState == 4 && http.status == 200) {
           try {
             const jsonResp = JSON.parse(http.responseText);
+            await this.processServiceBrokerClientEvents({ clientEvents: jsonResp === null || jsonResp === void 0 ? void 0 : jsonResp.clientEvents, serviceName, payloadJson, accept, reject });
+            /**
+             * Este trecho difere do projeto HTML5 devido à decisão de adotar uma abordagem síncrona para esta chamada. Isso é justificado pelo fato de que, no cenário em questão, a abordagem assíncrona teria impactos negativos.
+             *
+             * Descrição do caso de uso:
+             * Ao concluir um recebimento com cartão (Movimentação Financeira), é acionado um EzDialog de confirmação. Posteriormente, a PopUp de impressão é exibida, e, ao ser cancelada, gera a invocação de um novo EzDialog.
+             */
+            await this.processPrinting(jsonResp);
             if (this.isServiceBrokerError(jsonResp)) {
               reject(this.processServiceBrokerErrorInfo(jsonResp));
             }
@@ -214,8 +291,6 @@ export class DataFetcher {
                 (_a = this.application) === null || _a === void 0 ? void 0 : _a.info(jsonResp.statusMessage);
               }
             }
-            this.proccessServiceBorkerClientEvents(jsonResp === null || jsonResp === void 0 ? void 0 : jsonResp.clientEvents, serviceName, payloadJson, accept, reject);
-            this.processPrinting(jsonResp);
           }
           catch (err) {
             console.warn(`Erro ao executar serviço: ${err}`);
@@ -253,42 +328,43 @@ export class DataFetcher {
   getQueryTemplate(re) {
     return (re.query || "").replaceAll("$queryAlias$", re.queryID);
   }
-  getWatingRequest(reqID) {
-    return this.watingRequestsById.get(reqID);
-  }
   pause() {
     this.ready = false;
   }
   async resume() {
     this.ready = true;
     if (this.watingRequestsById.size > 0) {
-      const requestsBatch = [];
-      this.watingRequestsById.forEach(async (waitingReq) => {
-        let query = this.getQueryTemplate(waitingReq.request);
-        requestsBatch.push({ document: query, variables: Object.assign({}, waitingReq.request.values) });
-      });
-      let res = undefined;
-      let dataResponse = [];
-      let errorsResponse = [];
-      res = await this.fecthGrapql(requestsBatch);
-      dataResponse = res.data;
-      errorsResponse = res.errors;
-      //Reject promises with errors from query
-      errorsResponse.forEach((errorResponse) => {
-        Object.entries(errorResponse).forEach(([_key, val]) => {
-          var _a;
-          (((_a = this.getWatingRequest(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
-        });
+      const waitinRequests = this.watingRequestsById;
+      this.watingRequestsById = new Map();
+      this.executePendingRequest(waitinRequests);
+    }
+  }
+  async executePendingRequest(watingRequestsById) {
+    const requestsBatch = [];
+    watingRequestsById.forEach(async (waitingReq) => {
+      let query = this.getQueryTemplate(waitingReq.request);
+      requestsBatch.push({ document: query, variables: Object.assign({}, waitingReq.request.values) });
+    });
+    let res = undefined;
+    let dataResponse = [];
+    let errorsResponse = [];
+    res = await this.fecthGrapql(requestsBatch);
+    dataResponse = res.data;
+    errorsResponse = res.errors;
+    //Reject promises with errors from query
+    errorsResponse.forEach((errorResponse) => {
+      Object.entries(errorResponse).forEach(([_key, val]) => {
+        var _a;
+        (((_a = watingRequestsById.get(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ErrorException("Falha detectada", val.message));
       });
-      //Resolve promises with data from query
-      dataResponse.forEach((data) => {
-        Object.entries(data).forEach(([key, val]) => {
-          var _a;
-          (((_a = this.getWatingRequest(key)) === null || _a === void 0 ? void 0 : _a.resolve) || Promise.resolve)(val);
-        });
+    });
+    //Resolve promises with data from query
+    dataResponse.forEach((data) => {
+      Object.entries(data).forEach(([key, val]) => {
+        var _a;
+        (((_a = watingRequestsById.get(key)) === null || _a === void 0 ? void 0 : _a.resolve) || Promise.resolve)(val);
       });
-      this.watingRequestsById.clear();
-    }
+    });
   }
   async fecthGrapql(request) {
     let res = undefined;

package/dist/collection/lib/http/data-fetcher/fetchers/filter-bar-config-fetcher.js

@@ -91,30 +91,6 @@ export default class FilterBarConfigFetcher extends ResourceFetcher {
       });
     });
   }
-  saveEntityListConfig(item, resourceID, configName) {
-    return new Promise((accept, reject) => {
-      this.getConfig(resourceID, configName).then(config => {
-        const state = config.map(({ id, value, fixed, visible, type, groupedItems }) => {
-          return Object.assign(Object.assign(Object.assign(Object.assign({ id }, (value && { value: normalizeValue(value, type) })), (fixed && { fixed })), (visible && { visible: true })), { groupedItems });
-        });
-        const index = state.findIndex(({ id }) => id === item.id);
-        const newItem = { id: item.id, value: normalizeValue(item.value, item.type), fixed: item.fixed, visible: true };
-        if (index > -1) {
-          state[index] = newItem;
-        }
-        else {
-          state.push(newItem);
-        }
-        this.saveResource(state, this.getPath(resourceID, configName)).then(resp => {
-          accept(resp);
-        }).catch(exception => {
-          reject(exception);
-        });
-      }).catch(exception => {
-        reject(exception);
-      });
-    });
-  }
   buildFieldList(items) {
     return items.map(item => {
       var _a, _b;

package/dist/collection/lib/index.js

@@ -2,3 +2,13 @@ export { DataFetcher } from './http/data-fetcher/DataFetcher';
 export { PesquisaFetcher } from './http/data-fetcher/fetchers/pesquisa-fetcher';
 export { CrudUtils } from './utils/CrudUtils';
 export { PresentationMode } from "./@types";
+export { TotalsFetcher } from './http/data-fetcher/fetchers/totals-fetcher';
+export { default as ApplicationConfigFetcher } from './http/data-fetcher/fetchers/application-config-fetcher';
+export { AttachFetcher } from './http/data-fetcher/fetchers/attach-fetcher';
+export { default as DataUnitFetcher } from './http/data-fetcher/fetchers/dataunit-fetcher';
+export { default as FilterBarConfigFetcher } from './http/data-fetcher/fetchers/filter-bar-config-fetcher';
+export { FormConfigFetcher } from './http/data-fetcher/fetchers/form-config-fetcher';
+export { default as GridConfigFetcher } from './http/data-fetcher/fetchers/grid-config-fetcher';
+export { default as ParametersFetcher } from './http/data-fetcher/fetchers/parameters-fecher';
+export { default as PersonalizedFilterFetcher } from './http/data-fetcher/fetchers/personalized-filter-fetcher';
+export { ResourceFetcher } from './http/data-fetcher/fetchers/resource-fetcher';

package/dist/collection/lib/resourceid/ResourceIDUtils.js

@@ -0,0 +1,7 @@
+import { ApplicationContext } from "@sankhyalabs/core";
+export default class ResourceIDUtils {
+  static async getResourceID() {
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    return application.getResourceID();
+  }
+}

package/dist/collection/lib/utils/PrintUtils.js

@@ -1,8 +1,9 @@
-import { StringUtils } from "@sankhyalabs/core";
-import { DataFetcher } from "../http/data-fetcher/DataFetcher";
+import { ApplicationContext, StringUtils } from "@sankhyalabs/core";
 export class PrintUtils {
   constructor() {
     this.appletImpressao = new AppletImpressao();
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    application.getDataFetcher().then(result => this.DataFetcher = result);
   }
   static getInstance() {
     if (!PrintUtils.instance) {
@@ -23,12 +24,18 @@ export class PrintUtils {
         }
       ]
     };
-    const response = await DataFetcher.get().callServiceBroker(PrintUtils.SERVICE_FIND_PENDING_PRINTS, JSON.stringify(requestBody));
-    const printJobData = this.parsePrintData(response);
-    const pendingPrints = await this.processDirectPrint(printJobData);
-    if (!pendingPrints.length)
-      return;
-    this.openSnkPrintSelector(Object.assign(Object.assign({}, printJobData), { pendingPrinters: pendingPrints }));
+    Promise.resolve(this.DataFetcher).then(async (res) => {
+      res = await Promise.resolve(this.DataFetcher);
+      while (!res || !res.application) {
+        res = await Promise.resolve(this.DataFetcher);
+      }
+      const response = await res.application.callServiceBroker(PrintUtils.SERVICE_FIND_PENDING_PRINTS, JSON.stringify(requestBody));
+      const printJobData = this.parsePrintData(response);
+      const pendingPrints = await this.processDirectPrint(printJobData);
+      if (!pendingPrints.length)
+        return;
+      this.openSnkPrintSelector(Object.assign(Object.assign({}, printJobData), { pendingPrinters: pendingPrints }));
+    });
   }
   getLocalPrinters() {
     const localPrinters = this.appletImpressao.findLocalPrinters();
@@ -125,7 +132,9 @@ export class PrintUtils {
         }
       }
     };
-    await DataFetcher.get().callServiceBroker(PrintUtils.SERVICE_SAVE_SUBSTITUTE_PRINTER, JSON.stringify(requestBody));
+    Promise.resolve(this.DataFetcher).then(async (res) => {
+      await res.application.callServiceBroker(PrintUtils.SERVICE_SAVE_SUBSTITUTE_PRINTER, JSON.stringify(requestBody));
+    });
   }
   async processDirectPrint(printJobData) {
     const isWCRunning = this.appletImpressao.checkWebConnection();

package/dist/collection/lib/utils/urlutils.js

@@ -22,4 +22,33 @@ export default class UrlUtils {
       return window['mock_url'];
     return `${location.protocol}//${location.hostname}${location.port ? ":" + location.port : ""}`;
   }
+  /**
+  *  Extrai da URL o parâmetro que contém o resourceId da tela desejada.
+  *
+  */
+  static getResourceIdFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedValue = parts[1];
+      return atob(encodedValue);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter resourceId:' + error);
+    }
+  }
+  /**
+   *  Extrai da URL o parâmetro que contém o o objeto com a PK do registro específico.
+   *
+   */
+  static getPkObjectFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedObjectPart = parts[parts.length - 2];
+      const decodedObjectPart = atob(encodedObjectPart);
+      return JSON.parse(decodedObjectPart);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter a PK do objeto:' + error);
+    }
+  }
 }

package/dist/components/ConfigStorage.js

@@ -1,9 +1,132 @@
-import { ApplicationContext } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher.js';
-import { R as ResourceFetcher } from './resource-fetcher.js';
-import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher.js';
+import { F as FilterItemType } from './filter-item-type.enum.js';
 import { d as dist, D as DataFetcher } from './DataFetcher.js';
 
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+function normalizeValue(value, type) {
+  if (value == undefined) {
+    return value;
+  }
+  if (value instanceof Date) {
+    return value.toISOString();
+  }
+  if (typeof value === "object") {
+    if (value instanceof Array) {
+      return value.map(item => {
+        if (FilterItemType.MULTI_LIST === type) {
+          const values = __rest(item, ["label"]);
+          return normalizeValue(values);
+        }
+        return normalizeValue(item);
+      });
+    }
+    else {
+      const normalized = Object.assign({}, value);
+      Object.keys(value).forEach(prop => {
+        if (value[prop] !== undefined) {
+          normalized[prop] = normalizeValue(value[prop], type);
+        }
+        else {
+          delete normalized[prop];
+        }
+      });
+      return normalized;
+    }
+  }
+  return value;
+}
+class FilterBarConfigFetcher extends ResourceFetcher {
+  normalize(items) {
+    return items.map(item => {
+      const { id, value, fixed, visible, type, groupedItems } = item;
+      const stateItem = { id };
+      if (value) {
+        stateItem["value"] = normalizeValue(value, type);
+      }
+      if (fixed) {
+        stateItem["fixed"] = fixed;
+      }
+      if (groupedItems) {
+        if (groupedItems.length === 0) {
+          return;
+        }
+        if (groupedItems.filter(item => item.visible).length > 0) {
+          stateItem["visible"] = true;
+        }
+        stateItem["groupedItems"] = this.normalize(groupedItems);
+      }
+      else {
+        if (visible) {
+          stateItem["visible"] = true;
+        }
+      }
+      return stateItem;
+    }).filter(item => item != undefined);
+  }
+  saveConfig(items, resourceID, configName) {
+    return this.saveResource(this.normalize(items), this.getPath(resourceID, configName));
+  }
+  getConfig(resourceID, configName, urlParams) {
+    return new Promise((accept, reject) => {
+      this.loadResource(this.getPath(resourceID, configName, urlParams))
+        .then((configAsString) => {
+        let fieldsList;
+        if (configAsString) {
+          const filterBarConfig = JSON.parse(configAsString);
+          fieldsList = this.buildFieldList(filterBarConfig.items);
+        }
+        accept(fieldsList || []);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  buildFieldList(items) {
+    return items.map(item => {
+      var _a, _b;
+      if (item.type === FilterItemType.MULTI_LIST) {
+        const multiListValue = item.value;
+        item.value = (_b = (_a = multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.elements) !== null && _a !== void 0 ? _a : multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.members) !== null && _b !== void 0 ? _b : multiListValue;
+      }
+      return item;
+    });
+  }
+  getPath(resourceID, name, urlParams) {
+    let path = `cfg://filter/FilterBarState:${resourceID}`;
+    if (name) {
+      path += `.${name}`;
+    }
+    if (urlParams) {
+      path += this.buildQueryString(urlParams);
+    }
+    return path;
+  }
+  buildQueryString(urlParams) {
+    let queryString = '?';
+    for (let key in urlParams) {
+      if (!urlParams.hasOwnProperty(key)) {
+        continue;
+      }
+      if (queryString.length > 1) {
+        queryString += '&';
+      }
+      queryString += key + '=' + urlParams[key];
+    }
+    return queryString;
+  }
+}
+
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {
     super(...arguments);
@@ -218,83 +341,73 @@ const CONFIG_SOURCE = {
   filterBar: "filterBar"
 };
 class ConfigStorage {
-  static async get() {
-    if (!ConfigStorage.instance) {
-      const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-      if (application != undefined) {
-        const configName = application.configName;
-        const resourceID = await application.getResourceID();
-        ConfigStorage.instance = new ConfigStorage();
-        ConfigStorage.resourceID = resourceID;
-        ConfigStorage.instance.loadFormConfig(configName);
-        ConfigStorage.instance.loadGridConfig(configName);
-      }
-    }
-    return this.instance;
+  static preload(resourceID, configName) {
+    ConfigStorage.loadFormConfig(configName, resourceID);
+    ConfigStorage.loadGridConfig(configName, resourceID);
   }
-  async loadFilterBarConfig(name, urlParams) {
-    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.filterBar);
+  static async loadFilterBarConfig(name, resourceID, urlParams) {
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.filterBarConfigFetcher.getConfig(ConfigStorage.resourceID, name, urlParams));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.filterBarConfigFetcher.getConfig(resourceID, name, urlParams));
     }
     return ConfigStorage.configById.get(cacheID);
   }
-  async loadFormConfig(name) {
-    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.form);
+  static async loadFormConfig(name, resourceID) {
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.formConfigFetcher.loadFormConfig(name, ConfigStorage.resourceID));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.formConfigFetcher.loadFormConfig(name, resourceID));
     }
     return ConfigStorage.configById.get(cacheID);
   }
-  async loadGridConfig(name) {
-    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.grid);
+  static async loadGridConfig(name, resourceID) {
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
     if (!ConfigStorage.configById.has(cacheID)) {
-      ConfigStorage.configById.set(cacheID, ConfigStorage.gridConfigFetcher.getConfig(name, ConfigStorage.resourceID));
+      ConfigStorage.configById.set(cacheID, ConfigStorage.gridConfigFetcher.getConfig(name, resourceID));
     }
     return ConfigStorage.configById.get(cacheID);
   }
-  static async saveFilterBarConfig(config, name) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar);
+  static async saveFilterBarConfig(config, name, resourceID) {
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.filterBar, resourceID);
     this.configById.delete(cacheID);
-    return this.filterBarConfigFetcher.saveConfig(config, this.resourceID, name);
+    return this.filterBarConfigFetcher.saveConfig(config, resourceID, name);
   }
-  static async saveFormConfig(config, name) {
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form);
+  static async saveFormConfig(config, name, resourceID) {
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form, resourceID);
     this.configById.delete(cacheID);
-    return this.formConfigFetcher.saveConfig(config, name, this.resourceID);
+    return this.formConfigFetcher.saveConfig(config, name, resourceID);
   }
-  static async saveCardState(config, name) {
-    return this.formConfigFetcher.saveCardState(config, name, this.resourceID);
+  static async saveCardState(config, name, resourceID) {
+    return this.formConfigFetcher.saveCardState(config, name, resourceID);
   }
-  static async saveGridConfig(config, name) {
+  static async saveGridConfig(config, name, resourceID) {
     if (config == undefined) {
       return;
     }
-    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid);
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid, resourceID);
     this.configById.delete(cacheID);
-    return this.gridConfigFetcher.saveConfig(config, name, this.resourceID);
+    return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }
-  static async loadPersonalizedFilter(filterId, configName) {
-    return this.personalizedFilterFetcher.loadPersonalizedFilter(this.resourceID, filterId, configName);
+  static async loadPersonalizedFilter(filterId, resourceID, configName) {
+    return this.personalizedFilterFetcher.loadPersonalizedFilter(resourceID, filterId, configName);
   }
-  static async savePersonalizedFilter(personalizedFilter, configName) {
+  static async savePersonalizedFilter(personalizedFilter, resourceID, configName) {
     //Ao criar ou alterar um filtro personalizado, 
     //precisamos remover o cache do status da filterbar.
-    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar);
+    const cacheID = this.buildCacheID(configName, CONFIG_SOURCE.filterBar, resourceID);
     this.configById.delete(cacheID);
-    return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, this.resourceID, configName);
+    return this.personalizedFilterFetcher.savePersonalizedFilter(personalizedFilter, resourceID, configName);
   }
-  static async removePersonalizedFilter(personalizedFilter, configName) {
-    return this.personalizedFilterFetcher.removePersonalizedFilter(personalizedFilter, this.resourceID, configName);
+  static async removePersonalizedFilter(personalizedFilter, resourceID, configName) {
+    return this.personalizedFilterFetcher.removePersonalizedFilter(personalizedFilter, resourceID, configName);
   }
   static async validatePersonalizedFilter(dataUnitName, expression) {
     return this.personalizedFilterFetcher.validatePersonalizedFilter(dataUnitName, expression);
   }
-  static buildCacheID(name, source) {
+  static buildCacheID(name, source, resourceID) {
     if (name == undefined) {
-      return `req_${source}_${this.resourceID}`;
+      return `req_${source}_${resourceID}`;
     }
-    return `req_${source}_${name}_${this.resourceID}`;
+    return `req_${source}_${name}_${resourceID}`;
   }
 }
 ConfigStorage.configById = new Map();
@@ -303,4 +416,4 @@ ConfigStorage.formConfigFetcher = new FormConfigFetcher();
 ConfigStorage.gridConfigFetcher = new GridConfigFetcher();
 ConfigStorage.personalizedFilterFetcher = new PersonalizedFilterFetcher();
 
-export { ConfigStorage as C, GridConfigFetcher as G, PersonalizedFilterFetcher as P };
+export { ConfigStorage as C, PersonalizedFilterFetcher as P };