@luizleon/sf.prefeiturasp.vuecomponents 0.0.17 → 0.0.19

package/dist/services/dialogService.d.ts

@@ -1,12 +1,18 @@
 interface ConfirmOptions {
-    message: string;
-    header?: string;
+    text: string;
+    title?: string;
     confirmLabel?: string;
     rejectLabel?: string;
 }
+interface AlertOptions {
+    text: string | string[];
+    title?: string;
+    icon?: "info" | "error" | "success" | "warning" | "question";
+}
 declare class DialogService {
     get IsVisible(): boolean;
     ConfirmAsync(options: ConfirmOptions): Promise<boolean>;
+    AlertAsync(options: AlertOptions): Promise<boolean>;
 }
 export declare const UseDialogService: () => DialogService;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luizleon/sf.prefeiturasp.vuecomponents",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "Pacote de componentes Vue para projetos em SF.",
   "main": "dist/lib.umd.js",
   "module": "dist/lib.es.js",
@@ -15,14 +15,16 @@
     "vue-currency-input": "3.0.2"
   },
   "devDependencies": {
+    "@types/dompurify": "3.0.5",
     "@vitejs/plugin-vue": "4.4.1",
     "base64-js": "1.5.1",
+    "dompurify": "3.0.6",
     "js-sha256": "0.10.1",
     "jwt-decode": "4.0.0",
     "rimraf": "3.0.2",
     "sass": "1.69.5",
     "typescript": "5.2.2",
-    "vite": "4.5.0",
+    "vite": "4.5.1",
     "vite-plugin-dts": "1.6.4",
     "vite-plugin-vue-type-imports": "0.2.3",
     "vue-tsc": "1.8.22"

package/src/components/internal/HeaderAvatar.vue

@@ -8,7 +8,7 @@ const letters = Letters();
 
 async function Logout() {
   const confirm = await dialogService.ConfirmAsync({
-    message: `${AuthService.User.username} - ${AuthService.User.name}.<br /><br />Você deseja sair da conta?`,
+    text: `${AuthService.User.username} - ${AuthService.User.name}.<br /><br />Você deseja sair da conta?`,
     confirmLabel: "sair",
   });
   if (!confirm) return;

package/src/services/dialogService.ts

@@ -1,17 +1,24 @@
-// @ts-ignore
-import Swal from "sweetalert2/dist/sweetalert2.js";
+import Swal from "sweetalert2";
+import DOMPurify from "dompurify";
 
 interface ConfirmOptions {
-  message: string;
-  header?: string;
+  text: string;
+  title?: string;
   confirmLabel?: string;
   rejectLabel?: string;
 }
 
+interface AlertOptions {
+  text: string | string[];
+  title?: string;
+  icon?: "info" | "error" | "success" | "warning" | "question";
+}
+
 class DialogService {
   get IsVisible(): boolean {
     return Swal.isVisible();
   }
+
   async ConfirmAsync(options: ConfirmOptions): Promise<boolean> {
     return new Promise((r) => {
       Swal.fire({
@@ -19,8 +26,8 @@ class DialogService {
         allowEscapeKey: false,
         allowOutsideClick: false,
         icon: "question",
-        title: options.header,
-        html: options.message,
+        title: options.title,
+        html: DOMPurify.sanitize(options.text),
         confirmButtonText: options.confirmLabel ?? "confirmar",
         cancelButtonText: options.rejectLabel ?? "cancelar",
       }).then((x: any) => {
@@ -28,6 +35,27 @@ class DialogService {
       });
     });
   }
+
+  async AlertAsync(options: AlertOptions): Promise<boolean> {
+    const icon = options.icon ?? "info";
+    let html: string;
+    if (Array.isArray(options.text)) {
+      html = `<div style="max-height: 50vh; overflow: auto">
+      ${options.text.join("<br />")}
+      </div>`;
+    } else {
+      html = options.text;
+    }
+    return new Promise((r) => {
+      Swal.fire({
+        allowEscapeKey: false,
+        allowOutsideClick: false,
+        icon,
+        title: options.title,
+        html: DOMPurify.sanitize(html),
+      }).then(() => r(true));
+    });
+  }
 }
 
 const service = new DialogService();