@wexio/messenger-widget-react 1.0.0

package/dist/widget-react-CUuKGDZN.js

@@ -0,0 +1,355 @@
+import "react";
+import "react-dom";
+import "react/jsx-runtime";
+import "react-dom/client";
+import { i as e, n as t } from "./widget-react-BxvW64LH.js";
+import { t as n } from "./widget-react-CUBFPjaV.js";
+import { n as r, r as i, t as a } from "./widget-react-DOX6j7_Q.js";
+import { t as o } from "./widget-react-CZs0xRrr.js";
+import { memo as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region node_modules/@wavesurfer/react/dist/index.js
+function m(e, t) {
+	var n = {};
+	for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && typeof Object.getOwnPropertySymbols == "function") {
+		var i = 0;
+		for (r = Object.getOwnPropertySymbols(e); i < r.length; i++) t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
+	}
+	return n;
+}
+function h(e, t) {
+	let [n, r] = d(null), i = l((() => m(t, ["plugins"])), [t]), a = l((() => Object.entries(i).flat()), [i]);
+	return c((() => {
+		if (!e?.current) return;
+		let n = o.create(Object.assign(Object.assign({}, i), {
+			plugins: t.plugins,
+			container: e.current
+		}));
+		return r(n), () => {
+			n.destroy();
+		};
+	}), [
+		e,
+		t.plugins,
+		...a
+	]), n;
+}
+var g = /^on([A-Z])/, _ = (e) => g.test(e);
+function v(e, t) {
+	c((() => {
+		if (!e) return;
+		let n = Object.entries(t);
+		if (!n.length) return;
+		let r = n.map((([t, n]) => {
+			let r = t.replace(g, ((e, t) => t.toLowerCase()));
+			return e.on(r, ((...t) => n(e, ...t)));
+		}));
+		return () => {
+			r.forEach(((e) => e()));
+		};
+	}), [e, ...l((() => Object.entries(t).flat()), [t])]);
+}
+s(((e) => {
+	let t = u(null), [n, r] = function(e) {
+		return l((() => {
+			let t = Object.assign({}, e), n = Object.assign({}, e);
+			for (let e in t) _(e) ? delete t[e] : delete n[e];
+			return [t, n];
+		}), [e]);
+	}(e);
+	return v(h(t, n), r), f("div", { ref: t });
+}));
+function y(e) {
+	var { container: t } = e;
+	let n = h(t, m(e, ["container"])), r = function(e) {
+		let [t, n] = d(!1), [r, i] = d(!1), [a, o] = d(!1), [s, u] = d(0);
+		return c((() => {
+			if (!e) return;
+			let t = [
+				e.on("load", (() => {
+					n(!1), i(!1), u(0);
+				})),
+				e.on("ready", (() => {
+					n(!0), i(!1), o(!1), u(0);
+				})),
+				e.on("finish", (() => {
+					o(!0);
+				})),
+				e.on("play", (() => {
+					i(!0);
+				})),
+				e.on("pause", (() => {
+					i(!1);
+				})),
+				e.on("timeupdate", (() => {
+					u(e.getCurrentTime());
+				})),
+				e.on("destroy", (() => {
+					n(!1), i(!1);
+				}))
+			];
+			return () => {
+				t.forEach(((e) => e()));
+			};
+		}), [e]), l((() => ({
+			isReady: t,
+			isPlaying: r,
+			hasFinished: a,
+			currentTime: s
+		})), [
+			r,
+			a,
+			s,
+			t
+		]);
+	}(n);
+	return l((() => Object.assign(Object.assign({}, r), { wavesurfer: n })), [r, n]);
+}
+//#endregion
+//#region node_modules/wavesurfer.js/dist/plugins/hover.esm.js
+var b = class {
+	constructor() {
+		this.listeners = {};
+	}
+	on(e, t, n) {
+		if (this.listeners[e] || (this.listeners[e] = /* @__PURE__ */ new Set()), n?.once) {
+			let n = (...r) => {
+				this.un(e, n), t(...r);
+			};
+			return this.listeners[e].add(n), () => this.un(e, n);
+		}
+		return this.listeners[e].add(t), () => this.un(e, t);
+	}
+	un(e, t) {
+		var n;
+		(n = this.listeners[e]) == null || n.delete(t);
+	}
+	once(e, t) {
+		return this.on(e, t, { once: !0 });
+	}
+	unAll() {
+		this.listeners = {};
+	}
+	emit(e, ...t) {
+		this.listeners[e] && this.listeners[e].forEach(((e) => e(...t)));
+	}
+}, x = class extends b {
+	constructor(e) {
+		super(), this.subscriptions = [], this.isDestroyed = !1, this.options = e;
+	}
+	onInit() {}
+	_init(e) {
+		this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = e, this.onInit();
+	}
+	destroy() {
+		this.emit("destroy"), this.subscriptions.forEach(((e) => e())), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+	}
+};
+function S(e, t) {
+	let n = t.xmlns ? document.createElementNS(t.xmlns, e) : document.createElement(e);
+	for (let [e, r] of Object.entries(t)) if (e === "children" && r) for (let [e, t] of Object.entries(r)) t instanceof Node ? n.appendChild(t) : typeof t == "string" ? n.appendChild(document.createTextNode(t)) : n.appendChild(S(e, t));
+	else e === "style" ? Object.assign(n.style, r) : e === "textContent" ? n.textContent = r : n.setAttribute(e, r.toString());
+	return n;
+}
+function C(e, t, n) {
+	let r = S(e, t || {});
+	return n?.appendChild(r), r;
+}
+function w(e, t) {
+	let n, r = () => {
+		n && (n(), n = void 0), n = e();
+	}, i = t.map(((e) => e.subscribe(r)));
+	return r(), () => {
+		n && (n(), n = void 0), i.forEach(((e) => e()));
+	};
+}
+function T(e, t) {
+	let n = function(e) {
+		let t = e, n = /* @__PURE__ */ new Set();
+		return {
+			get value() {
+				return t;
+			},
+			set(e) {
+				Object.is(t, e) || (t = e, n.forEach(((e) => e(t))));
+			},
+			update(e) {
+				this.set(e(t));
+			},
+			subscribe: (e) => (n.add(e), () => n.delete(e))
+		};
+	}(null), r = (e) => {
+		n.set(e);
+	};
+	return e.addEventListener(t, r), n._cleanup = () => {
+		e.removeEventListener(t, r);
+	}, n;
+}
+var E = {
+	lineWidth: 1,
+	labelSize: 11,
+	labelPreferLeft: !1,
+	formatTimeCallback: (e) => `${Math.floor(e / 60)}:${`0${Math.floor(e) % 60}`.slice(-2)}`
+}, D = class e extends x {
+	constructor(e) {
+		super(e || {}), this.lastPointerPosition = null, this.options = Object.assign({}, E, e), this.wrapper = C("div", { part: "hover" }), this.label = C("span", { part: "hover-label" }, this.wrapper);
+	}
+	static create(t) {
+		return new e(t);
+	}
+	addUnits(e) {
+		return `${e}${typeof e == "number" ? "px" : ""}`;
+	}
+	onInit() {
+		if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+		let e = this.wavesurfer.options, t = this.options.lineColor || e.cursorColor || e.progressColor;
+		Object.assign(this.wrapper.style, {
+			position: "absolute",
+			zIndex: 10,
+			left: 0,
+			top: 0,
+			height: "100%",
+			pointerEvents: "none",
+			borderLeft: `${this.addUnits(this.options.lineWidth)} solid ${t}`,
+			opacity: "0",
+			transition: "opacity .1s ease-in"
+		}), Object.assign(this.label.style, {
+			display: "block",
+			backgroundColor: this.options.labelBackground,
+			color: this.options.labelColor,
+			fontSize: `${this.addUnits(this.options.labelSize)}`,
+			transition: "transform .1s ease-in",
+			padding: "2px 3px"
+		});
+		let n = this.wavesurfer.getWrapper();
+		n.appendChild(this.wrapper);
+		let r = this.wavesurfer.getState(), i = T(n, "pointermove"), a = T(n, "pointerleave");
+		this.subscriptions.push(w((() => {
+			let e = i.value;
+			if (!e || !this.wavesurfer) return;
+			this.lastPointerPosition = {
+				clientX: e.clientX,
+				clientY: e.clientY
+			};
+			let t = this.wavesurfer.getWrapper().getBoundingClientRect(), { width: n } = t, a = e.clientX - t.left, o = Math.min(1, Math.max(0, a / n)), s = Math.min(n - this.options.lineWidth - 1, a);
+			this.wrapper.style.transform = `translateX(${s}px)`, this.wrapper.style.opacity = "1";
+			let c = r.duration.value;
+			this.label.textContent = this.options.formatTimeCallback(c * o);
+			let l = this.label.offsetWidth, u = this.options.labelPreferLeft ? s - l > 0 : s + l > n;
+			this.label.style.transform = u ? `translateX(-${l + this.options.lineWidth}px)` : "", this.emit("hover", o);
+		}), [i, r.duration])), this.subscriptions.push(w((() => {
+			a.value && (this.wrapper.style.opacity = "0", this.lastPointerPosition = null, this.wrapper.style.transform = "");
+		}), [a]));
+		let o = () => {
+			if (this.lastPointerPosition && this.wavesurfer) {
+				let e = this.wavesurfer.getWrapper().getBoundingClientRect(), { width: t } = e, n = this.lastPointerPosition.clientX - e.left, i = Math.min(1, Math.max(0, n / t)), a = Math.min(t - this.options.lineWidth - 1, n);
+				this.wrapper.style.transform = `translateX(${a}px)`;
+				let o = r.duration.value;
+				this.label.textContent = this.options.formatTimeCallback(o * i);
+				let s = this.label.offsetWidth, c = this.options.labelPreferLeft ? a - s > 0 : a + s > t;
+				this.label.style.transform = c ? `translateX(-${s + this.options.lineWidth}px)` : "";
+			}
+		};
+		this.subscriptions.push(this.wavesurfer.on("zoom", o)), this.subscriptions.push(this.wavesurfer.on("scroll", o));
+	}
+	destroy() {
+		super.destroy(), this.wrapper.remove();
+	}
+};
+//#endregion
+//#region components/widget/tabs/messages-tab/message/audio-bubble-player.tsx
+function O({ src: o, onDark: s = !1 }) {
+	let m = e("messages"), h = u(null), [g, _] = d(null), [v, b] = d(!1);
+	c(() => {
+		let e = h.current;
+		if (!e) return;
+		let t = getComputedStyle(e), n = t.getPropertyValue("--wx-primary").trim() || "#121314", r = t.getPropertyValue("--wx-primary-fg").trim() || "#ffffff", i = t.getPropertyValue("--wx-fg-muted").trim() || "#6b7280";
+		_(s ? {
+			wave: A(r, .35),
+			progress: r,
+			hoverLine: r
+		} : {
+			wave: i,
+			progress: n,
+			hoverLine: n
+		});
+	}, [s]);
+	let x = l(() => g ? [D.create({
+		lineColor: g.hoverLine,
+		lineWidth: 1,
+		labelBackground: g.hoverLine,
+		labelColor: s ? "#121314" : "#ffffff",
+		labelSize: "10px"
+	})] : [], [g, s]), S = l(() => ({ credentials: "omit" }), []), { wavesurfer: C, isReady: w, isPlaying: T, currentTime: E } = y({
+		container: h,
+		url: g && !v ? o : void 0,
+		waveColor: g?.wave,
+		progressColor: g?.progress,
+		cursorColor: g?.progress,
+		barWidth: 2,
+		barRadius: 2,
+		cursorWidth: 1,
+		height: 24,
+		hideScrollbar: !0,
+		plugins: x,
+		fetchParams: S
+	});
+	return c(() => {
+		if (!C) return;
+		let e = () => b(!0);
+		return C.on("error", e), () => {
+			C.un("error", e);
+		};
+	}, [C]), v ? /* @__PURE__ */ p("a", {
+		href: o,
+		target: "_blank",
+		rel: "noopener",
+		className: t("inline-flex w-60 max-w-full items-center gap-2 rounded-wx-sm px-3 py-2 text-xs font-medium", s ? "bg-wx-primary-fg/10 text-wx-primary-fg hover:bg-wx-primary-fg/20" : "bg-wx-bg/60 text-wx-fg hover:bg-wx-bg"),
+		children: [/* @__PURE__ */ f(n, {
+			size: 12,
+			className: "shrink-0"
+		}), /* @__PURE__ */ f("span", {
+			className: "truncate",
+			children: m("openAudio")
+		})]
+	}) : /* @__PURE__ */ p("div", {
+		className: "flex w-60 max-w-full min-w-0 items-center gap-3",
+		children: [
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => {
+					C?.playPause();
+				},
+				"aria-label": m(T ? "pauseAudio" : "playAudio"),
+				className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-opacity", s ? "bg-wx-primary-fg text-wx-primary hover:opacity-90" : "bg-wx-primary text-wx-primary-fg hover:bg-wx-primary-hover"),
+				children: w ? T ? /* @__PURE__ */ f(r, { size: 12 }) : /* @__PURE__ */ f(a, {
+					size: 12,
+					className: "translate-x-[1px]"
+				}) : /* @__PURE__ */ f(i, {
+					size: 12,
+					className: "animate-spin"
+				})
+			}),
+			/* @__PURE__ */ f("div", {
+				ref: h,
+				className: "min-w-0 flex-1"
+			}),
+			/* @__PURE__ */ f("span", {
+				className: t("shrink-0 font-mono text-[10px] tabular-nums", s ? "text-wx-primary-fg/70" : "text-wx-fg-subtle"),
+				children: w ? k(E) : "0:00"
+			})
+		]
+	});
+}
+function k(e) {
+	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
+}
+function A(e, t) {
+	let n = e.replace("#", "");
+	return n.length === 6 ? `rgba(${parseInt(n.substring(0, 2), 16)}, ${parseInt(n.substring(2, 4), 16)}, ${parseInt(n.substring(4, 6), 16)}, ${t})` : e;
+}
+//#endregion
+export { O as AudioBubblePlayer };
+
+//# sourceMappingURL=widget-react-CUuKGDZN.js.map

