@qoretechnologies/reqraft 0.10.25 → 0.10.26

package/dist/components/supportTicket/TicketHeader.js

@@ -0,0 +1,149 @@
+"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.TicketHeaderText = exports.TicketHeader = exports.ticketTabBadge = exports.TICKET_TAB_ALIGN = exports.TicketTabsFrame = exports.ticketInitials = exports.TicketAvatar = exports.TicketPersonValue = exports.TicketMonoId = exports.TICKET_RAIL_ROW_HEIGHT = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var sizes_1 = require("@qoretechnologies/reqore/dist/constants/sizes");
+var styled_components_1 = __importDefault(require("styled-components"));
+/*
+ * The header every ticket surface puts above its tabs: the subject, the ticket's
+ * number, and a rail of labelled properties.
+ *
+ * Shared because it had already drifted. The staff drawer's header was redesigned
+ * into this definition-list rail while the customer's kept a heading, a tag row and
+ * a muted meta line — the same information, two layouts, and no way to change one
+ * without hand-copying it into the other. What each surface shows differs (staff
+ * edit the assignee; a customer reads who opened the ticket), so the rows are the
+ * caller's; the frame, the rhythm and the alignment rules are not.
+ */
+/** How wide the label column is. Fits "References" — the longest label in use. */
+var LABEL_WIDTH = '84px';
+/** Everything in the rail runs at one scale. */
+var RAIL_SIZE = 'small';
+/** Breathing room above and below each row's control — the rail's vertical rhythm. */
+var ROW_PADDING = 4;
+/**
+ * The height a tab item needs to sit on the rail's rhythm.
+ *
+ * Exported because the tab strip below the header has to match it and there is no
+ * Reqore prop for a tab's height: `size` sets it, and `padded` governs the items'
+ * horizontal edges, not the strip's. The height must go on the ITEM, never on the
+ * list — both of a tab's own surfaces are keyed to the item's box (the active marker
+ * is an inset shadow on its bottom edge, the hover wash fills it), so padding the
+ * list leaves the item floating in a taller strip: the marker lifts off the hairline
+ * and reads as a doubled line, and the wash reads as a floating box.
+ *
+ * This belongs in Reqore as a tab-height option rather than as a CSS rule each
+ * consumer re-applies. Until it exists, `TicketTabsFrame` is the single copy.
+ */
+exports.TICKET_RAIL_ROW_HEIGHT = sizes_1.SIZE_TO_PX[RAIL_SIZE] + ROW_PADDING * 2;
+/** The ticket number, set in mono so it reads as an identifier, not a heading. Exported
+ *  so the staff drawer (which puts the number in the drawer's own title, not the rail)
+ *  renders it identically rather than re-declaring the same span. */
+exports.TicketMonoId = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: ui-monospace, 'SF Mono', 'Menlo', monospace;\n  font-size: 11.5px;\n  color: rgba(255, 255, 255, 0.45);\n"], ["\n  font-family: ui-monospace, 'SF Mono', 'Menlo', monospace;\n  font-size: 11.5px;\n  color: rgba(255, 255, 255, 0.45);\n"])));
+/**
+ * A person: initials disc, then the name, on one baseline.
+ *
+ * One wrapper for every person in the rail — the assignee, the customer, the author.
+ * They were visibly different before: one went through a nested control group inside
+ * a button (its own gap and alignment) while another used a plain flex row, so the
+ * two drifted apart every time either was touched. The only difference left is that
+ * some of them are pressable.
+ */
+exports.TicketPersonValue = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n\n  /* the name yields before the disc does */\n  > span:last-child {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n\n  /* the name yields before the disc does */\n  > span:last-child {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])));
+/** Initials disc for a person. */
+exports.TicketAvatar = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n  border-radius: 999px;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 8px;\n  font-weight: 650;\n  color: #fff;\n  background: linear-gradient(150deg, #8a4fe6, #2c1140);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n"], ["\n  width: 18px;\n  height: 18px;\n  border-radius: 999px;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 8px;\n  font-weight: 650;\n  color: #fff;\n  background: linear-gradient(150deg, #8a4fe6, #2c1140);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n"])));
+/**
+ * Up to two initials from a handle ("nick.m@acme.io" → "NM"). Falls back to "?" so a
+ * handle made entirely of separators still renders a disc rather than an empty circle.
+ */
+var ticketInitials = function (name) {
+    return name
+        .split(/[\s._@-]+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map(function (part) { var _a, _b; return (_b = (_a = part[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== null && _b !== void 0 ? _b : ''; })
+        .join('') || '?';
+};
+exports.ticketInitials = ticketInitials;
+/**
+ * Wraps a ticket surface's tab strip so it joins the header rail's rhythm.
+ *
+ * See `TICKET_RAIL_ROW_HEIGHT` for why the height goes on the item and not the list.
+ */
+exports.TicketTabsFrame = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n\n  .reqore-tabs-list {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .reqore-tabs-list-item {\n    min-height: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n\n  .reqore-tabs-list {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .reqore-tabs-list-item {\n    min-height: ", "px;\n  }\n"])), exports.TICKET_RAIL_ROW_HEIGHT);
+/*
+ * Centre each tab's icon + label + count.
+ *
+ * With `fill`, every tab is far wider than its content, and ReqoreButton defaults
+ * `textAlign` to 'left' for non-square buttons — which also hands the leading icon a
+ * `margin-right: auto`, pinning the group against the left edge of its tab. Setting
+ * both alignments centres the group as a unit, so the strip reads as evenly spaced
+ * segments rather than left-huddled labels.
+ */
+exports.TICKET_TAB_ALIGN = {
+    textAlign: 'center',
+    iconsAlign: 'center',
+};
+/**
+ * A tab's count pill. The active tab's carries the accent; the rest stay neutral, so
+ * the strip reads as one selected item rather than several competing chips. Returns
+ * `undefined` for an empty count — a tab with nothing in it shows no badge at all.
+ */
+var ticketTabBadge = function (count, isActive, accent) {
+    if (!count) {
+        return undefined;
+    }
+    if (!isActive || !accent) {
+        return count;
+    }
+    return { label: count, color: accent.glow, effect: { color: accent.color } };
+};
+exports.ticketTabBadge = ticketTabBadge;
+var TicketHeader = function (_a) {
+    var subject = _a.subject, reference = _a.reference, properties = _a.properties, _b = _a.padding, padding = _b === void 0 ? 14 : _b, className = _a.className;
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreDescriptionList
+    /* The rail IS a description list — Reqore's, not a private copy. `contentSize`
+       is what makes it tabular with controls in it: it reserves a control's height on
+       every row and insets the values that aren't controls, so a dropdown row and a
+       plain-text row share both a height and a left edge. */
+    , { 
+        /* The rail IS a description list — Reqore's, not a private copy. `contentSize`
+           is what makes it tabular with controls in it: it reserves a control's height on
+           every row and insets the values that aren't controls, so a dropdown row and a
+           plain-text row share both a height and a left edge. */
+        contentSize: RAIL_SIZE, size: RAIL_SIZE, 
+        /* Labels are reference furniture, quieter and smaller than the values they name —
+           and "References" has to fit LABEL_WIDTH on one line at this scale. */
+        labelTextSize: 'tiny', 
+        /* The rail's rhythm, which the tab strip below is measured against — see
+           TICKET_RAIL_ROW_HEIGHT. Reqore's comfortable default would make the rows 52px
+           and the strip would no longer line up with them. */
+        rowPadding: 'tiny', labelWidth: LABEL_WIDTH, uppercaseLabels: true, flat: true, transparent: true, padded: false, contentStyle: { padding: "".concat(padding - 4, "px ").concat(padding, "px ").concat(padding - 6, "px") }, className: "".concat(className || '', " ticket-header"), label: subject ? (
+        /* The label is the panel's heading, which `padded={false}` leaves flush against
+           the edge — `contentStyle` only pads the rows. Pad the subject here so it lines
+           up with the values below it, using the same horizontal `padding` as the rows. */
+        (0, jsx_runtime_1.jsx)("div", { style: { padding: "".concat(padding, "px ").concat(padding, "px ").concat(padding - 8, "px"), minWidth: 0 }, children: (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { verticalAlign: 'center', gapSize: 'small', children: [(0, jsx_runtime_1.jsx)("span", { children: subject }), reference ? (0, jsx_runtime_1.jsx)(exports.TicketMonoId, { children: reference }) : null] }) })) : undefined, items: properties
+            .filter(function (property) { return property.when !== false; })
+            .map(function (property) { return ({
+            key: property.label,
+            label: property.label,
+            content: property.value,
+        }); }) }));
+};
+exports.TicketHeader = TicketHeader;
+/** A rail value that is plain text rather than a control — sized to match the rest. */
+var TicketHeaderText = function (_a) {
+    var children = _a.children, muted = _a.muted, tooltip = _a.tooltip;
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreSpan, { size: RAIL_SIZE, tooltip: tooltip, effect: muted ? { opacity: 0.5 } : undefined, children: children }));
+};
+exports.TicketHeaderText = TicketHeaderText;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=TicketHeader.js.map

package/dist/components/supportTicket/TicketHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketHeader.js","sourceRoot":"","sources":["../../../src/components/supportTicket/TicketHeader.tsx"],"names":[],"mappings":"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"}

package/dist/components/supportTicket/TicketMetaTags.d.ts

@@ -0,0 +1,32 @@
+import { TSizes } from '@qoretechnologies/reqore/dist/constants/sizes';
+import { TTicketCategory, TTicketPriority, TTicketStatus, TTicketViewerRole } from './meta';
+export interface ITicketMetaTagsProps {
+    /** The three enum values to badge — a full ticket satisfies this structurally. */
+    ticket: {
+        status: TTicketStatus;
+        priority: TTicketPriority;
+        category: TTicketCategory;
+    };
+    /** Picks audience-specific labels (e.g. "Awaiting your reply" vs "Awaiting
+     *  customer"). Omit for the staff / neutral wording. */
+    viewerRole?: TTicketViewerRole;
+    size?: TSizes;
+    /** Hide the category tag (e.g. in a dense list row). */
+    hideCategory?: boolean;
+    /** Reqore's subtle tag style — the intent colour as text on a faint wash,
+     *  instead of a solid intent fill. Defaults to `true`; pass `false` for the
+     *  old solid chips. */
+    minimal?: boolean;
+    /** Whether the tags are borderless (Reqore's `flat`). Defaults to `false` here,
+     *  so tags carry a border — a shade lighter than the fill — which keeps the
+     *  `minimal` tags legible. Pass `true` for no border. */
+    flat?: boolean;
+}
+/**
+ * The status / priority / category badge row for a ticket — the single place the
+ * three enum vocabularies (`../supportTicket/meta`) turn into Reqore tags, so the
+ * customer list, the staff queue, the detail header and the Qonsole card all read
+ * identically. Each tag's label, intent and icon come from the shared meta maps.
+ */
+export declare const TicketMetaTags: ({ ticket, viewerRole, size, hideCategory, minimal, flat, }: ITicketMetaTagsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TicketMetaTags.d.ts.map

package/dist/components/supportTicket/TicketMetaTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketMetaTags.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/TicketMetaTags.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAKL,eAAe,EACf,eAAe,EACf,aAAa,EACb,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAEhB,MAAM,WAAW,oBAAoB;IACnC,kFAAkF;IAClF,MAAM,EAAE;QACN,MAAM,EAAE,aAAa,CAAC;QACtB,QAAQ,EAAE,eAAe,CAAC;QAC1B,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF;4DACwD;IACxD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;2BAEuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;6DAEyD;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,+DAOxB,oBAAoB,4CAmCtB,CAAC"}

package/dist/components/supportTicket/TicketMetaTags.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TicketMetaTags = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var meta_1 = require("./meta");
+/**
+ * The status / priority / category badge row for a ticket — the single place the
+ * three enum vocabularies (`../supportTicket/meta`) turn into Reqore tags, so the
+ * customer list, the staff queue, the detail header and the Qonsole card all read
+ * identically. Each tag's label, intent and icon come from the shared meta maps.
+ */
+var TicketMetaTags = function (_a) {
+    var ticket = _a.ticket, viewerRole = _a.viewerRole, _b = _a.size, size = _b === void 0 ? 'small' : _b, hideCategory = _a.hideCategory, _c = _a.minimal, minimal = _c === void 0 ? true : _c, _d = _a.flat, flat = _d === void 0 ? false : _d;
+    var status = meta_1.TICKET_STATUS_META[ticket.status];
+    var priority = meta_1.TICKET_PRIORITY_META[ticket.priority];
+    var category = meta_1.TICKET_CATEGORY_META[ticket.category];
+    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { size: size, wrap: true, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { icon: status.icon, intent: status.intent, label: (0, meta_1.ticketStatusLabel)(ticket.status, viewerRole), size: size, minimal: minimal, flat: flat, effect: { weight: 'bold' } }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { icon: priority.icon, intent: priority.intent, label: priority.label, size: size, minimal: minimal, flat: flat }), !hideCategory && ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { icon: category.icon, label: category.label, size: size, minimal: minimal, flat: flat }))] }));
+};
+exports.TicketMetaTags = TicketMetaTags;
+//# sourceMappingURL=TicketMetaTags.js.map

