uapp-communication-sdk 1.0.0-dev.54

package/rtk-caption-toggle.entry-CLpTeNRE.js

@@ -0,0 +1,56 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a, m as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-caption-toggle.entry.js
+var c = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}", l = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, u = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.variant = "button", this.config = o(), this.iconPack = a, this.t = e(), this.captionEnabled = !1, this.permissionsUpdateListener = () => {
+			this.captionEnabled = this.meeting.self.permissions.transcriptionEnabled ?? !1;
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	meetingChanged(e) {
+		e && (this.permissionsUpdateListener(), this.meeting.self.permissions.addListener("permissionsUpdate", this.permissionsUpdateListener));
+	}
+	disconnectedCallback() {
+		var e;
+		(e = this.meeting) == null || e.self.permissions.removeListener("permissionsUpdate", this.permissionsUpdateListener);
+	}
+	toggleCaptions() {
+		this.stateUpdate.emit({
+			activeCaptions: !this.states.activeCaptions,
+			activeMoreMenu: !1
+		});
+	}
+	render() {
+		if (!this.meeting || !this.captionEnabled) return null;
+		let e = this.states.activeCaptions;
+		return i(t, {
+			tabIndex: 0,
+			role: "log",
+			"aria-label": "Picture-in-Picture mode"
+		}, i("rtk-controlbar-button", {
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			onClick: () => this.toggleCaptions(),
+			icon: e ? this.iconPack.captionsOff : this.iconPack.captionsOn,
+			label: e ? this.t("transcript.off") : this.t("transcript.on"),
+			variant: this.variant
+		}));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+l([s()], u.prototype, "meeting", void 0), l([s()], u.prototype, "states", void 0), l([s()], u.prototype, "config", void 0), l([s()], u.prototype, "iconPack", void 0), l([s()], u.prototype, "t", void 0), u.style = c;
+//#endregion
+export { u as rtk_caption_toggle };
+
+//# sourceMappingURL=rtk-caption-toggle.entry-CLpTeNRE.js.map

package/rtk-caption-toggle.entry-V9DeCT0L.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.variant=`button`,this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.captionEnabled=!1,this.permissionsUpdateListener=()=>{this.captionEnabled=this.meeting.self.permissions.transcriptionEnabled??!1}}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(e){e&&(this.permissionsUpdateListener(),this.meeting.self.permissions.addListener(`permissionsUpdate`,this.permissionsUpdateListener))}disconnectedCallback(){var e;(e=this.meeting)==null||e.self.permissions.removeListener(`permissionsUpdate`,this.permissionsUpdateListener)}toggleCaptions(){this.stateUpdate.emit({activeCaptions:!this.states.activeCaptions,activeMoreMenu:!1})}render(){if(!this.meeting||!this.captionEnabled)return null;let t=this.states.activeCaptions;return e.Z(e.J,{tabIndex:0,role:`log`,"aria-label":`Picture-in-Picture mode`},e.Z(`rtk-controlbar-button`,{part:`controlbar-button`,size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleCaptions(),icon:t?this.iconPack.captionsOff:this.iconPack.captionsOn,label:t?this.t(`transcript.off`):this.t(`transcript.on`),variant:this.variant}))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`states`,void 0),r([t.t()],i.prototype,`config`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_caption_toggle=i;
+//# sourceMappingURL=rtk-caption-toggle.entry-V9DeCT0L.cjs.map

package/rtk-chat-composer-ui.entry-Cw9ZoMkN.js

@@ -0,0 +1,284 @@
+import { $ as e, G as t, J as n, Q as r, Y as i, Z as a, g as o, w as s } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as c } from "./index-8be19fcf-BppFp8rx.js";
+import { c as l, i as u, l as d, n as f, s as p } from "./chat-98db6d32-D3jNjCkY.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-chat-composer-ui.entry.js
+var m = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:16px}.chat-buttons{border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}", h = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, g = "@", _ = class {
+	constructor(n) {
+		r(this, n), this.onNewMessage = i(this, "rtkNewMessage", 7), this.onEditMessage = i(this, "rtkEditMessage", 7), this.onEditCancelled = i(this, "rtkEditCancelled", 7), this.canSendTextMessage = !1, this.canSendFiles = !1, this.iconPack = o, this.t = t(), this.disableEmojiPicker = !1, this.prefill = {}, this.members = [], this.emojiPickerActive = !1, this.mentionQuery = "", this.focusedMemberIndex = 0, this.filePreview = null, this.fileReader = new FileReader(), this.fileToUpload = null, this.handleKeyDown = (e) => {
+			if (e.key === g && [void 0, " "].includes(this.$textArea.value.at(-1)) && (this.mentionQuery = g), e.key === "ArrowDown" && (this.focusedMemberIndex = Math.min(this.focusedMemberIndex + 1, this.getFilteredMembers().length - 1)), e.key === "ArrowUp" && (this.focusedMemberIndex = Math.max(0, this.focusedMemberIndex - 1)), (e.key === "Escape" || e.key === "Backspace" && this.mentionQuery === g) && (this.mentionQuery = ""), [
+				"Enter",
+				"Tab",
+				" "
+			].includes(e.key) && this.mentionQuery !== "") {
+				let t = this.getFilteredMembers()[this.focusedMemberIndex];
+				this.onMemberSelect(t), e.preventDefault();
+				return;
+			}
+			e.key === "Enter" && e.shiftKey ? this.$textArea.clientHeight < 200 && (this.$textArea.style.height = this.$textArea.clientHeight + 20 + "px") : e.key === "Enter" ? (e.preventDefault(), this.prefill.editMessage ? this.handleEditMessage() : this.handleSendMessage()) : e.key === "Backspace" && (this.$textArea.value.endsWith("\n") ? this.$textArea.style.height = this.$textArea.clientHeight - 20 + "px" : this.$textArea.value === "" && (this.$textArea.style.height = "auto"));
+		}, this.handleKeyUp = (e) => {
+			if (this.mentionQuery !== "") {
+				let e = l(this.$textArea.value.trim()), t = e.substring(0, e.indexOf(g));
+				this.mentionQuery = `${g}${l(t)}`;
+			}
+		}, this.onPaste = (t) => {
+			let n = t.clipboardData || t.originalEvent.clipboardData;
+			e(() => {
+				n && n.items && n.items.length > 0 && (u(n.items, this.generateFilePreview), this.$textArea.value = "");
+			});
+		}, this.generateFilePreview = (e, t) => {
+			this.fileToUpload = {
+				type: e,
+				image: t,
+				file: t
+			}, e === "image" ? this.fileReader.readAsDataURL(t) : e === "file" && (this.filePreview = t.name);
+		}, this.sendFile = () => {
+			this.canSendFiles && (this.fileToUpload.type === "image" ? this.onNewMessage.emit({
+				type: "image",
+				file: this.fileToUpload.image,
+				image: this.fileToUpload.image
+			}) : this.onNewMessage.emit({
+				type: "file",
+				file: this.fileToUpload.file
+			}), this.cleanUpFileUpload());
+		}, this.handleSendMessage = () => {
+			if (!this.canSendTextMessage) return;
+			if (this.fileToUpload !== null) {
+				this.sendFile();
+				return;
+			}
+			let e = this.$textArea.value.trim();
+			e.length > 0 && (this.prefill.replyMessage ? this.onNewMessage.emit({
+				type: "text",
+				message: e,
+				replyTo: this.prefill.replyMessage
+			}) : this.onNewMessage.emit({
+				type: "text",
+				message: e
+			}), this.cleanup());
+		}, this.cleanup = () => {
+			this.mentionQuery = "", this.focusedMemberIndex = 0, this.$textArea.value = "", this.$textArea.style.height = "auto", s.setItem(this.storageKey, "");
+		}, this.handleEditMessage = () => {
+			let e = this.$textArea.value.trim();
+			this.prefill.editMessage?.message && p.test(this.prefill.editMessage.message) && (e = `${f(this.prefill.editMessage.message)}\n\n${e}`), this.onEditMessage.emit({
+				id: this.prefill.editMessage.id,
+				message: e
+			}), this.cleanup();
+		}, this.handleEditCancel = () => {
+			this.onEditCancelled.emit(), this.cleanup();
+		}, this.initializeTextField = (e) => {
+			this.$textArea = e;
+			let t = s.getItem(this.storageKey) || "";
+			this.$textArea.value = t;
+		}, this.onMemberSelect = (t) => {
+			let n = l(this.mentionQuery), r = l(this.$textArea.value.trim()).replace(n, "");
+			this.$textArea.value = l(r) + `${g}${t.name} `, this.mentionQuery = "", this.focusedMemberIndex = 0, e(() => this.$textArea.focus());
+		}, this.getFilteredMembers = () => {
+			let e = this.mentionQuery.replace(g, "");
+			return this.members.filter((t) => t.name.toLowerCase().includes(e.toLowerCase()));
+		}, this.cleanUpFileUpload = () => {
+			this.filePreview = null, this.fileToUpload = null;
+		}, this.renderSuggestedReplies = () => {
+			if (this.prefill.suggestedReplies && this.prefill.suggestedReplies.length !== 0) return a("ul", { class: "suggested-replies scrollbar" }, this.prefill.suggestedReplies.map((e) => a("rtk-tooltip", { label: this.t("chat.click_to_send") }, a("li", { onClick: () => this.onNewMessage.emit({
+				type: "text",
+				message: e
+			}) }, e))));
+		}, this.renderMenu = () => {
+			if (this.mentionQuery.length === 0) return;
+			let t = this.getFilteredMembers();
+			if (t.length !== 0) return a("ul", { class: "member-list scrollbar" }, t.map((t, n) => a("li", {
+				class: {
+					member: !0,
+					selected: n === this.focusedMemberIndex
+				},
+				onClick: () => this.onMemberSelect(t),
+				ref: (t) => {
+					n === this.focusedMemberIndex && e(() => {
+						t && t.scrollIntoView({
+							behavior: "smooth",
+							block: "end",
+							inline: "nearest"
+						});
+					});
+				}
+			}, a("rtk-avatar", {
+				participant: {
+					name: t.name,
+					picture: t.picture
+				},
+				size: "sm"
+			}), a("span", null, t.name))));
+		};
+	}
+	connectedCallback() {
+		this.fileReader.onload = (e) => {
+			typeof e.target.result == "string" && (this.filePreview = e.target.result);
+		};
+	}
+	componentDidRender() {
+		(this.prefill.editMessage || this.prefill.replyMessage) && e(() => this.$textArea.focus());
+	}
+	get storageKey() {
+		return "rtk-text-message";
+	}
+	uploadFile(e) {
+		let t = document.createElement("input");
+		t.type = "file", e === "image" && (t.accept = "image/*"), t.onchange = (t) => {
+			let { validity: n, files: [r] } = t.target;
+			n.valid && this.generateFilePreview(e, r);
+		}, t.click();
+	}
+	renderFilePreview() {
+		if (typeof this.filePreview == "string") return a("div", { class: "preview-overlay" }, a("div", { class: "file-preview" }, a("rtk-tooltip", { label: this.t("chat.cancel_upload") }, a("rtk-button", {
+			variant: "secondary",
+			kind: "icon",
+			onClick: this.cleanUpFileUpload
+		}, a("rtk-icon", { icon: this.iconPack.dismiss }))), this.fileToUpload.type === "image" ? a("img", {
+			class: "preview-image",
+			src: this.filePreview
+		}) : a("div", { class: "preview-file" }, a("span", null, this.filePreview))));
+	}
+	render() {
+		let e = "";
+		return this.prefill.editMessage?.message && (e = d(this.prefill.editMessage.message)), a(n, { key: "c1bbf529244184de2062ddb50b40a918fe6b89f0" }, this.canSendTextMessage && this.emojiPickerActive && a("rtk-emoji-picker", {
+			key: "62c92f177bdf7ff725a345efd948fbd07e58efda",
+			part: "emoji-picker",
+			onPickerClose: () => {
+				this.emojiPickerActive = !1;
+			},
+			onRtkEmojiClicked: (e) => {
+				this.$textArea.value += e.detail, this.$textArea.focus();
+			},
+			t: this.t
+		}), this.renderSuggestedReplies(), a("slot", {
+			key: "02f70148bdae1f9e3b9fc60d088c59f85af68880",
+			name: "chat-addon"
+		}), a("slot", {
+			key: "0ac47b719d6c39807076f86bcd0fe4fb9b75fcd5",
+			name: "quote-block"
+		}), a("div", {
+			key: "e88db8097f1615f62235c41262700c0c11bc0453",
+			class: "chat-input",
+			part: "chat-input"
+		}, this.renderMenu(), this.canSendTextMessage && a("textarea", {
+			key: "f1aa0c834b37e25a7e3093d10b6ad4531d58c0e8",
+			class: "scrollbar",
+			part: "textarea",
+			ref: this.initializeTextField,
+			autoFocus: !0,
+			placeholder: this.fileToUpload ? "" : this.t("chat.message_placeholder"),
+			value: e,
+			onPaste: this.onPaste,
+			maxLength: 2e3,
+			onKeyDown: this.handleKeyDown,
+			onKeyUp: this.handleKeyUp,
+			onInput: (e) => {
+				s.setItem(this.storageKey, e.target.value);
+			},
+			disabled: !!this.filePreview
+		}), a("div", {
+			key: "724a8e40a0384c4f11efca4d7abf081b110a7c9f",
+			class: "chat-buttons",
+			part: "chat-buttons"
+		}, a("div", {
+			key: "028b74f93d7b8ba1964460ea80ed4c63d56e5146",
+			class: "left",
+			part: "chat-buttons-left"
+		}, !this.prefill.editMessage && this.canSendFiles && [a("rtk-tooltip", {
+			key: "e4b0edc4f6a0f8f8b91ec4925dbd661c3e3b1a32",
+			label: this.t("chat.send_file")
+		}, a("rtk-button", {
+			key: "53f030c9720362995342eb1959da07136c44724b",
+			variant: "ghost",
+			kind: "icon",
+			onClick: () => this.uploadFile("file"),
+			title: this.t("chat.send_file")
+		}, a("rtk-icon", {
+			key: "51bf45a1074886452e1c7d6ca80d8b5f9e7a61ba",
+			icon: this.iconPack.attach
+		}))), a("rtk-tooltip", {
+			key: "d20a53b034f312ced9d7f5441da7574100cbb6e7",
+			label: this.t("chat.send_img")
+		}, a("rtk-button", {
+			key: "822413ff8636a33d2d70c7d10412a0ff5d043d86",
+			variant: "ghost",
+			kind: "icon",
+			onClick: () => this.uploadFile("image"),
+			title: this.t("chat.send_img")
+		}, a("rtk-icon", {
+			key: "af60e5ec42253e7780af31bc5f2fb9ad00ad6245",
+			icon: this.iconPack.image
+		})))], !this.prefill.editMessage && this.canSendTextMessage && !this.disableEmojiPicker && a("rtk-tooltip", {
+			key: "665bb180737c220297a9394f582ddd8d57135ed4",
+			label: this.t("chat.send_emoji")
+		}, a("rtk-button", {
+			key: "6550bd345555644e89a501df5838452206ea9c55",
+			variant: "ghost",
+			kind: "icon",
+			class: { active: this.emojiPickerActive },
+			title: this.t("chat.send_emoji"),
+			onClick: () => {
+				this.emojiPickerActive = !this.emojiPickerActive;
+			}
+		}, a("rtk-icon", {
+			key: "4ee0c02bf3efc309a58db7be0f51545d6d346a9c",
+			icon: this.iconPack.emoji_multiple
+		})))), !!this.filePreview && this.renderFilePreview(), this.canSendTextMessage && a("div", {
+			key: "a7d3f27cbe43f591363d1ffd8858f30d457e6629",
+			class: "right",
+			part: "chat-buttons-right"
+		}, !this.prefill.editMessage && a("rtk-tooltip", {
+			key: "57fc69e04c29b54cfb8510914659f0b94c3944eb",
+			variant: "primary",
+			label: this.t("chat.send_msg"),
+			delay: 2e3
+		}, a("rtk-button", {
+			key: "949e480cc2a243265f1268aff6396cd9bda20b03",
+			kind: "icon",
+			onClick: () => this.handleSendMessage(),
+			title: this.t("chat.send_msg")
+		}, a("rtk-icon", {
+			key: "8fe5bc5391bef475805c86ab3fec94690bd71dfd",
+			icon: this.iconPack.send
+		}))), this.prefill.editMessage && a("div", {
+			key: "3e87dae17dcac9be10a20fe15252756d496bf924",
+			class: "edit-buttons"
+		}, a("rtk-tooltip", {
+			key: "201e7b44dc8a40cfc94bb299448a1e89c972ea92",
+			variant: "secondary",
+			label: this.t("cancel"),
+			delay: 2e3
+		}, a("rtk-button", {
+			key: "64d5dc9e41bc87a654c760c709b7b7d378f28141",
+			kind: "icon",
+			variant: "secondary",
+			onClick: () => this.handleEditCancel(),
+			title: this.t("cancel")
+		}, a("rtk-icon", {
+			key: "7e75e511da878e45f88b75c2f23a855a8c191b9b",
+			icon: this.iconPack.dismiss
+		}))), a("rtk-tooltip", {
+			key: "df6284b88ac9651d5cb1c736b92fb929ee5795a1",
+			variant: "primary",
+			label: this.t("chat.update_msg"),
+			delay: 2e3
+		}, a("rtk-button", {
+			key: "c6b375320d193ccbf6658aa040302453ae361f91",
+			kind: "icon",
+			onClick: () => this.handleEditMessage(),
+			title: this.t("chat.send_msg")
+		}, a("rtk-icon", {
+			key: "f047153809bc154526364f2e9a903449f83f51a9",
+			icon: this.iconPack.checkmark
+		}))))))));
+	}
+};
+h([c()], _.prototype, "iconPack", void 0), h([c()], _.prototype, "t", void 0), _.style = m;
+//#endregion
+export { _ as rtk_chat_composer_ui };
+
+//# sourceMappingURL=rtk-chat-composer-ui.entry-Cw9ZoMkN.js.map