package/dist/widget-react-CUuKGDZN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-react-CUuKGDZN.js","names":["i","r","o","s","c","a","t","e","n"],"sources":["../node_modules/@wavesurfer/react/dist/index.js","../node_modules/wavesurfer.js/dist/plugins/hover.esm.js","../components/widget/tabs/messages-tab/message/audio-bubble-player.tsx"],"sourcesContent":["import{jsx as n}from\"react/jsx-runtime\";import{memo as t,useRef as e,useState as r,useMemo as o,useEffect as s}from\"react\";import c from\"wavesurfer.js\";\n/*! *****************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */function i(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&\"function\"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(n);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(e[r[o]]=n[r[o]])}return e}function u(n,t){const[e,u]=r(null),a=o((()=>i(t,[\"plugins\"])),[t]),f=o((()=>Object.entries(a).flat()),[a]);return s((()=>{if(!(null==n?void 0:n.current))return;const e=c.create(Object.assign(Object.assign({},a),{plugins:t.plugins,container:n.current}));return u(e),()=>{e.destroy()}}),[n,t.plugins,...f]),e}const a=/^on([A-Z])/,f=n=>a.test(n);function l(n,t){const e=o((()=>Object.entries(t).flat()),[t]);s((()=>{if(!n)return;const e=Object.entries(t);if(!e.length)return;const r=e.map((([t,e])=>{const r=t.replace(a,((n,t)=>t.toLowerCase()));return n.on(r,((...t)=>e(n,...t)))}));return()=>{r.forEach((n=>n()))}}),[n,...e])}const p=t((t=>{const r=e(null),[s,c]=function(n){return o((()=>{const t=Object.assign({},n),e=Object.assign({},n);for(const n in t)f(n)?delete t[n]:delete e[n];return[t,e]}),[n])}(t);return l(u(r,s),c),n(\"div\",{ref:r})}));function O(n){var{container:t}=n;const e=u(t,i(n,[\"container\"])),c=function(n){const[t,e]=r(!1),[c,i]=r(!1),[u,a]=r(!1),[f,l]=r(0);return s((()=>{if(!n)return;const t=[n.on(\"load\",(()=>{e(!1),i(!1),l(0)})),n.on(\"ready\",(()=>{e(!0),i(!1),a(!1),l(0)})),n.on(\"finish\",(()=>{a(!0)})),n.on(\"play\",(()=>{i(!0)})),n.on(\"pause\",(()=>{i(!1)})),n.on(\"timeupdate\",(()=>{l(n.getCurrentTime())})),n.on(\"destroy\",(()=>{e(!1),i(!1)}))];return()=>{t.forEach((n=>n()))}}),[n]),o((()=>({isReady:t,isPlaying:c,hasFinished:u,currentTime:f})),[c,u,f,t])}(e);return o((()=>Object.assign(Object.assign({},c),{wavesurfer:e})),[c,e])}export{p as default,O as useWavesurfer};\n","class t{constructor(){this.listeners={}}on(t,e,s){if(this.listeners[t]||(this.listeners[t]=new Set),null==s?void 0:s.once){const s=(...i)=>{this.un(t,s),e(...i)};return this.listeners[t].add(s),()=>this.un(t,s)}return this.listeners[t].add(e),()=>this.un(t,e)}un(t,e){var s;null===(s=this.listeners[t])||void 0===s||s.delete(e)}once(t,e){return this.on(t,e,{once:!0})}unAll(){this.listeners={}}emit(t,...e){this.listeners[t]&&this.listeners[t].forEach((t=>t(...e)))}}class e extends t{constructor(t){super(),this.subscriptions=[],this.isDestroyed=!1,this.options=t}onInit(){}_init(t){this.isDestroyed&&(this.subscriptions=[],this.isDestroyed=!1),this.wavesurfer=t,this.onInit()}destroy(){this.emit(\"destroy\"),this.subscriptions.forEach((t=>t())),this.subscriptions=[],this.isDestroyed=!0,this.wavesurfer=void 0}}function s(t,e){const i=e.xmlns?document.createElementNS(e.xmlns,t):document.createElement(t);for(const[t,n]of Object.entries(e))if(\"children\"===t&&n)for(const[t,e]of Object.entries(n))e instanceof Node?i.appendChild(e):\"string\"==typeof e?i.appendChild(document.createTextNode(e)):i.appendChild(s(t,e));else\"style\"===t?Object.assign(i.style,n):\"textContent\"===t?i.textContent=n:i.setAttribute(t,n.toString());return i}function i(t,e,i){const n=s(t,e||{});return null==i||i.appendChild(n),n}function n(t,e){let s;const i=()=>{s&&(s(),s=void 0),s=t()},n=e.map((t=>t.subscribe(i)));return i(),()=>{s&&(s(),s=void 0),n.forEach((t=>t()))}}function r(t,e){const s=function(t){let e=t;const s=new Set;return{get value(){return e},set(t){Object.is(e,t)||(e=t,s.forEach((t=>t(e))))},update(t){this.set(t(e))},subscribe:t=>(s.add(t),()=>s.delete(t))}}(null),i=t=>{s.set(t)};return t.addEventListener(e,i),s._cleanup=()=>{t.removeEventListener(e,i)},s}const o={lineWidth:1,labelSize:11,labelPreferLeft:!1,formatTimeCallback:t=>`${Math.floor(t/60)}:${`0${Math.floor(t)%60}`.slice(-2)}`};class a extends e{constructor(t){super(t||{}),this.lastPointerPosition=null,this.options=Object.assign({},o,t),this.wrapper=i(\"div\",{part:\"hover\"}),this.label=i(\"span\",{part:\"hover-label\"},this.wrapper)}static create(t){return new a(t)}addUnits(t){return`${t}${\"number\"==typeof t?\"px\":\"\"}`}onInit(){if(!this.wavesurfer)throw Error(\"WaveSurfer is not initialized\");const t=this.wavesurfer.options,e=this.options.lineColor||t.cursorColor||t.progressColor;Object.assign(this.wrapper.style,{position:\"absolute\",zIndex:10,left:0,top:0,height:\"100%\",pointerEvents:\"none\",borderLeft:`${this.addUnits(this.options.lineWidth)} solid ${e}`,opacity:\"0\",transition:\"opacity .1s ease-in\"}),Object.assign(this.label.style,{display:\"block\",backgroundColor:this.options.labelBackground,color:this.options.labelColor,fontSize:`${this.addUnits(this.options.labelSize)}`,transition:\"transform .1s ease-in\",padding:\"2px 3px\"});const s=this.wavesurfer.getWrapper();s.appendChild(this.wrapper);const i=this.wavesurfer.getState(),o=r(s,\"pointermove\"),a=r(s,\"pointerleave\");this.subscriptions.push(n((()=>{const t=o.value;if(!t||!this.wavesurfer)return;this.lastPointerPosition={clientX:t.clientX,clientY:t.clientY};const e=this.wavesurfer.getWrapper().getBoundingClientRect(),{width:s}=e,n=t.clientX-e.left,r=Math.min(1,Math.max(0,n/s)),a=Math.min(s-this.options.lineWidth-1,n);this.wrapper.style.transform=`translateX(${a}px)`,this.wrapper.style.opacity=\"1\";const l=i.duration.value;this.label.textContent=this.options.formatTimeCallback(l*r);const h=this.label.offsetWidth,p=this.options.labelPreferLeft?a-h>0:a+h>s;this.label.style.transform=p?`translateX(-${h+this.options.lineWidth}px)`:\"\",this.emit(\"hover\",r)}),[o,i.duration])),this.subscriptions.push(n((()=>{a.value&&(this.wrapper.style.opacity=\"0\",this.lastPointerPosition=null,this.wrapper.style.transform=\"\")}),[a]));const l=()=>{if(this.lastPointerPosition&&this.wavesurfer){const t=this.wavesurfer.getWrapper().getBoundingClientRect(),{width:e}=t,s=this.lastPointerPosition.clientX-t.left,n=Math.min(1,Math.max(0,s/e)),r=Math.min(e-this.options.lineWidth-1,s);this.wrapper.style.transform=`translateX(${r}px)`;const o=i.duration.value;this.label.textContent=this.options.formatTimeCallback(o*n);const a=this.label.offsetWidth,l=this.options.labelPreferLeft?r-a>0:r+a>e;this.label.style.transform=l?`translateX(-${a+this.options.lineWidth}px)`:\"\"}};this.subscriptions.push(this.wavesurfer.on(\"zoom\",l)),this.subscriptions.push(this.wavesurfer.on(\"scroll\",l))}destroy(){super.destroy(),this.wrapper.remove()}}export{a as default};\n","\"use client\";\n\nimport { useWavesurfer } from \"@wavesurfer/react\";\nimport { ExternalLink, Loader2, Pause, Play } from \"lucide-react\";\nimport { useTranslations } from \"next-intl\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport Hover from \"wavesurfer.js/dist/plugins/hover.esm.js\";\nimport { cn } from \"@/lib/utils\";\n\ninterface AudioBubblePlayerProps {\n  src: string;\n  /** When `true`, the player sits inside the visitor's own bubble\n   *  (dark surface in light theme, light in dark theme) — the\n   *  internal palette inverts to match. */\n  onDark?: boolean;\n}\n\n/**\n * Brand-themed voice-note player. Replaces the browser's native\n * `<audio controls>` with a wavesurfer.js waveform + a single\n * play/pause affordance — matches the FE app's `AudioPlayer` (its\n * pattern is the source of this port).\n *\n * **Theme adaptation**: wavesurfer renders to `<canvas>` which can't\n * resolve CSS variables — we read the relevant `--wx-*` tokens on\n * mount and pass real hex strings to wavesurfer. The `onDark` flag\n * flips the palette so the same component reads correctly on the\n * visitor's own dark bubble AND the operator's elevated bubble.\n *\n * **Hover plugin** gives visitors a thin vertical line + tooltip\n * showing the time position under the cursor — the standard\n * messenger UX for scrubbing through a voice note.\n */\nexport function AudioBubblePlayer({ src, onDark = false }: AudioBubblePlayerProps) {\n  const t = useTranslations(\"messages\");\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [colors, setColors] = useState<{\n    wave: string;\n    progress: string;\n    hoverLine: string;\n  } | null>(null);\n  const [loadError, setLoadError] = useState(false);\n\n  // Resolve theme tokens to concrete hex strings on mount — wavesurfer\n  // needs RGB/hex, not CSS-var references. Re-runs whenever `onDark`\n  // changes (defensive — the flag is stable in practice but the cost\n  // is one extra read).\n  useEffect(() => {\n    // Read the tokens off the CONTAINER, not `document.documentElement`\n    // — in the React-component embed the `--wx-*` vars live on the\n    // Shadow DOM host, never the host page's `<html>`, so reading from\n    // `documentElement` would resolve to empty and the waveform would\n    // always use the hardcoded fallbacks. The container inherits the\n    // vars in every embed mode.\n    const el = containerRef.current;\n    if (!el) return;\n    const styles = getComputedStyle(el);\n    const primary = styles.getPropertyValue(\"--wx-primary\").trim() || \"#121314\";\n    const primaryFg = styles.getPropertyValue(\"--wx-primary-fg\").trim() || \"#ffffff\";\n    const fgMuted = styles.getPropertyValue(\"--wx-fg-muted\").trim() || \"#6b7280\";\n    if (onDark) {\n      // Visitor's own bubble — wave on the bubble's own foreground\n      // colour, dimmed for the unplayed portion.\n      setColors({\n        wave: hexToRgba(primaryFg, 0.35),\n        progress: primaryFg,\n        hoverLine: primaryFg,\n      });\n    } else {\n      setColors({\n        wave: fgMuted,\n        progress: primary,\n        hoverLine: primary,\n      });\n    }\n  }, [onDark]);\n\n  const plugins = useMemo(() => {\n    if (!colors) return [];\n    return [\n      Hover.create({\n        lineColor: colors.hoverLine,\n        lineWidth: 1,\n        labelBackground: colors.hoverLine,\n        labelColor: onDark ? \"#121314\" : \"#ffffff\",\n        labelSize: \"10px\",\n      }),\n    ];\n  }, [colors, onDark]);\n\n  // Match the FE app's fetch params — `credentials: \"omit\"` so the\n  // browser doesn't attach cookies, which avoids the CORS preflight\n  // failures cookies sometimes trigger on bare-CDN sources.\n  const fetchParams = useMemo<RequestInit>(() => ({ credentials: \"omit\" }), []);\n\n  // Skip the hook entirely until the palette is resolved — otherwise\n  // wavesurfer mounts with default (visible) blue colours for a\n  // frame before we swap them in. Also skip once we've recorded a\n  // load error so wavesurfer doesn't retry forever.\n  const { wavesurfer, isReady, isPlaying, currentTime } = useWavesurfer({\n    container: containerRef,\n    url: colors && !loadError ? src : undefined,\n    waveColor: colors?.wave,\n    progressColor: colors?.progress,\n    cursorColor: colors?.progress,\n    barWidth: 2,\n    barRadius: 2,\n    cursorWidth: 1,\n    height: 24,\n    // Voice notes are short — the visitor never needs to scroll the\n    // waveform, and wavesurfer's internal scroll element would\n    // otherwise paint a horizontal scrollbar under the wave on hover.\n    hideScrollbar: true,\n    plugins,\n    fetchParams,\n  });\n\n  // Surface a fallback when the audio can't be loaded (CORS-blocked\n  // source, 404, etc.) — keeps the bubble from sitting on a forever\n  // spinner. Visitors get an \"Open\" link that opens the raw URL in\n  // a new tab as the escape hatch.\n  useEffect(() => {\n    if (!wavesurfer) return;\n    const onError = () => setLoadError(true);\n    wavesurfer.on(\"error\", onError);\n    return () => {\n      wavesurfer.un(\"error\", onError);\n    };\n  }, [wavesurfer]);\n\n  const handlePlayPause = () => {\n    wavesurfer?.playPause();\n  };\n\n  if (loadError) {\n    return (\n      <a\n        href={src}\n        target=\"_blank\"\n        rel=\"noopener\"\n        className={cn(\n          // `w-60` intrinsic, `max-w-full` so it shrinks to fit a\n          // narrow mobile bubble instead of overflowing its corners.\n          \"inline-flex w-60 max-w-full items-center gap-2 rounded-wx-sm px-3 py-2 text-xs font-medium\",\n          onDark\n            ? \"bg-wx-primary-fg/10 text-wx-primary-fg hover:bg-wx-primary-fg/20\"\n            : \"bg-wx-bg/60 text-wx-fg hover:bg-wx-bg\",\n        )}\n      >\n        <ExternalLink size={12} className=\"shrink-0\" />\n        <span className=\"truncate\">{t(\"openAudio\")}</span>\n      </a>\n    );\n  }\n\n  // Single-row flex so play button + waveform + time counter share\n  // one baseline — vertical centering \"just works\" without manual\n  // pixel nudges. `w-60` is the intrinsic target width; `max-w-full`\n  // lets it shrink to fit a narrow mobile bubble instead of\n  // overflowing the rounded corners (a plain `w-full` would collapse\n  // it tiny inside the shrink-wrapped bubble). `min-w-0` lets the flex\n  // children shrink rather than force the row wider than its parent.\n  return (\n    <div className=\"flex w-60 max-w-full min-w-0 items-center gap-3\">\n      <button\n        type=\"button\"\n        onClick={handlePlayPause}\n        aria-label={isPlaying ? t(\"pauseAudio\") : t(\"playAudio\")}\n        className={cn(\n          \"flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-opacity\",\n          onDark\n            ? \"bg-wx-primary-fg text-wx-primary hover:opacity-90\"\n            : \"bg-wx-primary text-wx-primary-fg hover:bg-wx-primary-hover\",\n        )}\n      >\n        {!isReady ? (\n          <Loader2 size={12} className=\"animate-spin\" />\n        ) : isPlaying ? (\n          <Pause size={12} />\n        ) : (\n          // Optical centering — the play triangle's visual mass\n          // sits left of the SVG bounding box.\n          <Play size={12} className=\"translate-x-[1px]\" />\n        )}\n      </button>\n      <div ref={containerRef} className=\"min-w-0 flex-1\" />\n      <span\n        className={cn(\n          \"shrink-0 font-mono text-[10px] tabular-nums\",\n          onDark ? \"text-wx-primary-fg/70\" : \"text-wx-fg-subtle\",\n        )}\n      >\n        {isReady ? formatTime(currentTime) : \"0:00\"}\n      </span>\n    </div>\n  );\n}\n\nfunction formatTime(time: number): string {\n  const m = Math.floor(time / 60);\n  const s = Math.floor(time % 60)\n    .toString()\n    .padStart(2, \"0\");\n  return `${m}:${s}`;\n}\n\n/**\n * Wavesurfer's canvas can't resolve CSS opacity — for the unplayed\n * waveform tint we feed a literal `rgba()` string built from the\n * resolved foreground hex.\n */\nfunction hexToRgba(hex: string, alpha: number): string {\n  const clean = hex.replace(\"#\", \"\");\n  if (clean.length !== 6) return hex;\n  const r = parseInt(clean.substring(0, 2), 16);\n  const g = parseInt(clean.substring(2, 4), 16);\n  const b = parseInt(clean.substring(4, 6), 16);\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n}\n"],"x_google_ignoreList":[0,1],"mappings":"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"}