@luizleon/sf.prefeiturasp.vuecomponents 0.0.18 → 0.0.19

package/dist/services/dialogService.d.ts

@@ -1,6 +1,6 @@
 interface ConfirmOptions {
-    message: string;
-    header?: string;
+    text: string;
+    title?: string;
     confirmLabel?: string;
     rejectLabel?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luizleon/sf.prefeiturasp.vuecomponents",
-  "version": "0.0.18",
+  "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,8 +1,9 @@
 import Swal from "sweetalert2";
+import DOMPurify from "dompurify";
 
 interface ConfirmOptions {
-  message: string;
-  header?: string;
+  text: string;
+  title?: string;
   confirmLabel?: string;
   rejectLabel?: string;
 }
@@ -25,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) => {
@@ -37,14 +38,13 @@ class DialogService {
 
   async AlertAsync(options: AlertOptions): Promise<boolean> {
     const icon = options.icon ?? "info";
-    let text: string;
     let html: string;
     if (Array.isArray(options.text)) {
       html = `<div style="max-height: 50vh; overflow: auto">
       ${options.text.join("<br />")}
       </div>`;
     } else {
-      text = options.text;
+      html = options.text;
     }
     return new Promise((r) => {
       Swal.fire({
@@ -52,8 +52,7 @@ class DialogService {
         allowOutsideClick: false,
         icon,
         title: options.title,
-        text: text,
-        html,
+        html: DOMPurify.sanitize(html),
       }).then(() => r(true));
     });
   }