package/rtk-chat-composer-ui.entry-DIHdPqn2.cjs

@@ -0,0 +1,4 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./chat-98db6d32-BxDEnpgG.cjs");var r=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))
+    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:16px}.chat-buttons{border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}`,i=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},a=`@`,o=class{constructor(t){e.Q(this,t),this.onNewMessage=e.Y(this,`rtkNewMessage`,7),this.onEditMessage=e.Y(this,`rtkEditMessage`,7),this.onEditCancelled=e.Y(this,`rtkEditCancelled`,7),this.canSendTextMessage=!1,this.canSendFiles=!1,this.iconPack=e.g,this.t=e.G(),this.disableEmojiPicker=!1,this.prefill={},this.members=[],this.emojiPickerActive=!1,this.mentionQuery=``,this.focusedMemberIndex=0,this.filePreview=null,this.fileReader=new FileReader,this.fileToUpload=null,this.handleKeyDown=e=>{if(e.key===a&&[void 0,` `].includes(this.$textArea.value.at(-1))&&(this.mentionQuery=a),e.key===`ArrowDown`&&(this.focusedMemberIndex=Math.min(this.focusedMemberIndex+1,this.getFilteredMembers().length-1)),e.key===`ArrowUp`&&(this.focusedMemberIndex=Math.max(0,this.focusedMemberIndex-1)),(e.key===`Escape`||e.key===`Backspace`&&this.mentionQuery===a)&&(this.mentionQuery=``),[`Enter`,`Tab`,` `].includes(e.key)&&this.mentionQuery!==``){let t=this.getFilteredMembers()[this.focusedMemberIndex];this.onMemberSelect(t),e.preventDefault();return}e.key===`Enter`&&e.shiftKey?this.$textArea.clientHeight<200&&(this.$textArea.style.height=this.$textArea.clientHeight+20+`px`):e.key===`Enter`?(e.preventDefault(),this.prefill.editMessage?this.handleEditMessage():this.handleSendMessage()):e.key===`Backspace`&&(this.$textArea.value.endsWith(`
+`)?this.$textArea.style.height=this.$textArea.clientHeight-20+`px`:this.$textArea.value===``&&(this.$textArea.style.height=`auto`))},this.handleKeyUp=e=>{if(this.mentionQuery!==``){let e=n.c(this.$textArea.value.trim()),t=e.substring(0,e.indexOf(a));this.mentionQuery=`${a}${n.c(t)}`}},this.onPaste=t=>{let r=t.clipboardData||t.originalEvent.clipboardData;e.$(()=>{r&&r.items&&r.items.length>0&&(n.i(r.items,this.generateFilePreview),this.$textArea.value=``)})},this.generateFilePreview=(e,t)=>{this.fileToUpload={type:e,image:t,file:t},e===`image`?this.fileReader.readAsDataURL(t):e===`file`&&(this.filePreview=t.name)},this.sendFile=()=>{this.canSendFiles&&(this.fileToUpload.type===`image`?this.onNewMessage.emit({type:`image`,file:this.fileToUpload.image,image:this.fileToUpload.image}):this.onNewMessage.emit({type:`file`,file:this.fileToUpload.file}),this.cleanUpFileUpload())},this.handleSendMessage=()=>{if(!this.canSendTextMessage)return;if(this.fileToUpload!==null){this.sendFile();return}let e=this.$textArea.value.trim();e.length>0&&(this.prefill.replyMessage?this.onNewMessage.emit({type:`text`,message:e,replyTo:this.prefill.replyMessage}):this.onNewMessage.emit({type:`text`,message:e}),this.cleanup())},this.cleanup=()=>{this.mentionQuery=``,this.focusedMemberIndex=0,this.$textArea.value=``,this.$textArea.style.height=`auto`,e.w.setItem(this.storageKey,``)},this.handleEditMessage=()=>{let e=this.$textArea.value.trim();this.prefill.editMessage?.message&&n.s.test(this.prefill.editMessage.message)&&(e=`${n.n(this.prefill.editMessage.message)}\n\n${e}`),this.onEditMessage.emit({id:this.prefill.editMessage.id,message:e}),this.cleanup()},this.handleEditCancel=()=>{this.onEditCancelled.emit(),this.cleanup()},this.initializeTextField=t=>{this.$textArea=t;let n=e.w.getItem(this.storageKey)||``;this.$textArea.value=n},this.onMemberSelect=t=>{let r=n.c(this.mentionQuery),i=n.c(this.$textArea.value.trim()).replace(r,``);this.$textArea.value=n.c(i)+`${a}${t.name} `,this.mentionQuery=``,this.focusedMemberIndex=0,e.$(()=>this.$textArea.focus())},this.getFilteredMembers=()=>{let e=this.mentionQuery.replace(a,``);return this.members.filter(t=>t.name.toLowerCase().includes(e.toLowerCase()))},this.cleanUpFileUpload=()=>{this.filePreview=null,this.fileToUpload=null},this.renderSuggestedReplies=()=>{if(this.prefill.suggestedReplies&&this.prefill.suggestedReplies.length!==0)return e.Z(`ul`,{class:`suggested-replies scrollbar`},this.prefill.suggestedReplies.map(t=>e.Z(`rtk-tooltip`,{label:this.t(`chat.click_to_send`)},e.Z(`li`,{onClick:()=>this.onNewMessage.emit({type:`text`,message:t})},t))))},this.renderMenu=()=>{if(this.mentionQuery.length===0)return;let t=this.getFilteredMembers();if(t.length!==0)return e.Z(`ul`,{class:`member-list scrollbar`},t.map((t,n)=>e.Z(`li`,{class:{member:!0,selected:n===this.focusedMemberIndex},onClick:()=>this.onMemberSelect(t),ref:t=>{n===this.focusedMemberIndex&&e.$(()=>{t&&t.scrollIntoView({behavior:`smooth`,block:`end`,inline:`nearest`})})}},e.Z(`rtk-avatar`,{participant:{name:t.name,picture:t.picture},size:`sm`}),e.Z(`span`,null,t.name))))}}connectedCallback(){this.fileReader.onload=e=>{typeof e.target.result==`string`&&(this.filePreview=e.target.result)}}componentDidRender(){(this.prefill.editMessage||this.prefill.replyMessage)&&e.$(()=>this.$textArea.focus())}get storageKey(){return`rtk-text-message`}uploadFile(e){let t=document.createElement(`input`);t.type=`file`,e===`image`&&(t.accept=`image/*`),t.onchange=t=>{let{validity:n,files:[r]}=t.target;n.valid&&this.generateFilePreview(e,r)},t.click()}renderFilePreview(){if(typeof this.filePreview==`string`)return e.Z(`div`,{class:`preview-overlay`},e.Z(`div`,{class:`file-preview`},e.Z(`rtk-tooltip`,{label:this.t(`chat.cancel_upload`)},e.Z(`rtk-button`,{variant:`secondary`,kind:`icon`,onClick:this.cleanUpFileUpload},e.Z(`rtk-icon`,{icon:this.iconPack.dismiss}))),this.fileToUpload.type===`image`?e.Z(`img`,{class:`preview-image`,src:this.filePreview}):e.Z(`div`,{class:`preview-file`},e.Z(`span`,null,this.filePreview))))}render(){let t=``;return this.prefill.editMessage?.message&&(t=n.l(this.prefill.editMessage.message)),e.Z(e.J,{key:`c1bbf529244184de2062ddb50b40a918fe6b89f0`},this.canSendTextMessage&&this.emojiPickerActive&&e.Z(`rtk-emoji-picker`,{key:`62c92f177bdf7ff725a345efd948fbd07e58efda`,part:`emoji-picker`,onPickerClose:()=>{this.emojiPickerActive=!1},onRtkEmojiClicked:e=>{this.$textArea.value+=e.detail,this.$textArea.focus()},t:this.t}),this.renderSuggestedReplies(),e.Z(`slot`,{key:`02f70148bdae1f9e3b9fc60d088c59f85af68880`,name:`chat-addon`}),e.Z(`slot`,{key:`0ac47b719d6c39807076f86bcd0fe4fb9b75fcd5`,name:`quote-block`}),e.Z(`div`,{key:`e88db8097f1615f62235c41262700c0c11bc0453`,class:`chat-input`,part:`chat-input`},this.renderMenu(),this.canSendTextMessage&&e.Z(`textarea`,{key:`f1aa0c834b37e25a7e3093d10b6ad4531d58c0e8`,class:`scrollbar`,part:`textarea`,ref:this.initializeTextField,autoFocus:!0,placeholder:this.fileToUpload?``:this.t(`chat.message_placeholder`),value:t,onPaste:this.onPaste,maxLength:2e3,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onInput:t=>{e.w.setItem(this.storageKey,t.target.value)},disabled:!!this.filePreview}),e.Z(`div`,{key:`724a8e40a0384c4f11efca4d7abf081b110a7c9f`,class:`chat-buttons`,part:`chat-buttons`},e.Z(`div`,{key:`028b74f93d7b8ba1964460ea80ed4c63d56e5146`,class:`left`,part:`chat-buttons-left`},!this.prefill.editMessage&&this.canSendFiles&&[e.Z(`rtk-tooltip`,{key:`e4b0edc4f6a0f8f8b91ec4925dbd661c3e3b1a32`,label:this.t(`chat.send_file`)},e.Z(`rtk-button`,{key:`53f030c9720362995342eb1959da07136c44724b`,variant:`ghost`,kind:`icon`,onClick:()=>this.uploadFile(`file`),title:this.t(`chat.send_file`)},e.Z(`rtk-icon`,{key:`51bf45a1074886452e1c7d6ca80d8b5f9e7a61ba`,icon:this.iconPack.attach}))),e.Z(`rtk-tooltip`,{key:`d20a53b034f312ced9d7f5441da7574100cbb6e7`,label:this.t(`chat.send_img`)},e.Z(`rtk-button`,{key:`822413ff8636a33d2d70c7d10412a0ff5d043d86`,variant:`ghost`,kind:`icon`,onClick:()=>this.uploadFile(`image`),title:this.t(`chat.send_img`)},e.Z(`rtk-icon`,{key:`af60e5ec42253e7780af31bc5f2fb9ad00ad6245`,icon:this.iconPack.image})))],!this.prefill.editMessage&&this.canSendTextMessage&&!this.disableEmojiPicker&&e.Z(`rtk-tooltip`,{key:`665bb180737c220297a9394f582ddd8d57135ed4`,label:this.t(`chat.send_emoji`)},e.Z(`rtk-button`,{key:`6550bd345555644e89a501df5838452206ea9c55`,variant:`ghost`,kind:`icon`,class:{active:this.emojiPickerActive},title:this.t(`chat.send_emoji`),onClick:()=>{this.emojiPickerActive=!this.emojiPickerActive}},e.Z(`rtk-icon`,{key:`4ee0c02bf3efc309a58db7be0f51545d6d346a9c`,icon:this.iconPack.emoji_multiple})))),!!this.filePreview&&this.renderFilePreview(),this.canSendTextMessage&&e.Z(`div`,{key:`a7d3f27cbe43f591363d1ffd8858f30d457e6629`,class:`right`,part:`chat-buttons-right`},!this.prefill.editMessage&&e.Z(`rtk-tooltip`,{key:`57fc69e04c29b54cfb8510914659f0b94c3944eb`,variant:`primary`,label:this.t(`chat.send_msg`),delay:2e3},e.Z(`rtk-button`,{key:`949e480cc2a243265f1268aff6396cd9bda20b03`,kind:`icon`,onClick:()=>this.handleSendMessage(),title:this.t(`chat.send_msg`)},e.Z(`rtk-icon`,{key:`8fe5bc5391bef475805c86ab3fec94690bd71dfd`,icon:this.iconPack.send}))),this.prefill.editMessage&&e.Z(`div`,{key:`3e87dae17dcac9be10a20fe15252756d496bf924`,class:`edit-buttons`},e.Z(`rtk-tooltip`,{key:`201e7b44dc8a40cfc94bb299448a1e89c972ea92`,variant:`secondary`,label:this.t(`cancel`),delay:2e3},e.Z(`rtk-button`,{key:`64d5dc9e41bc87a654c760c709b7b7d378f28141`,kind:`icon`,variant:`secondary`,onClick:()=>this.handleEditCancel(),title:this.t(`cancel`)},e.Z(`rtk-icon`,{key:`7e75e511da878e45f88b75c2f23a855a8c191b9b`,icon:this.iconPack.dismiss}))),e.Z(`rtk-tooltip`,{key:`df6284b88ac9651d5cb1c736b92fb929ee5795a1`,variant:`primary`,label:this.t(`chat.update_msg`),delay:2e3},e.Z(`rtk-button`,{key:`c6b375320d193ccbf6658aa040302453ae361f91`,kind:`icon`,onClick:()=>this.handleEditMessage(),title:this.t(`chat.send_msg`)},e.Z(`rtk-icon`,{key:`f047153809bc154526364f2e9a903449f83f51a9`,icon:this.iconPack.checkmark}))))))))}};i([t.t()],o.prototype,`iconPack`,void 0),i([t.t()],o.prototype,`t`,void 0),o.style=r,exports.rtk_chat_composer_ui=o;
+//# sourceMappingURL=rtk-chat-composer-ui.entry-DIHdPqn2.cjs.map

package/rtk-chat-message.entry-Bk_Hku2z.js

@@ -0,0 +1,130 @@
+import { G as e, J as t, Q as n, X as r, Y as i, Z as a, g as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-chat-message.entry.js
+var c = ".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin:var(--rtk-space-0, 0px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}", l = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, u = class {
+	constructor(t) {
+		n(this, t), this.edit = i(this, "edit", 7), this.reply = i(this, "reply", 7), this.pin = i(this, "pin", 7), this.delete = i(this, "delete", 7), this.iconPack = o, this.t = e(), this.isSelf = !1, this.canEdit = !1, this.canDelete = !1, this.canReply = !1, this.canPin = !1, this.disableControls = !1, this.alignRight = !1, this.hideAvatar = !1, this.now = /* @__PURE__ */ new Date(), this.leftAlign = !1, this.renderMessage = () => {
+			switch (this.message.type) {
+				case "text": return a("div", {
+					"is-continued": this.isContinued,
+					key: this.message.id
+				}, this.isUnread && a("div", {
+					class: "new-chat-marker",
+					part: "new-chat-marker"
+				}, this.t("chat.new")), a("rtk-text-message", {
+					message: this.message,
+					now: this.now,
+					isContinued: this.isContinued,
+					"data-timestamp": this.message.time.getTime(),
+					iconPack: this.iconPack,
+					t: this.t,
+					showBubble: !0
+				}));
+				case "image": return a("div", {
+					"is-continued": this.isContinued,
+					key: this.message.id
+				}, this.isUnread && a("div", {
+					class: "new-chat-marker",
+					part: "new-chat-marker"
+				}, this.t("chat.new")), a("rtk-image-message", {
+					message: this.message,
+					now: this.now,
+					isContinued: this.isContinued,
+					iconPack: this.iconPack,
+					"data-timestamp": this.message.time.getTime(),
+					t: this.t,
+					showBubble: !0
+				}));
+				case "file": return a("div", {
+					"is-continued": this.isContinued,
+					key: this.message.id
+				}, this.isUnread && a("div", {
+					class: "new-chat-marker",
+					part: "new-chat-marker"
+				}, this.t("chat.new")), a("rtk-file-message", {
+					message: this.message,
+					now: this.now,
+					isContinued: this.isContinued,
+					iconPack: this.iconPack,
+					t: this.t,
+					"data-timestamp": this.message.time.getTime(),
+					showBubble: !0
+				}));
+				case "custom":
+					this.child.setAttribute("message", JSON.stringify(this.message));
+					let e = this.child.cloneNode(!0);
+					return a("div", {
+						"is-continued": this.isContinued,
+						key: this.message.id,
+						ref: (t) => t.appendChild(e)
+					});
+			}
+		}, this.onReply = () => {
+			this.reply.emit(this.message);
+		}, this.onPinned = () => {
+			this.pin.emit(this.message);
+		}, this.onDelete = () => {
+			this.delete.emit(this.message);
+		}, this.onEdit = async () => {
+			this.edit.emit(this.message);
+		}, this.isTouchDevice = () => "ontouchstart" in window || navigator.maxTouchPoints > 0;
+	}
+	renderControls() {
+		if (!this.disableControls) return a("rtk-menu", { placement: this.alignRight ? "bottom-end" : "bottom-start" }, a("button", {
+			slot: "trigger",
+			class: "actions"
+		}, a("rtk-icon", { icon: this.iconPack.chevron_down })), a("rtk-menu-list", null, this.canReply && a("rtk-menu-item", { onClick: this.onReply }, a("rtk-icon", {
+			icon: this.iconPack.back,
+			slot: "start"
+		}), this.t("chat.reply")), this.canPin && a("rtk-menu-item", { onClick: this.onPinned }, a("rtk-icon", {
+			icon: this.iconPack.pin,
+			slot: "start"
+		}), this.t("pin")), this.canEdit && a("rtk-menu-item", { onClick: this.onEdit }, a("rtk-icon", {
+			icon: this.iconPack.edit,
+			slot: "start"
+		}), this.t("chat.edit_msg")), this.canDelete && a("rtk-menu-item", { onClick: this.onDelete }, a("rtk-icon", {
+			icon: this.iconPack.delete,
+			slot: "start"
+		}), this.t("chat.delete_msg"))));
+	}
+	renderAvatar() {
+		if (!this.hideAvatar) return this.isContinued ? a("div", { class: "avatar" }) : a("div", { class: "avatar" }, a("rtk-avatar", {
+			size: "sm",
+			participant: {
+				name: this.message.displayName,
+				picture: this.senderDisplayPicture
+			}
+		}));
+	}
+	render() {
+		return a(t, { key: "bd0e06c1cf6e851d934458a4a5879205c940b033" }, a("div", {
+			key: "bbdca77b694c4f05e673d7b3558c3ef2de8762ba",
+			class: {
+				"message-wrapper": !0,
+				"align-right": this.alignRight,
+				"left-align": this.leftAlign
+			},
+			"is-continued": this.isContinued
+		}, this.renderAvatar(), a("div", {
+			key: "1e886eb73735083d5892fe2a10339fae0f9240dc",
+			class: {
+				message: !0,
+				"show-on-hover": !this.isTouchDevice()
+			},
+			"is-continued": this.isContinued
+		}, this.renderMessage(), this.renderControls())));
+	}
+	get $el() {
+		return r(this);
+	}
+};
+l([s()], u.prototype, "iconPack", void 0), l([s()], u.prototype, "t", void 0), u.style = c;
+//#endregion
+export { u as rtk_chat_message };
+
+//# sourceMappingURL=rtk-chat-message.entry-Bk_Hku2z.js.map

