@fileverse-dev/ddoc 2.3.0 → 2.3.2

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { D as d, E as r, P as s, R as a, h as t, u as i } from "./index-CCdUy9ON.mjs";
+import { D as d, E as r, P as s, R as a, h as t, u as i } from "./index-DK7CAo5N.mjs";
 export {
   d as DdocEditor,
   r as Editor,

package/dist/package/components/editor-bubble-menu/props.d.ts

@@ -54,6 +54,11 @@ export declare const bubbleMenuProps: (props: EditorBubbleMenuProps) => {
     commentDrawerOpen?: boolean;
     setCommentDrawerOpen?: React.Dispatch<import('react').SetStateAction<boolean>>;
     isCollabDocumentPublished?: boolean | undefined;
+    ipfsImageUploadFn?: (file: File) => Promise<import('../../types').IpfsImageUploadResponse>;
+    ipfsImageFetchFn?: (_data: import('../../types').IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
     onReminderCreate?: (reminder: import('../../..').Reminder, type: string) => void;
     isConnected?: boolean;
 };

package/dist/package/components/editor-bubble-menu/types.d.ts

@@ -1,6 +1,6 @@
 import { BubbleMenuProps, Editor } from '@tiptap/react';
 import { SetStateAction } from 'react';
-import { InlineCommentData } from '../../types';
+import { InlineCommentData, IpfsImageFetchPayload, IpfsImageUploadResponse } from '../../types';
 import { Reminder } from '../../extensions/reminder-block/types';
 
 export interface BubbleMenuItem {
@@ -24,6 +24,11 @@ export type EditorBubbleMenuProps = Omit<BubbleMenuProps, 'children'> & {
     commentDrawerOpen?: boolean;
     setCommentDrawerOpen?: React.Dispatch<SetStateAction<boolean>>;
     isCollabDocumentPublished?: boolean | undefined;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
     onReminderCreate?: (reminder: Reminder, type: string) => void;
     isConnected?: boolean;
 };

package/dist/package/components/editor-toolbar.d.ts

@@ -1,17 +1,22 @@
 import { default as React } from 'react';
 import { Editor } from '@tiptap/react';
+import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 
-declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, secureImageUploadUrl, onMarkdownExport, onMarkdownImport, onPdfExport, isLoading, }: {
+declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, isLoading, ipfsImageFetchFn, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
     zoomLevel: string;
     setZoomLevel: (zoom: string) => void;
     isNavbarVisible: boolean;
     setIsNavbarVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     onMarkdownExport?: () => void;
     onMarkdownImport?: () => void;
     onPdfExport?: () => void;
     isLoading: boolean;
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TiptapToolBar;

package/dist/package/components/editor-utils.d.ts

@@ -1,6 +1,7 @@
 import { default as React, Dispatch, SetStateAction } from 'react';
 import { IEditorTool } from '../hooks/use-visibility';
 import { Editor } from '@tiptap/react';
+import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 
 interface IEditorToolElement {
     icon: any;
@@ -36,13 +37,17 @@ export declare const IMG_UPLOAD_SETTINGS: {
         errorMsg: string;
     };
 };
-export declare const useEditorToolbar: ({ editor, onError, secureImageUploadUrl, onMarkdownExport, onMarkdownImport, onPdfExport, }: {
+export declare const useEditorToolbar: ({ editor, onError, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, ipfsImageFetchFn, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     onMarkdownExport?: () => void;
     onMarkdownImport?: () => void;
     onPdfExport?: () => void;
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
 }) => {
     undoRedoTools: (IEditorToolElement | null)[];
     toolbar: (IEditorToolElement | null)[];

package/dist/package/components/mobile-toolbar.d.ts

@@ -1,12 +1,17 @@
 import { Editor } from '@tiptap/react';
+import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 
-declare const MobileToolbar: ({ editor, onError, isKeyboardVisible, isNavbarVisible, setIsNavbarVisible, secureImageUploadUrl, isLoading, }: {
+declare const MobileToolbar: ({ editor, onError, isKeyboardVisible, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, isLoading, ipfsImageFetchFn, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
     isKeyboardVisible: boolean;
     isNavbarVisible: boolean;
     setIsNavbarVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     isLoading: boolean;
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default MobileToolbar;

package/dist/package/components/presentation-mode/presentation-mode.d.ts

@@ -1,4 +1,5 @@
 import { Editor } from '@tiptap/react';
+import { IpfsImageFetchPayload, DdocProps } from '../../types';
 
 interface PresentationModeProps {
     editor: Editor;
@@ -15,6 +16,11 @@ interface PresentationModeProps {
     setSlides: React.Dispatch<React.SetStateAction<string[]>>;
     renderThemeToggle?: () => JSX.Element;
     isContentLoading: boolean;
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
+    documentStyling?: DdocProps['documentStyling'];
 }
-export declare const PresentationMode: ({ editor, onClose, isFullscreen, setIsFullscreen, onError, setCommentDrawerOpen, sharedSlidesLink, isPreviewMode, documentName, onSlidesShare, slides, setSlides, renderThemeToggle, isContentLoading, }: PresentationModeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PresentationMode: ({ editor, onClose, isFullscreen, setIsFullscreen, onError, setCommentDrawerOpen, sharedSlidesLink, isPreviewMode, documentName, onSlidesShare, slides, setSlides, renderThemeToggle, isContentLoading, ipfsImageFetchFn, documentStyling, }: PresentationModeProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/package/components/presentation-mode/preview-panel.d.ts

@@ -1,7 +1,10 @@
+import { DdocProps } from '../../types';
+
 interface PreviewPanelProps {
     slides: string[];
     currentSlide: number;
     setCurrentSlide: (index: number) => void;
+    documentStyling?: DdocProps['documentStyling'];
 }
-export declare const PreviewPanel: ({ slides, currentSlide, setCurrentSlide, }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PreviewPanel: ({ slides, currentSlide, setCurrentSlide, documentStyling, }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/package/components/secure-image-v2.d.ts

@@ -0,0 +1,21 @@
+import { IpfsImageFetchPayload } from '../types.ts';
+
+type Props = {
+    encryptionKey: string;
+    url: string;
+    nonce: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    className?: string;
+    caption?: string;
+    ipfsImageFetchFn: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
+    ipfsHash: string;
+    mimeType: string;
+    authTag: string;
+};
+export declare const SecureImageV2: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLImageElement>>;
+export {};

package/dist/package/context/editor-context.d.ts

@@ -1,14 +1,17 @@
 import { default as React, ReactNode } from 'react';
+import { DocumentStyling } from '../types';
 
 interface EditorContextType {
     collapsedHeadings: Set<string>;
     setCollapsedHeadings: (updater: (prev: Set<string>) => Set<string>) => void;
     isHeadingCollapsed: (id: string) => boolean;
     expandMultipleHeadings: (ids: string[]) => void;
+    documentStyling?: DocumentStyling;
 }
 export declare const EditorContext: React.Context<EditorContextType | null>;
 export declare const useEditorContext: () => EditorContextType;
 export declare const EditorProvider: React.FC<{
     children: ReactNode;
+    documentStyling?: DocumentStyling;
 }>;
 export {};

package/dist/package/extensions/d-block/dblock.d.ts

@@ -1,8 +1,9 @@
 import { Node } from '@tiptap/core';
+import { IpfsImageUploadResponse } from '../../types';
 
 export interface DBlockOptions {
     HTMLAttributes: Record<string, any>;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     onCopyHeadingLink?: (link: string) => void;
     hasAvailableModels: boolean;
 }

package/dist/package/extensions/default-extension.d.ts

@@ -1,5 +1,15 @@
 import { NodeType } from '@tiptap/pm/model';
 import { InputRule } from '@tiptap/core';
+import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 
-export declare const defaultExtensions: (onError: (error: string) => void, secureImageUploadUrl?: string, metadataProxyUrl?: string, onCopyHeadingLink?: (link: string) => void) => (import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Mark<any, any>)[];
+export declare const defaultExtensions: ({ ipfsImageFetchFn, onError, metadataProxyUrl, onCopyHeadingLink, ipfsImageUploadFn, }: {
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
+    onError: (error: string) => void;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
+    metadataProxyUrl?: string;
+    onCopyHeadingLink?: (link: string) => void;
+}) => (import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Mark<any, any>)[];
 export declare const createInputRule: (pattern: RegExp, data: string, type: NodeType) => InputRule;

package/dist/package/extensions/iframe/iframe.d.ts

@@ -1,4 +1,5 @@
 import { Node } from '@tiptap/core';
+import { IpfsImageFetchPayload } from '../../types';
 
 export interface IframeOptions {
     allowFullscreen: boolean;
@@ -7,6 +8,10 @@ export interface IframeOptions {
     };
     width?: number;
     height?: number;
+    ipfsImageFetchFn: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {

package/dist/package/extensions/mardown-paste-handler/index.d.ts

@@ -1,18 +1,25 @@
 import { Extension } from '@tiptap/core';
 import { Node as PMNode } from 'prosemirror-model';
 import { default as TurndownService } from 'turndown';
+import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../../types';
 
 export declare const turndownService: TurndownService;
 declare module '@tiptap/core' {
     interface Commands {
         uploadMarkdownFile: {
-            uploadMarkdownFile: (secureImageUploadUrl?: string) => any;
+            uploadMarkdownFile: (ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>) => any;
         };
         exportMarkdownFile: {
             exportMarkdownFile: () => any;
         };
     }
 }
-declare const MarkdownPasteHandler: (secureImageUploadUrl?: string) => Extension<any, any>;
+declare const MarkdownPasteHandler: (ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>, ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+    url: string;
+    file: File;
+}>) => Extension<any, any>;
 export default MarkdownPasteHandler;
-export declare function searchForSecureImageNodeAndEmbedImageContent(originalDoc: PMNode): Promise<PMNode>;
+export declare function searchForSecureImageNodeAndEmbedImageContent(originalDoc: PMNode, ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+    url: string;
+    file: File;
+}>): Promise<PMNode>;

package/dist/package/extensions/reminder-block/reminder-menu-renderer.d.ts

@@ -2,4 +2,4 @@ import { Editor, Range } from '@tiptap/core';
 import { ReactRenderer } from '@tiptap/react';
 import { ReminderMenuProps } from './types';
 
-export declare function showReminderMenu(editor: Editor, range: Range, type: ReminderMenuProps['type']): ReactRenderer<HTMLDivElement, ReminderMenuProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare function showReminderMenu(editor: Editor, range: Range, type: ReminderMenuProps['type'], onError?: (error: string) => void): ReactRenderer<HTMLDivElement, ReminderMenuProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/package/extensions/resizable-media/media-paste-drop-plugin/media-paste-drop-plugin.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'prosemirror-state';
+import { IpfsImageUploadResponse } from '../../../types.ts';
 
 export type UploadFnType = (image: File) => Promise<string>;
 /**
@@ -9,4 +10,4 @@ export type UploadFnType = (image: File) => Promise<string>;
  * If no upload function is provided, it reads the media file as DataURL and uses this in the new node.
  * The function returns a new instance of the Plugin.
  */
-export declare const getMediaPasteDropPlugin: (upload: UploadFnType, onError: (error: string) => void, secureImageUploadUrl?: string) => Plugin<any>;
+export declare const getMediaPasteDropPlugin: (onError: (error: string) => void, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>) => Plugin<any>;

package/dist/package/extensions/resizable-media/resizable-media-node-view.d.ts

@@ -1,3 +1,7 @@
 import { NodeViewProps } from '@tiptap/react';
+import { IpfsImageFetchPayload } from '../../types.ts';
 
-export declare const ResizableMediaNodeView: ({ node, updateAttributes, deleteNode, }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getResizableMediaNodeView: (ipfsImageFetchFn: (_data: IpfsImageFetchPayload) => Promise<{
+    url: string;
+    file: File;
+}>) => ({ node, updateAttributes, deleteNode }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/extensions/resizable-media/resizable-media.d.ts

@@ -1,5 +1,5 @@
 import { Node } from '@tiptap/core';
-import { UploadFnType } from './media-paste-drop-plugin';
+import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../../types';
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
@@ -20,9 +20,12 @@ declare module '@tiptap/core' {
 }
 export interface MediaOptions {
     HTMLAttributes: Record<string, any>;
-    uploadFn: UploadFnType;
     onError: (error: string) => void;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn: (file: File) => Promise<IpfsImageUploadResponse>;
+    ipfsImageFetchFn: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
 }
 export declare const IMAGE_INPUT_REGEX: RegExp;
 export declare const VIDEO_INPUT_REGEX: RegExp;

package/dist/package/extensions/slash-command/slash-comand.d.ts

@@ -1,5 +1,6 @@
 import { Extension } from '@tiptap/core';
+import { IpfsImageUploadResponse } from '../../types';
 
 export declare const Command: Extension<any, any>;
-declare const SlashCommand: (onError?: (errorString: string) => void, secureImageUploadUrl?: string, isConnected?: boolean) => Extension<any, any>;
+declare const SlashCommand: (onError?: (errorString: string) => void, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>, isConnected?: boolean) => Extension<any, any>;
 export default SlashCommand;

package/dist/package/extensions/slash-command/slash-command-utils.d.ts

@@ -1,9 +1,10 @@
 import { CommandProps } from './types';
+import { IpfsImageUploadResponse } from '../../types';
 
-export declare const getSuggestionItems: ({ query, onError, secureImageUploadUrl, editor, }: {
+export declare const getSuggestionItems: ({ query, onError, isConnected, ipfsImageUploadFn, editor, }: {
     query: string;
     onError?: (errorString: string) => void;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     isConnected?: boolean;
     editor?: any;
 }) => ({

package/dist/package/types.d.ts

@@ -32,8 +32,42 @@ export interface CustomModel {
     apiKey: string;
     systemPrompt: string;
 }
+/**
+ * Document styling configuration interface
+ * @description Defines the styling options available for customizing the document editor appearance
+ */
+export interface DocumentStyling {
+    /**
+     * Outer page/document background
+     * @description Controls the background of the entire editor area. Supports solid colors and CSS gradients.
+     * @example "#f8f9fa" | "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
+     */
+    background?: string;
+    /**
+     * Editor content area background
+     * @description Controls the background color of the actual editor content where text is written. Should be solid colors for readability.
+     * @example "#ffffff" | "#f5f5f5"
+     */
+    canvasBackground?: string;
+    /**
+     * Text color
+     * @description Controls the color of the text content in the editor.
+     * @example "#000000" | "#1a1a1a"
+     */
+    textColor?: string;
+    /**
+     * Font family
+     * @description Controls the font family used for the editor content.
+     * @example "Inter" | "Arial" | "Georgia"
+     */
+    fontFamily?: string;
+}
 export interface DdocProps extends CommentAccountProps {
     isCollabDocumentPublished?: boolean;
+    ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
     disableInlineComment?: boolean;
     commentDrawerOpen?: boolean;
     setCommentDrawerOpen?: React.Dispatch<SetStateAction<boolean>>;
@@ -63,7 +97,7 @@ export interface DdocProps extends CommentAccountProps {
     collaborationId?: string;
     isPreviewMode: boolean;
     ensResolutionUrl?: string;
-    secureImageUploadUrl?: string;
+    ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     enableIndexeddbSync?: boolean;
     ddocId?: string;
     initialContent?: JSONContent | string | string[] | null;
@@ -108,6 +142,11 @@ export interface DdocProps extends CommentAccountProps {
     activeModel?: CustomModel;
     maxTokens?: number;
     isAIAgentEnabled?: boolean;
+    /**
+     * Document styling configuration
+     * @description Customize the appearance of the document editor
+     */
+    documentStyling?: DocumentStyling;
 }
 export interface IEditorSelectionData {
     from: number;
@@ -124,3 +163,18 @@ export interface IUser {
     isEns: boolean;
 }
 export { type IComment };
+export interface IpfsImageUploadResponse {
+    encryptionKey: string;
+    nonce: string;
+    ipfsUrl: string;
+    ipfsHash: string;
+    authTag: string;
+}
+export interface IpfsImageFetchPayload {
+    encryptionKey: string;
+    nonce: string;
+    ipfsUrl: string;
+    ipfsHash: string;
+    mimeType: string;
+    authTag: string;
+}

package/dist/package/use-ddoc-editor.d.ts

@@ -1,7 +1,7 @@
 import { DdocProps } from './types';
 
 import * as Y from 'yjs';
-export declare const useDdocEditor: ({ isPreviewMode, initialContent, enableCollaboration, collaborationId, walletAddress, username, onChange, onCollaboratorChange, onCommentInteraction, ensResolutionUrl, onError, setCharacterCount, setWordCount, secureImageUploadUrl, ddocId, enableIndexeddbSync, unFocused, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, proExtensions, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, isConnected, activeModel, maxTokens, isAIAgentEnabled, }: Partial<DdocProps>) => {
+export declare const useDdocEditor: ({ isPreviewMode, initialContent, enableCollaboration, collaborationId, walletAddress, username, onChange, onCollaboratorChange, onCommentInteraction, ensResolutionUrl, onError, setCharacterCount, setWordCount, ipfsImageUploadFn, ddocId, enableIndexeddbSync, unFocused, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, proExtensions, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, ipfsImageFetchFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, }: Partial<DdocProps>) => {
     editor: import('@tiptap/core').Editor | null;
     isContentLoading: boolean;
     ref: import('react').RefObject<HTMLDivElement>;

package/dist/package/utils/md-to-slides.d.ts

@@ -1,5 +1,6 @@
 import { default as MarkdownIt } from 'markdown-it';
 import { Editor } from '@tiptap/react';
+import { IpfsImageFetchPayload } from '../types';
 
 interface SlideContent {
     type: 'h1' | 'h2' | 'content' | 'image' | 'table';
@@ -9,6 +10,9 @@ export interface Slides {
     [key: number]: SlideContent[];
 }
 export declare const md: MarkdownIt;
-export declare const convertToMarkdown: (editor: Editor) => Promise<string>;
+export declare const convertToMarkdown: (editor: Editor, ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
+    url: string;
+    file: File;
+}>) => Promise<string>;
 export declare const processMarkdownContent: (markdown: string) => Slides;
 export {};

package/dist/package/utils/upload-images.d.ts

@@ -1,9 +1,10 @@
 import { Plugin } from '@tiptap/pm/state';
 import { DecorationSet, EditorView } from '@tiptap/pm/view';
+import { IpfsImageUploadResponse } from '../types';
 
 declare const UploadImagesPlugin: () => Plugin<DecorationSet>;
 export default UploadImagesPlugin;
-export declare function startImageUpload(file: File, view: EditorView, pos: number, secureImageUploadUrl?: string): Promise<void>;
+export declare function startImageUpload(file: File, view: EditorView, pos: number, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>): Promise<void>;
 export declare const uploadFn: (image: File) => Promise<string>;
 export declare const uploadSecureImage: (url: string, image: File, publicKey: ArrayBuffer) => Promise<any>;
 export declare const handleDecryptImage: (url: string, encryptedKey: string, privateKey: string, iv: string) => Promise<string | undefined>;