package/dist/components/supportTicket/TicketMetaTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketMetaTags.js","sourceRoot":"","sources":["../../../src/components/supportTicket/TicketMetaTags.tsx"],"names":[],"mappings":";;;;AAAA,mDAAyE;AAEzE,+BASgB;AAyBhB;;;;;GAKG;AACI,IAAM,cAAc,GAAG,UAAC,EAOR;QANrB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,YAAY,kBAAA,EACZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA;IAEZ,IAAM,MAAM,GAAG,yBAAkB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACjD,IAAM,QAAQ,GAAG,2BAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,2BAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACL,wBAAC,2BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,mBAClC,uBAAC,kBAAS,IACR,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,KAAK,EAAE,IAAA,wBAAiB,EAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EACnD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAC1B,EACF,uBAAC,kBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,EACD,CAAC,YAAY,IAAI,CAChB,uBAAC,kBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,CACH,IACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,cAAc,kBA0CzB"}

package/dist/components/supportTicket/TicketReplyBox.d.ts

@@ -0,0 +1,63 @@
+import { ReqoreDropdown } from '@qoretechnologies/reqore';
+import { ComponentProps, ReactNode } from 'react';
+import { TComposerEditor } from '../composer/Composer';
+import { IAttachmentUpload } from './meta';
+/** The exact `items` shape ReqoreDropdown accepts — no import-path guessing. */
+type TAttachMenuItems = NonNullable<ComponentProps<typeof ReqoreDropdown>['items']>;
+export interface ITicketReplyBoxProps {
+    /** Send the composed message. `internal` is only ever true when
+     *  `allowInternalNote` is set (the staff surface). */
+    onSend: (body: string, options: {
+        internal: boolean;
+        attachments?: IAttachmentUpload[];
+    }) => void | Promise<void>;
+    /** File → base64 upload conversion; defaults to the shared `fileToAttachment`. */
+    fileToAttachment?: (file: File) => Promise<IAttachmentUpload>;
+    /** the send round-trip is in flight */
+    sending?: boolean;
+    /** the ticket can't be replied to (e.g. closed) — renders a notice instead */
+    disabled?: boolean;
+    disabledReason?: string;
+    /** placeholder text. (A function is called with `false` — the mode is chosen at
+     *  send time, so there is no live internal-note mode.) */
+    placeholder?: string | ((internal: boolean) => string);
+    /** send labels; a function is called with `false` for the primary "Send reply"
+     *  and `true` for the "Add internal note" split-menu item. Defaults to
+     *  "Send reply" / "Add internal note". */
+    sendLabel?: string | ((internal: boolean) => string);
+    /** Staff surface: split the send button so it also offers "Add internal note"
+     *  (customer composers omit it and just send a reply). */
+    allowInternalNote?: boolean;
+    /** Extra attach-menu entries beyond "Upload files" — e.g. the IDE's screenshot /
+     *  region capture. Receives the composer's `addFiles`. With any entry the attach
+     *  control becomes a dropdown; otherwise it's a plain button. */
+    attachMenuItems?: (addFiles: (files: File[]) => void) => TAttachMenuItems;
+    /** Extra footer controls left of the send button — e.g. the IDE's
+     *  reference-interfaces toggle. */
+    footerActions?: ReactNode;
+    /** Rendered on top of the editor, inside the bar — e.g. reference chips. */
+    aboveInput?: ReactNode;
+    /** Rendered below the editor — e.g. the IDE's interface-reference picker. */
+    belowInput?: ReactNode;
+    /** Editor flavour. Helpdesk uses the rich, Qonsole-style editor by default; pass
+     *  `plain` for a simple textarea (e.g. deterministic play tests). */
+    editor?: TComposerEditor;
+    /** Initial draft text to seed the editor with (e.g. a restored draft). */
+    defaultText?: string;
+    /** Initial staged files (e.g. a restored draft's attachments, or a demo). */
+    defaultFiles?: File[];
+}
+/**
+ * The shared ticket reply composer — now a thin adapter over the universal
+ * `<Composer>` (the input extracted from qorus-ide's Qonsole chat). It maps the
+ * ticket vocabulary onto the composer: the staff `allowInternalNote` becomes a
+ * split send (primary "Send reply" + a caret "Add internal note", mode chosen at
+ * send time), and staged files convert to `IAttachmentUpload[]` via
+ * `fileToAttachment` before `onSend`. App-specific affordances still arrive
+ * through slots (`attachMenuItems`, `footerActions`, `belowInput`), so the
+ * IDE-only bits (screenshot capture, the reference picker) stay in qorus-ide. A
+ * closed ticket renders a muted notice.
+ */
+export declare const TicketReplyBox: ({ onSend, fileToAttachment, sending, disabled, disabledReason, placeholder, sendLabel, allowInternalNote, attachMenuItems, footerActions, aboveInput, belowInput, editor, defaultText, defaultFiles, }: ITicketReplyBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TicketReplyBox.d.ts.map

package/dist/components/supportTicket/TicketReplyBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketReplyBox.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/TicketReplyBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAiC,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,gFAAgF;AAChF,KAAK,gBAAgB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AAEpF,MAAM,WAAW,oBAAoB;IACnC;0DACsD;IACtD,MAAM,EAAE,CACN,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAA;KAAE,KAC9D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9D,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;8DAC0D;IAC1D,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACvD;;8CAE0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACrD;8DAC0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;qEAEiE;IACjE,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,gBAAgB,CAAC;IAC1E;uCACmC;IACnC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;yEACqE;IACrE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,2MAgBxB,oBAAoB,4CAiEtB,CAAC"}

package/dist/components/supportTicket/TicketReplyBox.js

@@ -0,0 +1,115 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TicketReplyBox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Composer_1 = require("../composer/Composer");
+var fileToAttachment_1 = require("./fileToAttachment");
+/**
+ * The shared ticket reply composer — now a thin adapter over the universal
+ * `<Composer>` (the input extracted from qorus-ide's Qonsole chat). It maps the
+ * ticket vocabulary onto the composer: the staff `allowInternalNote` becomes a
+ * split send (primary "Send reply" + a caret "Add internal note", mode chosen at
+ * send time), and staged files convert to `IAttachmentUpload[]` via
+ * `fileToAttachment` before `onSend`. App-specific affordances still arrive
+ * through slots (`attachMenuItems`, `footerActions`, `belowInput`), so the
+ * IDE-only bits (screenshot capture, the reference picker) stay in qorus-ide. A
+ * closed ticket renders a muted notice.
+ */
+var TicketReplyBox = function (_a) {
+    var onSend = _a.onSend, _b = _a.fileToAttachment, fileToAttachment = _b === void 0 ? fileToAttachment_1.fileToAttachment : _b, sending = _a.sending, disabled = _a.disabled, _c = _a.disabledReason, disabledReason = _c === void 0 ? 'This ticket is closed. Open a new ticket to continue the conversation.' : _c, _d = _a.placeholder, placeholder = _d === void 0 ? 'Write a reply…' : _d, sendLabel = _a.sendLabel, allowInternalNote = _a.allowInternalNote, attachMenuItems = _a.attachMenuItems, footerActions = _a.footerActions, aboveInput = _a.aboveInput, belowInput = _a.belowInput, _e = _a.editor, editor = _e === void 0 ? 'rich' : _e, defaultText = _a.defaultText, defaultFiles = _a.defaultFiles;
+    var resolvedPlaceholder = typeof placeholder === 'function' ? placeholder(false) : placeholder;
+    // Label for a given send mode: `false` = public reply, `true` = internal note.
+    var labelFor = function (note) {
+        return sendLabel !== undefined
+            ? typeof sendLabel === 'function'
+                ? sendLabel(note)
+                : sendLabel
+            : note
+                ? 'Add internal note'
+                : 'Send reply';
+    };
+    // Staff surface splits the send button; customer surface is a single "Send reply".
+    // Both use the Qonsole-style minimal `custom1` accent (the Composer default); the
+    // internal note stays amber (`warning`) so it can't be mistaken for a public reply.
+    var sendActions = allowInternalNote
+        ? [
+            {
+                id: 'reply',
+                label: labelFor(false),
+                icon: 'SendPlane2Line',
+                minimal: true,
+                customTheme: { main: 'custom1' },
+            },
+            {
+                id: 'internal',
+                label: labelFor(true),
+                icon: 'StickyNoteLine',
+                minimal: true,
+                intent: 'warning',
+            },
+        ]
+        : undefined;
+    var handleSend = function (body_1, _a) { return __awaiter(void 0, [body_1, _a], void 0, function (body, _b) {
+        var internal, attachments, _c;
+        var files = _b.files, action = _b.action;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    internal = action === 'internal';
+                    if (!files.length) return [3 /*break*/, 2];
+                    return [4 /*yield*/, Promise.all(files.map(fileToAttachment))];
+                case 1:
+                    _c = _d.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _c = undefined;
+                    _d.label = 3;
+                case 3:
+                    attachments = _c;
+                    return [4 /*yield*/, onSend(body, { internal: internal, attachments: attachments })];
+                case 4:
+                    _d.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsx)(Composer_1.Composer, { editor: editor, defaultText: defaultText, defaultFiles: defaultFiles, placeholder: resolvedPlaceholder, sending: sending, disabled: disabled, disabledReason: disabledReason, onSend: handleSend, sendLabel: labelFor(false), sendActions: sendActions, sendMenuClassName: 'ticket-send-more', attachMenuItems: attachMenuItems, footerActions: footerActions, aboveInput: aboveInput, belowInput: belowInput }));
+};
+exports.TicketReplyBox = TicketReplyBox;
+//# sourceMappingURL=TicketReplyBox.js.map

package/dist/components/supportTicket/TicketReplyBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketReplyBox.js","sourceRoot":"","sources":["../../../src/components/supportTicket/TicketReplyBox.tsx"],"names":[],"mappings":"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"}

package/dist/components/supportTicket/attachmentAccess.d.ts

@@ -0,0 +1,37 @@
+export interface ITicketAttachmentAccessConfig {
+    /** Absolute URL for one attachment's bytes. */
+    attachmentUrl: (ticketId: string, attachmentId: string) => string;
+    /**
+     * Headers for the byte request — typically auth. A function rather than a
+     * value because tokens are resolved per request, not at wire-up time.
+     */
+    headers?: () => Record<string, string>;
+    /**
+     * Error to throw on a non-OK response. Defaults to a plain `Error`; apps with
+     * their own API error type (carrying the status) pass a factory.
+     */
+    onError?: (message: string, status: number) => Error;
+}
+export interface ITicketAttachmentAccess {
+    /** Raw bytes. `failure` is the message used if the response isn't OK. */
+    fetchBlob: (ticketId: string, attachmentId: string, failure?: string) => Promise<Blob>;
+    /**
+     * An object URL for the bytes — for inline thumbnails and the lightbox.
+     *
+     * The caller owns the returned URL and must `URL.revokeObjectURL` it when the
+     * element goes away; this cannot do it for them without breaking the img.
+     */
+    fetchBlobUrl: (ticketId: string, attachmentId: string) => Promise<string>;
+    /** Save the attachment to disk under its original filename. */
+    download: (ticketId: string, attachmentId: string, filename: string) => Promise<void>;
+}
+/**
+ * Save a blob to disk under `filename`, via a temporary anchor.
+ *
+ * Exported because it is the half of `download` that has nothing to do with
+ * tickets — a surface that already holds the bytes shouldn't have to re-fetch
+ * them just to reuse the save behaviour.
+ */
+export declare const saveBlobAs: (blob: Blob, filename: string) => void;
+export declare const createTicketAttachmentAccess: ({ attachmentUrl, headers, onError, }: ITicketAttachmentAccessConfig) => ITicketAttachmentAccess;
+//# sourceMappingURL=attachmentAccess.d.ts.map

package/dist/components/supportTicket/attachmentAccess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachmentAccess.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/attachmentAccess.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,6BAA6B;IAC5C,+CAA+C;IAC/C,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;IAClE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC;CACtD;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvF;;;;;OAKG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1E,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvF;AAKD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,SAAU,IAAI,YAAY,MAAM,KAAG,IAYzD,CAAC;AAEF,eAAO,MAAM,4BAA4B,yCAItC,6BAA6B,KAAG,uBAwBlC,CAAC"}

package/dist/components/supportTicket/attachmentAccess.js

@@ -0,0 +1,132 @@
+"use strict";
+/*
+ * Authed attachment byte-fetching, shared by every ticket surface.
+ *
+ * Attachment bytes can't go through the JSON fetch helpers, so each app grew its
+ * own raw-`fetch` copy: qorus-ide in `views/support/api.ts`, admin-portal in
+ * `pages/SupportTickets/helpers.ts`. The two were the same function down to the
+ * error text ("Could not download the attachment") and the anchor-click dance —
+ * they differed only in how the URL is built, which auth header is sent, and
+ * which Error subclass is thrown.
+ *
+ * Those three differences are the parameters below. Everything else — the
+ * non-OK check, `URL.createObjectURL`, the temporary anchor, revoking the object
+ * URL — lives here once.
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTicketAttachmentAccess = exports.saveBlobAs = void 0;
+var DEFAULT_DOWNLOAD_FAILURE = 'Could not download the attachment';
+var DEFAULT_LOAD_FAILURE = 'Could not load the attachment';
+/**
+ * Save a blob to disk under `filename`, via a temporary anchor.
+ *
+ * Exported because it is the half of `download` that has nothing to do with
+ * tickets — a surface that already holds the bytes shouldn't have to re-fetch
+ * them just to reuse the save behaviour.
+ */
+var saveBlobAs = function (blob, filename) {
+    var url = URL.createObjectURL(blob);
+    var anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    // Safari needs the URL alive until the click is processed; a task boundary is
+    // enough and avoids leaking the blob for the life of the document.
+    setTimeout(function () { return URL.revokeObjectURL(url); }, 0);
+};
+exports.saveBlobAs = saveBlobAs;
+var createTicketAttachmentAccess = function (_a) {
+    var attachmentUrl = _a.attachmentUrl, headers = _a.headers, onError = _a.onError;
+    var fetchBlob = function (ticketId_1, attachmentId_1) {
+        var args_1 = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            args_1[_i - 2] = arguments[_i];
+        }
+        return __awaiter(void 0, __spreadArray([ticketId_1, attachmentId_1], args_1, true), void 0, function (ticketId, attachmentId, failure) {
+            var response;
+            var _a;
+            if (failure === void 0) { failure = DEFAULT_LOAD_FAILURE; }
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, fetch(attachmentUrl(ticketId, attachmentId), {
+                            headers: (_a = headers === null || headers === void 0 ? void 0 : headers()) !== null && _a !== void 0 ? _a : {},
+                        })];
+                    case 1:
+                        response = _b.sent();
+                        if (!response.ok) {
+                            throw onError ? onError(failure, response.status) : new Error(failure);
+                        }
+                        return [2 /*return*/, response.blob()];
+                }
+            });
+        });
+    };
+    return {
+        fetchBlob: fetchBlob,
+        fetchBlobUrl: function (ticketId, attachmentId) { return __awaiter(void 0, void 0, void 0, function () { var _a, _b; return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _b = (_a = URL).createObjectURL;
+                    return [4 /*yield*/, fetchBlob(ticketId, attachmentId, DEFAULT_LOAD_FAILURE)];
+                case 1: return [2 /*return*/, _b.apply(_a, [_c.sent()])];
+            }
+        }); }); },
+        download: function (ticketId, attachmentId, filename) { return __awaiter(void 0, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = exports.saveBlobAs;
+                    return [4 /*yield*/, fetchBlob(ticketId, attachmentId, DEFAULT_DOWNLOAD_FAILURE)];
+                case 1: return [2 /*return*/, _a.apply(void 0, [_b.sent(), filename])];
+            }
+        }); }); },
+    };
+};
+exports.createTicketAttachmentAccess = createTicketAttachmentAccess;
+//# sourceMappingURL=attachmentAccess.js.map

