@ixo/editor 2.16.1 → 2.16.3

package/dist/{chunk-52ED245Y.mjs → chunk-3A47Y7LN.mjs}

@@ -16744,7 +16744,7 @@ var DomainCreatorSignTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
-import React185, { useCallback as useCallback47, useMemo as useMemo56, useEffect as useEffect47, useState as useState65 } from "react";
+import React185, { useCallback as useCallback47, useMemo as useMemo56 } from "react";
 import { ActionIcon as ActionIcon27, Badge as Badge28, Group as Group59, Stack as Stack122, Text as Text96, Tooltip as Tooltip18 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight8 } from "@tabler/icons-react";
 
@@ -16752,19 +16752,6 @@ import { IconChevronRight as IconChevronRight8 } from "@tabler/icons-react";
 import React184, { useCallback as useCallback46, useState as useState64 } from "react";
 import { Alert as Alert24, Button as Button32, CloseButton as CloseButton13, Group as Group58, Loader as Loader24, Stack as Stack121, Text as Text95, Title as Title16 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle11, IconCheck as IconCheck5, IconSignature } from "@tabler/icons-react";
-function getDomainCardDataFromViewer(editor) {
-  const allBlocks = editor.document;
-  for (const docBlock of allBlocks) {
-    if (docBlock.type === "domainCardViewer") {
-      try {
-        return JSON.parse(docBlock.props.domainCardData || "{}");
-      } catch {
-        return null;
-      }
-    }
-  }
-  return null;
-}
 var SignPanel = ({ editor, block, onComplete, onError }) => {
   const { closePanel } = usePanelStore();
   const { handlers } = useBlocknoteContext();
@@ -16772,8 +16759,12 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
   const [error, setError] = useState64(block.props.errorMessage || null);
   const [createdEntityDid, setCreatedEntityDid] = useState64(block.props.entityDid || null);
   const getDomainCardData = useCallback46(() => {
-    return getDomainCardDataFromViewer(editor);
-  }, [editor]);
+    try {
+      return JSON.parse(block.props.domainCardData || "{}");
+    } catch {
+      return null;
+    }
+  }, [block.props.domainCardData]);
   const processSignAndCreate = useCallback46(async () => {
     if (!handlers) {
       throw new Error("Handlers not available");
@@ -16907,62 +16898,8 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
 var DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID = "domain-creator-sign-flow-panel";
-function getDomainCardViewerData(editor) {
-  const allBlocks = editor.document;
-  for (const docBlock of allBlocks) {
-    if (docBlock.type === "domainCardViewer") {
-      return {
-        domainCardData: docBlock.props.domainCardData || "{}",
-        isApproved: docBlock.props.status === "approved"
-      };
-    }
-  }
-  return { domainCardData: "{}", isApproved: false };
-}
-function isDomainCardDataReady(domainCardData) {
-  if (!domainCardData || domainCardData === "{}") return false;
-  try {
-    const parsed = JSON.parse(domainCardData);
-    return Boolean(parsed && typeof parsed === "object" && parsed.name);
-  } catch {
-    return false;
-  }
-}
 var DomainCreatorSignFlowView = ({ editor, block }) => {
   const status = block.props.status || "pending";
-  const [viewerData, setViewerData] = useState65(() => getDomainCardViewerData(editor));
-  useEffect47(() => {
-    const updateViewerData = () => {
-      const newData = getDomainCardViewerData(editor);
-      setViewerData((prev) => {
-        if (prev.domainCardData !== newData.domainCardData || prev.isApproved !== newData.isApproved) {
-          return newData;
-        }
-        return prev;
-      });
-    };
-    updateViewerData();
-    return editor.onChange(updateViewerData);
-  }, [editor]);
-  const { domainCardData, isApproved: isViewerApproved } = viewerData;
-  const isDataReady = isDomainCardDataReady(domainCardData) && isViewerApproved;
-  useEffect47(() => {
-    if (status === "pending" && isDataReady) {
-      editor.updateBlock(block, {
-        props: {
-          ...block.props,
-          status: "ready"
-        }
-      });
-    } else if (status === "ready" && !isDataReady) {
-      editor.updateBlock(block, {
-        props: {
-          ...block.props,
-          status: "pending"
-        }
-      });
-    }
-  }, [isDataReady, status, editor, block]);
   const handleComplete = useCallback47(
     (result) => {
       editor.updateBlock(block, {
@@ -16992,7 +16929,7 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
   const panelContent = useMemo56(() => /* @__PURE__ */ React185.createElement(SignPanel, { editor, block, onComplete: handleComplete, onError: handleError }), [editor, block, handleComplete, handleError]);
   const { open } = usePanel(panelId, panelContent);
   const handleOpen = () => {
-    if (isDataReady || status === "completed" || status === "error") {
+    if (status === "ready" || status === "completed" || status === "error") {
       open();
     }
   };
@@ -17013,7 +16950,7 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
     }
   };
   const badgeProps = getBadgeProps();
-  const isClickable = isDataReady || status === "completed" || status === "error";
+  const isClickable = status === "ready" || status === "completed" || status === "error";
   const getDescriptionText = () => {
     switch (status) {
       case "completed":
@@ -17046,10 +16983,11 @@ var DomainCreatorSignBlockSpec = createReactBlockSpec16(
       title: { default: "" },
       description: { default: "" },
       icon: { default: "feather" },
+      // JSON string of credential subject data (pushed from domainCardViewer)
+      domainCardData: { default: "{}" },
       // Entity type from protocol selector or oracle
       entityType: { default: "" },
       // Status: pending | ready | signing | uploading | creating | completed | error
-      // NOTE: This block reads domainCardData from the domainCardViewer block
       status: { default: "pending" },
       // Created entity DID (after success)
       entityDid: { default: "" },
@@ -17084,14 +17022,14 @@ import React189, { useCallback as useCallback48 } from "react";
 import { Paper as Paper19, CloseButton as CloseButton14, Title as Title17 } from "@mantine/core";
 
 // src/mantine/blocks/domainCardViewer/template/GeneralTab.tsx
-import React188, { useEffect as useEffect48, useState as useState66 } from "react";
+import React188, { useEffect as useEffect47, useState as useState65 } from "react";
 var GeneralTab13 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
-  const [localTitle, setLocalTitle] = useState66(title || "");
-  const [localDescription, setLocalDescription] = useState66(description || "");
-  const [localIcon, setLocalIcon] = useState66(icon || "dots-circle");
-  useEffect48(() => setLocalTitle(title || ""), [title]);
-  useEffect48(() => setLocalDescription(description || ""), [description]);
-  useEffect48(() => setLocalIcon(icon || "dots-circle"), [icon]);
+  const [localTitle, setLocalTitle] = useState65(title || "");
+  const [localDescription, setLocalDescription] = useState65(description || "");
+  const [localIcon, setLocalIcon] = useState65(icon || "dots-circle");
+  useEffect47(() => setLocalTitle(title || ""), [title]);
+  useEffect47(() => setLocalDescription(description || ""), [description]);
+  useEffect47(() => setLocalIcon(icon || "dots-circle"), [icon]);
   return /* @__PURE__ */ React188.createElement(BaseSection, null, /* @__PURE__ */ React188.createElement(
     BaseTextInput,
     {
@@ -17207,7 +17145,7 @@ var DomainCardViewerTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
-import React192, { useMemo as useMemo59, useCallback as useCallback49, useEffect as useEffect49 } from "react";
+import React192, { useMemo as useMemo59, useCallback as useCallback49, useEffect as useEffect48, useRef as useRef11 } from "react";
 import { ActionIcon as ActionIcon28, Badge as Badge30, Button as Button34, Group as Group61, Stack as Stack125, Text as Text99, Tooltip as Tooltip19 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTrash as IconTrash5 } from "@tabler/icons-react";
 
@@ -17518,12 +17456,45 @@ function isPreviewDataReady(domainPreviewData) {
     return false;
   }
 }
+function isDomainCardDataReady(domainCardData) {
+  if (!domainCardData || domainCardData === "{}") return false;
+  try {
+    const parsed = JSON.parse(domainCardData);
+    return Boolean(parsed && typeof parsed === "object" && parsed.name);
+  } catch {
+    return false;
+  }
+}
+function syncToDomainCreatorSignBlocks(editor, domainCardData, isApproved) {
+  const allBlocks = editor.document;
+  for (const docBlock of allBlocks) {
+    if (docBlock.type === "domainCreatorSign") {
+      const currentStatus = docBlock.props.status;
+      if (currentStatus === "completed" || currentStatus === "signing" || currentStatus === "uploading" || currentStatus === "creating") {
+        continue;
+      }
+      const newStatus = isApproved && isDomainCardDataReady(domainCardData) ? "ready" : "pending";
+      if (docBlock.props.domainCardData !== domainCardData || docBlock.props.status !== newStatus) {
+        editor.updateBlock(docBlock, {
+          props: {
+            ...docBlock.props,
+            domainCardData,
+            status: newStatus
+          }
+        });
+      }
+    }
+  }
+}
 var DomainCardViewerFlowView = ({ editor, block }) => {
   const status = block.props.status || "pending";
   const domainPreviewData = block.props.domainPreviewData || "{}";
+  const domainCardData = block.props.domainCardData || "{}";
   const isDataReady = isPreviewDataReady(domainPreviewData);
-  console.log("block.props", block.props);
-  useEffect49(() => {
+  const isApproved = status === "approved";
+  const prevDomainCardDataRef = useRef11(domainCardData);
+  const prevStatusRef = useRef11(status);
+  useEffect48(() => {
     if (status === "pending" && isDataReady) {
       editor.updateBlock(block, {
         props: {
@@ -17533,6 +17504,15 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
       });
     }
   }, [isDataReady, status, editor, block]);
+  useEffect48(() => {
+    const dataChanged = prevDomainCardDataRef.current !== domainCardData;
+    const statusChanged = prevStatusRef.current !== status;
+    if (dataChanged || statusChanged) {
+      syncToDomainCreatorSignBlocks(editor, domainCardData, isApproved);
+      prevDomainCardDataRef.current = domainCardData;
+      prevStatusRef.current = status;
+    }
+  }, [domainCardData, status, isApproved, editor]);
   const handleApprove = useCallback49(() => {
     editor.updateBlock(block, {
       props: {
@@ -17834,7 +17814,7 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo60, useEffect as useEffect50, useState as useState67, useCallback as useCallback50 } from "react";
+import { useMemo as useMemo60, useEffect as useEffect49, useState as useState66, useCallback as useCallback50 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
 import { useMemo as useMemo61 } from "react";
@@ -18190,6 +18170,7 @@ var getExtraSlashMenuItems = (editor) => {
                 title: "",
                 description: "",
                 icon: "feather",
+                domainCardData: "{}",
                 entityType: "",
                 status: "pending",
                 entityDid: "",
@@ -18312,14 +18293,14 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect51, useState as useState68, useRef as useRef11, useCallback as useCallback51, useMemo as useMemo62 } from "react";
+import { useEffect as useEffect50, useState as useState67, useRef as useRef12, useCallback as useCallback51, useMemo as useMemo62 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState68(null);
-  const [status, setStatus] = useState68("disconnected");
-  const isMountedRef = useRef11(true);
-  const providerRef = useRef11(null);
-  const retryTimeoutRef = useRef11(null);
+  const [matrixProvider, setProvider] = useState67(null);
+  const [status, setStatus] = useState67("disconnected");
+  const isMountedRef = useRef12(true);
+  const providerRef = useRef12(null);
+  const retryTimeoutRef = useRef12(null);
   const providerOptions = useMemo62(
     () => ({
       translator: {
@@ -18381,7 +18362,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect51(() => {
+  useEffect50(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -18398,7 +18379,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect51(() => {
+  useEffect50(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -18417,7 +18398,7 @@ function useCollaborativeYDoc(_options) {
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo64, useEffect as useEffect52 } from "react";
+import { useMemo as useMemo64, useEffect as useEffect51 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -18602,7 +18583,7 @@ function useCreateCollaborativeIxoEditor(options) {
     roomId: options.roomId
   });
   const metadataManager = useMemo64(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect52(() => {
+  useEffect51(() => {
     return () => {
       metadataManager.dispose();
     };
@@ -18823,12 +18804,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect52(() => {
+  useEffect51(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect52(() => {
+  useEffect51(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -18861,7 +18842,7 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React196, { useState as useState69, useRef as useRef12, useEffect as useEffect53 } from "react";
+import React196, { useState as useState68, useRef as useRef13, useEffect as useEffect52 } from "react";
 import { Box as Box35, Group as Group62 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
@@ -19021,13 +19002,13 @@ function CoverImageButton({ isActive = false, children, onClick, style }) {
 // src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState69(false);
-  const [isRepositioning, setIsRepositioning] = useState69(false);
-  const [coverPosition, setCoverPosition] = useState69(50);
-  const coverFileInputRef = useRef12(null);
-  const logoFileInputRef = useRef12(null);
-  const [metadata, setMetadata] = useState69(() => editor?.getPageMetadata?.() || null);
-  useEffect53(() => {
+  const [isHovering, setIsHovering] = useState68(false);
+  const [isRepositioning, setIsRepositioning] = useState68(false);
+  const [coverPosition, setCoverPosition] = useState68(50);
+  const coverFileInputRef = useRef13(null);
+  const logoFileInputRef = useRef13(null);
+  const [metadata, setMetadata] = useState68(() => editor?.getPageMetadata?.() || null);
+  useEffect52(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -19314,7 +19295,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
 }
 
 // src/mantine/components/PageHeader.tsx
-import React197, { useState as useState70, useRef as useRef13, useEffect as useEffect54 } from "react";
+import React197, { useState as useState69, useRef as useRef14, useEffect as useEffect53 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -19325,9 +19306,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState70(false);
-  const menuRef = useRef13(null);
-  useEffect54(() => {
+  const [isMenuOpen, setIsMenuOpen] = useState69(false);
+  const menuRef = useRef14(null);
+  useEffect53(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -19507,7 +19488,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React198, { useCallback as useCallback52, useEffect as useEffect55, useRef as useRef14, useState as useState71 } from "react";
+import React198, { useCallback as useCallback52, useEffect as useEffect54, useRef as useRef15, useState as useState70 } from "react";
 import { Box as Box36 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -19520,14 +19501,14 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef14(null);
-  const [isValidDrag, setIsValidDrag] = useState71(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState71(false);
-  const [indicatorStyle, setIndicatorStyle] = useState71({});
-  const dropPositionRef = useRef14(null);
-  const scrollAnimationRef = useRef14(null);
-  const scrollDirectionRef = useRef14(null);
-  const scrollContainerRef = useRef14(null);
+  const containerRef = useRef15(null);
+  const [isValidDrag, setIsValidDrag] = useState70(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState70(false);
+  const [indicatorStyle, setIndicatorStyle] = useState70({});
+  const dropPositionRef = useRef15(null);
+  const scrollAnimationRef = useRef15(null);
+  const scrollDirectionRef = useRef15(null);
+  const scrollContainerRef = useRef15(null);
   const getBlockElements = useCallback52(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
@@ -19683,7 +19664,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect55(() => {
+  useEffect54(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -19741,7 +19722,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect55(() => {
+  useEffect54(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -19764,13 +19745,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect55(() => {
+  useEffect54(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect55(() => {
+  useEffect54(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -19781,7 +19762,7 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect55(() => {
+  useEffect54(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
@@ -20045,7 +20026,7 @@ function IxoEditor({
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React201, { useState as useState72 } from "react";
+import React201, { useState as useState71 } from "react";
 import { Modal as Modal3, Stack as Stack126, Text as Text100, TextInput as TextInput6, Button as Button36, Alert as Alert26, Group as Group63 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle13, IconCheck as IconCheck7, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
@@ -20055,11 +20036,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState72("");
-  const [confirmPin, setConfirmPin] = useState72("");
-  const [loading, setLoading] = useState72(false);
-  const [error, setError] = useState72(null);
-  const [success, setSuccess] = useState72(false);
+  const [pin, setPin] = useState71("");
+  const [confirmPin, setConfirmPin] = useState71("");
+  const [loading, setLoading] = useState71(false);
+  const [error, setError] = useState71(null);
+  const [success, setSuccess] = useState71(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -20141,7 +20122,7 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React202, { useState as useState73, useEffect as useEffect56, useMemo as useMemo65 } from "react";
+import React202, { useState as useState72, useEffect as useEffect55, useMemo as useMemo65 } from "react";
 import { Stack as Stack127, Text as Text101, Paper as Paper21, Group as Group64, Badge as Badge31, Button as Button37, ActionIcon as ActionIcon29, Loader as Loader26, Alert as Alert27, Divider as Divider12 } from "@mantine/core";
 import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
@@ -20152,11 +20133,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState73([]);
-  const [loading, setLoading] = useState73(true);
-  const [revoking, setRevoking] = useState73(null);
+  const [delegations, setDelegations] = useState72([]);
+  const [loading, setLoading] = useState72(true);
+  const [revoking, setRevoking] = useState72(null);
   const rootCapability = useMemo65(() => editor.getRootCapability?.(), [editor]);
-  useEffect56(() => {
+  useEffect55(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -20240,7 +20221,7 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React203, { useState as useState74, useCallback as useCallback53 } from "react";
+import React203, { useState as useState73, useCallback as useCallback53 } from "react";
 import {
   Modal as Modal4,
   Stack as Stack128,
@@ -20272,20 +20253,20 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState74("user");
-  const [searchQuery, setSearchQuery] = useState74("");
-  const [searchResults, setSearchResults] = useState74([]);
-  const [searching, setSearching] = useState74(false);
-  const [selectedRecipient, setSelectedRecipient] = useState74(null);
-  const [manualDid, setManualDid] = useState74("");
-  const [scopeType, setScopeType] = useState74("full");
-  const [selectedBlocks, setSelectedBlocks] = useState74([]);
-  const [expirationEnabled, setExpirationEnabled] = useState74(false);
-  const [expirationDays, setExpirationDays] = useState74(30);
-  const [canDelegate, setCanDelegate] = useState74(false);
-  const [pin, setPin] = useState74("");
-  const [loading, setLoading] = useState74(false);
-  const [error, setError] = useState74(null);
+  const [recipientType, setRecipientType] = useState73("user");
+  const [searchQuery, setSearchQuery] = useState73("");
+  const [searchResults, setSearchResults] = useState73([]);
+  const [searching, setSearching] = useState73(false);
+  const [selectedRecipient, setSelectedRecipient] = useState73(null);
+  const [manualDid, setManualDid] = useState73("");
+  const [scopeType, setScopeType] = useState73("full");
+  const [selectedBlocks, setSelectedBlocks] = useState73([]);
+  const [expirationEnabled, setExpirationEnabled] = useState73(false);
+  const [expirationDays, setExpirationDays] = useState73(30);
+  const [canDelegate, setCanDelegate] = useState73(false);
+  const [pin, setPin] = useState73("");
+  const [loading, setLoading] = useState73(false);
+  const [error, setError] = useState73(null);
   const handleSearch = useCallback53(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
@@ -20573,4 +20554,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-52ED245Y.mjs.map
+//# sourceMappingURL=chunk-3A47Y7LN.mjs.map