@flamingo-stack/openframe-frontend-core 0.0.776 → 0.0.780

package/dist/{chunk-LJT2KRE2.cjs → chunk-KLTUTZBO.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunk2JRSYWFPcjs = require('./chunk-2JRSYWFP.cjs');
+var _chunkVXAKQRV7cjs = require('./chunk-VXAKQRV7.cjs');
 
 
 
@@ -12,7 +12,7 @@ var _chunk2JRSYWFPcjs = require('./chunk-2JRSYWFP.cjs');
 
 
 
-var _chunkEHJE3UWZcjs = require('./chunk-EHJE3UWZ.cjs');
+var _chunkLBGAHB6Xcjs = require('./chunk-LBGAHB6X.cjs');
 
 
 
@@ -69,17 +69,17 @@ var _chunkZ7OPT4PNcjs = require('./chunk-Z7OPT4PN.cjs');
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
-var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
+var _chunk3ZLPYEL5cjs = require('./chunk-3ZLPYEL5.cjs');
 
 
 
-var _chunkHY6BCZH7cjs = require('./chunk-HY6BCZH7.cjs');
+var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
 
 
-var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
+var _chunkV4FXUIMHcjs = require('./chunk-V4FXUIMH.cjs');
 
 
-var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
+var _chunkSZHDXXMKcjs = require('./chunk-SZHDXXMK.cjs');
 
 
 var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
@@ -177,7 +177,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkEHJE3UWZcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkLBGAHB6Xcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -193,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEHJE3UWZcjs.TicketStatusTag,
+        _chunkLBGAHB6Xcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -206,7 +206,7 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEHJE3UWZcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLBGAHB6Xcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -264,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkEHJE3UWZcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkLBGAHB6Xcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -293,7 +293,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEHJE3UWZcjs.ApprovalBatchMessage,
+      _chunkLBGAHB6Xcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -362,7 +362,7 @@ function cardPositions(root) {
 }
 function useLaneScrollAnchor(scrollRef, tickets) {
   const positionsRef = _react.useRef.call(void 0, []);
-  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const root = scrollRef.current;
     if (!root) return;
     const previous = positionsRef.current;
@@ -467,7 +467,7 @@ function TicketCardBody({
   onLinkClick
 }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
-  const newMessageTextColor = columnColor ? _chunkR3JX4MXDcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
+  const newMessageTextColor = columnColor ? _chunk3ZLPYEL5cjs.getReadableTextColor.call(void 0, columnColor) : void 0;
   const showDeviceRow = !!(_optionalChain([ticket, 'access', _12 => _12.deviceHostnames, 'optionalAccess', _13 => _13.length]) || ticket.organizationName);
   const deviceText = [_optionalChain([ticket, 'access', _14 => _14.deviceHostnames, 'optionalAccess', _15 => _15.join, 'call', _16 => _16(", ")]), ticket.organizationName].filter(Boolean).join(", ");
   const hasRightSection = !!(ticket.priority || ticket.agent || _optionalChain([ticket, 'access', _17 => _17.assignees, 'optionalAccess', _18 => _18.length]) || renderAssignSlot);
@@ -485,7 +485,7 @@ function TicketCardBody({
         role: "img",
         "aria-label": `Owned by ${ticket.agent === "fae" ? "Fae" : "Mingo"}`,
         className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-ods-border bg-ods-bg",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEHJE3UWZcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLBGAHB6Xcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _19 => _19.assignees, 'optionalAccess', _20 => _20.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -498,7 +498,7 @@ function TicketCardBody({
           },
           a.id
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHY6BCZH7cjs.SquareAvatar,
+          _chunkBNUZKBNVcjs.SquareAvatar,
           {
             src: a.avatarUrl,
             alt: _nullishCoalesce(_nullishCoalesce(a.name, () => ( a.initials)), () => ( a.id)),
@@ -515,8 +515,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkEHJE3UWZcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkEHJE3UWZcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkLBGAHB6Xcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkLBGAHB6Xcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const metaClass = "truncate text-ods-text-secondary text-h6";
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -565,7 +565,7 @@ function TicketCardBody({
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHY6BCZH7cjs.Tag,
+      _chunkBNUZKBNVcjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSIUVERGcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -785,8 +785,8 @@ function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
-    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.Tag, { variant: "outline", label: `+${hidden}` })
+    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 
@@ -1077,7 +1077,7 @@ function EmptyState({ columnId, touchMode }) {
 // src/components/features/board/use-board-collapse.ts
 
 function useBoardCollapse(storageKey, initial) {
-  const [persisted, setPersisted] = _chunk2JRSYWFPcjs.useLocalStorage.call(void 0, _nullishCoalesce(storageKey, () => ( "__board_collapse_unused__")), {});
+  const [persisted, setPersisted] = _chunkVXAKQRV7cjs.useLocalStorage.call(void 0, _nullishCoalesce(storageKey, () => ( "__board_collapse_unused__")), {});
   const [memory, setMemory] = _react.useState.call(void 0, _nullishCoalesce(initial, () => ( {})));
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
@@ -1219,7 +1219,7 @@ var DROP_EASING = "cubic-bezier(0.2, 0, 0, 1)";
 var DRAG_PREVIEW_Z = 1200;
 var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 function Board(props) {
-  const dragAndDropEnabled = _chunk5P4TDV7Vcjs.useMediaQuery.call(void 0, _chunk2JRSYWFPcjs.DRAG_AND_DROP_MEDIA_QUERY);
+  const dragAndDropEnabled = _chunkV4FXUIMHcjs.useMediaQuery.call(void 0, _chunkVXAKQRV7cjs.DRAG_AND_DROP_MEDIA_QUERY);
   if (dragAndDropEnabled === void 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", props.className) });
   }
@@ -1253,7 +1253,7 @@ function DragBoard({
     onThumbPointerMove,
     onThumbPointerUp,
     onThumbPointerCancel
-  } = _chunk2JRSYWFPcjs.useHorizontalScrollbar.call(void 0, );
+  } = _chunkVXAKQRV7cjs.useHorizontalScrollbar.call(void 0, );
   const columnsRef = _react.useRef.call(void 0, columns);
   const onChangeRef = _react.useRef.call(void 0, onChange);
   const boardRef = _react.useRef.call(void 0, null);
@@ -1442,7 +1442,7 @@ function DragBoard({
       })
     );
   }, []);
-  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!landing) return void 0;
     const finish = () => {
       landingTimer.current = null;

package/dist/{chunk-EHJE3UWZ.cjs → chunk-LBGAHB6X.cjs}

@@ -14,7 +14,7 @@ var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
 var _chunkHFNBMV5Mcjs = require('./chunk-HFNBMV5M.cjs');
 
 
-var _chunk57B5RUYDcjs = require('./chunk-57B5RUYD.cjs');
+var _chunk64KBI5MIcjs = require('./chunk-64KBI5MI.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -25,19 +25,19 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
+var _chunk3ZLPYEL5cjs = require('./chunk-3ZLPYEL5.cjs');
 
 
 
 
 
-var _chunkHY6BCZH7cjs = require('./chunk-HY6BCZH7.cjs');
+var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
-var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
+var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
 
 
 var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
@@ -70,12 +70,12 @@ function formatTicketRelativeTime(iso) {
   if (diffMin < 60) return `${diffMin} min ago`;
   const diffHours = Math.floor(diffMin / 60);
   if (diffHours < 24) return diffHours === 1 ? "1 hour ago" : `${diffHours} hours ago`;
-  return _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, date, _chunkHY6BCZH7cjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
+  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, date, _chunkBNUZKBNVcjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
 }
 function formatTicketFullTimestamp(iso) {
-  return _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, 
+  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, 
     iso,
-    _chunkHY6BCZH7cjs.VIEWER_TIMEZONE,
+    _chunkBNUZKBNVcjs.VIEWER_TIMEZONE,
     { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "2-digit" },
     { viewerLocale: true }
   );
@@ -104,7 +104,7 @@ function formatRelativeTimeFrom(timestamp, now) {
     const weeks = Math.floor(diffInDays / 7);
     return `${weeks}w ago`;
   }
-  return _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, targetTime, null, {
+  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
     month: "short",
     day: "numeric",
     year: targetTime.getUTCFullYear() !== now.getUTCFullYear() ? "numeric" : void 0
@@ -116,7 +116,7 @@ function formatAbsoluteDate(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatAbsoluteDate:", timestamp);
     return "Invalid date";
   }
-  return _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -129,7 +129,7 @@ function formatDateTime(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatDateTime:", timestamp);
     return "Invalid date";
   }
-  return _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     ...ZONED_DATE_FIELDS_MEDIUM_DATETIME,
     ...options
   });
@@ -291,13 +291,13 @@ function TicketStatusTag({
   const config = getTicketStatusConfig(status);
   const customStyle = color ? {
     "--tag-bg": color,
-    "--tag-bg-hover": _chunkR3JX4MXDcjs.deriveHoverColor.call(void 0, color),
-    "--tag-bg-active": _chunkR3JX4MXDcjs.deriveActiveColor.call(void 0, color),
-    color: _chunkR3JX4MXDcjs.getReadableTextColor.call(void 0, color)
+    "--tag-bg-hover": _chunk3ZLPYEL5cjs.deriveHoverColor.call(void 0, color),
+    "--tag-bg-active": _chunk3ZLPYEL5cjs.deriveActiveColor.call(void 0, color),
+    color: _chunk3ZLPYEL5cjs.getReadableTextColor.call(void 0, color)
   } : void 0;
   const customColorClasses = color ? "bg-[var(--tag-bg)] hover:bg-[var(--tag-bg-hover)] active:bg-[var(--tag-bg-active)]" : void 0;
   const tag = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHY6BCZH7cjs.Tag,
+    _chunkBNUZKBNVcjs.Tag,
     {
       label: _nullishCoalesce(label, () => ( config.label)),
       variant: _nullishCoalesce(variant, () => ( config.variant)),
@@ -340,7 +340,7 @@ function TicketStatusTag({
           className: _chunk65VVJSQZcjs.cn.call(void 0, 
             // Reuse the tag's variant styling, but split into a label section and a
             // separated chevron section (the common dropdown-button seam).
-            _chunkHY6BCZH7cjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
+            _chunkBNUZKBNVcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
             "w-fit shrink-0 items-stretch justify-start gap-0 overflow-hidden p-0",
             "disabled:cursor-not-allowed disabled:opacity-60",
             // Custom color: bg/hover/active from the CSS vars set above.
@@ -622,7 +622,7 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
         onClick: onToggle,
         className: "flex w-full cursor-pointer items-start gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-sf)] text-left",
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57B5RUYDcjs.ToolIcon, { toolType, size: 16 }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk64KBI5MIcjs.ToolIcon, { toolType, size: 16 }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
@@ -778,13 +778,13 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 
 
 var MARK_IMAGE_SIZES = "96px";
-function AgentMark({ agent, className = "", color = _chunkR3JX4MXDcjs.AGENT_GLYPH_COLOR }) {
-  const identity = _chunkR3JX4MXDcjs.useAgentIdentityIcon.call(void 0, agent);
+function AgentMark({ agent, className = "", color = _chunk3ZLPYEL5cjs.AGENT_GLYPH_COLOR }) {
+  const identity = _chunk3ZLPYEL5cjs.useAgentIdentityIcon.call(void 0, agent);
   if (_optionalChain([identity, 'optionalAccess', _15 => _15.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk65VVJSQZcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkR3JX4MXDcjs.AGENT_PICTURE_CLASS }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk65VVJSQZcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunk3ZLPYEL5cjs.AGENT_PICTURE_CLASS }) });
   }
   if (_optionalChain([identity, 'optionalAccess', _16 => _16.name])) {
-    return _react.createElement.call(void 0, _chunk5P4TDV7Vcjs.resolveIcon.call(void 0, identity.name), {
+    return _react.createElement.call(void 0, _chunkTUAATMUEcjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
       color,

package/dist/{chunk-LNCBN4BL.cjs → chunk-MLX6Z7TU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkMYHS4W2Hcjs = require('./chunk-MYHS4W2H.cjs');
+var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
 
 
 
@@ -49,7 +49,7 @@ function PaginationControl({
     );
   }
   const handleClick = (event) => {
-    if (_chunkMYHS4W2Hcjs.isModifierClick.call(void 0, event)) return;
+    if (_chunkYG72MEHYcjs.isModifierClick.call(void 0, event)) return;
     event.preventDefault();
     onPageChange(page);
   };