@sankhyalabs/sankhyablocks 8.2.0-dev.5 → 8.2.0-dev.7

package/dist/collection/components/snk-taskbar/snk-taskbar-custom-elements.js

@@ -0,0 +1,43 @@
+import { h, Host } from '@stencil/core';
+export class SnkTaskbarCustomElements {
+  constructor() {
+    this.slot = 'TASKBAR_CUSTOM_ELEMENTS';
+  }
+  render() {
+    return (h(Host, { slot: this.slot }, h("div", { id: this.slot, class: "taskbar-custom-elements-container" }, h("slot", null))));
+  }
+  static get is() { return "snk-taskbar-custom-elements"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-taskbar.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-taskbar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "slot": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome do slot da Taskbar onde os elementos customizados dever\u00E3o aparecer."
+        },
+        "attribute": "slot",
+        "reflect": false,
+        "defaultValue": "'TASKBAR_CUSTOM_ELEMENTS'"
+      }
+    };
+  }
+}

package/dist/collection/components/snk-taskbar/snk-taskbar.css

@@ -1,3 +1,7 @@
 :host {
   display: flex;
 }
+
+.taskbar-custom-elements-container{
+  display: none;
+}

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -1,10 +1,11 @@
 import { ApplicationContext, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { AuthorizationConfig } from '../snk-configurator/AuthorizationConfig';
-import { TaskbarElement, buildElem, AuthorizationElements, buildCustomButton, VisibleWhenForbidden } from './elements/taskbar-elements';
+import { AuthorizationElements, buildCustomButton, buildElem, TaskbarElement, VisibleWhenForbidden, } from './elements/taskbar-elements';
 import { PresentationMode } from '../../lib/@types';
 export class SnkTaskbar {
   constructor() {
+    this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
@@ -22,6 +23,11 @@ export class SnkTaskbar {
       [TaskbarElement.ATTACH]: "snkTaskbar.titleAttach",
     };
     this._permissions = undefined;
+    this._customElements = undefined;
+    this._customElementsId = undefined;
+    this._slotContainer = undefined;
+    this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
+    this.customContainerId = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
     this.buttons = undefined;
@@ -162,6 +168,43 @@ export class SnkTaskbar {
       return true;
     });
   }
+  appendCustomElementsInTaskbar() {
+    this._customElementsId.forEach(id => {
+      const elementId = id.replace(this.TASKBAR_ITEM_ID_PREFIX, '');
+      const customElement = this._customElements.get(elementId);
+      const container = this._element.querySelector(`#${id}`);
+      if (container) {
+        container === null || container === void 0 ? void 0 : container.appendChild(customElement);
+      }
+      else {
+        this.unlinkCustomElementFromTaskbar(customElement);
+      }
+    });
+  }
+  addCustomElementContainer(elem) {
+    const elementId = `${this.TASKBAR_ITEM_ID_PREFIX}${elem}`;
+    if (!this._customElementsId.includes(elementId)) {
+      this._customElementsId.push(elementId);
+    }
+    return h("span", { key: elementId, id: elementId });
+  }
+  getCustomElements() {
+    var _a, _b;
+    this._customElementsId = [];
+    this._customElements = new Map();
+    this._slotContainer = this.buildSlotContainer();
+    const customElementsArray = Array.from((_b = (_a = this._slotContainer) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []);
+    customElementsArray.forEach(item => this._customElements.set(item.id, item));
+  }
+  buildSlotContainer() {
+    if (this.customContainerId) {
+      const container = document.querySelector(`#${this.customContainerId}`);
+      return container === null || container === void 0 ? void 0 : container.querySelector(`#${this.customSlotId}`);
+    }
+    else {
+      return this._element.querySelector(`#${this.customSlotId}`);
+    }
+  }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
@@ -170,6 +213,7 @@ export class SnkTaskbar {
     else {
       this._permissions = {};
     }
+    this.getCustomElements();
   }
   componentWillRender() {
     if (this._definitions == undefined && this._permissions) {
@@ -181,12 +225,30 @@ export class SnkTaskbar {
     const dataInfo = { dataUnit: this.dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
+  componentDidRender() {
+    this.appendCustomElementsInTaskbar();
+  }
+  disconnectedCallback() {
+    this.unlinkAllCustomElements();
+  }
+  unlinkAllCustomElements() {
+    var _a;
+    (_a = this._customElementsId) === null || _a === void 0 ? void 0 : _a.forEach(id => {
+      const elementId = id.replace(this.TASKBAR_ITEM_ID_PREFIX, '');
+      const customElement = this._customElements.get(elementId);
+      this.unlinkCustomElementFromTaskbar(customElement);
+    });
+  }
+  unlinkCustomElementFromTaskbar(customElement) {
+    this._slotContainer.appendChild(customElement);
+  }
   render() {
     if (this._definitions === undefined) {
       return undefined;
     }
     let index = 0;
     return (h(Host, null, this.removeEmpty(this._definitions.map((elem) => {
+      var _a;
       if (elem === TaskbarElement.DIVIDER) {
         index = 0;
       }
@@ -196,11 +258,14 @@ export class SnkTaskbar {
       if (TaskbarElement[elem]) {
         return this.getElement(index, TaskbarElement[elem]);
       }
-      if (this.customButtons.has(elem)) {
+      if ((_a = this.customButtons) === null || _a === void 0 ? void 0 : _a.has(elem)) {
         return this.getElement(index, this.customButtons.get(elem));
       }
+      if (this._customElements.has(elem)) {
+        return this.addCustomElementContainer(elem);
+      }
       return h("slot", { name: elem });
-    }))));
+    })), h("div", { class: "taskbar-custom-elements-container" }, h("slot", { name: this.customSlotId }))));
   }
   static get is() { return "snk-taskbar"; }
   static get encapsulation() { return "scoped"; }
@@ -216,6 +281,41 @@ export class SnkTaskbar {
   }
   static get properties() {
     return {
+      "customSlotId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para determinar o identificador do slot que recebe elementos personalizados."
+        },
+        "attribute": "custom-slot-id",
+        "reflect": false,
+        "defaultValue": "\"TASKBAR_CUSTOM_ELEMENTS\""
+      },
+      "customContainerId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para determinar o identificador do container na DOM que \u00E9 responsavel por guardar os elementos personalizados\nque n\u00E3o podem ser passados por slot.\n\nExemplo: Elementos customizados na Taskbar da aba de detalhes."
+        },
+        "attribute": "custom-container-id",
+        "reflect": false
+      },
       "configName": {
         "type": "string",
         "mutable": false,
@@ -414,7 +514,10 @@ export class SnkTaskbar {
   }
   static get states() {
     return {
-      "_permissions": {}
+      "_permissions": {},
+      "_customElements": {},
+      "_customElementsId": {},
+      "_slotContainer": {}
     };
   }
   static get events() {

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

@@ -155,9 +155,9 @@ export class DataFetcher {
       }
     });
   }
