@carlonicora/nextjs-jsonapi 1.92.2 → 1.94.0

package/dist/{chunk-TGZDQSDU.mjs → chunk-PNQDUCEN.mjs}

@@ -6688,7 +6688,7 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
       }
     });
     const link = graphGroup.append("g").attr("stroke", "#999").attr("stroke-opacity", 0.6).selectAll("line").data(visibleLinks).join("line").attr("x1", (d) => d.source.x || 0).attr("y1", (d) => d.source.y || 0).attr("x2", (d) => d.target.x || 0).attr("y2", (d) => d.target.y || 0).attr("stroke-width", 1.5);
-    const node = graphGroup.append("g").selectAll("g").data(visibleNodes).join("g").attr("class", "node-group").attr("cursor", "pointer").attr("transform", (d) => `translate(${d.x || 0}, ${d.y || 0})`).call(
+    const node = graphGroup.append("g").selectAll("g").data(visibleNodes).join("g").attr("class", "node-group").attr("data-id", (d) => d.id).attr("cursor", "pointer").attr("transform", (d) => `translate(${d.x || 0}, ${d.y || 0})`).call(
       d3.drag().subject(function(d) {
         return d;
       }).on("start", function(event, d) {
@@ -6749,7 +6749,15 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
       onNodeClick(d.id);
     });
     node.each(function(d) {
-      if (d.icon) {
+      if (d.imageUrl) {
+        const clipId = `clip-${d.id}`;
+        const defs = d3.select(this).append("defs");
+        defs.append("clipPath").attr("id", clipId).append("circle").attr("r", nodeRadius);
+        d3.select(this).append("image").attr("href", d.imageUrl).attr("x", -nodeRadius).attr("y", -nodeRadius).attr("width", nodeRadius * 2).attr("height", nodeRadius * 2).attr("preserveAspectRatio", "xMidYMid slice").attr("clip-path", `url(#${clipId})`).style("pointer-events", "all").on("click", (event) => {
+          event.stopPropagation();
+          onNodeClick(d.id);
+        });
+      } else if (d.icon) {
         const Icon = d.icon;
         const iconSvg = renderToStaticMarkup(/* @__PURE__ */ jsx49(Icon, { size: nodeRadius / 2, color: "white" }));
         const _iconGroup = d3.select(this).append("g").html(iconSvg).attr("transform", `translate(${-nodeRadius / 4}, ${-nodeRadius / 4})`).style("pointer-events", "all").on("click", (event) => {
@@ -6777,7 +6785,7 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
           textElement.append("tspan").attr("x", 0).attr("dy", index === 0 ? `${startY}em` : `${lineHeight}em`).text(word);
         });
       } else {
-        textElement.attr("dy", -nodeRadius - 5).attr("fill", "currentColor").text(d.name);
+        textElement.attr("dy", -nodeRadius - 5).attr("fill", "currentColor").attr("font-size", d.bold ? 16 : 12).attr("font-weight", d.bold ? 700 : null).text(d.name);
       }
     });
     return () => {
@@ -9214,7 +9222,7 @@ import { useRef as useRef15 } from "react";
 import dynamic from "next/dynamic";
 import React14 from "react";
 import { jsx as jsx73 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-C33MRSMX.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-S62X5HSE.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React14.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -9240,7 +9248,8 @@ function FormBlockNote({
   enableMentions,
   mentionSearchFn,
   mentionSearchParams,
-  mentionResolveFn
+  mentionResolveFn,
+  suggestionMenuComponent
 }) {
   const initialContentRef = useRef15(null);
   const lastEditorContentRef = useRef15(void 0);
@@ -9285,6 +9294,7 @@ function FormBlockNote({
                 mentionSearchFn,
                 mentionSearchParams,
                 mentionResolveFn,
+                suggestionMenuComponent,
                 className: cn(stretch && "min-h-0 flex-1")
               }
             );
@@ -13759,45 +13769,35 @@ var createMentionInlineContentSpec = /* @__PURE__ */ __name((resolveFn, disableM
 // src/components/editors/BlockNoteEditorSuggestionMenuController.tsx
 import { SuggestionMenuController } from "@blocknote/react";
 import { autoUpdate, flip, shift } from "@floating-ui/react";
-import { useCallback as useCallback28, useRef as useRef24 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
-var DEBOUNCE_MS = 300;
 function BlockNoteEditorMentionSuggestionMenu({
   editor,
   mentionSearchFn,
-  mentionSearchParams
+  mentionSearchParams,
+  suggestionMenuComponent
 }) {
-  const lastQueryRef = useRef24("");
   const getItems = useCallback28(
     async (query) => {
-      lastQueryRef.current = query;
-      if (query.length > 0) {
-        await new Promise((resolve) => setTimeout(resolve, DEBOUNCE_MS));
-        if (lastQueryRef.current !== query) return [];
-      }
-      try {
-        const results = await mentionSearchFn(query, mentionSearchParams);
-        if (lastQueryRef.current !== query) return [];
-        return results.map((item) => ({
-          title: item.name,
-          subtext: item.entityType,
-          onItemClick: /* @__PURE__ */ __name(() => {
-            editor.insertInlineContent([
-              {
-                type: "mention",
-                props: {
-                  alias: item.name,
-                  id: item.id,
-                  entityType: item.entityType
-                }
-              },
-              " "
-            ]);
-          }, "onItemClick")
-        }));
-      } catch {
-        return [];
-      }
+      const results = await mentionSearchFn(query, mentionSearchParams);
+      return results.map((item) => ({
+        title: item.name,
+        subtext: item.entityType,
+        icon: item.icon,
+        onItemClick: /* @__PURE__ */ __name(() => {
+          editor.insertInlineContent([
+            {
+              type: "mention",
+              props: {
+                alias: item.name,
+                id: item.id,
+                entityType: item.entityType
+              }
+            },
+            " "
+          ]);
+        }, "onItemClick")
+      }));
     },
     [editor, mentionSearchFn, mentionSearchParams]
   );
@@ -13806,6 +13806,7 @@ function BlockNoteEditorMentionSuggestionMenu({
     {
       triggerCharacter: "@",
       getItems,
+      suggestionMenuComponent,
       floatingUIOptions: {
         useFloatingOptions: {
           strategy: "fixed",
@@ -13820,12 +13821,12 @@ function BlockNoteEditorMentionSuggestionMenu({
 __name(BlockNoteEditorMentionSuggestionMenu, "BlockNoteEditorMentionSuggestionMenu");
 
 // src/components/pages/PageContainerContentDetails.tsx
-import { useEffect as useEffect40, useRef as useRef25, useState as useState48 } from "react";
+import { useEffect as useEffect40, useRef as useRef24, useState as useState48 } from "react";
 import { jsx as jsx153, jsxs as jsxs91 } from "react/jsx-runtime";
 function PageContainerContentDetails({ items, section, module, id }) {
   const rewriteUrl = useUrlRewriter();
   const [isScrolled, setIsScrolled] = useState48(false);
-  const sentinelRef = useRef25(null);
+  const sentinelRef = useRef24(null);
   useEffect40(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -14032,13 +14033,13 @@ function JsonApiProvider({ config, children }) {
 __name(JsonApiProvider, "JsonApiProvider");
 
 // src/client/hooks/useJsonApiGet.ts
-import { useState as useState50, useEffect as useEffect43, useCallback as useCallback29, useRef as useRef26 } from "react";
+import { useState as useState50, useEffect as useEffect43, useCallback as useCallback29, useRef as useRef25 } from "react";
 function useJsonApiGet(params) {
   const [data, setData] = useState50(null);
   const [loading, setLoading] = useState50(false);
   const [error, setError] = useState50(null);
   const [response, setResponse] = useState50(null);
-  const isMounted = useRef26(true);
+  const isMounted = useRef25(true);
   const fetchData = useCallback29(async () => {
     if (params.options?.enabled === false) return;
     setLoading(true);
@@ -14840,12 +14841,12 @@ import { memo, useMemo as useMemo25, useState as useState55 } from "react";
 // src/components/tables/ContentTableSearch.tsx
 import { RefreshCw, Search, X as X3 } from "lucide-react";
 import { useTranslations as useTranslations55 } from "next-intl";
-import { useCallback as useCallback34, useEffect as useEffect47, useRef as useRef27, useState as useState54 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect47, useRef as useRef26, useState as useState54 } from "react";
 import { jsx as jsx164, jsxs as jsxs94 } from "react/jsx-runtime";
 function ContentTableSearch({ data }) {
   const t = useTranslations55();
-  const searchTermRef = useRef27("");
-  const inputRef = useRef27(null);
+  const searchTermRef = useRef26("");
+  const inputRef = useRef26(null);
   const [searchTerm, setSearchTerm] = useState54("");
   const [isFocused, setIsFocused] = useState54(false);
   const [isSearching, setIsSearching] = useState54(false);
@@ -15045,12 +15046,12 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
 }, "ContentListTable"));
 
 // src/components/grids/ContentListGrid.tsx
-import { useEffect as useEffect48, useRef as useRef28 } from "react";
+import { useEffect as useEffect48, useRef as useRef27 } from "react";
 import { Fragment as Fragment27, jsx as jsx166, jsxs as jsxs96 } from "react/jsx-runtime";
 var DEFAULT_GRID_CLASSES = "grid grid-cols-2 gap-4 p-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5";
 function ContentListGrid(props) {
   const { data, ItemComponent, allowSearch, fullWidth, gridClassName } = props;
-  const sentinelRef = useRef28(null);
+  const sentinelRef = useRef27(null);
   useEffect48(() => {
     if (!data.next || !sentinelRef.current) return;
     const observer = new IntersectionObserver(
@@ -15145,14 +15146,14 @@ __name(validateItalianTaxCode, "validateItalianTaxCode");
 
 // src/components/fiscal/ItalianFiscalData.tsx
 import { useTranslations as useTranslations56 } from "next-intl";
-import { forwardRef as forwardRef8, useCallback as useCallback35, useImperativeHandle as useImperativeHandle2, useRef as useRef29, useState as useState56 } from "react";
+import { forwardRef as forwardRef8, useCallback as useCallback35, useImperativeHandle as useImperativeHandle2, useRef as useRef28, useState as useState56 } from "react";
 import { z as z4 } from "zod";
 import { jsx as jsx167, jsxs as jsxs97 } from "react/jsx-runtime";
 var ItalianFiscalData = forwardRef8(/* @__PURE__ */ __name(function ItalianFiscalData2({ initialData }, ref) {
   const t = useTranslations56();
-  const initialRef = useRef29(initialData);
+  const initialRef = useRef28(initialData);
   const [fiscalData, setFiscalData] = useState56(initialData);
-  const fiscalDataRef = useRef29(initialData);
+  const fiscalDataRef = useRef28(initialData);
   const [fiscalErrors, setFiscalErrors] = useState56({});
   const updateFiscalField = useCallback35((key, value) => {
     setFiscalData((prev) => {
@@ -15789,11 +15790,11 @@ import { useTranslations as useTranslations60 } from "next-intl";
 import { useState as useState61 } from "react";
 
 // src/features/auth/components/two-factor/TotpInput.tsx
-import { useEffect as useEffect50, useRef as useRef30, useState as useState60 } from "react";
+import { useEffect as useEffect50, useRef as useRef29, useState as useState60 } from "react";
 import { jsx as jsx173, jsxs as jsxs101 } from "react/jsx-runtime";
 function TotpInput({ onComplete, disabled = false, autoFocus = true, error }) {
   const [digits, setDigits] = useState60(["", "", "", "", "", ""]);
-  const inputRefs = useRef30([]);
+  const inputRefs = useRef29([]);
   useEffect50(() => {
     if (autoFocus && inputRefs.current[0]) {
       inputRefs.current[0].focus();
@@ -17282,7 +17283,7 @@ __name(RelevantContentsList, "RelevantContentsList");
 // src/features/how-to/components/containers/HowToCommand.tsx
 import { ArrowRight, LifeBuoyIcon } from "lucide-react";
 import { useTranslations as useTranslations78 } from "next-intl";
-import { useCallback as useCallback37, useEffect as useEffect59, useMemo as useMemo28, useRef as useRef31, useState as useState75 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect59, useMemo as useMemo28, useRef as useRef30, useState as useState75 } from "react";
 
 // src/features/how-to/components/containers/HowToCommandViewer.tsx
 import { ArrowLeft, BookOpen, MessageSquare } from "lucide-react";
@@ -17410,7 +17411,7 @@ function HowToCommand({ pathname, extraGroups, onStartChat }) {
   const t = useTranslations78();
   const [dialogOpen, setDialogOpen] = useState75(false);
   const [selectedHowTo, setSelectedHowTo] = useState75(null);
-  const searchTermRef = useRef31("");
+  const searchTermRef = useRef30("");
   const [searchTerm, setSearchTerm] = useState75("");
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => {
@@ -17752,7 +17753,7 @@ __name(HowToMultiSelector, "HowToMultiSelector");
 // src/features/how-to/components/forms/HowToSelector.tsx
 import { CircleX as CircleX2, RefreshCwIcon as RefreshCwIcon3, SearchIcon as SearchIcon6, XIcon as XIcon10 } from "lucide-react";
 import { useTranslations as useTranslations83 } from "next-intl";
-import { useCallback as useCallback38, useEffect as useEffect60, useRef as useRef32, useState as useState76 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect60, useRef as useRef31, useState as useState76 } from "react";
 import { Fragment as Fragment42, jsx as jsx203, jsxs as jsxs120 } from "react/jsx-runtime";
 function HowToSelector({
   id,
@@ -17764,7 +17765,7 @@ function HowToSelector({
 }) {
   const t = useTranslations83();
   const [open, setOpen] = useState76(false);
-  const searchTermRef = useRef32("");
+  const searchTermRef = useRef31("");
   const [searchTerm, setSearchTerm] = useState76("");
   const [isSearching, setIsSearching] = useState76(false);
   const data = useDataListRetriever({
@@ -18058,7 +18059,7 @@ function AssistantThreadHeader({ assistant, onRename, onDelete }) {
 __name(AssistantThreadHeader, "AssistantThreadHeader");
 
 // src/features/assistant/components/parts/AssistantThread.tsx
-import { useEffect as useEffect62, useRef as useRef33 } from "react";
+import { useEffect as useEffect62, useRef as useRef32 } from "react";
 
 // src/features/assistant-message/components/MessageItem.tsx
 import { useTranslations as useTranslations93 } from "next-intl";
@@ -18612,7 +18613,7 @@ __name(AssistantStatusLine, "AssistantStatusLine");
 // src/features/assistant/components/parts/AssistantThread.tsx
 import { jsx as jsx219, jsxs as jsxs133 } from "react/jsx-runtime";
 function AssistantThread({ messages, sending, status, onSelectFollowUp, failedMessageIds, onRetry }) {
-  const endRef = useRef33(null);
+  const endRef = useRef32(null);
   useEffect62(() => {
     endRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, sending]);
@@ -18806,10 +18807,10 @@ __name(NotificationsListContainer, "NotificationsListContainer");
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon } from "lucide-react";
 import { useTranslations as useTranslations97 } from "next-intl";
-import { Fragment as Fragment47, useCallback as useCallback39, useEffect as useEffect63, useMemo as useMemo32, useRef as useRef34, useState as useState83 } from "react";
+import { Fragment as Fragment47, useCallback as useCallback39, useEffect as useEffect63, useMemo as useMemo32, useRef as useRef33, useState as useState83 } from "react";
 import { jsx as jsx224, jsxs as jsxs138 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
-  const _instanceId = useRef34(Math.random().toString(36).substr(2, 9));
+  const _instanceId = useRef33(Math.random().toString(36).substr(2, 9));
   const {
     notifications,
     addNotification,
@@ -18830,8 +18831,8 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   const t = useTranslations97();
   const generateUrl = usePageUrlGenerator();
   const [newNotifications, setNewNotifications] = useState83(false);
-  const preventAutoClose = useRef34(false);
-  const circuitBreakerRef = useRef34({
+  const preventAutoClose = useRef33(false);
+  const circuitBreakerRef = useRef33({
     count: 0,
     resetTime: 0,
     isOpen: false
@@ -18864,7 +18865,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   useEffect63(() => {
     if (lastLoaded === 0) loadNotifications();
   }, [lastLoaded, loadNotifications]);
-  const processSocketNotificationsRef = useRef34(null);
+  const processSocketNotificationsRef = useRef33(null);
   const processSocketNotifications = useCallback39(() => {
     if (socketNotifications.length === 0) {
       return;
@@ -19025,7 +19026,7 @@ __name(ReferralCodeCapture, "ReferralCodeCapture");
 
 // src/features/referral/components/ReferralWidget.tsx
 import { Copy as Copy2, Loader2 as Loader25, Mail, Users } from "lucide-react";
-import { useCallback as useCallback40, useRef as useRef35, useState as useState86 } from "react";
+import { useCallback as useCallback40, useRef as useRef34, useState as useState86 } from "react";
 
 // src/features/referral/hooks/useReferralInvite.ts
 import { useState as useState84 } from "react";
@@ -19131,7 +19132,7 @@ function ReferralWidget({
   const { sendInvite, sending } = useReferralInvite();
   const [email, setEmail] = useState86("");
   const [copied, setCopied] = useState86(false);
-  const linkInputRef = useRef35(null);
+  const linkInputRef = useRef34(null);
   const config = getReferralConfig();
   const baseUrl = config.referralUrlBase || (typeof window !== "undefined" ? window.location.origin : "");
   const referralUrl = stats?.referralCode ? `${baseUrl}${config.referralPath}?${config.urlParamName}=${stats.referralCode}` : "";
@@ -19419,11 +19420,11 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 // src/features/role/components/forms/UserRoleAdd.tsx
 import { PlusCircle as PlusCircle2 } from "lucide-react";
 import { useTranslations as useTranslations101 } from "next-intl";
-import { useCallback as useCallback41, useEffect as useEffect67, useRef as useRef36, useState as useState88 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect67, useRef as useRef35, useState as useState88 } from "react";
 import { Fragment as Fragment51, jsx as jsx232, jsxs as jsxs144 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
   const [open, setOpen] = useState88(false);
-  const inputRef = useRef36(null);
+  const inputRef = useRef35(null);
   const [searchTerm, setSearchTerm] = useState88("");
   const [roles, setRoles] = useState88([]);
   const t = useTranslations101();
@@ -20843,7 +20844,7 @@ __name(WaitlistList, "WaitlistList");
 // src/features/rbac/components/RbacContainer.tsx
 import { Loader2Icon as Loader2Icon3 } from "lucide-react";
 import { useTranslations as useTranslations110 } from "next-intl";
-import { memo as memo2, useCallback as useCallback49, useEffect as useEffect71, useMemo as useMemo33, useRef as useRef37, useState as useState96 } from "react";
+import { memo as memo2, useCallback as useCallback49, useEffect as useEffect71, useMemo as useMemo33, useRef as useRef36, useState as useState96 } from "react";
 
 // src/features/rbac/components/RbacPermissionCell.tsx
 import { CheckIcon as CheckIcon9, MinusIcon as MinusIcon2, XIcon as XIcon11 } from "lucide-react";
@@ -21112,7 +21113,7 @@ var CellButton = memo2(/* @__PURE__ */ __name(function CellButton2({
   isRoleColumn,
   onOpen
 }) {
-  const ref = useRef37(null);
+  const ref = useRef36(null);
   const value = cellValue(tokens, action);
   const handleClick = useCallback49(() => {
     if (!ref.current) return;
@@ -21298,7 +21299,7 @@ __name(RbacContainer, "RbacContainer");
 // src/features/rbac/components/RbacByRoleContainer.tsx
 import { Loader2Icon as Loader2Icon4 } from "lucide-react";
 import { useTranslations as useTranslations111 } from "next-intl";
-import { Fragment as Fragment55, memo as memo3, useCallback as useCallback50, useEffect as useEffect72, useMemo as useMemo34, useRef as useRef38, useState as useState97 } from "react";
+import { Fragment as Fragment55, memo as memo3, useCallback as useCallback50, useEffect as useEffect72, useMemo as useMemo34, useRef as useRef37, useState as useState97 } from "react";
 import { jsx as jsx256, jsxs as jsxs166 } from "react/jsx-runtime";
 function findToken2(tokens, action) {
   if (!tokens) return void 0;
@@ -21319,7 +21320,7 @@ var CellButton3 = memo3(/* @__PURE__ */ __name(function CellButton4({
   isRoleColumn,
   onOpen
 }) {
-  const ref = useRef38(null);
+  const ref = useRef37(null);
   const value = cellValue2(tokens, action);
   const handleClick = useCallback50(() => {
     if (!ref.current) return;
@@ -21984,4 +21985,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-TGZDQSDU.mjs.map
+//# sourceMappingURL=chunk-PNQDUCEN.mjs.map