package/rtk-chat-message.entry-BvZAUNi4.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`.message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin:var(--rtk-space-0, 0px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.edit=e.Y(this,`edit`,7),this.reply=e.Y(this,`reply`,7),this.pin=e.Y(this,`pin`,7),this.delete=e.Y(this,`delete`,7),this.iconPack=e.g,this.t=e.G(),this.isSelf=!1,this.canEdit=!1,this.canDelete=!1,this.canReply=!1,this.canPin=!1,this.disableControls=!1,this.alignRight=!1,this.hideAvatar=!1,this.now=new Date,this.leftAlign=!1,this.renderMessage=()=>{switch(this.message.type){case`text`:return e.Z(`div`,{"is-continued":this.isContinued,key:this.message.id},this.isUnread&&e.Z(`div`,{class:`new-chat-marker`,part:`new-chat-marker`},this.t(`chat.new`)),e.Z(`rtk-text-message`,{message:this.message,now:this.now,isContinued:this.isContinued,"data-timestamp":this.message.time.getTime(),iconPack:this.iconPack,t:this.t,showBubble:!0}));case`image`:return e.Z(`div`,{"is-continued":this.isContinued,key:this.message.id},this.isUnread&&e.Z(`div`,{class:`new-chat-marker`,part:`new-chat-marker`},this.t(`chat.new`)),e.Z(`rtk-image-message`,{message:this.message,now:this.now,isContinued:this.isContinued,iconPack:this.iconPack,"data-timestamp":this.message.time.getTime(),t:this.t,showBubble:!0}));case`file`:return e.Z(`div`,{"is-continued":this.isContinued,key:this.message.id},this.isUnread&&e.Z(`div`,{class:`new-chat-marker`,part:`new-chat-marker`},this.t(`chat.new`)),e.Z(`rtk-file-message`,{message:this.message,now:this.now,isContinued:this.isContinued,iconPack:this.iconPack,t:this.t,"data-timestamp":this.message.time.getTime(),showBubble:!0}));case`custom`:this.child.setAttribute(`message`,JSON.stringify(this.message));let t=this.child.cloneNode(!0);return e.Z(`div`,{"is-continued":this.isContinued,key:this.message.id,ref:e=>e.appendChild(t)})}},this.onReply=()=>{this.reply.emit(this.message)},this.onPinned=()=>{this.pin.emit(this.message)},this.onDelete=()=>{this.delete.emit(this.message)},this.onEdit=async()=>{this.edit.emit(this.message)},this.isTouchDevice=()=>`ontouchstart`in window||navigator.maxTouchPoints>0}renderControls(){if(!this.disableControls)return e.Z(`rtk-menu`,{placement:this.alignRight?`bottom-end`:`bottom-start`},e.Z(`button`,{slot:`trigger`,class:`actions`},e.Z(`rtk-icon`,{icon:this.iconPack.chevron_down})),e.Z(`rtk-menu-list`,null,this.canReply&&e.Z(`rtk-menu-item`,{onClick:this.onReply},e.Z(`rtk-icon`,{icon:this.iconPack.back,slot:`start`}),this.t(`chat.reply`)),this.canPin&&e.Z(`rtk-menu-item`,{onClick:this.onPinned},e.Z(`rtk-icon`,{icon:this.iconPack.pin,slot:`start`}),this.t(`pin`)),this.canEdit&&e.Z(`rtk-menu-item`,{onClick:this.onEdit},e.Z(`rtk-icon`,{icon:this.iconPack.edit,slot:`start`}),this.t(`chat.edit_msg`)),this.canDelete&&e.Z(`rtk-menu-item`,{onClick:this.onDelete},e.Z(`rtk-icon`,{icon:this.iconPack.delete,slot:`start`}),this.t(`chat.delete_msg`))))}renderAvatar(){if(!this.hideAvatar)return this.isContinued?e.Z(`div`,{class:`avatar`}):e.Z(`div`,{class:`avatar`},e.Z(`rtk-avatar`,{size:`sm`,participant:{name:this.message.displayName,picture:this.senderDisplayPicture}}))}render(){return e.Z(e.J,{key:`bd0e06c1cf6e851d934458a4a5879205c940b033`},e.Z(`div`,{key:`bbdca77b694c4f05e673d7b3558c3ef2de8762ba`,class:{"message-wrapper":!0,"align-right":this.alignRight,"left-align":this.leftAlign},"is-continued":this.isContinued},this.renderAvatar(),e.Z(`div`,{key:`1e886eb73735083d5892fe2a10339fae0f9240dc`,class:{message:!0,"show-on-hover":!this.isTouchDevice()},"is-continued":this.isContinued},this.renderMessage(),this.renderControls())))}get $el(){return e.X(this)}};r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_chat_message=i;
+//# sourceMappingURL=rtk-chat-message.entry-BvZAUNi4.cjs.map

package/rtk-chat-messages-ui.entry-DJyj1qxr.cjs

@@ -0,0 +1,3 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./date-b1f78dea-DZ5M_dXV.cjs"),r=require("./scroll-2d8e810c-lAwqeGvB.cjs");var i=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))
+    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}`,a=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},o=!1,s=class{constructor(t){e.Q(this,t),this.onPinMessage=e.Y(this,`pinMessage`,7),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.observingEl=[],this.autoScrollEnabled=!0,this.messages=[],this.canPinMessages=!1,this.iconPack=e.g,this.t=e.G(),this.now=new Date,this.showLatestMessageButton=!1,this.onScroll=t=>{let n=t.target;e.$(()=>{let{scrollTop:e,clientHeight:t,scrollHeight:r}=n;e+t+10>=r?(this.autoScrollEnabled=!0,this.showLatestMessageButton=!1):this.autoScrollEnabled=!1})},this.scrollToBottom=()=>{r.t(this.$chat)},this.observeMessage=e=>{e&&this.observingEl.push(e);try{this.intersectionObserver.observe(e)}catch{}},this.getMessageActions=e=>{let t=[];return!e.pinned&&this.canPinMessages&&t.push({id:`pin_message`,label:this.t(`pin`),icon:this.iconPack.pin}),t},this.onMessageActionHandler=(e,t)=>{switch(e){case`pin_message`:this.onPinMessage.emit(t);break}}}connectedCallback(){e.K.isDev&&!o&&(o=!0,console.warn("[realtimekit-ui] `rtk-chat-messages-ui` is deprecated and will be removed in a future release. Use `rtk-chat-messages-ui-paginated` instead.")),this.lastReadTimestamp=e.c.everyone??new Date(`0001-01-01T00:00:00Z`),this.intersectionObserver=new IntersectionObserver(t=>{document.hasFocus()&&e.$(()=>{for(let n of t)n.isIntersecting&&parseInt(n.target.getAttribute(`data-timestamp`))>this.lastReadTimestamp.getTime()&&(e.c[this.selectedGroup]=new Date)})});let t=()=>{this.now=new Date,this.timeout=setTimeout(()=>{this.request!=null&&(this.request=requestAnimationFrame(t))},60*1e3)};this.request=requestAnimationFrame(t),this.chatChanged(this.messages)}componentDidLoad(){this.$chat.addEventListener(`scroll`,this.onScroll),this.$chat.scrollTop=this.$chat.scrollHeight}componentDidRender(){this.autoScrollEnabled?r.t(this.$chat):this.autoScrollEnabled??r.t(this.$chat,!1)}chatChanged(e){if(this.$chat!=null&&!(this.autoScrollEnabled||this.$chat.clientHeight===this.$chat.scrollHeight)){for(let t=e.length-1;t>=0;t--)if(e[t].message.time>this.lastReadTimestamp&&e[t].message.userId!==this.selfUserId){this.showLatestMessageButton=!0;break}}}selectedBucketChanged(){this.autoScrollEnabled=void 0,this.observingEl.forEach(e=>{this.intersectionObserver.unobserve(e)}),this.observingEl=[]}disconnectedCallback(){this.$chat.removeEventListener(`scroll`,this.onScroll),this.intersectionObserver.disconnect(),clearTimeout(this.timeout),cancelAnimationFrame(this.request)}render(){let t=null,r=!1;return e.Z(e.J,{key:`eb407b1c88839fd9892658dd53ea838b45b649ae`},e.Z(`div`,{key:`b3aa97bb11d4ce2fa688bb6171947505e3520b71`,class:`chat-container scrollbar`,ref:e=>this.$chat=e,part:`container`},e.Z(`div`,{key:`8652876ea9af0bb1261718b412e34035cdbd905f`,class:`spacer`,part:`spacer`}),e.Z(`div`,{key:`dd5caf3b54ff4378d75c3d2d4faec5dfaa79abb7`,class:`chat`,part:`chat`},this.messages?.map(i=>{if(i.type===`chat`){let{message:a}=i,o=a.userId!==this.selfUserId&&!this.autoScrollEnabled&&!r&&a.time>this.lastReadTimestamp;o&&(r=o);let s=!o&&a.userId===t?.userId&&n.t(a.time,t?.time)<2;return t=a,e.Z(`div`,{"is-continued":s,key:i.message.id,ref:this.observeMessage,"data-timestamp":a.time.getTime(),class:a.pinned?`pinned`:``},o&&e.Z(`div`,{class:`new-chat-marker`,part:`new-chat-marker`},this.t(`chat.new`)),e.Z(`div`,{class:`message-wrapper`},e.Z(`rtk-message-view`,{time:a.time,actions:this.getMessageActions(a),authorName:a.displayName,hideAuthorName:!0,hideAvatar:!0,hideMetadata:!0,viewType:`incoming`,variant:`bubble`,onAction:e=>this.onMessageActionHandler(e.detail,a)},!s&&e.Z(`div`,{class:`head`},e.Z(`div`,{class:`name`},a.displayName),!!a.time&&e.Z(`div`,{class:`time`,title:n.r(a.time)},n.n(a.time,new Date(Date.now())))),e.Z(`div`,{class:`body`},a.type===`text`&&e.Z(`rtk-text-message-view`,{text:a.message,isMarkdown:!0}),a.type===`file`&&e.Z(`rtk-file-message-view`,{name:a.name,url:a.link,size:a.size}),a.type===`image`&&e.Z(`rtk-image-message-view`,{url:a.link,onPreview:()=>{this.stateUpdate.emit({image:a})}}))),a.pinned&&e.Z(`div`,{class:`pin-button`,part:`pin-button`},e.Z(`rtk-tooltip`,{label:this.t(`unpin`)},e.Z(`rtk-button`,{kind:`icon`,variant:`ghost`,onClick:()=>this.onMessageActionHandler(`pin_message`,a),disabled:!this.canPinMessages},e.Z(`rtk-icon`,{icon:this.iconPack.pin,size:`sm`}))))))}return null}))),e.Z(`div`,{key:`d6d8dd49909ce709059c37a36a2a2bbb00ddadce`,class:`show-new-messages-ctr`},e.Z(`rtk-button`,{key:`4ce0073d4c5ea5116d555557e8bdbac52a68b34a`,class:{"show-new-messages":!0,active:this.showLatestMessageButton},kind:`icon`,part:`show-new-messages`,onClick:this.scrollToBottom},e.Z(`rtk-icon`,{key:`8e62ffccf8ac65eafead0442eaa4fb4447d5083a`,icon:this.iconPack.chevron_down}))))}static get watchers(){return{messages:[`chatChanged`],selectedGroup:[`selectedBucketChanged`]}}};a([t.t()],s.prototype,`iconPack`,void 0),a([t.t()],s.prototype,`t`,void 0),s.style=i,exports.rtk_chat_messages_ui=s;
+//# sourceMappingURL=rtk-chat-messages-ui.entry-DJyj1qxr.cjs.map