@qoretechnologies/reqraft 0.10.13-pr.74.gccefa54 → 0.10.13

package/dist/components/ticketThread/TicketThread.js

@@ -1,248 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TicketThread = exports.ticketMessageDomId = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var reqore_1 = require("@qoretechnologies/reqore");
-var colors_1 = require("@qoretechnologies/reqore/dist/helpers/colors");
-var polished_1 = require("polished");
-var react_1 = require("react");
-var react_markdown_1 = __importDefault(require("react-markdown"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var common_1 = require("../../helpers/common");
-var imageLightbox_1 = require("../imageLightbox");
-var supportTicket_1 = require("../supportTicket");
-var AUTHOR_META = {
-    customer: { icon: 'User3Line' },
-    staff: { icon: 'CustomerService2Line' },
-    system: { icon: 'InformationLine' },
-};
-// Both sides share one accent: the side, the avatar and the author label already
-// carry who is speaking, which frees colour to mean "internal note" and nothing
-// else. `custom1` is a theme slot, so each host app supplies its own hue.
-var ACCENT = { main: 'custom1' };
-/** Avatar glyph; an internal note carries the "not visible to the customer" eye. */
-var authorIcon = function (message) {
-    return message.internal ? 'EyeOffLine' : AUTHOR_META[message.author_type].icon;
-};
-/** The label above a message. The customer view masks staff identity as "Qorus
- *  Support"; the staff view shows the real author with a role prefix. Internal
- *  notes always label as "Internal note" regardless of viewer. */
-var authorLabel = function (message, viewerRole) {
-    if (message.internal) {
-        return 'Internal note';
-    }
-    if (viewerRole === 'customer') {
-        return message.author_type === 'customer' ? 'You' : 'Qorus Support';
-    }
-    return "".concat(message.author_type === 'staff' ? 'Support' : 'Customer', " \u00B7 ").concat(message.author_id);
-};
-/**
- * DOM id of a message in the rendered thread.
- *
- * Exported rather than inlined so that anything wanting to reveal a message — a
- * "show in chat" action on a reference, a deep link — derives the id from the same
- * function the thread renders with. Two copies of the same template string is exactly
- * how that contract silently breaks when one side is renamed.
- */
-var ticketMessageDomId = function (messageId) { return "ticket-message-".concat(messageId); };
-exports.ticketMessageDomId = ticketMessageDomId;
-var StyledThread = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n\n  /*\n   * A thread too short to fill its scroller sits at the BOTTOM, against the\n   * composer, the way every chat surface behaves \u2014 otherwise the first reply\n   * floats at the top of a tall drawer with dead space beneath it, and each new\n   * message appears further from the box you just typed in.\n   *\n   * The auto top margin does the pushing rather than 'justify-content: flex-end':\n   * with flex-end, once the thread outgrows the scroller the overflow spills past\n   * the top edge and those first messages cannot be scrolled back into view. An\n   * auto margin only consumes FREE space, so it collapses to zero the moment the\n   * content overflows and normal scrolling is preserved.\n   *\n   * min-height needs a definite height on the scroll parent to resolve; where a\n   * consumer doesn't provide one it simply computes to auto and the thread keeps\n   * its natural top-aligned flow.\n   */\n  min-height: 100%;\n\n  > *:first-child {\n    margin-top: auto;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n\n  /*\n   * A thread too short to fill its scroller sits at the BOTTOM, against the\n   * composer, the way every chat surface behaves \u2014 otherwise the first reply\n   * floats at the top of a tall drawer with dead space beneath it, and each new\n   * message appears further from the box you just typed in.\n   *\n   * The auto top margin does the pushing rather than 'justify-content: flex-end':\n   * with flex-end, once the thread outgrows the scroller the overflow spills past\n   * the top edge and those first messages cannot be scrolled back into view. An\n   * auto margin only consumes FREE space, so it collapses to zero the moment the\n   * content overflows and normal scrolling is preserved.\n   *\n   * min-height needs a definite height on the scroll parent to resolve; where a\n   * consumer doesn't provide one it simply computes to auto and the thread keeps\n   * its natural top-aligned flow.\n   */\n  min-height: 100%;\n\n  > *:first-child {\n    margin-top: auto;\n  }\n"])));
-// The loading placeholder: pulsing skeleton "bubbles" alternating sides, so the
-// wait previews the thread it's about to become rather than a bare spinner. Built
-// from reqore's `ReqoreSkeleton` — the shape (avatar circle + a short label line +
-// N body lines) mirrors a real message. Sizes vary so it doesn't read as a grid.
-var SKELETON_BUBBLES = [
-    { self: false, lines: 2, width: 58 },
-    { self: true, lines: 1, width: 42 },
-    { self: true, lines: 3, width: 64 },
-    { self: false, lines: 2, width: 50 },
-    { self: false, lines: 1, width: 46 },
-    { self: true, lines: 2, width: 60 },
-    { self: false, lines: 3, width: 54 },
-];
-/*
- * The skeleton fills the height from the TOP, unlike a real thread, which sits at the
- * bottom against the composer. The bottom-pin is right for real messages — a short
- * conversation belongs next to the box you type in — but a placeholder inheriting it
- * clusters a few bubbles at the bottom under a large empty gap, which reads as a
- * broken render rather than "loading". A loading skeleton grows top-down, the
- * universal convention, so it occupies the space it's given no matter how tall.
- */
-var StyledSkeletonThread = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  min-height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  min-height: 100%;\n"])));
-var StyledSkeletonRow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: ", ";\n"], ["\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: ", ";\n"])), function (_a) {
-    var $self = _a.$self;
-    return ($self ? 'flex-end' : 'flex-start');
-});
-// Content stays left-aligned even on a right-side row — like a real bubble, where
-// the label sits top-left however the bubble is aligned; the row positions the
-// whole block, this just lays the lines out within it.
-var StyledSkeletonLines = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  align-items: flex-start;\n"])));
-var ConversationSkeleton = function () { return ((0, jsx_runtime_1.jsx)(StyledSkeletonThread, { "aria-busy": 'true', "aria-label": 'Loading conversation', children: SKELETON_BUBBLES.map(function (bubble, index) {
-        var avatar = (0, jsx_runtime_1.jsx)(reqore_1.ReqoreSkeleton, { circle: true, width: '30px', height: '30px' });
-        return ((0, jsx_runtime_1.jsxs)(StyledSkeletonRow, { "$self": bubble.self, children: [!bubble.self && avatar, (0, jsx_runtime_1.jsxs)(StyledSkeletonLines, { style: { width: "".concat(bubble.width, "%") }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreSkeleton, { width: '38%', height: '10px' }), Array.from({ length: bubble.lines }).map(function (_, line) { return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreSkeleton, { width: line === bubble.lines - 1 ? '72%' : '100%', height: '8px' }, line)); })] }), bubble.self && avatar] }, index));
-    }) })); };
-// Debosses the empty state: washes the icon + title back with opacity (kept
-// theme-agnostic) and adds a faint light edge below, so "No messages yet" reads
-// as pressed into the surface rather than announced.
-var StyledEmpty = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  /*\n   * Centre the placeholder in the space it's given rather than letting it sit at the\n   * top. Like the thread, this fills its scroll parent (min-height: 100%, which needs a\n   * definite height to resolve \u2014 the drawer body provides one; where a consumer doesn't,\n   * it collapses to auto and the state keeps its natural top-aligned flow).\n   */\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  .reqore-icon {\n    opacity: 0.28;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    opacity: 0.4;\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);\n  }\n"], ["\n  /*\n   * Centre the placeholder in the space it's given rather than letting it sit at the\n   * top. Like the thread, this fills its scroll parent (min-height: 100%, which needs a\n   * definite height to resolve \u2014 the drawer body provides one; where a consumer doesn't,\n   * it collapses to auto and the state keeps its natural top-aligned flow).\n   */\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  .reqore-icon {\n    opacity: 0.28;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    opacity: 0.4;\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);\n  }\n"])));
-// System messages read as a centered muted note between cards; the nested rule
-// flattens react-markdown's own <p> margins so it sits on one line.
-var StyledSystemRow = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 11px;\n  opacity: 0.55;\n  text-align: center;\n  p {\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 11px;\n  opacity: 0.55;\n  text-align: center;\n  p {\n    margin: 0;\n  }\n"])));
-// The message body, washed a step below the bright author name in the card's
-// header so the two read as different things; in-body **bold** lifts back toward
-// full strength as emphasis. Every colour derives from the active Reqore theme
-// rather than a hardcoded hex, so the thread reads correctly on any host app.
-var StyledMarkdown = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  word-break: break-word;\n\n  > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin: 0 0 6px;\n  }\n  strong {\n    color: ", ";\n    font-weight: 600;\n  }\n  ul,\n  ol {\n    margin: 4px 0;\n    padding-left: 18px;\n  }\n  li {\n    margin: 2px 0;\n  }\n  code {\n    font-family: monospace;\n    background: ", ";\n    padding: 1px 5px;\n    border-radius: 4px;\n  }\n  pre {\n    margin: 6px 0;\n    padding: 8px 10px;\n    background: rgba(0, 0, 0, 0.35);\n    border-radius: 4px;\n    overflow-x: auto;\n  }\n  pre code {\n    background: none;\n    padding: 0;\n    white-space: pre;\n  }\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n"], ["\n  color: ", ";\n  word-break: break-word;\n\n  > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin: 0 0 6px;\n  }\n  strong {\n    color: ", ";\n    font-weight: 600;\n  }\n  ul,\n  ol {\n    margin: 4px 0;\n    padding-left: 18px;\n  }\n  li {\n    margin: 2px 0;\n  }\n  code {\n    font-family: monospace;\n    background: ", ";\n    padding: 1px 5px;\n    border-radius: 4px;\n  }\n  pre {\n    margin: 6px 0;\n    padding: 8px 10px;\n    background: rgba(0, 0, 0, 0.35);\n    border-radius: 4px;\n    overflow-x: auto;\n  }\n  pre code {\n    background: none;\n    padding: 0;\n    white-space: pre;\n  }\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n"])), function (_a) {
-    var $color = _a.$color;
-    return $color;
-}, function (_a) {
-    var $emphasis = _a.$emphasis;
-    return $emphasis;
-}, function (_a) {
-    var $code = _a.$code;
-    return $code;
-}, function (_a) {
-    var $link = _a.$link;
-    return $link;
-});
-/** A message body rendered as markdown, tinted from the active theme. */
-var MessageBody = function (_a) {
-    var _b, _c;
-    var children = _a.children;
-    var theme = (0, reqore_1.useReqoreTheme)();
-    var readable = (0, colors_1.getReadableColor)(theme);
-    var link = (_c = (_b = theme.intents) === null || _b === void 0 ? void 0 : _b.info) !== null && _c !== void 0 ? _c : readable;
-    return ((0, jsx_runtime_1.jsx)(StyledMarkdown, { "$color": (0, polished_1.rgba)(readable, 0.72), "$emphasis": (0, polished_1.rgba)(readable, 0.95), "$code": (0, polished_1.rgba)(readable, 0.1), "$link": link, children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { children: children }) }));
-};
-/** A file attachment as a download chip — the fallback for every non-image, and for
- *  images when no `fetchAttachmentUrl` is wired. */
-var AttachmentChip = function (_a) {
-    var attachment = _a.attachment, onDownloadAttachment = _a.onDownloadAttachment;
-    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { icon: 'Download2Line', size: 'small', flat: true, badge: (0, common_1.formatBytes)(attachment.size_bytes), tooltip: "".concat(attachment.content_type, " \u00B7 download"), onClick: function () { return onDownloadAttachment === null || onDownloadAttachment === void 0 ? void 0 : onDownloadAttachment(attachment.attachment_id, attachment.filename); }, children: attachment.filename }));
-};
-var StyledThumb = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  appearance: none;\n  padding: 0;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  overflow: hidden;\n  background: ", ";\n  cursor: zoom-in;\n  line-height: 0;\n  display: block;\n\n  img {\n    display: block;\n    max-width: 240px;\n    max-height: 200px;\n    object-fit: cover;\n  }\n"], ["\n  appearance: none;\n  padding: 0;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  overflow: hidden;\n  background: ", ";\n  cursor: zoom-in;\n  line-height: 0;\n  display: block;\n\n  img {\n    display: block;\n    max-width: 240px;\n    max-height: 200px;\n    object-fit: cover;\n  }\n"])), (0, polished_1.rgba)('#ffffff', 0.12), (0, polished_1.rgba)('#000000', 0.25));
-/**
- * An image attachment as a thumbnail; clicking it opens the shared `ImageLightbox`
- * (owned by `AttachmentList`, which knows the whole image set for paging). The bytes
- * come from `fetchAttachmentUrl`, so until they arrive a skeleton holds the space, and
- * if the fetch fails the attachment degrades to the same download chip as any other
- * file rather than showing a broken image.
- */
-var ImageThumb = function (_a) {
-    var attachment = _a.attachment, fetchAttachmentUrl = _a.fetchAttachmentUrl, onOpen = _a.onOpen, onDownloadAttachment = _a.onDownloadAttachment;
-    var _b = (0, react_1.useState)(null), url = _b[0], setUrl = _b[1];
-    var _c = (0, react_1.useState)(false), failed = _c[0], setFailed = _c[1];
-    (0, react_1.useEffect)(function () {
-        var alive = true;
-        fetchAttachmentUrl(attachment.attachment_id)
-            .then(function (resolved) { return alive && setUrl(resolved); })
-            .catch(function () { return alive && setFailed(true); });
-        return function () {
-            alive = false;
-        };
-    }, [attachment.attachment_id]);
-    if (failed) {
-        return (0, jsx_runtime_1.jsx)(AttachmentChip, { attachment: attachment, onDownloadAttachment: onDownloadAttachment });
-    }
-    if (!url) {
-        return (0, jsx_runtime_1.jsx)(reqore_1.ReqoreSkeleton, { width: '180px', height: '120px' });
-    }
-    return ((0, jsx_runtime_1.jsx)(StyledThumb, { type: 'button', title: "".concat(attachment.filename, " \u2014 click to enlarge"), onClick: onOpen, children: (0, jsx_runtime_1.jsx)("img", { src: url, alt: attachment.filename }) }));
-};
-/**
- * A message's attachments, split into two rows: previewable images as a row of
- * thumbnails, and everything else as a row of download chips beneath.
- *
- * They can't share one wrapping row — a thumbnail is ~120px tall and a chip ~26px, so
- * mixed together the chips wrap raggedly around the image and the group reads as
- * broken. Grouping by kind keeps each row uniform. Images only preview when a
- * `fetchAttachmentUrl` is wired; without it they're files like any other and fall into
- * the chip row.
- */
-var AttachmentList = function (_a) {
-    var attachments = _a.attachments, fetchAttachmentUrl = _a.fetchAttachmentUrl, onDownloadAttachment = _a.onDownloadAttachment;
-    var previewable = Boolean(fetchAttachmentUrl);
-    var images = previewable ? attachments.filter(function (a) { return (0, common_1.isImage)(a.content_type); }) : [];
-    var imageIds = new Set(images.map(function (a) { return a.attachment_id; }));
-    var files = attachments.filter(function (a) { return !imageIds.has(a.attachment_id); });
-    // which image the shared lightbox is showing; null = closed
-    var _b = (0, react_1.useState)(null), openIndex = _b[0], setOpenIndex = _b[1];
-    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { vertical: true, gapSize: 'small', style: { marginTop: 8 }, children: [images.length ? ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreControlGroup, { wrap: true, gapSize: 'small', verticalAlign: 'flex-start', children: images.map(function (attachment, index) { return ((0, jsx_runtime_1.jsx)(ImageThumb, { attachment: attachment, fetchAttachmentUrl: fetchAttachmentUrl, onOpen: function () { return setOpenIndex(index); }, onDownloadAttachment: onDownloadAttachment }, attachment.attachment_id)); }) })) : null, files.length ? ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreControlGroup, { wrap: true, gapSize: 'small', children: files.map(function (attachment) { return ((0, jsx_runtime_1.jsx)(AttachmentChip, { attachment: attachment, onDownloadAttachment: onDownloadAttachment }, attachment.attachment_id)); }) })) : null, openIndex !== null && fetchAttachmentUrl ? ((0, jsx_runtime_1.jsx)(imageLightbox_1.ImageLightbox, { images: images, index: openIndex, onIndex: setOpenIndex, onClose: function () { return setOpenIndex(null); }, fetchAttachmentUrl: fetchAttachmentUrl, onDownload: onDownloadAttachment })) : null] }));
-};
-/** Split the thread into centred system lines and runs of consecutive non-system
- *  messages — each run becomes one `ReqoreBubbleGroup`, which is what collapses a
- *  same-side burst onto a single timestamp. */
-var toSegments = function (messages) {
-    var segments = [];
-    for (var _i = 0, messages_1 = messages; _i < messages_1.length; _i++) {
-        var message = messages_1[_i];
-        if (message.author_type === 'system') {
-            segments.push({ kind: 'system', message: message });
-            continue;
-        }
-        var last = segments[segments.length - 1];
-        if ((last === null || last === void 0 ? void 0 : last.kind) === 'bubbles') {
-            last.messages.push(message);
-        }
-        else {
-            segments.push({ kind: 'bubbles', messages: [message] });
-        }
-    }
-    return segments;
-};
-var TicketThread = function (_a) {
-    var messages = _a.messages, _b = _a.viewerRole, viewerRole = _b === void 0 ? 'customer' : _b, loading = _a.loading, onDownloadAttachment = _a.onDownloadAttachment, fetchAttachmentUrl = _a.fetchAttachmentUrl, resolveInterfaceIcon = _a.resolveInterfaceIcon, onInterfaceClick = _a.onInterfaceClick;
-    // Open scrolled to the newest message, and follow new arrivals down — a thread is read
-    // from the bottom, like any chat. Keyed on the message COUNT so it fires on open and when
-    // a reply lands, not on every re-render (which would fight a user who has scrolled up to
-    // read history). Scrolls the nearest scrollable ancestor (the drawer body) straight to its
-    // end rather than scrollIntoView on a sentinel — scrollIntoView also drags any outer scroll
-    // container around and stops one bottom-padding short of the real end.
-    var threadRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        // Find the thread's OWN scroll container — the nearest ancestor that actually scrolls
-        // (overflow-y auto/scroll), not merely the first one that currently overflows. A short
-        // thread's container fits its content, so a "does it overflow?" test would walk straight
-        // past it and scroll the whole page/panel to the bottom instead.
-        var scroller = (_b = (_a = threadRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) !== null && _b !== void 0 ? _b : null;
-        while (scroller) {
-            var overflowY = getComputedStyle(scroller).overflowY;
-            if (overflowY === 'auto' || overflowY === 'scroll') {
-                break;
-            }
-            scroller = scroller.parentElement;
-        }
-        if (scroller) {
-            scroller.scrollTop = scroller.scrollHeight;
-        }
-    }, [messages.length]);
-    // Segment the flat message list into system rows + author-grouped bubble runs once per
-    // message change — not on every re-render (scroll, hover and resize all re-render this).
-    var segments = (0, react_1.useMemo)(function () { return toSegments(messages); }, [messages]);
-    if (loading) {
-        return (0, jsx_runtime_1.jsx)(ConversationSkeleton, {});
-    }
-    if (!messages.length) {
-        return ((0, jsx_runtime_1.jsx)(StyledEmpty, { children: (0, jsx_runtime_1.jsx)(reqore_1.ReqoreEmptyState, { icon: 'Chat3Line', title: 'No messages yet', flat: true, transparent: true }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(StyledThread, { ref: threadRef, children: [segments.map(function (segment, index) {
-                return segment.kind === 'system' ? ((0, jsx_runtime_1.jsxs)(StyledSystemRow, { id: (0, exports.ticketMessageDomId)(segment.message.message_id), children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'InformationLine', size: 'tiny' }), (0, jsx_runtime_1.jsx)(react_markdown_1.default, { children: segment.message.body })] }, segment.message.message_id)) : ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreBubbleGroup, { children: segment.messages.map(function (message) {
-                        var _a, _b;
-                        return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreBubble, { 
-                            // anchor for "show in chat"; ReqoreBubble forwards unknown props to
-                            // its DOM node, so this lands on the rendered element
-                            id: (0, exports.ticketMessageDomId)(message.message_id), size: 'small', maxWidth: '76%', align: message.author_type === viewerRole ? 'right' : 'left', avatar: { icon: authorIcon(message) }, label: authorLabel(message, viewerRole), timestamp: message.created ? (0, jsx_runtime_1.jsx)(reqore_1.ReqoreTimeAgo, { time: message.created }) : undefined, intent: message.internal ? 'warning' : undefined, customTheme: message.internal ? undefined : ACCENT, flat: false, minimal: true, children: [(0, jsx_runtime_1.jsx)(MessageBody, { children: message.body }), ((_a = message.attachments) === null || _a === void 0 ? void 0 : _a.length) ? ((0, jsx_runtime_1.jsx)(AttachmentList, { attachments: message.attachments, fetchAttachmentUrl: fetchAttachmentUrl, onDownloadAttachment: onDownloadAttachment })) : null, ((_b = message.referenced_interfaces) === null || _b === void 0 ? void 0 : _b.length) ? ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 8 }, children: (0, jsx_runtime_1.jsx)(supportTicket_1.InterfaceReferenceTags, { size: 'tiny', customTheme: ACCENT, references: message.referenced_interfaces, resolveInterfaceIcon: resolveInterfaceIcon, onInterfaceClick: onInterfaceClick }) })) : null] }, message.message_id));
-                    }) }, "group-".concat(index)));
-            }), (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreP, { size: 'tiny', effect: { opacity: 0.5, textAlign: 'center' }, children: [messages.length, " message", messages.length === 1 ? '' : 's'] })] }));
-};
-exports.TicketThread = TicketThread;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-//# sourceMappingURL=TicketThread.js.map

