@pitcher/js-api 1.22.0-rc.0 → 1.22.0-rc.2

package/lib/apps/browser/App.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ComputedRef } from 'vue';
 import { BrowserSectionType, AppName } from '@browser/stores/app';
-import { FolderItemsFetcher, FolderCreator, FolderUpdater, FolderDeleter, FileCreator, FileUpdater, FileOpener, FileFetcher, ItemsMover, FavoritesFetcher, FavoriteCreator, FavoriteDeleter, FileDeleter, MetadataTemplateFetcher, RecentFilesFetcher, SelectDeviceFile } from '@browser/stores/api';
+import { FolderItemsFetcher, FolderCreator, FolderUpdater, FolderDeleter, FileCreator, FileUpdater, FileOpener, FileFetcher, ItemsMover, FavoritesFetcher, FavoriteCreator, FavoriteDeleter, FileDeleter, MetadataTemplateFetcher, RecentFilesFetcher, SelectDeviceFile, FileListFetcher } from '@browser/stores/api';
 import { FileRetrieve } from '../../../types/openapi';
 declare function __VLS_template(): {
     slots: {
@@ -51,6 +51,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: PropType<FileFetcher>;
         required: true;
     };
+    onFilesList: {
+        type: PropType<FileListFetcher>;
+        required: true;
+    };
     onFavoriteCreate: {
         type: PropType<FavoriteCreator>;
         required: true;
@@ -143,6 +147,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: PropType<FileFetcher>;
         required: true;
     };
+    onFilesList: {
+        type: PropType<FileListFetcher>;
+        required: true;
+    };
     onFavoriteCreate: {
         type: PropType<FavoriteCreator>;
         required: true;

package/lib/apps/browser/components/Content/Common/BrowserListItem.vue.d.ts

@@ -1,3 +1,4 @@
+import { ComputedRef } from 'vue';
 declare function __VLS_template(): {
     slots: {
         actions?(_: {}): any;
@@ -7,6 +8,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
+    filters: ComputedRef<Record<string, any>>;
+    highlightText?: string;
     doNotShowFolderDetails?: boolean;
     isContextMenuOpen?: boolean;
     isDraggedOver?: boolean;
@@ -16,6 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
         id: number | string;
     };
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    filters: ComputedRef<Record<string, any>>;
+    highlightText?: string;
     doNotShowFolderDetails?: boolean;
     isContextMenuOpen?: boolean;
     isDraggedOver?: boolean;
@@ -28,6 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     isSelected: boolean;
     isContextMenuOpen: boolean;
     isDraggedOver: boolean;
+    highlightText: string;
     doNotShowFolderDetails: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/apps/browser/stores/api.d.ts

@@ -27,6 +27,8 @@ type FileOpener = (payload: {
 type FileDeleter = (payload: MiniFile['id']) => Promise<MiniFile['id']>;
 type FilesDeleter = (payload: BulkDeleteRequest) => Promise<BulkDeleteResponse>;
 type FileFetcher = (payload: File['id']) => Promise<FileRetrieve>;
+type FileListFetcher = (params?: any) => Promise<File[]>;
+type FileListSearchFetcher = (params?: any) => Promise<void>;
 type FilesFoldersDeleter = (payload: BulkDeleteRequest) => Promise<BulkDeleteResponse>;
 type FavoriteCreator = (payload: FavoriteCreateRequest) => Promise<Favorite>;
 type FavoriteDeleter = (payload: Favorite['id']) => Promise<void>;
@@ -46,8 +48,10 @@ declare function setFavorites(favorites: Favorite[]): void;
 declare function addRatedFile(fileId?: File['id']): void;
 declare function setCurrentFolder(folderId?: FolderRetrieve['id'], folderName?: FolderRetrieve['name'], folderPath?: FolderRetrieve['path']): void;
 declare function setSearchQuery(searchQuery: string): void;
+declare function setIsFetchingListFiles(value: boolean): void;
+declare function setSearchMetadataFilters(filters: Record<string, any>): void;
 declare function clearTimeouts(): void;
-declare function init({ onFolderFetch, onFolderCreate, onFolderUpdate, onFolderDelete, onFoldersDelete, onFileCreate, onFileUpdate, onFileOpen, onFileDelete, onFilesDelete, onFileFetch, onItemsMove, onFavoriteCreate, onFavoriteDelete, onFavoritesDelete, onFavoritesFetch, onRecentFilesFetch, onSelectDeviceFile, onMetadataTemplateFetch, }: {
+declare function init({ onFolderFetch, onFolderCreate, onFolderUpdate, onFolderDelete, onFoldersDelete, onFileCreate, onFileUpdate, onFileOpen, onFileDelete, onFilesDelete, onFileFetch, onFilesList, onItemsMove, onFavoriteCreate, onFavoriteDelete, onFavoritesDelete, onFavoritesFetch, onRecentFilesFetch, onSelectDeviceFile, onMetadataTemplateFetch, }: {
     onFolderFetch: FolderItemsFetcher;
     onFolderCreate: FolderCreator;
     onFolderUpdate: FolderUpdater;
@@ -59,6 +63,7 @@ declare function init({ onFolderFetch, onFolderCreate, onFolderUpdate, onFolderD
     onFileDelete: FileDeleter;
     onFilesDelete: FilesDeleter;
     onFileFetch: FileFetcher;
+    onFilesList: FileListFetcher;
     onItemsMove: ItemsMover;
     onFavoriteCreate: FavoriteCreator;
     onFavoriteDelete: FavoriteDeleter;
@@ -68,7 +73,7 @@ declare function init({ onFolderFetch, onFolderCreate, onFolderUpdate, onFolderD
     onSelectDeviceFile?: SelectDeviceFile;
     onMetadataTemplateFetch?: MetadataTemplateFetcher;
 }): void;
-export type { FolderItemsFetcher, FolderCreator, FolderUpdater, FolderDeleter, FoldersDeleter, FileCreator, FileUpdater, FileOpener, FileDeleter, FilesDeleter, FileFetcher, ItemsMoverItem, ItemsMover, FavoritesFetcher, FavoriteCreator, FavoriteDeleter, FavoritesDeleter, FavoritesSetter, CompactFile, CompactFolder, RecentFilesFetcher, SelectDeviceFile, MetadataTemplateFetcher, };
+export type { FolderItemsFetcher, FolderCreator, FolderUpdater, FolderDeleter, FoldersDeleter, FileCreator, FileUpdater, FileOpener, FileDeleter, FilesDeleter, FileFetcher, FileListFetcher, ItemsMoverItem, ItemsMover, FavoritesFetcher, FavoriteCreator, FavoriteDeleter, FavoritesDeleter, FavoritesSetter, CompactFile, CompactFolder, RecentFilesFetcher, SelectDeviceFile, MetadataTemplateFetcher, };
 declare const _default: () => {
     state: {
         readonly ratedFiles: {
@@ -85,6 +90,7 @@ declare const _default: () => {
         readonly fileCreator: FileCreator | null;
         readonly fileUpdater: FileUpdater | null;
         readonly fileFetcher: FileFetcher | null;
+        readonly fileListFetcher: FileListSearchFetcher | null;
         readonly filesFoldersDeleter: FilesFoldersDeleter | null;
         readonly favoritesFetcher: FavoritesFetcher | null;
         readonly favoriteCreator: FavoriteCreator | null;
@@ -106,6 +112,7 @@ declare const _default: () => {
         readonly isUpdatingFolderItems: boolean;
         readonly isFetchingFolderItems: boolean;
         readonly fetchingFolderId: Folder["id"];
+        readonly isFetchingListFiles: boolean;
         readonly isFetchingSelectedFile: boolean;
         readonly isFetchingSelectedFolder: boolean;
         readonly isFetchingRecentFiles: boolean;
@@ -358,6 +365,36 @@ declare const _default: () => {
             readonly [x: string]: any;
         };
         readonly searchQuery: string;
+        readonly searchMetadataFilters: {
+            readonly [x: string]: any;
+        };
+        readonly filteredItems: readonly {
+            readonly id: string;
+            readonly name: string;
+            readonly status: FileStatusEnum;
+            readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+            readonly thumbnail_url: string;
+            readonly tags: readonly string[];
+            readonly permissions?: {
+                readonly can_download?: boolean | undefined;
+                readonly can_share?: boolean | undefined;
+            } | undefined;
+            readonly metadata: {
+                readonly [x: string]: any;
+            };
+            readonly created_by: {
+                readonly id: number;
+                readonly name: string;
+                readonly email?: string | undefined;
+            };
+            readonly owned_by: {
+                readonly id: number;
+                readonly name: string;
+                readonly email?: string | undefined;
+            };
+            readonly modified_at: string;
+            readonly folder_id?: string | undefined;
+        }[];
     };
     getters: {
         readonly sortedFiles: readonly {
@@ -394,6 +431,7 @@ declare const _default: () => {
             fileCreator: null;
             fileUpdater: null;
             fileFetcher: null;
+            fileListFetcher: null;
             filesFoldersDeleter: null;
             favoritesFetcher: null;
             favoriteCreator: null;
@@ -406,6 +444,7 @@ declare const _default: () => {
             isFetchingFolderItems: boolean;
             fetchingFolderId: string;
             isUpdatingFolderItems: boolean;
+            isFetchingListFiles: boolean;
             isFetchingSelectedFile: boolean;
             isFetchingSelectedFolder: boolean;
             isFetchingFavorites: boolean;
@@ -426,10 +465,14 @@ declare const _default: () => {
             currentFolderId: string;
             sectionFieldsDict: {};
             searchQuery: string;
+            searchMetadataFilters: {};
+            filteredItems: never[];
         };
         setFavorites: typeof setFavorites;
         setCurrentFolder: typeof setCurrentFolder;
         setSearchQuery: typeof setSearchQuery;
+        setIsFetchingListFiles: typeof setIsFetchingListFiles;
+        setSearchMetadataFilters: typeof setSearchMetadataFilters;
         onUploadFilesRefetchFolder: import('lodash').DebouncedFunc<() => Promise<void>>;
         clearTimeouts: typeof clearTimeouts;
         reset: () => {
@@ -445,6 +488,7 @@ declare const _default: () => {
             fileCreator: FileCreator | null;
             fileUpdater: FileUpdater | null;
             fileFetcher: FileFetcher | null;
+            fileListFetcher: FileListSearchFetcher | null;
             filesFoldersDeleter: FilesFoldersDeleter | null;
             favoritesFetcher: FavoritesFetcher | null;
             favoriteCreator: FavoriteCreator | null;
@@ -466,6 +510,7 @@ declare const _default: () => {
             isUpdatingFolderItems: boolean;
             isFetchingFolderItems: boolean;
             fetchingFolderId: Folder["id"];
+            isFetchingListFiles: boolean;
             isFetchingSelectedFile: boolean;
             isFetchingSelectedFolder: boolean;
             isFetchingRecentFiles: boolean;
@@ -671,6 +716,32 @@ declare const _default: () => {
             currentFolderId: Awaited<ReturnType<FolderItemsFetcher>>["id"];
             sectionFieldsDict: Record<string, any>;
             searchQuery: string;
+            searchMetadataFilters: Record<string, any>;
+            filteredItems: {
+                readonly id: string;
+                readonly name: string;
+                readonly status: FileStatusEnum;
+                readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+                readonly thumbnail_url: string;
+                readonly tags: Array<string>;
+                permissions?: {
+                    can_download?: boolean | undefined;
+                    can_share?: boolean | undefined;
+                } | undefined;
+                readonly metadata: Record<string, any>;
+                readonly created_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    email?: string | undefined;
+                };
+                readonly owned_by: {
+                    readonly id: number;
+                    readonly name: string;
+                    email?: string | undefined;
+                };
+                readonly modified_at: string;
+                folder_id?: string | undefined;
+            }[];
         } & {
             fileOpener: null;
             fileDeleter: null;
@@ -683,6 +754,7 @@ declare const _default: () => {
             fileCreator: null;
             fileUpdater: null;
             fileFetcher: null;
+            fileListFetcher: null;
             filesFoldersDeleter: null;
             favoritesFetcher: null;
             favoriteCreator: null;
@@ -695,6 +767,7 @@ declare const _default: () => {
             isFetchingFolderItems: boolean;
             fetchingFolderId: string;
             isUpdatingFolderItems: boolean;
+            isFetchingListFiles: boolean;
             isFetchingSelectedFile: boolean;
             isFetchingSelectedFolder: boolean;
             isFetchingFavorites: boolean;
@@ -715,6 +788,8 @@ declare const _default: () => {
             currentFolderId: string;
             sectionFieldsDict: {};
             searchQuery: string;
+            searchMetadataFilters: {};
+            filteredItems: never[];
         };
     };
 };

package/lib/apps/browser/stores/app.d.ts

@@ -1,5 +1,5 @@
 import { Ref, ComputedRef } from 'vue';
-import { File, Folder, Favorite, MiniFolder, FileContentTypeEnum, FileStatusEnum } from '../../../../types/openapi';
+import { File, Folder, Favorite, MiniFolder } from '../../../../types/openapi';
 import { RecentFile } from '../../../types/recentFiles.types';
 import { ViewCompactFile, ViewCompactFileFolder, ViewCompactFolder } from '../../../types/files';
 export type AppName = 'admin' | 'impact';
@@ -38,7 +38,6 @@ export default function (): {
     toggleContentPanel(isOpen?: boolean): void;
     selectAndOpenContentPanel(item: ViewCompactFileFolder): void;
     setCurrentState(stateName: AppCurrentState, itemId?: Folder["id"] | File["id"]): void;
-    clearFilters(): void;
     clearInlineEditingItem(): void;
     appName: Ref<AppName | "">;
     currentState: Ref<AppCurrentState>;
@@ -54,36 +53,6 @@ export default function (): {
         favoriteId: string;
     })[]>;
     displayedRecentFiles: ComputedRef<RecentFileWithFavoriteId[]>;
-    filters: {
-        contentType: {
-            value: Ref<FileContentTypeEnum[]>;
-            optionsRaw: ComputedRef<FileContentTypeEnum[]>;
-            options: ComputedRef<(t: (key: string) => string) => {
-                value: FileContentTypeEnum;
-                label: string;
-            }[]>;
-            show: ComputedRef<boolean>;
-        };
-        status: {
-            value: Ref<FileStatusEnum[]>;
-            optionsRaw: ComputedRef<FileStatusEnum[]>;
-            options: ComputedRef<(t: (key: string) => string) => {
-                value: FileStatusEnum;
-                label: string;
-            }[]>;
-            show: ComputedRef<boolean>;
-        };
-        tag: {
-            value: Ref<string[]>;
-            options: ComputedRef<{
-                value: string;
-                label: string;
-            }[]>;
-            show: ComputedRef<boolean>;
-        };
-        isAnyFilterActive: ComputedRef<boolean>;
-        showClearFilters: ComputedRef<boolean>;
-    };
     isSidebarOpen: Ref<boolean>;
     isContentPanelOpen: Ref<boolean>;
     updatingFolderId: Ref<Folder["id"] | null>;
@@ -94,5 +63,6 @@ export default function (): {
         id: string | number;
         prop: "name" | "tags";
     } | null>;
+    showFilteredResults: ComputedRef<boolean>;
 };
 export {};

package/lib/apps/canvas-builder/App.vue.d.ts

@@ -36,11 +36,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -93,11 +98,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -147,11 +157,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -208,11 +223,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -293,11 +313,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -350,11 +375,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -404,11 +434,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;
@@ -465,11 +500,16 @@ declare const _default: import('vue').DefineComponent<import('@canvas-builder/ty
     fetchFile: (fileId: FileRetrieve["id"]) => Promise<FileRetrieve>;
     fetchCanvas: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"], params?: Record<string, any>) => Promise<import('../../../types/openapi').CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<import('../../../types/openapi').MetadataTemplate>;
-    renderPageAsImageUrl?: (fileId: import('../../../types/openapi').File["id"], pageIndex: number, options: {
-        width: number;
-    } | {
-        height: number;
-    }) => Promise<string>;
+    renderPageAsImageUrl?: (payload: {
+        fileId: import('../../../types/openapi').File["id"];
+        documentId?: import('../../../types/openapi').File["id"];
+        pageIndex: number;
+        params: {
+            width: number;
+        } | {
+            height: number;
+        };
+    }) => Promise<ArrayBuffer>;
     getEnv?: () => Promise<import('../../main.lib').PitcherEnv>;
     onEditMode?: (isEditMode: boolean) => void;
     onTrackShare?: (canvasId: import('../../../types/openapi').CanvasRetrieve["id"]) => Promise<void>;

package/lib/apps/canvas-builder/components/container/EditableComponent/EditableComponent.vue.d.ts

@@ -1,10 +1,11 @@
-import { CSSProperties } from 'vue';
 import { DropdownOption } from 'naive-ui';
+import { CSSProperties } from 'vue';
 import { ThemeComponentOptionEnum } from '@canvas-builder/composables/useCanvasTheme';
 import { ComponentNode } from '@canvas-builder/types/canvas';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     attrs: Partial<{}>;

package/lib/apps/canvas-builder/components/container/EditableComponent/EditableComponentActionToolbar.vue.d.ts

@@ -0,0 +1,103 @@
+import { ComponentNode } from '@canvas-builder/types/canvas';
+import { ThemeComponentOptionEnum, ThemePadding } from '@canvas-builder/composables/useCanvasTheme';
+import { DropdownOption } from 'naive-ui';
+declare const _default: import('vue').DefineComponent<{
+    selected: boolean;
+    placement: "top" | "bottom";
+    show: boolean;
+    draggable: boolean;
+    add: boolean;
+    edit: boolean;
+    settings: boolean;
+    stylable: boolean;
+    duplicate: boolean;
+    discard: boolean;
+    debuggable: boolean;
+    remove: boolean;
+    collapsible: boolean;
+    isCollapsed: boolean;
+    isInspectingNode: boolean;
+    addIcon?: string;
+    editIcon?: string;
+    settingsIcon?: string;
+    duplicateIcon?: string;
+    discardIcon?: string;
+    removeIcon?: string;
+    variants?: {
+        title: string;
+        options: DropdownOption[];
+        selected?: DropdownOption["key"];
+    };
+    componentNode?: ComponentNode;
+    excludeStylables?: ThemeComponentOptionEnum[];
+    padding: ThemePadding;
+    spacing: number;
+    showActionSeparator: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: () => any;
+    remove: () => any;
+    settings: () => any;
+    duplicate: () => any;
+    edit: () => any;
+    discard: () => any;
+    "variant-change": (variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any;
+    updateBackgroundColor: (color: string | undefined) => any;
+    updatePadding: (padding: ThemePadding) => any;
+    updateMarginBottom: (value: number) => any;
+    resetSpacing: () => any;
+    updateComponentNode: (updatedNode: Record<string, any>) => any;
+    startDrag: () => any;
+    toggleThemeOptions: () => any;
+    toggleInspectNode: () => any;
+    toggleCollapse: () => any;
+}, string, import('vue').PublicProps, Readonly<{
+    selected: boolean;
+    placement: "top" | "bottom";
+    show: boolean;
+    draggable: boolean;
+    add: boolean;
+    edit: boolean;
+    settings: boolean;
+    stylable: boolean;
+    duplicate: boolean;
+    discard: boolean;
+    debuggable: boolean;
+    remove: boolean;
+    collapsible: boolean;
+    isCollapsed: boolean;
+    isInspectingNode: boolean;
+    addIcon?: string;
+    editIcon?: string;
+    settingsIcon?: string;
+    duplicateIcon?: string;
+    discardIcon?: string;
+    removeIcon?: string;
+    variants?: {
+        title: string;
+        options: DropdownOption[];
+        selected?: DropdownOption["key"];
+    };
+    componentNode?: ComponentNode;
+    excludeStylables?: ThemeComponentOptionEnum[];
+    padding: ThemePadding;
+    spacing: number;
+    showActionSeparator: boolean;
+}> & Readonly<{
+    onAdd?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+    onDiscard?: (() => any) | undefined;
+    "onVariant-change"?: ((variant: import('naive-ui/es/menu/src/interface').Key | undefined) => any) | undefined;
+    onUpdateBackgroundColor?: ((color: string | undefined) => any) | undefined;
+    onUpdatePadding?: ((padding: ThemePadding) => any) | undefined;
+    onUpdateMarginBottom?: ((value: number) => any) | undefined;
+    onResetSpacing?: (() => any) | undefined;
+    onUpdateComponentNode?: ((updatedNode: Record<string, any>) => any) | undefined;
+    onStartDrag?: (() => any) | undefined;
+    onToggleThemeOptions?: (() => any) | undefined;
+    onToggleInspectNode?: (() => any) | undefined;
+    onToggleCollapse?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;