@arbidocs/blocks 0.5.112 → 0.5.113

package/dist/connect/viewer.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunkNNG34ONS_cjs = require('../chunk-NNG34ONS.cjs');
+var chunkMQANCZOD_cjs = require('../chunk-MQANCZOD.cjs');
 require('../chunk-4CIVQWAX.cjs');
 var chunkBYN7UMC5_cjs = require('../chunk-BYN7UMC5.cjs');
-require('../chunk-G5TRBLKF.cjs');
+require('../chunk-KGGSBJMU.cjs');
 require('../chunk-OKHKJ5ML.cjs');
-require('../chunk-ZNZGYSVB.cjs');
-require('../chunk-NJCK6V6U.cjs');
-require('../chunk-4QTQS4LS.cjs');
+require('../chunk-A4Z5CTLF.cjs');
+require('../chunk-XKDUPU7B.cjs');
+require('../chunk-OVKJ7OVZ.cjs');
 require('../chunk-223D4727.cjs');
 require('../chunk-SNUBQMIS.cjs');
-require('../chunk-PJ762EO2.cjs');
+require('../chunk-FGEBA3TL.cjs');
 require('../chunk-4ONPEVTP.cjs');
 require('../chunk-V3KLUWQQ.cjs');
 require('../chunk-ENUZ35NR.cjs');
-require('../chunk-3NEI27QQ.cjs');
+require('../chunk-KZKGZ7IG.cjs');
 require('../chunk-YYPZOEED.cjs');
 require('../chunk-GNZAH6UI.cjs');
 require('../chunk-JH6JTI76.cjs');
@@ -24,68 +24,68 @@ require('../chunk-DTMBAFIL.cjs');
 require('../chunk-ZESMRGDV.cjs');
 require('../chunk-VCEX7COE.cjs');
 require('../chunk-34HQO4ZQ.cjs');
-require('../chunk-Q7DB5S7N.cjs');
+require('../chunk-CT3SLXB7.cjs');
+require('../chunk-5VCID67B.cjs');
 require('../chunk-MZZ3SBQL.cjs');
-require('../chunk-ZQLRWA3Y.cjs');
-require('../chunk-NOYQ23I7.cjs');
+require('../chunk-MJHIBCF7.cjs');
+require('../chunk-GTTDJMWX.cjs');
 require('../chunk-ZPPMAL5P.cjs');
 require('../chunk-ORELHENJ.cjs');
 require('../chunk-NWNVWO6L.cjs');
 require('../chunk-SK6HQ46Q.cjs');
 require('../chunk-MNIQDXM6.cjs');
 require('../chunk-Z3VNKPPH.cjs');
-require('../chunk-VLCY46K6.cjs');
+require('../chunk-DEXUL3T6.cjs');
+require('../chunk-6WMMZLEV.cjs');
+require('../chunk-Z2XZ2D4N.cjs');
+require('../chunk-YZSQ7F5K.cjs');
+require('../chunk-MCXS6X37.cjs');
+require('../chunk-KQF7POTG.cjs');
 require('../chunk-HM5L4SBC.cjs');
+require('../chunk-75BNMCUX.cjs');
 require('../chunk-OEJQFPWO.cjs');
 require('../chunk-OYXWQTHF.cjs');
 require('../chunk-S237ORM3.cjs');
 require('../chunk-II2OEXHW.cjs');
-require('../chunk-R7CJEIA5.cjs');
+require('../chunk-FX3K6LNZ.cjs');
+require('../chunk-WJP6ICDM.cjs');
 require('../chunk-3YEXZX4H.cjs');
 require('../chunk-4PA6VCCR.cjs');
-require('../chunk-3Q5L7XVI.cjs');
+require('../chunk-M2D4POJV.cjs');
 require('../chunk-AHDJXIUB.cjs');
 require('../chunk-RL2HI6NP.cjs');
 require('../chunk-6UZC4XVV.cjs');
 require('../chunk-YAPXIANR.cjs');
+require('../chunk-QGVOT7E4.cjs');
+require('../chunk-QRAQZTJE.cjs');
+require('../chunk-UDSHVNU3.cjs');
 require('../chunk-ZFKWCGA5.cjs');
-require('../chunk-E7TE2WVT.cjs');
+require('../chunk-IPSHAMO2.cjs');
 require('../chunk-EG7EJFUE.cjs');
 require('../chunk-VG24E4JJ.cjs');
 require('../chunk-U2FFG2B3.cjs');
 require('../chunk-KKYNTWDU.cjs');
 require('../chunk-M74FWYNL.cjs');
+require('../chunk-VZOOGA47.cjs');
 require('../chunk-LQHXUSWZ.cjs');
 require('../chunk-6YOZKXV6.cjs');
 require('../chunk-3YZKDCWY.cjs');
 require('../chunk-SJSGSHIT.cjs');
-require('../chunk-ZW6FPIFC.cjs');
-require('../chunk-VZOOGA47.cjs');
-require('../chunk-CT3SLXB7.cjs');
-require('../chunk-DEXUL3T6.cjs');
-require('../chunk-6WMMZLEV.cjs');
-require('../chunk-Z2XZ2D4N.cjs');
-require('../chunk-YZSQ7F5K.cjs');
-require('../chunk-MCXS6X37.cjs');
-require('../chunk-KQF7POTG.cjs');
-require('../chunk-75BNMCUX.cjs');
-require('../chunk-FX3K6LNZ.cjs');
-require('../chunk-QGVOT7E4.cjs');
-require('../chunk-QRAQZTJE.cjs');
-require('../chunk-UDSHVNU3.cjs');
-require('../chunk-IPSHAMO2.cjs');
 require('../chunk-PPCATBOY.cjs');
+require('../chunk-ZW6FPIFC.cjs');
 require('../chunk-U5T46QCS.cjs');
 require('../chunk-JDFBEGQO.cjs');
-require('../chunk-ULWRNGGE.cjs');
 require('../chunk-LJJJ6CYH.cjs');