package/dist/components/ticketThread/TicketThread.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TicketThread.js","sourceRoot":"","sources":["../../../src/components/ticketThread/TicketThread.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,mDAWkC;AAClC,uEAAgF;AAEhF,qCAAgC;AAChC,+BAA6E;AAC7E,kEAA2C;AAC3C,wEAAuC;AACvC,+CAA4D;AAC5D,kDAAiD;AACjD,kDAK0B;AA0E1B,IAAM,WAAW,GAA8C;IAC7D,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;IAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE;IACvC,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;CACpC,CAAC;AAEF,iFAAiF;AACjF,gFAAgF;AAChF,0EAA0E;AAC1E,IAAM,MAAM,GAAuD,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAEvF,oFAAoF;AACpF,IAAM,UAAU,GAAG,UAAC,OAA6B;IAC/C,OAAA,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,IAAI;AAAvE,CAAuE,CAAC;AAG1E;;kEAEkE;AAClE,IAAM,WAAW,GAAG,UAAC,OAA6B,EAAE,UAA6B;IAC/E,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;QACrB,OAAO,eAAe,CAAC;IACzB,CAAC;IACD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,OAAO,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IACtE,CAAC;IACD,OAAO,UAAG,OAAO,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,qBAAM,OAAO,CAAC,SAAS,CAAE,CAAC;AAC9F,CAAC,CAAC;AAEF;;;;;;;GAOG;AACI,IAAM,kBAAkB,GAAG,UAAC,SAAiB,IAAa,OAAA,yBAAkB,SAAS,CAAE,EAA7B,CAA6B,CAAC;AAAlF,QAAA,kBAAkB,sBAAgE;AAE/F,IAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,wnCAAA,qjCA2B9B,IAAA,CAAC;AAEF,gFAAgF;AAChF,kFAAkF;AAClF,mFAAmF;AACnF,iFAAiF;AACjF,IAAM,gBAAgB,GAAsD;IAC1E,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;CACrC,CAAC;AAEF;;;;;;;GAOG;AACH,IAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,uKAAA,oGAMtC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,6JAAoB,mFAInC,EAAkD,KACtE,KADoB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;AAAnC,CAAmC,CACtE,CAAC;AAEF,kFAAkF;AAClF,+EAA+E;AAC/E,uDAAuD;AACvD,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,6JAAA,0FAKrC,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,cAAM,OAAA,CACjC,uBAAC,oBAAoB,iBAAW,MAAM,gBAAY,sBAAsB,YACrE,gBAAgB,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;QAClC,IAAM,MAAM,GAAG,uBAAC,uBAAc,IAAC,MAAM,QAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAAC;QACpE,OAAO,CACL,wBAAC,iBAAiB,aAAoB,MAAM,CAAC,IAAI,aAC9C,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,EACvB,wBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,MAAM,CAAC,KAAK,MAAG,EAAE,aACvD,uBAAC,uBAAc,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,GAAG,EAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,IAAI,IAAK,OAAA,CACrD,uBAAC,uBAAc,IAEb,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EACjD,MAAM,EAAC,KAAK,IAFP,IAAI,CAGT,CACH,EANsD,CAMtD,CAAC,IACkB,EACrB,MAAM,CAAC,IAAI,IAAI,MAAM,KAZA,KAAK,CAaT,CACrB,CAAC;IACJ,CAAC,CAAC,GACmB,CACxB,EAtBkC,CAsBlC,CAAC;AAEF,4EAA4E;AAC5E,gFAAgF;AAChF,qDAAqD;AACrD,IAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,8sBAAA,2oBAyB7B,IAAA,CAAC;AAEF,+EAA+E;AAC/E,oEAAoE;AACpE,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,mPAAA,gLAWjC,IAAA,CAAC;AASF,6EAA6E;AAC7E,iFAAiF;AACjF,+EAA+E;AAC/E,8EAA8E;AAC9E,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,o1BAAsB,aAC5C,EAAsB,2LAcpB,EAA4B,0LAavB,EAAoB,8SAiBzB,EAAoB,yFAMhC,KAlDU,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM;AAAN,CAAM,EAcpB,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,EAavB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EAiBzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,CAMhC,CAAC;AAEF,yEAAyE;AACzE,IAAM,WAAW,GAAG,UAAC,EAAkC;;QAAhC,QAAQ,cAAA;IAC7B,IAAM,KAAK,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,CAAC;IACzC,IAAM,IAAI,GAAG,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,mCAAI,QAAQ,CAAC;IAC7C,OAAO,CACL,uBAAC,cAAc,cACL,IAAA,eAAI,EAAC,QAAQ,EAAE,IAAI,CAAC,eACjB,IAAA,eAAI,EAAC,QAAQ,EAAE,IAAI,CAAC,WACxB,IAAA,eAAI,EAAC,QAAQ,EAAE,GAAG,CAAC,WACnB,IAAI,YAEX,uBAAC,wBAAa,cAAE,QAAQ,GAAiB,GAC1B,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF;oDACoD;AACpD,IAAM,cAAc,GAAG,UAAC,EAMvB;QALC,UAAU,gBAAA,EACV,oBAAoB,0BAAA;IAIhB,OAAA,CACJ,uBAAC,qBAAY,IACX,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,OAAO,EACZ,IAAI,QACJ,KAAK,EAAE,IAAA,oBAAW,EAAC,UAAU,CAAC,UAAU,CAAC,EACzC,OAAO,EAAE,UAAG,UAAU,CAAC,YAAY,qBAAa,EAChD,OAAO,EAAE,cAAM,OAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,QAAQ,CAAC,EAArE,CAAqE,YAEnF,UAAU,CAAC,QAAQ,GACP,CAChB;AAXK,CAWL,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,MAAM,6WAAA,4DAGX,EAAqB,+DAG3B,EAAqB,2KAWpC,KAdqB,IAAA,eAAI,EAAC,SAAS,EAAE,IAAI,CAAC,EAG3B,IAAA,eAAI,EAAC,SAAS,EAAE,IAAI,CAAC,CAWpC,CAAC;AAEF;;;;;;GAMG;AACH,IAAM,UAAU,GAAG,UAAC,EAUnB;QATC,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,oBAAoB,0BAAA;IAOd,IAAA,KAAgB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAA5C,GAAG,QAAA,EAAE,MAAM,QAAiC,CAAC;IAC9C,IAAA,KAAsB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA7C,MAAM,QAAA,EAAE,SAAS,QAA4B,CAAC;IAErD,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,kBAAkB,CAAC,UAAU,CAAC,aAAa,CAAC;aACzC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAzB,CAAyB,CAAC;aAC7C,KAAK,CAAC,cAAM,OAAA,KAAK,IAAI,SAAS,CAAC,IAAI,CAAC,EAAxB,CAAwB,CAAC,CAAC;QACzC,OAAO;YACL,KAAK,GAAG,KAAK,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/B,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,uBAAC,cAAc,IAAC,UAAU,EAAE,UAAU,EAAE,oBAAoB,EAAE,oBAAoB,GAAI,CAAC;IAChG,CAAC;IACD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,uBAAC,uBAAc,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,GAAG,CAAC;IACzD,CAAC;IACD,OAAO,CACL,uBAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,UAAG,UAAU,CAAC,QAAQ,6BAAqB,EAAE,OAAO,EAAE,MAAM,YAC5F,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,CAAC,QAAQ,GAAI,GAC/B,CACf,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,IAAM,cAAc,GAAG,UAAC,EAQvB;QAPC,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAMpB,IAAM,WAAW,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAChD,IAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,IAAA,gBAAO,EAAC,CAAC,CAAC,YAAY,CAAC,EAAvB,CAAuB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrF,IAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,aAAa,EAAf,CAAe,CAAC,CAAC,CAAC;IAC7D,IAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,EAA9B,CAA8B,CAAC,CAAC;IACxE,4DAA4D;IACtD,IAAA,KAA4B,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAAxD,SAAS,QAAA,EAAE,YAAY,QAAiC,CAAC;IAEhE,OAAO,CACL,wBAAC,2BAAkB,IAAC,QAAQ,QAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,aACjE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,uBAAC,2BAAkB,IAAC,IAAI,QAAC,OAAO,EAAC,OAAO,EAAC,aAAa,EAAC,YAAY,YAChE,MAAM,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,KAAK,IAAK,OAAA,CACjC,uBAAC,UAAU,IAET,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAmB,EACvC,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACjC,oBAAoB,EAAE,oBAAoB,IAJrC,UAAU,CAAC,aAAa,CAK7B,CACH,EARkC,CAQlC,CAAC,GACiB,CACtB,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,2BAAkB,IAAC,IAAI,QAAC,OAAO,EAAC,OAAO,YACrC,KAAK,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACzB,uBAAC,cAAc,IAEb,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,IAFrC,UAAU,CAAC,aAAa,CAG7B,CACH,EAN0B,CAM1B,CAAC,GACiB,CACtB,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,KAAK,IAAI,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAC1C,uBAAC,6BAAa,IACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,oBAAoB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,IACW,CACtB,CAAC;AACJ,CAAC,CAAC;AAMF;;+CAE+C;AAC/C,IAAM,UAAU,GAAG,UAAC,QAAgC;IAClD,IAAM,QAAQ,GAAqB,EAAE,CAAC;IAEtC,KAAsB,UAAQ,EAAR,qBAAQ,EAAR,sBAAQ,EAAR,IAAQ,EAAE,CAAC;QAA5B,IAAM,OAAO,iBAAA;QAChB,IAAI,OAAO,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;YACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;YAC3C,SAAS;QACX,CAAC;QACD,IAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,SAAS,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEK,IAAM,YAAY,GAAG,UAAC,EAQR;QAPnB,QAAQ,cAAA,EACR,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA;IAEhB,uFAAuF;IACvF,0FAA0F;IAC1F,yFAAyF;IACzF,2FAA2F;IAC3F,4FAA4F;IAC5F,uEAAuE;IACvE,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,IAAA,iBAAS,EAAC;;QACR,sFAAsF;QACtF,uFAAuF;QACvF,yFAAyF;QACzF,iEAAiE;QACjE,IAAI,QAAQ,GAAG,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,aAAa,mCAAI,IAAI,CAAC;QACxD,OAAO,QAAQ,EAAE,CAAC;YAChB,IAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC;YACvD,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;gBACnD,MAAM;YACR,CAAC;YACD,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC;QACpC,CAAC;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtB,uFAAuF;IACvF,yFAAyF;IACzF,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,UAAU,CAAC,QAAQ,CAAC,EAApB,CAAoB,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,uBAAC,oBAAoB,KAAG,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,uBAAC,WAAW,cACV,uBAAC,yBAAgB,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,QAAC,WAAW,SAAG,GAClE,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBAAC,YAAY,IAAC,GAAG,EAAE,SAAS,aACzB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;gBAC3B,OAAA,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,wBAAC,eAAe,IAEd,EAAE,EAAE,IAAA,0BAAkB,EAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,aAElD,uBAAC,mBAAU,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,EACjD,uBAAC,wBAAa,cAAE,OAAO,CAAC,OAAO,CAAC,IAAI,GAAiB,KAJhD,OAAO,CAAC,OAAO,CAAC,UAAU,CAKf,CACnB,CAAC,CAAC,CAAC,CACF,uBAAC,0BAAiB,cACf,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO;;wBAAK,OAAA,CACjC,wBAAC,qBAAY;4BAEX,oEAAoE;4BACpE,sDAAsD;4BACtD,EAAE,EAAE,IAAA,0BAAkB,EAAC,OAAO,CAAC,UAAU,CAAC,EAC1C,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,KAAK,EACd,KAAK,EAAE,OAAO,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC5D,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,EACrC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,EACvC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAC,sBAAa,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,SAAS,EACjF,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAClD,IAAI,EAAE,KAAK,EACX,OAAO,mBAEP,uBAAC,WAAW,cAAE,OAAO,CAAC,IAAI,GAAe,EACxC,CAAA,MAAA,OAAO,CAAC,WAAW,0CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,uBAAC,cAAc,IACb,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC,CAAC,CAAC,IAAI,EACP,CAAA,MAAA,OAAO,CAAC,qBAAqB,0CAAE,MAAM,EAAC,CAAC,CAAC,CACvC,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAC1B,uBAAC,sCAAsB,IACrB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,EACzC,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,GAClC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,KAjCH,OAAO,CAAC,UAAU,CAkCV,CAChB,CAAA;qBAAA,CAAC,IAtCoB,gBAAS,KAAK,CAAE,CAuCpB,CACrB;YAjDD,CAiDC,CACF,EACD,wBAAC,gBAAO,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,aAC/D,QAAQ,CAAC,MAAM,cAAU,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAClD,IACG,CAChB,CAAC;AACJ,CAAC,CAAC;AA7GW,QAAA,YAAY,gBA6GvB"}

