sm-click-library-ui 0.0.622-dev.87 → 0.0.622-dev.90

package/dist/tailwind.css

@@ -917,6 +917,9 @@ video {
 .me-auto {
   margin-inline-end: auto;
 }
+.ml-0\.5 {
+  margin-left: 0.125rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1329,6 +1332,12 @@ video {
 .w-10 {
   width: 2.5rem;
 }
+.w-10\/12 {
+  width: 83.333333%;
+}
+.w-11\/12 {
+  width: 91.666667%;
+}
 .w-12 {
   width: 3rem;
 }
@@ -1368,6 +1377,9 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-4\/5 {
+  width: 80%;
+}
 .w-40 {
   width: 10rem;
 }
@@ -1741,6 +1753,20 @@ video {
 .gap-\[2px\] {
   gap: 2px;
 }
+.gap-x-3 {
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+.gap-x-4 {
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+.gap-y-1\.5 {
+  row-gap: 0.375rem;
+}
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1791,6 +1817,9 @@ video {
   --tw-divide-opacity: 1;
   border-color: rgb(var(--bg-base-200) / var(--tw-divide-opacity, 1));
 }
+.divide-base-content\/10 > :not([hidden]) ~ :not([hidden]) {
+  border-color: rgb(var(--text-base) / 0.1);
+}
 .self-end {
   align-self: flex-end;
 }
@@ -2083,6 +2112,9 @@ video {
 .bg-base-200\/40 {
   background-color: rgb(var(--bg-base-200) / 0.4);
 }
+.bg-base-200\/60 {
+  background-color: rgb(var(--bg-base-200) / 0.6);
+}
 .bg-base-200\/70 {
   background-color: rgb(var(--bg-base-200) / 0.7);
 }
@@ -2105,6 +2137,9 @@ video {
 .bg-base-300\/80 {
   background-color: rgb(var(--bg-base-300) / 0.8);
 }
+.bg-base-content\/10 {
+  background-color: rgb(var(--text-base) / 0.1);
+}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -2414,6 +2449,9 @@ video {
 .p-3 {
   padding: 0.75rem;
 }
+.p-3\.5 {
+  padding: 0.875rem;
+}
 .p-4 {
   padding: 1rem;
 }
@@ -2587,6 +2625,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2802,6 +2843,9 @@ video {
 .text-base-content\/85 {
   color: rgb(var(--text-base) / 0.85);
 }
+.text-base-content\/90 {
+  color: rgb(var(--text-base) / 0.9);
+}
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -4195,6 +4239,11 @@ video {
   .sm\:p-0 {
     padding: 0px;
   }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
 }
 @media (min-width: 864px) {
 

package/dist/{vue3-lottie.es-DCDdPj8i.js → vue3-lottie.es-JgiBpKhu.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-W-o-nVSG.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-DpqoSQ1j.js";
 var lottie = { exports: {} };
 (function(module, exports) {
   typeof navigator < "u" && function(t, e) {

package/dist/{web-BnbAM2S_.js → web-CTiz49Iv.js}

@@ -1,4 +1,4 @@
-import { r as le, C as ge, g as me, W as we } from "./index-W-o-nVSG.js";
+import { r as le, C as ge, g as me, W as we } from "./index-DpqoSQ1j.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-eB_2ey6s.js").then((n) => new n.FilesystemWeb())
+  web: () => import("./web-CyQoGjvD.js").then((n) => new n.FilesystemWeb())
 });
 Ee();
 const _e = le("BlobWriter");

package/dist/{web-eB_2ey6s.js → web-CyQoGjvD.js}

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

package/package.json

@@ -5,7 +5,7 @@
         "dist",
         "src/test-utils"
     ],
-    "version": "0.0.622-dev.87",
+    "version": "0.0.622-dev.90",
     "main": "dist/sm-click-library-ui.es.js",
     "module": "dist/sm-click-library-ui.umd.js",
     "style": "dist/style.css",

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

@@ -9,12 +9,15 @@ const instances = [];
 const seeks = [];
 const peakState = vi.hoisted(() => ({ pending: null }));
 vi.mock("~/utils/audioPeaks", () => ({
-    resolveAudioPeaks: () => peakState.pending || Promise.resolve(null)
+    resolveAudioPeaks: () => peakState.pending || Promise.resolve(null),
+    prioritizeAudioPeaks: () => {}
 }));
 // jsdom não calcula layout: o portão de viewport nunca intersectaria, e a onda é o objeto do teste.
+const gateState = vi.hoisted(() => ({ immediate: true, pending: [] }));
 vi.mock("~/utils/viewportGate", () => ({
     onceInViewport: (el, callback) => {
-        callback();
+        if (gateState.immediate) callback();
+        else gateState.pending.push(callback);
         return () => {};
     }
 }));
@@ -68,6 +71,8 @@ import { useAudioPlaybackStore } from "~/stores/audioPlaybackStore";
 
 // jsdom não implementa play/pause de mídia.
 beforeEach(() => {
+    gateState.immediate = true;
+    gateState.pending = [];
     peakState.pending = null;
     instances.length = 0;
     seeks.length = 0;
@@ -247,3 +252,52 @@ describe("seek por gesto na onda", () => {
         wrapper.unmount();
     });
 });
+
+describe("custo da bolha de áudio parada", () => {
+    it("não anima o equalizador enquanto a bolha não chega perto da viewport", async () => {
+        gateState.immediate = false;
+        const wrapper = await mountAudio();
+
+        expect(instances).toHaveLength(0);
+        expect(wrapper.find(".loading-equalizer").classes()).toContain("is-idle");
+
+        gateState.pending.forEach((callback) => callback());
+        await new Promise((resolve) => setTimeout(resolve));
+        await flushPromises();
+
+        expect(instances).toHaveLength(1);
+        wrapper.unmount();
+    });
+
+    it("emite o tempo só quando vira o segundo", async () => {
+        const wrapper = await mountAudio();
+        const ws = instances[0];
+
+        ws.media.currentTime = 0.3;
+        ws.emit("audioprocess");
+        expect(wrapper.emitted("currentTime")).toBeUndefined();
+
+        ws.media.currentTime = 0.9;
+        ws.emit("audioprocess");
+        expect(wrapper.emitted("currentTime")).toBeUndefined();
+
+        ws.media.currentTime = 1.05;
+        ws.emit("audioprocess");
+        expect(wrapper.emitted("currentTime")).toHaveLength(1);
+
+        wrapper.unmount();
+    });
+});
+
+describe("duração da onda", () => {
+    it("posiciona o cursor pela duração decodificada, não pela do elemento", async () => {
+        // O dublê responde 12 em `getDuration`, como o `media.duration` errado que alguns containers dão no WebView do Android.
+        peakState.pending = Promise.resolve({ peaks: [new Float32Array(8)], duration: 30 });
+        const wrapper = await mountAudio();
+        await flushPromises();
+
+        expect(instances[0].getDuration()).toBe(30);
+        expect(wrapper.emitted("duration").at(-1)).toEqual([30]);
+        wrapper.unmount();
+    });
+});