package/dist/components/supportTicket/attachmentAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachmentAccess.js","sourceRoot":"","sources":["../../../src/components/supportTicket/attachmentAccess.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BH,IAAM,wBAAwB,GAAG,mCAAmC,CAAC;AACrE,IAAM,oBAAoB,GAAG,+BAA+B,CAAC;AAE7D;;;;;;GAMG;AACI,IAAM,UAAU,GAAG,UAAC,IAAU,EAAE,QAAgB;IACrD,IAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAE3C,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;IAClB,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,MAAM,EAAE,CAAC;IAChB,8EAA8E;IAC9E,mEAAmE;IACnE,UAAU,CAAC,cAAM,OAAA,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAxB,CAAwB,EAAE,CAAC,CAAC,CAAC;AAChD,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AAEK,IAAM,4BAA4B,GAAG,UAAC,EAIb;QAH9B,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG;;;;;8GAChB,QAAgB,EAChB,YAAoB,EACpB,OAAsC;;;YAAtC,wBAAA,EAAA,8BAAsC;;;4BAErB,qBAAM,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE;4BAClE,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,mCAAI,EAAE;yBAC3B,CAAC,EAAA;;wBAFI,QAAQ,GAAG,SAEf;wBAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;4BACjB,MAAM,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;wBACzE,CAAC;wBAED,sBAAO,QAAQ,CAAC,IAAI,EAAE,EAAC;;;;KACxB,CAAC;IAEF,OAAO;QACL,SAAS,WAAA;QACT,YAAY,EAAE,UAAO,QAAQ,EAAE,YAAY;;;oBACzC,KAAA,CAAA,KAAA,GAAG,CAAA,CAAC,eAAe,CAAA;oBAAC,qBAAM,SAAS,CAAC,QAAQ,EAAE,YAAY,EAAE,oBAAoB,CAAC,EAAA;wBAAjF,sBAAA,cAAoB,SAA6D,EAAC,EAAA;;iBAAA;QACpF,QAAQ,EAAE,UAAO,QAAQ,EAAE,YAAY,EAAE,QAAQ;;;oBAC/C,KAAA,kBAAU,CAAA;oBAAC,qBAAM,SAAS,CAAC,QAAQ,EAAE,YAAY,EAAE,wBAAwB,CAAC,EAAA;wBAA5E,sBAAA,kBAAW,SAAiE,EAAE,QAAQ,EAAC,EAAA;;iBAAA;KAC1F,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,4BAA4B,gCA4BvC"}

package/dist/components/supportTicket/fileToAttachment.d.ts

@@ -0,0 +1,9 @@
+import { IAttachmentUpload } from './meta';
+/**
+ * Read a picked `File` into the inline base64 upload shape the support API expects
+ * (the SaaS plane accepts attachments as base64 on the create/reply payload, with
+ * no separate multipart upload). Shared by every composer so the customer and
+ * staff surfaces encode files identically.
+ */
+export declare const fileToAttachment: (file: File) => Promise<IAttachmentUpload>;
+//# sourceMappingURL=fileToAttachment.d.ts.map

package/dist/components/supportTicket/fileToAttachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileToAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/fileToAttachment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,SAAU,IAAI,KAAG,QAAQ,iBAAiB,CAenE,CAAC"}