package/dist/components/ticketThread/index.d.ts

@@ -1,3 +0,0 @@
-export { TicketThread, ticketMessageDomId } from './TicketThread';
-export type { ITicketThreadAttachment, ITicketThreadMessage, ITicketThreadProps, } from './TicketThread';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ticketThread/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ticketThread/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC"}

package/dist/components/ticketThread/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ticketMessageDomId = exports.TicketThread = void 0;
-var TicketThread_1 = require("./TicketThread");
-Object.defineProperty(exports, "TicketThread", { enumerable: true, get: function () { return TicketThread_1.TicketThread; } });
-Object.defineProperty(exports, "ticketMessageDomId", { enumerable: true, get: function () { return TicketThread_1.ticketMessageDomId; } });
-//# sourceMappingURL=index.js.map

package/dist/components/ticketThread/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ticketThread/index.ts"],"names":[],"mappings":";;;AAAA,+CAAkE;AAAzD,4GAAA,YAAY,OAAA;AAAE,kHAAA,kBAAkB,OAAA"}

package/dist/helpers/scrollbar.d.ts

@@ -1,2 +0,0 @@
-export declare const thinScrollbar: any;
-//# sourceMappingURL=scrollbar.d.ts.map

package/dist/helpers/scrollbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../src/helpers/scrollbar.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,aAAa,KAezB,CAAC"}