+require('../chunk-VLCY46K6.cjs');
+require('../chunk-E7TE2WVT.cjs');
+require('../chunk-ULWRNGGE.cjs');
 require('../chunk-PLIF5CUV.cjs');
 
 
 
 Object.defineProperty(exports, "ConnectedDocumentViewer", {
   enumerable: true,
-  get: function () { return chunkNNG34ONS_cjs.ConnectedDocumentViewer; }
+  get: function () { return chunkMQANCZOD_cjs.ConnectedDocumentViewer; }
 });
 Object.defineProperty(exports, "ConnectedDocumentToolsProvider", {
   enumerable: true,

package/dist/connection/report-problem/ReportProblemDialog.d.ts

@@ -1,4 +1,4 @@
-/** Support form with optional, explicitly chosen and redacted screenshot evidence. */
+/** Support form with optional screenshot evidence and redaction. */
 import React, { type ReactNode } from 'react';
 export interface ReportProblemOptions {
     /** @deprecated No image download is created. Retained for source compatibility. */
@@ -16,7 +16,7 @@ export interface ReportProblemOptions {
 }
 export interface ReportProblemDialogProps extends ReportProblemOptions {
     open: boolean;
-    /** The full captured frame, to crop. Dropped once a crop is chosen. */
+    /** The captured frame. Dropped once a crop is chosen. */
     frame: Blob | null;
     /** The kept screenshot (the crop, or a picked file). */
     image: Blob | null;

package/dist/connection/report-problem/ReportProblemDialog.js

@@ -37,6 +37,7 @@ function ReportProblemDialog({
   const [natural, setNatural] = useState(null);
   const [frameSize, setFrameSize] = useState(null);
   const [cropArea, setCropArea] = useState(null);
+  const [cropping, setCropping] = useState(false);
   const [busy, setBusy] = useState(false);
   const [failure, setFailure] = useState(null);
   const [ticketReference, setTicketReference] = useState(null);
@@ -44,28 +45,33 @@ function ReportProblemDialog({
   const [submissionId] = useState(() => crypto.randomUUID());
   const imgRef = useRef(null);
   const dragStart = useRef(null);
-  const frameUrl = useMemo(() => frame ? URL.createObjectURL(frame) : null, [frame]);
-  useEffect(() => () => void (frameUrl && URL.revokeObjectURL(frameUrl)), [frameUrl]);
-  const imageUrl = useMemo(() => image ? URL.createObjectURL(image) : null, [image]);
+  const screenshot = image ?? frame;
+  const imageUrl = useMemo(
+    () => screenshot ? URL.createObjectURL(screenshot) : null,
+    [screenshot]
+  );
   useEffect(() => () => void (imageUrl && URL.revokeObjectURL(imageUrl)), [imageUrl]);
   useEffect(() => {
     setFrameSize(null);
-    if (!frameUrl) return;
+    if (!imageUrl) return;
     const img = new Image();
     img.onload = () => setFrameSize({ width: img.naturalWidth, height: img.naturalHeight });
-    img.src = frameUrl;
-  }, [frameUrl]);
+    img.src = imageUrl;
+  }, [imageUrl]);
   useEffect(() => {
     setMarks([]);
     setDraft(null);
     setNatural(null);
-  }, [image]);
+    setCropping(false);
+    setCropArea(null);
+  }, [screenshot]);
   const applyCrop = async () => {
-    if (!frameUrl || !cropArea) return;
+    if (!imageUrl || !cropArea) return;
     setBusy(true);
     try {
-      const { blob } = await cropImage(frameUrl, cropArea, { mimeType: "image/png" });
+      const { blob } = await cropImage(imageUrl, cropArea, { mimeType: "image/png" });
       onCropped(blob);
+      setCropping(false);
     } catch {
       notify("Couldn't crop the screenshot. Please try again.", "error");
     } finally {
@@ -82,8 +88,8 @@ function ReportProblemDialog({
     );
   };
   const renderImage = async () => {
-    if (!image || !natural) return null;
-    const bitmap = await createImageBitmap(image);
+    if (!screenshot || !natural) return null;
+    const bitmap = await createImageBitmap(screenshot);
     try {
       return await renderAnnotatedScreenshot(bitmap, marks, { happened: description, expected: "" });
     } finally {
@@ -95,8 +101,8 @@ function ReportProblemDialog({
     setBusy(true);
     setFailure(null);
     try {
-      const rendered = image ? await renderImage() : null;
-      if (image && !rendered) throw new Error("The screenshot is not ready. Please try again.");
+      const rendered = screenshot ? await renderImage() : null;
+      if (screenshot && !rendered) throw new Error("The screenshot is not ready. Please try again.");
       const receipt = await onSubmit({
         description: description.trim(),
         image: rendered ?? void 0,
@@ -121,16 +127,15 @@ function ReportProblemDialog({
     width: `${mark.w / natural.width * 100}%`,
     height: `${mark.h / natural.height * 100}%`
   } : void 0;
-  const cropping = !!frameUrl;
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next && !busy && onClose(), children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
-      className: `flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && (cropping || image) ? "max-w-[96vw] sm:max-w-[min(96vw,64rem)]" : "max-w-lg sm:max-w-lg"}`,
+      className: `flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && screenshot ? "max-w-[96vw] sm:max-w-[min(96vw,64rem)]" : "max-w-lg sm:max-w-lg"}`,
       "data-testid": "report-problem-dialog",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pr-8", children: [
           /* @__PURE__ */ jsx(DialogTitle, { children: ticketId === null ? "Contact support" : "Support request sent" }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: ticketId !== null ? "We have received your request. Track updates in My requests." : cropping ? "Crop the screenshot to the part that shows the problem. Only the cropped part is kept." : image ? "Black out anything confidential before sending. Blacked-out areas are removed from the image." : "Tell us what you need help with. You can choose to add a screenshot." })
+          /* @__PURE__ */ jsx(DialogDescription, { children: ticketId !== null ? "We have received your request. Track updates in My requests." : cropping ? "Crop the screenshot to the part that shows the problem. Only the cropped part is kept." : screenshot ? "Black out anything confidential before sending. Blacked-out areas are removed from the image." : "Tell us what you need help with. You can choose to add a screenshot." })
         ] }),
         ticketId !== null && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 rounded-md border border-border bg-muted p-4", children: [
           /* @__PURE__ */ jsxs("p", { className: "font-medium", "data-testid": "report-ticket-receipt", children: [
@@ -139,11 +144,11 @@ function ReportProblemDialog({
           ] }),
           /* @__PURE__ */ jsx(Button, { onClick: onClose, "data-testid": "report-receipt-close", children: "Close" })
         ] }),
-        cropping ? /* @__PURE__ */ jsxs("div", { className: "grid gap-2", hidden: ticketId !== null, children: [
+        cropping && imageUrl ? /* @__PURE__ */ jsxs("div", { className: "grid gap-2", hidden: ticketId !== null, children: [
           /* @__PURE__ */ jsx(
             ImageCropper,
             {
-              image: frameUrl,
+              image: imageUrl,
               aspect: frameSize ? frameSize.width / frameSize.height : window.innerWidth / window.innerHeight,
               maxZoom: 6,
               cropAreaClassName: "h-[50vh] min-h-64",
@@ -152,6 +157,15 @@ function ReportProblemDialog({
             frameSize ? "sized" : "unsized"
           ),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                onClick: () => setCropping(false),
+                "data-testid": "report-cancel-crop",
+                children: "Cancel crop"
+              }
+            ),
             /* @__PURE__ */ jsxs(
               Button,
               {
@@ -240,6 +254,24 @@ function ReportProblemDialog({
               /* @__PURE__ */ jsx(EyeOff, { className: "size-4" }),
               " Drag over anything confidential to black it out."
             ] }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                disabled: !!marks.length,
+                title: marks.length ? "Undo blacked-out areas before cropping" : void 0,
+                onClick: () => {
+                  setCropArea(null);
+                  setCropping(true);
+                },
+                "data-testid": "report-crop",
+                children: [
+                  /* @__PURE__ */ jsx(Crop, { className: "mr-1 size-4" }),
+                  " Crop"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs(
               Button,
               {
@@ -322,7 +354,7 @@ function ReportProblemDialog({
           /* @__PURE__ */ jsx(
             Button,
             {
-              disabled: !onSubmit || !description.trim() || busy || cropping || !!image && !natural,
+              disabled: !onSubmit || !description.trim() || busy || cropping || !!screenshot && !natural,
               onClick: () => void submit(),
               "data-testid": "report-send",
               children: busy ? "Sending\u2026" : "Send to support"

package/dist/connection/report-problem/ReportProblemDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/connection/report-problem/ReportProblemDialog.tsx"],
-  "sourcesContent": ["/** Support form with optional, explicitly chosen and redacted screenshot evidence. */\nimport React, { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Camera, Crop, EyeOff, ImageUp, Trash2, Undo2 } from 'lucide-react'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  Textarea,\n} from '@arbidocs/react/ui'\nimport { ImageCropper, cropImage, type CropArea } from '@arbidocs/react'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { canCaptureScreen } from './screen-capture'\nimport {\n  isMeaningfulRect,\n  rectFromDrag,\n  renderAnnotatedScreenshot,\n  toImagePoint,\n  type Mark,\n} from './screenshot-annotations'\n\nexport interface ReportProblemOptions {\n  /** @deprecated No image download is created. Retained for source compatibility. */\n  fileNamePrefix?: string\n  onSubmit?: (report: {\n    description: string\n    image?: Blob\n    idempotencyKey: string\n  }) => Promise<{ ticket_id: number; reference?: string }>\n  /** A line beside the actions: where reports go (the site's own words). Default: none. */\n  footnote?: ReactNode\n}\n\nexport interface ReportProblemDialogProps extends ReportProblemOptions {\n  open: boolean\n  /** The full captured frame, to crop. Dropped once a crop is chosen. */\n  frame: Blob | null\n  /** The kept screenshot (the crop, or a picked file). */\n  image: Blob | null\n  onCropped: (crop: Blob) => void\n  onImageChange: (image: Blob | null) => void\n  onRetake: () => void\n  onClose: () => void\n}\n\nexport function ReportProblemDialog({\n  open,\n  frame,\n  image,\n  onCropped,\n  onImageChange,\n  onRetake,\n  onClose,\n  onSubmit,\n  footnote,\n}: ReportProblemDialogProps): React.ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const [description, setDescription] = useState('')\n  const [marks, setMarks] = useState<Mark[]>([])\n  const [draft, setDraft] = useState<Mark | null>(null)\n  const [natural, setNatural] = useState<{ width: number; height: number } | null>(null)\n  const [frameSize, setFrameSize] = useState<{ width: number; height: number } | null>(null)\n  const [cropArea, setCropArea] = useState<CropArea | null>(null)\n  const [busy, setBusy] = useState(false)\n  const [failure, setFailure] = useState<string | null>(null)\n  const [ticketReference, setTicketReference] = useState<string | null>(null)\n  const [ticketId, setTicketId] = useState<number | null>(null)\n  const [submissionId] = useState(() => crypto.randomUUID())\n  const imgRef = useRef<HTMLImageElement>(null)\n  const dragStart = useRef<{ x: number; y: number } | null>(null)\n\n  const frameUrl = useMemo(() => (frame ? URL.createObjectURL(frame) : null), [frame])\n  useEffect(() => () => void (frameUrl && URL.revokeObjectURL(frameUrl)), [frameUrl])\n  const imageUrl = useMemo(() => (image ? URL.createObjectURL(image) : null), [image])\n  useEffect(() => () => void (imageUrl && URL.revokeObjectURL(imageUrl)), [imageUrl])\n\n  // The frame's size picks the \"Screen\" crop shape.\n  useEffect(() => {\n    setFrameSize(null)\n    if (!frameUrl) return\n    const img = new Image()\n    img.onload = () => setFrameSize({ width: img.naturalWidth, height: img.naturalHeight })\n    img.src = frameUrl\n  }, [frameUrl])\n\n  // A new screenshot starts new marks; closing starts a new report.\n  useEffect(() => {\n    setMarks([])\n    setDraft(null)\n    setNatural(null)\n  }, [image])\n\n  const applyCrop = async () => {\n    if (!frameUrl || !cropArea) return\n    setBusy(true)\n    try {\n      const { blob } = await cropImage(frameUrl, cropArea, { mimeType: 'image/png' })\n      onCropped(blob)\n    } catch {\n      notify(\"Couldn't crop the screenshot. Please try again.\", 'error')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const pointFrom = (event: React.PointerEvent) => {\n    const img = imgRef.current\n    if (!img || !natural) return null\n    return toImagePoint(\n      { x: event.clientX, y: event.clientY },\n      img.getBoundingClientRect(),\n      natural\n    )\n  }\n\n  const renderImage = async (): Promise<Blob | null> => {\n    if (!image || !natural) return null\n    const bitmap = await createImageBitmap(image)\n    try {\n      return await renderAnnotatedScreenshot(bitmap, marks, { happened: description, expected: '' })\n    } finally {\n      bitmap.close()\n    }\n  }\n\n  const submit = async () => {\n    if (!onSubmit || !description.trim()) return\n    setBusy(true)\n    setFailure(null)\n    try {\n      const rendered = image ? await renderImage() : null\n      if (image && !rendered) throw new Error('The screenshot is not ready. Please try again.')\n      const receipt = await onSubmit({\n        description: description.trim(),\n        image: rendered ?? undefined,\n        idempotencyKey: submissionId,\n      })\n      setTicketId(receipt.ticket_id)\n      setTicketReference(\n        receipt.reference &&\n          /^[a-z0-9-]+-[0-9]+$/.test(receipt.reference) &&\n          receipt.reference.endsWith(`-${receipt.ticket_id}`)\n          ? receipt.reference\n          : null\n      )\n    } catch (error) {\n      setFailure(\n        error instanceof Error ? error.message : 'Could not send your request. Please try again.'\n      )\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const shown = draft ? [...marks, draft] : marks\n  const percent = (mark: Mark) =>\n    natural\n      ? {\n          left: `${(mark.x / natural.width) * 100}%`,\n          top: `${(mark.y / natural.height) * 100}%`,\n          width: `${(mark.w / natural.width) * 100}%`,\n          height: `${(mark.h / natural.height) * 100}%`,\n        }\n      : undefined\n  const cropping = !!frameUrl\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => !next && !busy && onClose()}>\n      <DialogContent\n        className={`flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && (cropping || image) ? 'max-w-[96vw] sm:max-w-[min(96vw,64rem)]' : 'max-w-lg sm:max-w-lg'}`}\n        data-testid=\"report-problem-dialog\"\n      >\n        <div className=\"pr-8\">\n          <DialogTitle>\n            {ticketId === null ? 'Contact support' : 'Support request sent'}\n          </DialogTitle>\n          <DialogDescription>\n            {ticketId !== null\n              ? 'We have received your request. Track updates in My requests.'\n              : cropping\n                ? 'Crop the screenshot to the part that shows the problem. Only the cropped part is kept.'\n                : image\n                  ? 'Black out anything confidential before sending. Blacked-out areas are removed from the image.'\n                  : 'Tell us what you need help with. You can choose to add a screenshot.'}\n          </DialogDescription>\n        </div>\n\n        {ticketId !== null && (\n          <div className=\"flex items-center justify-between gap-4 rounded-md border border-border bg-muted p-4\">\n            <p className=\"font-medium\" data-testid=\"report-ticket-receipt\">\n              Ticket number: {ticketReference ?? `#${ticketId}`}\n            </p>\n            <Button onClick={onClose} data-testid=\"report-receipt-close\">\n              Close\n            </Button>\n          </div>\n        )}\n\n        {cropping ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <ImageCropper\n              key={frameSize ? 'sized' : 'unsized'}\n              image={frameUrl}\n              aspect={\n                frameSize\n                  ? frameSize.width / frameSize.height\n                  : window.innerWidth / window.innerHeight\n              }\n              maxZoom={6}\n              cropAreaClassName=\"h-[50vh] min-h-64\"\n              onCropComplete={(area) => setCropArea(area)}\n            />\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              <Button\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove screenshot\n              </Button>\n              <Button variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n              <Button\n                disabled={!cropArea || busy}\n                onClick={() => void applyCrop()}\n                data-testid=\"report-use-crop\"\n              >\n                <Crop className=\"mr-1 size-4\" /> Use this crop\n              </Button>\n            </div>\n          </div>\n        ) : imageUrl ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <div className=\"flex min-h-0 justify-center overflow-hidden rounded-md bg-muted p-2\">\n              <div className=\"relative max-w-full\">\n                <img\n                  ref={imgRef}\n                  src={imageUrl}\n                  alt=\"Screenshot of the problem\"\n                  className=\"block max-h-[45vh] max-w-full select-none object-contain\"\n                  draggable={false}\n                  onLoad={(event) =>\n                    setNatural({\n                      width: event.currentTarget.naturalWidth,\n                      height: event.currentTarget.naturalHeight,\n                    })\n                  }\n                  data-testid=\"report-screenshot\"\n                />\n                <div\n                  className=\"absolute inset-0 cursor-crosshair touch-none\"\n                  onPointerDown={(event) => {\n                    const point = pointFrom(event)\n                    if (!point) return\n                    event.currentTarget.setPointerCapture?.(event.pointerId)\n                    dragStart.current = point\n                    setDraft({ kind: 'redact', ...point, w: 0, h: 0 })\n                  }}\n                  onPointerMove={(event) => {\n                    const point = pointFrom(event)\n                    if (dragStart.current && point && natural)\n                      setDraft({\n                        kind: 'redact',\n                        ...rectFromDrag(dragStart.current, point, natural),\n                      })\n                  }}\n                  onPointerUp={() => {\n                    if (draft && isMeaningfulRect(draft)) setMarks((m) => [...m, draft])\n                    dragStart.current = null\n                    setDraft(null)\n                  }}\n                  data-testid=\"report-draw-surface\"\n                >\n                  {shown.map((mark, i) => (\n                    <div\n                      key={i}\n                      className=\"pointer-events-none absolute bg-black\"\n                      style={percent(mark)}\n                      data-testid=\"report-mark-redact\"\n                    />\n                  ))}\n                </div>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap items-center justify-end gap-2 text-sm\">\n              <span className=\"mr-auto flex items-center gap-1 text-muted-foreground\">\n                <EyeOff className=\"size-4\" /> Drag over anything confidential to black it out.\n              </span>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                disabled={!marks.length}\n                onClick={() => setMarks((m) => m.slice(0, -1))}\n                data-testid=\"report-undo\"\n              >\n                <Undo2 className=\"mr-1 size-4\" /> Undo\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove\n              </Button>\n              <Button size=\"sm\" variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"flex flex-wrap items-center gap-3 rounded-md border border-dashed border-border p-3 text-sm\"\n            hidden={ticketId !== null}\n          >\n            <span className=\"text-muted-foreground\">No screenshot attached.</span>\n            {canCaptureScreen() ? (\n              <Button size=\"sm\" variant=\"outline\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Take a screenshot\n              </Button>\n            ) : (\n              <label className=\"inline-flex cursor-pointer items-center gap-1 font-medium text-primary\">\n                <ImageUp className=\"size-4\" /> Choose a screenshot\n                <input\n                  type=\"file\"\n                  accept=\"image/*\"\n                  className=\"sr-only\"\n                  onChange={(event) => {\n                    const file = event.target.files?.[0]\n                    if (file) onImageChange(file)\n                  }}\n                  data-testid=\"report-choose-image\"\n                />\n              </label>\n            )}\n          </div>\n        )}\n\n        <label className=\"grid gap-1 text-sm\" hidden={ticketId !== null}>\n          <span className=\"font-medium\">What went wrong?</span>\n          <Textarea\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n            rows={3}\n            placeholder=\"What did you do, and what happened instead?\"\n            data-testid=\"report-description\"\n          />\n        </label>\n\n        {failure && (\n          <p role=\"alert\" className=\"text-sm text-destructive\" hidden={ticketId !== null}>\n            {failure}\n          </p>\n        )}\n        <div className=\"flex flex-wrap items-center justify-end gap-2\" hidden={ticketId !== null}>\n          <span className=\"mr-auto text-xs text-muted-foreground\">{footnote}</span>\n          <Button variant=\"ghost\" onClick={onClose} disabled={busy}>\n            Cancel\n          </Button>\n          <Button\n            disabled={!onSubmit || !description.trim() || busy || cropping || (!!image && !natural)}\n            onClick={() => void submit()}\n            data-testid=\"report-send\"\n          >\n            {busy ? 'Sending\u2026' : 'Send to support'}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/** Support form with optional screenshot evidence and redaction. */\nimport React, { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Camera, Crop, EyeOff, ImageUp, Trash2, Undo2 } from 'lucide-react'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  Textarea,\n} from '@arbidocs/react/ui'\nimport { ImageCropper, cropImage, type CropArea } from '@arbidocs/react'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { canCaptureScreen } from './screen-capture'\nimport {\n  isMeaningfulRect,\n  rectFromDrag,\n  renderAnnotatedScreenshot,\n  toImagePoint,\n  type Mark,\n} from './screenshot-annotations'\n\nexport interface ReportProblemOptions {\n  /** @deprecated No image download is created. Retained for source compatibility. */\n  fileNamePrefix?: string\n  onSubmit?: (report: {\n    description: string\n    image?: Blob\n    idempotencyKey: string\n  }) => Promise<{ ticket_id: number; reference?: string }>\n  /** A line beside the actions: where reports go (the site's own words). Default: none. */\n  footnote?: ReactNode\n}\n\nexport interface ReportProblemDialogProps extends ReportProblemOptions {\n  open: boolean\n  /** The captured frame. Dropped once a crop is chosen. */\n  frame: Blob | null\n  /** The kept screenshot (the crop, or a picked file). */\n  image: Blob | null\n  onCropped: (crop: Blob) => void\n  onImageChange: (image: Blob | null) => void\n  onRetake: () => void\n  onClose: () => void\n}\n\nexport function ReportProblemDialog({\n  open,\n  frame,\n  image,\n  onCropped,\n  onImageChange,\n  onRetake,\n  onClose,\n  onSubmit,\n  footnote,\n}: ReportProblemDialogProps): React.ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const [description, setDescription] = useState('')\n  const [marks, setMarks] = useState<Mark[]>([])\n  const [draft, setDraft] = useState<Mark | null>(null)\n  const [natural, setNatural] = useState<{ width: number; height: number } | null>(null)\n  const [frameSize, setFrameSize] = useState<{ width: number; height: number } | null>(null)\n  const [cropArea, setCropArea] = useState<CropArea | null>(null)\n  const [cropping, setCropping] = useState(false)\n  const [busy, setBusy] = useState(false)\n  const [failure, setFailure] = useState<string | null>(null)\n  const [ticketReference, setTicketReference] = useState<string | null>(null)\n  const [ticketId, setTicketId] = useState<number | null>(null)\n  const [submissionId] = useState(() => crypto.randomUUID())\n  const imgRef = useRef<HTMLImageElement>(null)\n  const dragStart = useRef<{ x: number; y: number } | null>(null)\n\n  const screenshot = image ?? frame\n  const imageUrl = useMemo(\n    () => (screenshot ? URL.createObjectURL(screenshot) : null),\n    [screenshot]\n  )\n  useEffect(() => () => void (imageUrl && URL.revokeObjectURL(imageUrl)), [imageUrl])\n\n  // The frame's size picks the \"Screen\" crop shape.\n  useEffect(() => {\n    setFrameSize(null)\n    if (!imageUrl) return\n    const img = new Image()\n    img.onload = () => setFrameSize({ width: img.naturalWidth, height: img.naturalHeight })\n    img.src = imageUrl\n  }, [imageUrl])\n\n  // A new screenshot starts new marks; closing starts a new report.\n  useEffect(() => {\n    setMarks([])\n    setDraft(null)\n    setNatural(null)\n    setCropping(false)\n    setCropArea(null)\n  }, [screenshot])\n\n  const applyCrop = async () => {\n    if (!imageUrl || !cropArea) return\n    setBusy(true)\n    try {\n      const { blob } = await cropImage(imageUrl, cropArea, { mimeType: 'image/png' })\n      onCropped(blob)\n      setCropping(false)\n    } catch {\n      notify(\"Couldn't crop the screenshot. Please try again.\", 'error')\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const pointFrom = (event: React.PointerEvent) => {\n    const img = imgRef.current\n    if (!img || !natural) return null\n    return toImagePoint(\n      { x: event.clientX, y: event.clientY },\n      img.getBoundingClientRect(),\n      natural\n    )\n  }\n\n  const renderImage = async (): Promise<Blob | null> => {\n    if (!screenshot || !natural) return null\n    const bitmap = await createImageBitmap(screenshot)\n    try {\n      return await renderAnnotatedScreenshot(bitmap, marks, { happened: description, expected: '' })\n    } finally {\n      bitmap.close()\n    }\n  }\n\n  const submit = async () => {\n    if (!onSubmit || !description.trim()) return\n    setBusy(true)\n    setFailure(null)\n    try {\n      const rendered = screenshot ? await renderImage() : null\n      if (screenshot && !rendered) throw new Error('The screenshot is not ready. Please try again.')\n      const receipt = await onSubmit({\n        description: description.trim(),\n        image: rendered ?? undefined,\n        idempotencyKey: submissionId,\n      })\n      setTicketId(receipt.ticket_id)\n      setTicketReference(\n        receipt.reference &&\n          /^[a-z0-9-]+-[0-9]+$/.test(receipt.reference) &&\n          receipt.reference.endsWith(`-${receipt.ticket_id}`)\n          ? receipt.reference\n          : null\n      )\n    } catch (error) {\n      setFailure(\n        error instanceof Error ? error.message : 'Could not send your request. Please try again.'\n      )\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const shown = draft ? [...marks, draft] : marks\n  const percent = (mark: Mark) =>\n    natural\n      ? {\n          left: `${(mark.x / natural.width) * 100}%`,\n          top: `${(mark.y / natural.height) * 100}%`,\n          width: `${(mark.w / natural.width) * 100}%`,\n          height: `${(mark.h / natural.height) * 100}%`,\n        }\n      : undefined\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => !next && !busy && onClose()}>\n      <DialogContent\n        className={`flex max-h-[92vh] w-[96vw] flex-col gap-3 p-4 ${ticketId === null && screenshot ? 'max-w-[96vw] sm:max-w-[min(96vw,64rem)]' : 'max-w-lg sm:max-w-lg'}`}\n        data-testid=\"report-problem-dialog\"\n      >\n        <div className=\"pr-8\">\n          <DialogTitle>\n            {ticketId === null ? 'Contact support' : 'Support request sent'}\n          </DialogTitle>\n          <DialogDescription>\n            {ticketId !== null\n              ? 'We have received your request. Track updates in My requests.'\n              : cropping\n                ? 'Crop the screenshot to the part that shows the problem. Only the cropped part is kept.'\n                : screenshot\n                  ? 'Black out anything confidential before sending. Blacked-out areas are removed from the image.'\n                  : 'Tell us what you need help with. You can choose to add a screenshot.'}\n          </DialogDescription>\n        </div>\n\n        {ticketId !== null && (\n          <div className=\"flex items-center justify-between gap-4 rounded-md border border-border bg-muted p-4\">\n            <p className=\"font-medium\" data-testid=\"report-ticket-receipt\">\n              Ticket number: {ticketReference ?? `#${ticketId}`}\n            </p>\n            <Button onClick={onClose} data-testid=\"report-receipt-close\">\n              Close\n            </Button>\n          </div>\n        )}\n\n        {cropping && imageUrl ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <ImageCropper\n              key={frameSize ? 'sized' : 'unsized'}\n              image={imageUrl}\n              aspect={\n                frameSize\n                  ? frameSize.width / frameSize.height\n                  : window.innerWidth / window.innerHeight\n              }\n              maxZoom={6}\n              cropAreaClassName=\"h-[50vh] min-h-64\"\n              onCropComplete={(area) => setCropArea(area)}\n            />\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              <Button\n                variant=\"ghost\"\n                onClick={() => setCropping(false)}\n                data-testid=\"report-cancel-crop\"\n              >\n                Cancel crop\n              </Button>\n              <Button\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove screenshot\n              </Button>\n              <Button variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n              <Button\n                disabled={!cropArea || busy}\n                onClick={() => void applyCrop()}\n                data-testid=\"report-use-crop\"\n              >\n                <Crop className=\"mr-1 size-4\" /> Use this crop\n              </Button>\n            </div>\n          </div>\n        ) : imageUrl ? (\n          <div className=\"grid gap-2\" hidden={ticketId !== null}>\n            <div className=\"flex min-h-0 justify-center overflow-hidden rounded-md bg-muted p-2\">\n              <div className=\"relative max-w-full\">\n                <img\n                  ref={imgRef}\n                  src={imageUrl}\n                  alt=\"Screenshot of the problem\"\n                  className=\"block max-h-[45vh] max-w-full select-none object-contain\"\n                  draggable={false}\n                  onLoad={(event) =>\n                    setNatural({\n                      width: event.currentTarget.naturalWidth,\n                      height: event.currentTarget.naturalHeight,\n                    })\n                  }\n                  data-testid=\"report-screenshot\"\n                />\n                <div\n                  className=\"absolute inset-0 cursor-crosshair touch-none\"\n                  onPointerDown={(event) => {\n                    const point = pointFrom(event)\n                    if (!point) return\n                    event.currentTarget.setPointerCapture?.(event.pointerId)\n                    dragStart.current = point\n                    setDraft({ kind: 'redact', ...point, w: 0, h: 0 })\n                  }}\n                  onPointerMove={(event) => {\n                    const point = pointFrom(event)\n                    if (dragStart.current && point && natural)\n                      setDraft({\n                        kind: 'redact',\n                        ...rectFromDrag(dragStart.current, point, natural),\n                      })\n                  }}\n                  onPointerUp={() => {\n                    if (draft && isMeaningfulRect(draft)) setMarks((m) => [...m, draft])\n                    dragStart.current = null\n                    setDraft(null)\n                  }}\n                  data-testid=\"report-draw-surface\"\n                >\n                  {shown.map((mark, i) => (\n                    <div\n                      key={i}\n                      className=\"pointer-events-none absolute bg-black\"\n                      style={percent(mark)}\n                      data-testid=\"report-mark-redact\"\n                    />\n                  ))}\n                </div>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap items-center justify-end gap-2 text-sm\">\n              <span className=\"mr-auto flex items-center gap-1 text-muted-foreground\">\n                <EyeOff className=\"size-4\" /> Drag over anything confidential to black it out.\n              </span>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                disabled={!!marks.length}\n                title={marks.length ? 'Undo blacked-out areas before cropping' : undefined}\n                onClick={() => {\n                  setCropArea(null)\n                  setCropping(true)\n                }}\n                data-testid=\"report-crop\"\n              >\n                <Crop className=\"mr-1 size-4\" /> Crop\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                disabled={!marks.length}\n                onClick={() => setMarks((m) => m.slice(0, -1))}\n                data-testid=\"report-undo\"\n              >\n                <Undo2 className=\"mr-1 size-4\" /> Undo\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => onImageChange(null)}\n                data-testid=\"report-remove-screenshot\"\n              >\n                <Trash2 className=\"mr-1 size-4\" /> Remove\n              </Button>\n              <Button size=\"sm\" variant=\"ghost\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Retake\n              </Button>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"flex flex-wrap items-center gap-3 rounded-md border border-dashed border-border p-3 text-sm\"\n            hidden={ticketId !== null}\n          >\n            <span className=\"text-muted-foreground\">No screenshot attached.</span>\n            {canCaptureScreen() ? (\n              <Button size=\"sm\" variant=\"outline\" onClick={onRetake} data-testid=\"report-retake\">\n                <Camera className=\"mr-1 size-4\" /> Take a screenshot\n              </Button>\n            ) : (\n              <label className=\"inline-flex cursor-pointer items-center gap-1 font-medium text-primary\">\n                <ImageUp className=\"size-4\" /> Choose a screenshot\n                <input\n                  type=\"file\"\n                  accept=\"image/*\"\n                  className=\"sr-only\"\n                  onChange={(event) => {\n                    const file = event.target.files?.[0]\n                    if (file) onImageChange(file)\n                  }}\n                  data-testid=\"report-choose-image\"\n                />\n              </label>\n            )}\n          </div>\n        )}\n\n        <label className=\"grid gap-1 text-sm\" hidden={ticketId !== null}>\n          <span className=\"font-medium\">What went wrong?</span>\n          <Textarea\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n            rows={3}\n            placeholder=\"What did you do, and what happened instead?\"\n            data-testid=\"report-description\"\n          />\n        </label>\n\n        {failure && (\n          <p role=\"alert\" className=\"text-sm text-destructive\" hidden={ticketId !== null}>\n            {failure}\n          </p>\n        )}\n        <div className=\"flex flex-wrap items-center justify-end gap-2\" hidden={ticketId !== null}>\n          <span className=\"mr-auto text-xs text-muted-foreground\">{footnote}</span>\n          <Button variant=\"ghost\" onClick={onClose} disabled={busy}>\n            Cancel\n          </Button>\n          <Button\n            disabled={\n              !onSubmit || !description.trim() || busy || cropping || (!!screenshot && !natural)\n            }\n            onClick={() => void submit()}\n            data-testid=\"report-send\"\n          >\n            {busy ? 'Sending\u2026' : 'Send to support'}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/dashboards/index.cjs

@@ -10,8 +10,8 @@ require('../chunk-ZU2B2RZK.cjs');
 var chunkNSD37OF5_cjs = require('../chunk-NSD37OF5.cjs');
 var chunkOEJQFPWO_cjs = require('../chunk-OEJQFPWO.cjs');
 require('../chunk-ZFKWCGA5.cjs');
-var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
 require('../chunk-IPSHAMO2.cjs');
+var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
 var chunkU5T46QCS_cjs = require('../chunk-U5T46QCS.cjs');
 require('../chunk-JDFBEGQO.cjs');
 require('../chunk-ULWRNGGE.cjs');

package/dist/embed/index.cjs

@@ -1,110 +1,110 @@
 "use client";
 'use strict';
 
-var chunkFJXJ43JO_cjs = require('../chunk-FJXJ43JO.cjs');
-require('../chunk-TXFZAA3R.cjs');
-require('../chunk-ZEQEIFZJ.cjs');
-require('../chunk-N6AZYEYL.cjs');
-require('../chunk-3GYOWDNM.cjs');
+var chunkR4TP3VS3_cjs = require('../chunk-R4TP3VS3.cjs');
+require('../chunk-BHTEKYWJ.cjs');
+require('../chunk-ONZOVO2B.cjs');
+require('../chunk-ZZZ6AZDR.cjs');
+require('../chunk-OTG5T5Z5.cjs');
 require('../chunk-TJY7XPDE.cjs');
 require('../chunk-XNW62J54.cjs');
 require('../chunk-OKHKJ5ML.cjs');
-require('../chunk-ZNZGYSVB.cjs');
-require('../chunk-NJCK6V6U.cjs');
-require('../chunk-4QTQS4LS.cjs');
+require('../chunk-A4Z5CTLF.cjs');
+require('../chunk-XKDUPU7B.cjs');
+require('../chunk-OVKJ7OVZ.cjs');
 require('../chunk-223D4727.cjs');
 require('../chunk-SNUBQMIS.cjs');
 require('../chunk-ENUZ35NR.cjs');
-require('../chunk-3NEI27QQ.cjs');
+require('../chunk-KZKGZ7IG.cjs');
 require('../chunk-QQMMCXBP.cjs');
 require('../chunk-DTMBAFIL.cjs');
 require('../chunk-4B6HYQTW.cjs');
+require('../chunk-JHDCDEXY.cjs');
+require('../chunk-M2FOXGJU.cjs');
+require('../chunk-5F4DCIHS.cjs');
 require('../chunk-MZZ3SBQL.cjs');
-require('../chunk-ZQLRWA3Y.cjs');
-require('../chunk-NOYQ23I7.cjs');
+require('../chunk-MJHIBCF7.cjs');
+require('../chunk-GTTDJMWX.cjs');
 require('../chunk-ZPPMAL5P.cjs');
 require('../chunk-ORELHENJ.cjs');
 require('../chunk-NWNVWO6L.cjs');
 require('../chunk-SK6HQ46Q.cjs');
 require('../chunk-Z3VNKPPH.cjs');
-require('../chunk-VLCY46K6.cjs');
+require('../chunk-Z2XZ2D4N.cjs');
+require('../chunk-YZSQ7F5K.cjs');
+require('../chunk-MCXS6X37.cjs');
+require('../chunk-KQF7POTG.cjs');
+require('../chunk-75BNMCUX.cjs');
 require('../chunk-OEJQFPWO.cjs');
-require('../chunk-TP5PGWIO.cjs');
+require('../chunk-4IOYQLKG.cjs');
 require('../chunk-I4IS6ST6.cjs');
 require('../chunk-7JLJH5CW.cjs');
 require('../chunk-EVZH6Z5O.cjs');
+require('../chunk-HSLPFBK2.cjs');
 require('../chunk-OYXWQTHF.cjs');
 require('../chunk-S237ORM3.cjs');
 require('../chunk-II2OEXHW.cjs');
 require('../chunk-3YEXZX4H.cjs');
 require('../chunk-4PA6VCCR.cjs');
-require('../chunk-3Q5L7XVI.cjs');
+require('../chunk-M2D4POJV.cjs');
 require('../chunk-AHDJXIUB.cjs');
 require('../chunk-RL2HI6NP.cjs');
 require('../chunk-6UZC4XVV.cjs');
 require('../chunk-YAPXIANR.cjs');
+require('../chunk-QGVOT7E4.cjs');
+require('../chunk-QRAQZTJE.cjs');
+require('../chunk-UDSHVNU3.cjs');
 require('../chunk-ZFKWCGA5.cjs');
-require('../chunk-E7TE2WVT.cjs');
+require('../chunk-IPSHAMO2.cjs');
 require('../chunk-V6C2MBFY.cjs');
 require('../chunk-M74FWYNL.cjs');
+require('../chunk-QUMUAJ2P.cjs');
+require('../chunk-VZOOGA47.cjs');
 require('../chunk-XW524KUX.cjs');
-require('../chunk-LTEXVRCH.cjs');
+require('../chunk-IE677C4I.cjs');
 require('../chunk-T7J352JD.cjs');
 require('../chunk-LQHXUSWZ.cjs');
 var chunk6YOZKXV6_cjs = require('../chunk-6YOZKXV6.cjs');
 require('../chunk-TMX7YFVM.cjs');
+require('../chunk-ZBP4ZSAJ.cjs');
 require('../chunk-3YZKDCWY.cjs');
 require('../chunk-SJSGSHIT.cjs');
-require('../chunk-ZW6FPIFC.cjs');
-require('../chunk-ZT5MIFLC.cjs');
-require('../chunk-QUMUAJ2P.cjs');
-require('../chunk-VZOOGA47.cjs');
-require('../chunk-JHDCDEXY.cjs');
-require('../chunk-M2FOXGJU.cjs');
-require('../chunk-5F4DCIHS.cjs');
-require('../chunk-Z2XZ2D4N.cjs');
-require('../chunk-YZSQ7F5K.cjs');
-require('../chunk-MCXS6X37.cjs');
-require('../chunk-KQF7POTG.cjs');
-require('../chunk-75BNMCUX.cjs');
-require('../chunk-HSLPFBK2.cjs');
-require('../chunk-QGVOT7E4.cjs');
-require('../chunk-QRAQZTJE.cjs');
-require('../chunk-UDSHVNU3.cjs');
-require('../chunk-IPSHAMO2.cjs');
-require('../chunk-ZBP4ZSAJ.cjs');
 require('../chunk-PPCATBOY.cjs');
+require('../chunk-ZW6FPIFC.cjs');
 require('../chunk-U5T46QCS.cjs');
 require('../chunk-JDFBEGQO.cjs');
-require('../chunk-ULWRNGGE.cjs');
+require('../chunk-ZT5MIFLC.cjs');
 require('../chunk-LJJJ6CYH.cjs');
+require('../chunk-VLCY46K6.cjs');
+require('../chunk-E7TE2WVT.cjs');
+require('../chunk-ULWRNGGE.cjs');
 require('../chunk-PLIF5CUV.cjs');
 
 
 
 Object.defineProperty(exports, "ArbiChat", {
   enumerable: true,
-  get: function () { return chunkFJXJ43JO_cjs.ArbiChat; }
+  get: function () { return chunkR4TP3VS3_cjs.ArbiChat; }
 });
 Object.defineProperty(exports, "ConnectedCompactLogin", {
   enumerable: true,
-  get: function () { return chunkFJXJ43JO_cjs.ConnectedCompactLogin; }
+  get: function () { return chunkR4TP3VS3_cjs.ConnectedCompactLogin; }
 });
 Object.defineProperty(exports, "ConnectedEmbeddedChat", {
   enumerable: true,
-  get: function () { return chunkFJXJ43JO_cjs.ConnectedEmbeddedChat; }
+  get: function () { return chunkR4TP3VS3_cjs.ConnectedEmbeddedChat; }
 });
 Object.defineProperty(exports, "ConnectedLoginPage", {
   enumerable: true,
-  get: function () { return chunkFJXJ43JO_cjs.ConnectedLoginPage; }
+  get: function () { return chunkR4TP3VS3_cjs.ConnectedLoginPage; }
 });
 Object.defineProperty(exports, "EmbeddedChatPanel", {
   enumerable: true,
-  get: function () { return chunkFJXJ43JO_cjs.EmbeddedChatPanel; }
+  get: function () { return chunkR4TP3VS3_cjs.EmbeddedChatPanel; }
 });
 Object.defineProperty(exports, "defaultHost", {
   enumerable: true,
-  get: function () { return chunkFJXJ43JO_cjs.defaultHost; }
+  get: function () { return chunkR4TP3VS3_cjs.defaultHost; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,