-  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);
@@ -205,11 +205,18 @@ 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);
+            /**
+             * 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));
             }
@@ -223,7 +230,6 @@ export class DataFetcher {
               }
             }
             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}`);

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/components/DataFetcher.js

@@ -1,6 +1,7 @@
-import { DataType, StringUtils, ApplicationContext, ErrorException, WarningException, ObjectUtils } from '@sankhyalabs/core';
+import { DataType, ApplicationContext, ErrorException, WarningException, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { P as PrintUtils } from './PrintUtils.js';
 
 var browserPonyfill = createCommonjsModule(function (module, exports) {
 var global = typeof self !== 'undefined' ? self : commonjsGlobal;
@@ -6506,206 +6507,6 @@ class GraphQLRecaller {
   }
 }
 
-class PrintUtils {
-  constructor() {
-    this.appletImpressao = new AppletImpressao();
-  }
-  static getInstance() {
-    if (!PrintUtils.instance) {
-      PrintUtils.instance = new PrintUtils();
-    }
-    return PrintUtils.instance;
-  }
-  async processPendingPrinting(transactionId) {
-    await this.findPendingPrints(transactionId);
-  }
-  async findPendingPrints(transactionId) {
-    const requestBody = {
-      transactionIds: [
-        {
-          transactionId: {
-            $: transactionId
-          }
-        }
-      ]
-    };
-    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 }));
-  }
-  getLocalPrinters() {
-    const localPrinters = this.appletImpressao.findLocalPrinters();
-    const printers = [];
-    for (const printerName of localPrinters) {
-      printers.push({
-        nome: printerName,
-        printerUri: PrintUtils.LOCAL_SERVER_URI + printerName,
-        isLocal: true
-      });
-    }
-    return printers;
-  }
-  parsePrintData(payload) {
-    const pendingPrintJobData = payload.pendindPrintJobData;
-    if (!pendingPrintJobData)
-      return undefined;
-    let { printServers: { printServer }, pendingPrinters: { pendingPrinter } } = pendingPrintJobData;
-    printServer = printServer ? (Array.isArray(printServer) ? printServer : [printServer]) : [];
-    pendingPrinter = pendingPrinter ? (Array.isArray(pendingPrinter) ? pendingPrinter : [pendingPrinter]) : [];
-    const normalizedPrintServer = printServer.map(item => {
-      const printerList = Array.isArray(item.printerLocation) ? item.printerLocation : [item.printerLocation];
-      return {
-        printServerUri: item.printServerUri,
-        printerList: printerList.map(this.normalize)
-      };
-    });
-    const normalizedPendingPrinter = pendingPrinter.map(this.normalize);
-    return {
-      transactionId: pendingPrintJobData.transactionId.$,
-      printServers: normalizedPrintServer,
-      pendingPrinters: normalizedPendingPrinter,
-      printServerActive: pendingPrintJobData.printServers.printServerActive === 'true'
-    };
-  }
-  normalize(object) {
-    const normalizedObject = {};
-    Object.keys(object).forEach((key) => {
-      normalizedObject[key] = PrintUtils.ENCODED_PROPERTIES.includes(key) ? window.atob(object[key].$) : object[key].$;
-    });
-    return normalizedObject;
-  }
-  processLocalPrinting(localPrintings) {
-    const transactionIds = localPrintings.map((item) => item.transactionId);
-    this.appletImpressao.doLocalPrinting(transactionIds.join());
-  }
-  async openSnkPrintSelector(printJobData) {
-    let printSelector = document.querySelector('snk-print-selector');
-    if (!printSelector) {
-      printSelector = document.createElement('snk-print-selector');
-      printSelector.setAttribute('id', StringUtils.generateUUID());
-      window.document.body.appendChild(printSelector);
-    }
-    const { selectedPrinter, saveSubstitute } = await printSelector.openPrintSelector(printJobData);
-    if (!selectedPrinter)
-      return;
-    const params = {
-      transactionId: printJobData.transactionId,
-      pendingPrinters: printJobData.pendingPrinters,
-      printerUri: selectedPrinter.printerUri,
-      saveSubstitutePrinters: saveSubstitute
-    };
-    await this.saveSubstitutePrinter(params);
-  }
-  async saveSubstitutePrinter(params) {
-    const { transactionId, pendingPrinters, printerUri, saveSubstitutePrinters = false } = params;
-    const parsedPendingPrinters = pendingPrinters.map((item) => ({
-      printerUri: {
-        $: item.printerUri || printerUri
-      },
-      originalPrinterName: {
-        $: item.originalPrinterName
-      },
-      printJobCount: {
-        $: item.printJobCount
-      },
-      docType: {
-        $: item.docType
-      },
-      docTypeDescription: {
-        $: item.docTypeDescription
-      }
-    }));
-    const requestBody = {
-      substitutePrintersRequest: {
-        substitutePrinters: {
-          pendingPrinter: parsedPendingPrinters
-        },
-        saveSubstitutePrinters: {
-          $: saveSubstitutePrinters.toString()
-        },
-        transactionId: {
-          $: transactionId
-        }
-      }
-    };
-    await DataFetcher.get().callServiceBroker(PrintUtils.SERVICE_SAVE_SUBSTITUTE_PRINTER, JSON.stringify(requestBody));
-  }
-  async processDirectPrint(printJobData) {
-    const isWCRunning = this.appletImpressao.checkWebConnection();
-    if (!isWCRunning) {
-      return [];
-    }
-    const localPrinters = this.getLocalPrinters();
-    if (!localPrinters.length)
-      return [];
-    const directPendingPrints = [];
-    const pendingPrints = printJobData.pendingPrinters.filter(item => {
-      const defaultPrinterName = this.getDefaultPrinterName(item.originalPrinterName);
-      const isDirectPrint = !!localPrinters.find(localPrinter => localPrinter.nome === defaultPrinterName) || this.isPrinterNameAFile(defaultPrinterName);
-      if (isDirectPrint) {
-        directPendingPrints.push(Object.assign(Object.assign({}, item), { printerUri: PrintUtils.LOCAL_SERVER_URI + defaultPrinterName }));
-        return false;
-      }
-      return true;
-    });
-    if (!directPendingPrints.length)
-      return pendingPrints;
-    const params = {
-      transactionId: printJobData.transactionId,
-      pendingPrinters: directPendingPrints
-    };
-    await this.saveSubstitutePrinter(params);
-    return pendingPrints;
-  }
-  getDefaultPrinterName(printerName) {
-    const defaultPrinterName = this.appletImpressao.getDefaultPrinter();
-    const isDefaultPrinterName = /padr[aã]o/ig.test(printerName);
-    return (defaultPrinterName && isDefaultPrinterName) ? defaultPrinterName : printerName;
-  }
-  isPrinterNameAFile(printerName) {
-    const regExp = new RegExp("^(\w:)?[/\\\w\s]+?\.\w{3}$", "mis");
-    return regExp.test(printerName);
-  }
-}
-PrintUtils.SERVICE_FIND_PENDING_PRINTS = 'mge@PrintServiceSP.findPendingPrinters';
-PrintUtils.SERVICE_SAVE_SUBSTITUTE_PRINTER = 'mge@PrintServiceSP.saveSubstitutePrinter';
-PrintUtils.LOCAL_SERVER_URI = 'LOCAL:0/';
-PrintUtils.ENCODED_PROPERTIES = ['printerName', 'printerUri'];
-class AppletImpressao {
-  constructor() {
-    this.appletImpressao = document.getElementById('centralNotaAppletImpressao');
-  }
-  checkWebConnection() {
-    if (!this.appletImpressao)
-      return false;
-    if (!this.appletImpressao.testRunningWC)
-      return false;
-    const isRunning = this.appletImpressao.testRunningWC();
-    return !!isRunning;
-  }
-  findLocalPrinters() {
-    if (!this.appletImpressao)
-      return [];
-    const localPrinters = this.appletImpressao.getLocalPrinters();
-    if (!localPrinters)
-      return [];
-    return localPrinters.split(",");
-  }
-  doLocalPrinting(transactionIds) {
-    if (!this.appletImpressao)
-      return;
-    this.appletImpressao.doLocalPrinting(transactionIds);
-  }
-  getDefaultPrinter() {
-    if (!this.appletImpressao)
-      return '';
-    return this.appletImpressao.getPrintDefault();
-  }
-}
-
 class DataFetcher {
   constructor() {
     this.GRAPHQL_PATH = `/${window.MGE_MODULE_NAME || 'mgefin-bff'}/graphql`;
@@ -6856,9 +6657,9 @@ class DataFetcher {
       }
     });
   }
-  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);
@@ -6906,11 +6707,18 @@ 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);
+            /**
+             * 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));
             }
@@ -6924,7 +6732,6 @@ class DataFetcher {
               }
             }
             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}`);
@@ -7117,4 +6924,4 @@ class WaitingRequest {
   }
 }
 
-export { DataFetcher as D, PrintUtils as P, UrlUtils as U, dist as d };
+export { DataFetcher as D, UrlUtils as U, dist as d };