package/dist/helpers/scrollbar.js

@@ -1,25 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.thinScrollbar = void 0;
-var styled_components_1 = require("styled-components");
-/*
- * The thin, unobtrusive scrollbar the Qorus surfaces use — a transparent track and a
- * translucent rounded thumb — in place of the platform default, which reads as heavy
- * chrome inside a dark panel. Drop it into any `styled` scroll container:
- *
- *   const Scroll = styled.div`
- *     overflow-y: auto;
- *     ${thinScrollbar}
- *   `;
- *
- * webkit-only on purpose: setting `scrollbar-width` as well lets Chromium override this
- * custom 6px with its own wider "thin", so the two disagree. Firefox keeps its native
- * bar, which is already slim.
- */
-exports.thinScrollbar = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.15);\n    border-radius: 3px;\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    background: rgba(255, 255, 255, 0.28);\n  }\n"], ["\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.15);\n    border-radius: 3px;\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    background: rgba(255, 255, 255, 0.28);\n  }\n"])));
-var templateObject_1;
-//# sourceMappingURL=scrollbar.js.map

package/dist/helpers/scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.js","sourceRoot":"","sources":["../../src/helpers/scrollbar.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAwC;AAExC;;;;;;;;;;;;;GAaG;AACU,QAAA,aAAa,OAAG,uBAAG,8YAAA,0UAe/B,KAAC"}

