sm-click-library-ui 0.0.615 → 0.0.616-dev.78

package/dist/tailwind.css

@@ -1209,9 +1209,6 @@ video {
 .h-\[200px\] {
   height: 200px;
 }
-.h-\[350px\] {
-  height: 350px;
-}
 .h-\[50vh\] {
   height: 50vh;
 }
@@ -1248,6 +1245,9 @@ video {
 .max-h-\[224px\] {
   max-height: 224px;
 }
+.max-h-\[240px\] {
+  max-height: 240px;
+}
 .max-h-\[250px\] {
   max-height: 250px;
 }
@@ -2105,6 +2105,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--bg-base-300) / var(--tw-bg-opacity, 1));
 }
+.bg-base-300\/30 {
+  background-color: rgb(var(--bg-base-300) / 0.3);
+}
 .bg-base-300\/70 {
   background-color: rgb(var(--bg-base-300) / 0.7);
 }
@@ -2173,10 +2176,6 @@ video {
 .bg-gray-800\/80 {
   background-color: rgb(31 41 55 / 0.8);
 }
-.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
 .bg-gray-900\/80 {
   background-color: rgb(17 24 39 / 0.8);
 }

package/dist/{vue3-lottie.es-DCPAxZOx.js → vue3-lottie.es-BHSMLcdu.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watchEffect, computed, watch, createElementBlock, openBlock, normalizeStyle } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-CosEUIqX.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-xJ8KtM_J.js";
 var lottie = { exports: {} };
 (function(module, exports) {
   typeof navigator < "u" && function(t, e) {

package/dist/{web-BpB8ON_s.js → web-B4R0fcQj.js}

@@ -1,5 +1,5 @@
-import { W as P, b as x } from "./index-CosEUIqX.js";
-import { E } from "./web-DE0KXegQ.js";
+import { W as P, b as x } from "./index-xJ8KtM_J.js";
+import { E } from "./web-DDm7zRan.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/dist/{web-DE0KXegQ.js → web-DDm7zRan.js}

@@ -1,4 +1,4 @@
-import { r as le, C as ge, g as me, W as we } from "./index-CosEUIqX.js";
+import { r as le, C as ge, g as me, W as we } from "./index-xJ8KtM_J.js";
 const F = {
   RECORDING: "RECORDING",
   PAUSED: "PAUSED",
@@ -58,7 +58,7 @@ var te;
   n.UTF8 = "utf8", n.ASCII = "ascii", n.UTF16 = "utf16";
 })(te || (te = {}));
 const k = le("Filesystem", {
-  web: () => import("./web-BpB8ON_s.js").then((n) => new n.FilesystemWeb())
+  web: () => import("./web-B4R0fcQj.js").then((n) => new n.FilesystemWeb())
 });
 Ee();
 const _e = le("BlobWriter");

package/package.json

@@ -5,7 +5,7 @@
         "dist",
         "src/test-utils"
     ],
-    "version": "0.0.615",
+    "version": "0.0.616-dev.78",
     "main": "dist/sm-click-library-ui.es.js",
     "module": "dist/sm-click-library-ui.umd.js",
     "style": "dist/style.css",
@@ -70,6 +70,7 @@
     },
     "devDependencies": {
         "@chromatic-com/storybook": "1.6.1",
+        "@playwright/test": "1.63.0",
         "@storybook/addon-essentials": "^8.2.3",
         "@storybook/addon-interactions": "^8.2.3",
         "@storybook/addon-links": "^8.2.3",

package/src/test-utils/components/chat/audioPlayback.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
+import { mount, flushPromises } from "@vue/test-utils";
 import { createPinia, setActivePinia } from "pinia";
 
 // Wavesurfer real precisa de fetch/decode. O dublê reproduz o que importa: toca o
@@ -7,6 +7,17 @@ import { createPinia, setActivePinia } from "pinia";
 // (como as versões < 7.4) — era isso que cortava o áudio na troca de conversa.
 const instances = [];
 const seeks = [];
+const peakState = vi.hoisted(() => ({ pending: null }));
+vi.mock("~/utils/audioPeaks", () => ({
+    resolveAudioPeaks: () => peakState.pending || Promise.resolve(null)
+}));
+// jsdom não calcula layout: o portão de viewport nunca intersectaria, e a onda é o objeto do teste.
+vi.mock("~/utils/viewportGate", () => ({
+    onceInViewport: (el, callback) => {
+        callback();
+        return () => {};
+    }
+}));
 vi.mock("wavesurfer.js", () => ({
     default: {
         create(options) {
@@ -57,6 +68,7 @@ import { useAudioPlaybackStore } from "~/stores/audioPlaybackStore";
 
 // jsdom não implementa play/pause de mídia.
 beforeEach(() => {
+    peakState.pending = null;
     instances.length = 0;
     seeks.length = 0;
     Object.defineProperty(HTMLMediaElement.prototype, "paused", {
@@ -92,6 +104,19 @@ async function mountAudio(trackId = "m1") {
 }
 
 describe("áudio da mensagem fora da árvore da bolha", () => {
+    it("não instala observers depois de desmontar durante a carga", async () => {
+        let finish;
+        peakState.pending = new Promise((resolve) => {
+            finish = resolve;
+        });
+        const wrapper = await mountAudio();
+        wrapper.unmount();
+        const observe = vi.spyOn(MutationObserver.prototype, "observe");
+        finish(null);
+        await flushPromises();
+        expect(observe).not.toHaveBeenCalled();
+        observe.mockRestore();
+    });
     it("continua tocando depois que a bolha desmonta", async () => {
         const store = useAudioPlaybackStore();
         const wrapper = await mountAudio();