@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-video-overlay/index.es.js

@@ -0,0 +1,172 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { useAdContext as t } from "../waka-ad-provider/index.es.js";
+import { WakaSponsoredBadge as n } from "../waka-sponsored-badge/index.es.js";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import { ExternalLink as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/waka-video-overlay/index.tsx
+function u({ slotId: u, visible: d = !0, trigger: f = "manual", triggerTime: p = 0, position: m = "bottom", dismissable: h = !0, hideAfter: g = 0, className: _, onDismiss: v, onClick: y }) {
+	let { config: b, isReady: x, hasConsent: S, getCustomAd: C, trackEvent: w } = t(), [T, E] = a("loading"), [D, O] = a(null), [k, A] = a(d);
+	i(() => {
+		!x || S === !1 || (async () => {
+			try {
+				let e = await C(u);
+				e ? (O(e), E("loaded"), w({
+					type: "loaded",
+					slotId: u,
+					timestamp: /* @__PURE__ */ new Date()
+				})) : E("error");
+			} catch {
+				E("error");
+			}
+		})();
+	}, [
+		x,
+		S,
+		u,
+		C,
+		w
+	]), i(() => {
+		k && T === "loaded" && D && (w({
+			type: "impression",
+			slotId: u,
+			timestamp: /* @__PURE__ */ new Date()
+		}), D.impressionUrl && fetch(D.impressionUrl, { mode: "no-cors" }).catch(() => {}));
+	}, [
+		k,
+		T,
+		D,
+		u,
+		w
+	]), i(() => {
+		A(d);
+	}, [d]), i(() => {
+		if (g === 0 || !k) return;
+		let e = setTimeout(() => {
+			A(!1), E("hidden"), v?.();
+		}, g * 1e3);
+		return () => clearTimeout(e);
+	}, [
+		g,
+		k,
+		v
+	]);
+	let j = r(() => {
+		h && (A(!1), E("hidden"), v?.());
+	}, [h, v]), M = r(() => {
+		D && (w({
+			type: "click",
+			slotId: u,
+			timestamp: /* @__PURE__ */ new Date()
+		}), y?.(), D.clickUrl && fetch(D.clickUrl, { mode: "no-cors" }).catch(() => {}), D.targetUrl && window.open(D.targetUrl, "_blank", "noopener,noreferrer"));
+	}, [
+		D,
+		u,
+		w,
+		y
+	]);
+	if (T === "error" || T === "hidden" || !k || T === "loading") return null;
+	let N = {
+		bottom: "bottom-0 left-0 right-0",
+		top: "top-0 left-0 right-0",
+		corner: "bottom-4 right-4 max-w-sm"
+	};
+	return m === "corner" ? /* @__PURE__ */ l("div", {
+		className: e("absolute z-20 rounded-lg overflow-hidden shadow-lg bg-card border animate-in slide-in-from-right", N[m], _),
+		children: [h && /* @__PURE__ */ c("button", {
+			onClick: j,
+			className: "absolute top-2 right-2 p-1 rounded-full bg-black/50 hover:bg-black/70 transition-colors z-10",
+			children: /* @__PURE__ */ c(s, { className: "h-3 w-3 text-white" })
+		}), /* @__PURE__ */ l("button", {
+			onClick: M,
+			className: "w-full text-left",
+			children: [D?.imageUrl && /* @__PURE__ */ c("div", {
+				className: "aspect-video bg-muted",
+				children: /* @__PURE__ */ c("img", {
+					src: D.imageUrl,
+					alt: "",
+					className: "w-full h-full object-cover"
+				})
+			}), /* @__PURE__ */ l("div", {
+				className: "p-3",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-start justify-between gap-2 mb-1",
+						children: /* @__PURE__ */ c("p", {
+							className: "font-medium text-sm line-clamp-2",
+							children: D?.title
+						})
+					}),
+					D?.description && /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground line-clamp-2 mb-2",
+						children: D.description
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ c(n, {
+							size: "sm",
+							sponsor: D?.sponsor,
+							showIcon: !1
+						}), D?.cta && /* @__PURE__ */ l("span", {
+							className: "text-xs text-primary font-medium flex items-center gap-1",
+							children: [D.cta, /* @__PURE__ */ c(o, { className: "h-3 w-3" })]
+						})]
+					})
+				]
+			})]
+		})]
+	}) : /* @__PURE__ */ c("div", {
+		className: e("absolute z-20 bg-gradient-to-t from-black/80 to-black/50 backdrop-blur-sm", m === "top" && "bg-gradient-to-b", N[m], _),
+		children: /* @__PURE__ */ l("div", {
+			className: "flex items-center gap-4 p-3",
+			children: [
+				D?.imageUrl && /* @__PURE__ */ c("button", {
+					onClick: M,
+					className: "flex-shrink-0",
+					children: /* @__PURE__ */ c("img", {
+						src: D.imageUrl,
+						alt: "",
+						className: "w-16 h-16 rounded object-cover"
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2 mb-0.5",
+						children: /* @__PURE__ */ c(n, {
+							variant: "dark",
+							size: "sm",
+							showIcon: !1
+						})
+					}), /* @__PURE__ */ l("button", {
+						onClick: M,
+						className: "text-left",
+						children: [/* @__PURE__ */ c("p", {
+							className: "font-medium text-white text-sm line-clamp-1",
+							children: D?.title
+						}), D?.description && /* @__PURE__ */ c("p", {
+							className: "text-xs text-white/70 line-clamp-1",
+							children: D.description
+						})]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2 flex-shrink-0",
+					children: [D?.cta && /* @__PURE__ */ l("button", {
+						onClick: M,
+						className: "px-4 py-2 bg-primary text-primary-foreground rounded text-sm font-medium hover:bg-primary/90 transition-colors flex items-center gap-1",
+						children: [D.cta, /* @__PURE__ */ c(o, { className: "h-3 w-3" })]
+					}), h && /* @__PURE__ */ c("button", {
+						onClick: j,
+						className: "p-1.5 rounded-full hover:bg-white/20 transition-colors",
+						children: /* @__PURE__ */ c(s, { className: "h-4 w-4 text-white" })
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { u as WakaVideoOverlay, u as default };

package/dist/components/waka-virtual-list/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime");function i(e,t,r,i,a){return n.useMemo(()=>{let n=typeof t==`number`,o=0,s=[];for(let r=0;r<e.length;r++){s.push(o);let i=n?t:t(e[r],r);o+=i}let c=0,l=e.length-1;if(n)c=Math.floor(i/t),l=Math.min(e.length-1,Math.ceil((i+r)/t));else{let a=0,o=e.length-1;for(;a<=o;){let e=Math.floor((a+o)/2);s[e]<i?a=e+1:o=e-1}c=Math.max(0,o);for(let a=c;a<e.length;a++)if(s[a]+(n?t:t(e[a],a))>i+r){l=a;break}}c=Math.max(0,c-a),l=Math.min(e.length-1,l+a);let u=[];for(let r=c;r<=l;r++){let i=n?t:t(e[r],r);u.push({item:e[r],index:r,style:{position:`absolute`,top:s[r],left:0,right:0,height:i}})}return{totalHeight:o,visibleItems:u,startIndex:c,endIndex:l}},[e,t,r,i,a])}function a({items:e,itemHeight:a,height:o,width:s=`100%`,overscan:c=3,renderItem:l,onScroll:u,onEndReached:d,endReachedThreshold:f=200,isLoading:p=!1,loadingElement:m,emptyElement:h,className:g,innerClassName:_,scrollRef:v}){let y=n.useRef(null),b=v||y,[x,S]=n.useState(0),C=n.useRef(!1),{totalHeight:w,visibleItems:T}=i(e,a,o,x,c),E=e=>{let t=e.currentTarget,n=t.scrollTop;if(S(n),u?.(n),d){let e=t.scrollHeight-t.scrollTop-t.clientHeight;e<f&&!C.current?(C.current=!0,d()):e>=f&&(C.current=!1)}},D=n.useCallback(e=>{b.current&&(b.current.scrollTop=e)},[b]);return n.useCallback((t,n=`start`)=>{let r=typeof a==`number`,i=0;if(r)i=t*a;else for(let n=0;n<t&&n<e.length;n++)i+=a(e[n],n);let s=r?a:a(e[t],t);n===`center`?i-=(o-s)/2:n===`end`&&(i-=o-s),D(Math.max(0,i))},[e,a,o,D]),e.length===0&&!p?(0,r.jsx)(`div`,{className:t.cn(`flex items-center justify-center text-muted-foreground`,g),style:{height:o,width:s},children:h||`Aucun élément`}):(0,r.jsx)(`div`,{ref:b,className:t.cn(`overflow-auto`,g),style:{height:o,width:s},onScroll:E,children:(0,r.jsxs)(`div`,{className:t.cn(`relative`,_),style:{height:w+(p?50:0)},children:[T.map(({item:e,index:t,style:i})=>(0,r.jsx)(n.Fragment,{children:l(e,t,i)},t)),p&&(0,r.jsx)(`div`,{className:`absolute left-0 right-0 flex items-center justify-center py-4`,style:{top:w},children:m||(0,r.jsx)(`div`,{className:`text-muted-foreground text-sm`,children:`Chargement...`})})]})})}function o(e){let{itemCount:t,itemHeight:r,containerHeight:i,overscan:a=3}=e,[o,s]=n.useState(0),c=t*r,l=Math.max(0,Math.floor(o/r)-a),u=Math.min(t-1,Math.ceil((o+i)/r)+a);return{totalHeight:c,virtualItems:n.useMemo(()=>{let e=[];for(let t=l;t<=u;t++)e.push({index:t,start:t*r,size:r});return e},[l,u,r]),startIndex:l,endIndex:u,handleScroll:e=>{s(e.currentTarget.scrollTop)},scrollToIndex:e=>{s(e*r)},scrollTop:o}}exports.WakaVirtualList=a,exports.default=a,exports.useVirtualList=o;

package/dist/components/waka-virtual-list/index.es.js

@@ -0,0 +1,138 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/waka-virtual-list/index.tsx
+function i(e, n, r, i, a) {
+	return t.useMemo(() => {
+		let t = typeof n == "number", o = 0, s = [];
+		for (let r = 0; r < e.length; r++) {
+			s.push(o);
+			let i = t ? n : n(e[r], r);
+			o += i;
+		}
+		let c = 0, l = e.length - 1;
+		if (t) c = Math.floor(i / n), l = Math.min(e.length - 1, Math.ceil((i + r) / n));
+		else {
+			let a = 0, o = e.length - 1;
+			for (; a <= o;) {
+				let e = Math.floor((a + o) / 2);
+				s[e] < i ? a = e + 1 : o = e - 1;
+			}
+			c = Math.max(0, o);
+			for (let a = c; a < e.length; a++) if (s[a] + (t ? n : n(e[a], a)) > i + r) {
+				l = a;
+				break;
+			}
+		}
+		c = Math.max(0, c - a), l = Math.min(e.length - 1, l + a);
+		let u = [];
+		for (let r = c; r <= l; r++) {
+			let i = t ? n : n(e[r], r);
+			u.push({
+				item: e[r],
+				index: r,
+				style: {
+					position: "absolute",
+					top: s[r],
+					left: 0,
+					right: 0,
+					height: i
+				}
+			});
+		}
+		return {
+			totalHeight: o,
+			visibleItems: u,
+			startIndex: c,
+			endIndex: l
+		};
+	}, [
+		e,
+		n,
+		r,
+		i,
+		a
+	]);
+}
+function a({ items: a, itemHeight: o, height: s, width: c = "100%", overscan: l = 3, renderItem: u, onScroll: d, onEndReached: f, endReachedThreshold: p = 200, isLoading: m = !1, loadingElement: h, emptyElement: g, className: _, innerClassName: v, scrollRef: y }) {
+	let b = t.useRef(null), x = y || b, [S, C] = t.useState(0), w = t.useRef(!1), { totalHeight: T, visibleItems: E } = i(a, o, s, S, l), D = (e) => {
+		let t = e.currentTarget, n = t.scrollTop;
+		if (C(n), d?.(n), f) {
+			let e = t.scrollHeight - t.scrollTop - t.clientHeight;
+			e < p && !w.current ? (w.current = !0, f()) : e >= p && (w.current = !1);
+		}
+	}, O = t.useCallback((e) => {
+		x.current && (x.current.scrollTop = e);
+	}, [x]);
+	return t.useCallback((e, t = "start") => {
+		let n = typeof o == "number", r = 0;
+		if (n) r = e * o;
+		else for (let t = 0; t < e && t < a.length; t++) r += o(a[t], t);
+		let i = n ? o : o(a[e], e);
+		t === "center" ? r -= (s - i) / 2 : t === "end" && (r -= s - i), O(Math.max(0, r));
+	}, [
+		a,
+		o,
+		s,
+		O
+	]), a.length === 0 && !m ? /* @__PURE__ */ n("div", {
+		className: e("flex items-center justify-center text-muted-foreground", _),
+		style: {
+			height: s,
+			width: c
+		},
+		children: g || "Aucun élément"
+	}) : /* @__PURE__ */ n("div", {
+		ref: x,
+		className: e("overflow-auto", _),
+		style: {
+			height: s,
+			width: c
+		},
+		onScroll: D,
+		children: /* @__PURE__ */ r("div", {
+			className: e("relative", v),
+			style: { height: T + (m ? 50 : 0) },
+			children: [E.map(({ item: e, index: r, style: i }) => /* @__PURE__ */ n(t.Fragment, { children: u(e, r, i) }, r)), m && /* @__PURE__ */ n("div", {
+				className: "absolute left-0 right-0 flex items-center justify-center py-4",
+				style: { top: T },
+				children: h || /* @__PURE__ */ n("div", {
+					className: "text-muted-foreground text-sm",
+					children: "Chargement..."
+				})
+			})]
+		})
+	});
+}
+function o(e) {
+	let { itemCount: n, itemHeight: r, containerHeight: i, overscan: a = 3 } = e, [o, s] = t.useState(0), c = n * r, l = Math.max(0, Math.floor(o / r) - a), u = Math.min(n - 1, Math.ceil((o + i) / r) + a);
+	return {
+		totalHeight: c,
+		virtualItems: t.useMemo(() => {
+			let e = [];
+			for (let t = l; t <= u; t++) e.push({
+				index: t,
+				start: t * r,
+				size: r
+			});
+			return e;
+		}, [
+			l,
+			u,
+			r
+		]),
+		startIndex: l,
+		endIndex: u,
+		handleScroll: (e) => {
+			s(e.currentTarget.scrollTop);
+		},
+		scrollToIndex: (e) => {
+			s(e * r);
+		},
+		scrollTop: o
+	};
+}
+//#endregion
+export { a as WakaVirtualList, a as default, o as useVirtualList };

package/dist/components/waka-voice-message/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e){return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}function o(e){return Array.from({length:e},()=>Math.random()*.6+.2)}function s(e={}){let{src:t,defaultSpeed:r=1,waveformBars:i=40,maxRecordingDuration:o=0,onError:s}=e,c=n.useRef(null),l=n.useRef(null),u=n.useRef(null),d=n.useRef(null),f=n.useRef(null),p=n.useRef(null),m=n.useRef(null),h=n.useRef([]),[g,_]=n.useState(!1),[v,y]=n.useState(0),[b,x]=n.useState(0),[S,C]=n.useState(r),[w,T]=n.useState(null),[E,D]=n.useState(!1),[O,k]=n.useState(0),[A,j]=n.useState(null),[M,N]=n.useState(()=>Array(i).fill(.1));n.useEffect(()=>{if(!t){T(null);return}if(typeof t==`string`)T(t);else{let e=URL.createObjectURL(t);return T(e),()=>URL.revokeObjectURL(e)}},[t]),n.useEffect(()=>{if(!w)return;let e=new Audio(w);return c.current=e,e.addEventListener(`loadedmetadata`,()=>{x(e.duration)}),e.addEventListener(`timeupdate`,()=>{y(e.currentTime)}),e.addEventListener(`ended`,()=>{_(!1),y(0)}),e.addEventListener(`play`,()=>_(!0)),e.addEventListener(`pause`,()=>_(!1)),()=>{e.pause(),e.src=``}},[w]),n.useEffect(()=>{c.current&&(c.current.playbackRate=S)},[S]),n.useEffect(()=>{E&&o>0&&O>=o&&B()},[E,O,o]),n.useEffect(()=>()=>{p.current&&cancelAnimationFrame(p.current),m.current&&clearInterval(m.current),u.current&&u.current.getTracks().forEach(e=>e.stop()),f.current&&f.current.close()},[]);let P=n.useCallback(()=>{c.current?.play().catch(e=>{s?.(e)})},[s]),F=n.useCallback(()=>{c.current?.pause()},[]),I=n.useCallback(()=>{g?F():P()},[g,P,F]),L=n.useCallback(e=>{c.current&&(c.current.currentTime=Math.max(0,Math.min(e,c.current.duration||0)),y(c.current.currentTime))},[]),R=n.useCallback(e=>{C(e)},[]),z=n.useCallback(async()=>{try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});u.current=e;let t=new AudioContext;f.current=t;let n=t.createAnalyser();d.current=n,n.fftSize=256,t.createMediaStreamSource(e).connect(n);let r=new MediaRecorder(e);l.current=r,h.current=[],r.ondataavailable=e=>{e.data.size>0&&h.current.push(e.data)},r.onstop=()=>{let e=new Blob(h.current,{type:`audio/webm`});j(e)},r.start(100),D(!0),k(0),m.current=setInterval(()=>{k(e=>e+.1)},100);let a=()=>{if(!d.current||!E)return;let e=new Uint8Array(d.current.frequencyBinCount);d.current.getByteFrequencyData(e);let t=Math.floor(e.length/i),n=Array.from({length:i},(n,r)=>{let i=e[r*t]/255;return Math.max(.1,i)});N(n),p.current=requestAnimationFrame(a)};p.current=requestAnimationFrame(a)}catch(e){s?.(e instanceof Error?e:Error(`Failed to start recording`))}},[i,s]),B=n.useCallback(()=>{l.current&&E&&l.current.stop(),u.current&&u.current.getTracks().forEach(e=>e.stop()),p.current&&cancelAnimationFrame(p.current),m.current&&clearInterval(m.current),f.current&&f.current.close(),D(!1),N(Array(i).fill(.1))},[E,i]);return{isPlaying:g,currentTime:v,duration:b,playbackSpeed:S,audioUrl:w,isRecording:E,recordingDuration:O,recordedBlob:A,liveWaveform:M,play:P,pause:F,togglePlay:I,seek:L,setSpeed:R,startRecording:z,stopRecording:B,cancelRecording:n.useCallback(()=>{B(),j(null),k(0),h.current=[]},[B]),progress:b>0?v/b*100:0,formattedCurrentTime:a(v),formattedDuration:a(b),formattedRecordingDuration:a(O)}}var c=n.memo(function({data:e,progress:r=0,bars:a=40,className:s,onClick:c}){let l=n.useRef(null),u=e||o(a);return(0,i.jsx)(`div`,{ref:l,className:t.cn(`flex items-center gap-[2px] h-8 cursor-pointer select-none`,s),onClick:e=>{if(!c||!l.current)return;let t=l.current.getBoundingClientRect(),n=(e.clientX-t.left)/t.width*100;c(Math.max(0,Math.min(100,n)))},children:u.slice(0,a).map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`flex-1 rounded-full transition-colors duration-150`,n/a*100<=r?`bg-primary`:`bg-muted-foreground/30`),style:{height:`${Math.max(10,e*100)}%`,minWidth:`2px`}},n))})}),l=n.memo(function({speed:e,speeds:n,onSpeedChange:r,disabled:a,size:o}){return(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{r(n[(n.indexOf(e)+1)%n.length])},disabled:a,className:t.cn(`flex items-center justify-center font-medium rounded transition-colors`,`hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,o===`sm`&&`text-xs px-1.5 py-0.5 min-w-[32px]`,o===`md`&&`text-sm px-2 py-1 min-w-[40px]`,o===`lg`&&`text-base px-2.5 py-1.5 min-w-[48px]`),children:[e,`x`]})}),u=n.memo(function({size:e}){return(0,i.jsx)(`span`,{className:t.cn(`absolute rounded-full bg-red-500 animate-ping`,e===`sm`&&`w-2 h-2`,e===`md`&&`w-2.5 h-2.5`,e===`lg`&&`w-3 h-3`)})});function d({mode:e=`player`,src:o,waveform:d,waveformBars:f=40,defaultSpeed:p=1,speeds:m=[.5,1,1.5,2],showDownload:h=!1,showDelete:g=!1,showSend:_=!0,showCancel:v=!0,showSpeedControl:y=!0,maxRecordingDuration:b=0,variant:x=`default`,size:S=`md`,disabled:C=!1,className:w,waveformClassName:T,controlsClassName:E,onPlay:D,onPause:O,onEnded:k,onTimeUpdate:A,onSeek:j,onSpeedChange:M,onDownload:N,onDelete:P,onRecordingStart:F,onRecordingStop:I,onRecordingCancel:L,onSend:R,onError:z}){let{isPlaying:B,currentTime:V,duration:H,playbackSpeed:U,isRecording:W,recordingDuration:G,recordedBlob:K,liveWaveform:q,togglePlay:J,seek:ee,setSpeed:te,startRecording:ne,stopRecording:re,cancelRecording:ie,progress:Y,formattedCurrentTime:ae,formattedDuration:oe,formattedRecordingDuration:se}=s({src:o,defaultSpeed:p,waveformBars:f,maxRecordingDuration:b,onError:z});n.useEffect(()=>{B?D?.():O?.()},[B,D,O]),n.useEffect(()=>{A?.(V)},[V,A]),n.useEffect(()=>{V>0&&V>=H&&k?.()},[V,H,k]);let X=e=>{let t=e/100*H;ee(t),j?.(t)},ce=e=>{te(e),M?.(e)},le=async()=>{await ne(),F?.()},ue=()=>{re()};n.useEffect(()=>{K&&!W&&G>0&&I?.({src:K,duration:G,waveform:q})},[K,W,G,q,I]);let Z=()=>{ie(),L?.()},de=()=>{K&&R?.({src:K,duration:G,waveform:q})},fe=()=>{N?.()},pe=()=>{P?.()},Q={sm:{container:`p-2 gap-2`,button:`h-7 w-7`,icon:`h-3.5 w-3.5`,text:`text-xs`,waveform:`h-6`},md:{container:`p-3 gap-3`,button:`h-9 w-9`,icon:`h-4 w-4`,text:`text-sm`,waveform:`h-8`},lg:{container:`p-4 gap-4`,button:`h-11 w-11`,icon:`h-5 w-5`,text:`text-base`,waveform:`h-10`}}[S],$={default:`bg-background border border-border rounded-lg`,bubble:`bg-muted rounded-2xl`,"bubble-sent":`bg-primary text-primary-foreground rounded-2xl rounded-br-sm`,"bubble-received":`bg-muted rounded-2xl rounded-bl-sm`};return e===`player`?(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,$[x],Q.container,C&&`opacity-50 pointer-events-none`,w),children:[(0,i.jsx)(`button`,{type:`button`,onClick:J,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:B?(0,i.jsx)(r.Pause,{className:Q.icon}):(0,i.jsx)(r.Play,{className:t.cn(Q.icon,`ml-0.5`)})}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:d,progress:Y,bars:f,className:t.cn(Q.waveform,T),onClick:X})}),(0,i.jsxs)(`div`,{className:t.cn(`shrink-0 tabular-nums`,Q.text),children:[(0,i.jsx)(`span`,{children:ae}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:` / `}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:oe})]}),y&&(0,i.jsx)(l,{speed:U,speeds:m,onSpeedChange:ce,disabled:C,size:S}),h&&(0,i.jsx)(`button`,{type:`button`,onClick:fe,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Download,{className:Q.icon})}),g&&(0,i.jsx)(`button`,{type:`button`,onClick:pe,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-destructive hover:bg-destructive/10 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Trash2,{className:Q.icon})})]}):(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,$[x],Q.container,C&&`opacity-50 pointer-events-none`,w),children:[!W&&!K&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:le,disabled:C,className:t.cn(`relative flex items-center justify-center rounded-full shrink-0`,`bg-red-500 text-white`,`hover:bg-red-600 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:(0,i.jsx)(r.Mic,{className:Q.icon})}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,Q.text),children:`Tap to record`})]}),W&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`button`,{type:`button`,onClick:ue,disabled:C,className:t.cn(`relative flex items-center justify-center rounded-full shrink-0`,`bg-red-500 text-white`,`hover:bg-red-600 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:[(0,i.jsx)(u,{size:S}),(0,i.jsx)(r.Square,{className:t.cn(Q.icon,`relative z-10`)})]}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:q,progress:100,bars:f,className:t.cn(Q.waveform,T)})}),(0,i.jsxs)(`div`,{className:t.cn(`shrink-0 tabular-nums text-red-500`,Q.text),children:[se,b>0&&(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[` `,`/ `,a(b)]})]}),v&&(0,i.jsx)(`button`,{type:`button`,onClick:Z,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-muted-foreground hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.X,{className:Q.icon})})]}),!W&&K&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:J,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:B?(0,i.jsx)(r.Pause,{className:Q.icon}):(0,i.jsx)(r.Play,{className:t.cn(Q.icon,`ml-0.5`)})}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:q,progress:Y,bars:f,className:t.cn(Q.waveform,T),onClick:X})}),(0,i.jsx)(`div`,{className:t.cn(`shrink-0 tabular-nums`,Q.text),children:a(G)}),v&&(0,i.jsx)(`button`,{type:`button`,onClick:Z,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-destructive hover:bg-destructive/10 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Trash2,{className:Q.icon})}),_&&(0,i.jsx)(`button`,{type:`button`,onClick:de,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:(0,i.jsx)(r.Send,{className:Q.icon})})]})]})}exports.WakaVoiceMessage=d,exports.default=d,exports.useVoiceMessage=s;