package/src/components/composer/Composer.stories.tsx

@@ -1,238 +0,0 @@
-import { ReqoreButton, ReqoreTag, ReqoreUIProvider } from '@qoretechnologies/reqore';
-import { StoryObj } from '@storybook/react-vite';
-import { expect, fn, userEvent, waitFor, within } from 'storybook/test';
-import { StoryMeta } from '../../types';
-import { Composer } from './Composer';
-
-const meta = {
-  component: Composer,
-  title: 'Components/Composer',
-  args: {
-    onSend: fn(),
-  },
-} as StoryMeta<typeof Composer>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/**
- * The default: the rich, Qonsole-style editor (`ReqoreRichTextEditor`). It renders
- * a Slate contenteditable (not a `<textarea>`), an attach button, and Send.
- */
-export const Rich: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          'Renders the default rich editor — a Slate contenteditable (not a textarea) with an attach button and Send, seeded with a multi-line draft.',
-      },
-    },
-  },
-  args: {
-    placeholder: 'Write a message…',
-    defaultText: 'A rich, multi-line draft.\nSecond paragraph survives as a newline.',
-  },
-  async play({ canvasElement }) {
-    await expect(canvasElement.querySelector('[contenteditable="true"]')).not.toBeNull();
-    await expect(canvasElement.querySelector('textarea')).toBeNull();
-    await expect(within(canvasElement).getByText('Send')).toBeInTheDocument();
-  },
-};
-
-/**
- * The `plain` variant — a `ReqoreTextarea`, used where a simple text field is
- * enough (and for deterministic tests). Typing enables Send; clicking it calls
- * `onSend` with the plain body and the staged files.
- */
-export const Plain: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          'Renders the plain textarea variant, where typing enables Send and clicking it calls onSend with the plain body and the staged files.',
-      },
-    },
-  },
-  args: { editor: 'plain' },
-  async play({ canvasElement, args }) {
-    const canvas = within(canvasElement);
-    const textarea = canvasElement.querySelector('textarea');
-    await expect(textarea).not.toBeNull();
-
-    await userEvent.type(textarea!, 'hello there');
-    await userEvent.click(canvas.getByText('Send'));
-    await waitFor(() =>
-      expect(args.onSend).toHaveBeenCalledWith(
-        'hello there',
-        expect.objectContaining({ files: [] })
-      )
-    );
-  },
-};
-
-/**
- * Multiple `sendActions` split the send button — a primary button plus a caret
- * dropdown. The primary is the first action; its `id` is echoed back to `onSend`.
- */
-export const SplitSend: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "Renders the composer with multiple sendActions, splitting Send into a primary Publish button plus a caret dropdown — sending echoes the chosen action's id back to onSend.",
-      },
-    },
-  },
-  args: {
-    editor: 'plain',
-    sendActions: [
-      { id: 'publish', label: 'Publish', icon: 'SendPlane2Line' },
-      { id: 'draft', label: 'Save draft', icon: 'FileLine' },
-    ],
-  },
-  async play({ canvasElement, args }) {
-    const canvas = within(canvasElement);
-    const textarea = canvasElement.querySelector('textarea');
-    await userEvent.type(textarea!, 'ship it');
-    await userEvent.click(canvas.getByText('Publish'));
-    await waitFor(() =>
-      expect(args.onSend).toHaveBeenCalledWith(
-        'ship it',
-        expect.objectContaining({ action: 'publish' })
-      )
-    );
-  },
-};
-
-/**
- * A map of the composer's injection slots. The same Composer becomes the Qonsole
- * input or the helpdesk reply box by filling these — so here every slot renders a
- * tag naming itself, to show exactly where each one lands:
- *
- * - `attachMenuItems` — turns the `+` into a dropdown (open it for the entry)
- * - `toolbarStart` — after `+` on the left
- * - `footerActions` — after `toolbarStart`
- * - `rightActions` — just left of Send
- * - `aboveInput` — on top of the editor, inside the bar (Qonsole's reference chips)
- * - `belowInput` — under the whole bar
- */
-const slotTag = (name: string) => <ReqoreTag label={name} size='small' intent='info' />;
-
-export const WithSlots: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          'Renders every composer injection slot — attachMenuItems, toolbarStart, footerActions, rightActions, aboveInput, and belowInput — each filled with a self-naming tag, so the story reads as a legible map of where each slot lands.',
-      },
-    },
-  },
-  args: {
-    editor: 'plain',
-    attachMenuItems: () => [
-      { label: 'attachMenuItems entry', icon: 'CameraAiLine', onClick: fn() },
-    ],
-    toolbarStart: slotTag('toolbarStart'),
-    footerActions: slotTag('footerActions'),
-    rightActions: slotTag('rightActions'),
-    aboveInput: slotTag('aboveInput'),
-    belowInput: slotTag('belowInput'),
-  },
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    // every slot renders its own marker, so the story is a legible slot map
-    for (const slot of [
-      'toolbarStart',
-      'footerActions',
-      'rightActions',
-      'aboveInput',
-      'belowInput',
-    ]) {
-      await expect(canvas.getByText(slot)).toBeInTheDocument();
-    }
-  },
-};
-
-/**
- * Proof that the composer is configurable enough to *be* the qorus-ide Qonsole
- * input — no fork. Wrapped in qorus-ide's Reqore theme (`main #121212`,
- * `custom1 #762f7e`) and given the same effect + controls the real QonsoleInput
- * uses: the `custom1:darken` gradient bar, an icon-only `custom1` send, and the
- * `+` / `/` / compass controls in the slots. Compare against
- * :6006 story `qonsole-ui-components--business-impact`.
- */
-export const QonsoleReplica: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "Renders the composer configured to replicate qorus-ide's QonsoleInput — a dark custom1 theme, gradient bar, icon-only send, and the slash-commands and design-session compass controls in its slots.",
-      },
-    },
-  },
-  decorators: [
-    (Story) => (
-      <ReqoreUIProvider theme={{ main: '#121212', intents: { custom1: '#762f7e' } }}>
-        <div style={{ padding: 20, background: '#121212' }}>
-          <Story />
-        </div>
-      </ReqoreUIProvider>
-    ),
-  ],
-  args: {
-    placeholder: "Tell Qorus what you're trying to do…",
-    // the exact QonsoleInput bar effect (a custom1 gradient border + fill)
-    effect: { gradient: { direction: 'to bottom right', colors: 'custom1:darken:1:0.9' } },
-    // icon-only, custom1-themed, minimal — the Qonsole send
-    sendActions: [{ id: 'send', icon: 'SendPlane2Line', customTheme: { main: 'custom1' }, minimal: true }],
-    // `+` becomes a dropdown once it has extra items (screenshot / capture), like Qonsole
-    attachMenuItems: () => [
-      { label: 'Take screenshot', icon: 'CameraAiLine', onClick: fn() },
-      { label: 'Capture area', icon: 'CropLine', onClick: fn() },
-    ],
-    // the `/` slash-commands control (a stand-in for the Qonsole completions dropdown)
-    toolbarStart: (
-      <ReqoreButton
-        icon='SlashCommands2'
-        minimal
-        flat
-        size='small'
-        customTheme={{ main: 'custom1' }}
-        tooltip='Slash commands'
-      />
-    ),
-    // the design-session compass, left of send — exactly where QonsoleInput puts it
-    rightActions: (
-      <ReqoreButton
-        icon='Compass3Line'
-        minimal
-        flat
-        size='small'
-        customTheme={{ main: 'custom1' }}
-        tooltip='Start a design session'
-      />
-    ),
-  },
-  async play({ canvasElement }) {
-    // rich editor + the icon-only send (no "Send" label) render
-    await expect(canvasElement.querySelector('[contenteditable="true"]')).not.toBeNull();
-    await expect(within(canvasElement).queryByText('Send')).not.toBeInTheDocument();
-  },
-};
-
-/** `disabled` replaces the whole composer with a muted notice. */
-export const Disabled: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          'Renders the disabled state, where the whole composer is replaced by a muted notice showing the disabledReason.',
-      },
-    },
-  },
-  args: { disabled: true, disabledReason: 'This channel is read-only.' },
-  async play({ canvasElement }) {
-    await expect(within(canvasElement).getByText('This channel is read-only.')).toBeInTheDocument();
-    await expect(canvasElement.querySelector('textarea')).toBeNull();
-  },
-};