@pitcher/js-api 1.25.0-beta.2 → 1.25.0

package/lib/apps/canvas-builder/composables/useCanvasTheme.d.ts

@@ -1,6 +1,6 @@
 import { FileTypeEnum, File, CanvasRetrieve } from '../../../../types/openapi';
-import { CanvasTheme } from '../types/canvas.ts';
-import { CanvasThemeRetrieve, CanvasTypographyPreset, CanvasTypographyPresetId } from '../../../types/canvasTheme';
+import { CanvasTheme, ComponentNode, MultimediaProps } from '../types/canvas.ts';
+import { CanvasThemeRetrieve, CanvasTypographyPreset, CanvasTypographyPresetId, CanvasThemeAsset } from '../../../types/canvasTheme';
 import { BackgroundAttachment, BackgroundPositionX, BackgroundPositionY, BackgroundRepeat, BackgroundSize } from '../../../types/background';
 export declare enum ThemeComponentOptionEnum {
     COLOR_PICKER = 0,
@@ -64,7 +64,11 @@ declare function handleComponentThemeUpdate(updates: ThemeOptions, currentTheme:
 declare function updateThemeProperties(theme: Partial<CanvasTheme>): void;
 declare function setBackgroundImageProperties(style?: Partial<CanvasTheme['style']>): void;
 declare function updateTextCSSVariables(typography: Record<string, CanvasTypographyPreset>): void;
-declare function loadSectionThemes(sections: CanvasRetrieve['sections'], section?: CanvasRetrieve['sections'][number]): void;
+declare function loadSectionThemes(sections: CanvasRetrieve['sections'], specificSection?: CanvasRetrieve['sections'][number]): void;
+declare function loadSectionThemesAssets(sections: CanvasRetrieve['sections'], updateMultimediaNodeFn?: (nodeId: string, props: MultimediaProps, directNodeUpdate?: {
+    node: ComponentNode;
+    section: CanvasRetrieve['sections'][number];
+}) => boolean, specificSection?: CanvasRetrieve['sections'][number]): number;
 declare function clearSectionThemes(sections?: CanvasRetrieve['sections'], sectionId?: CanvasRetrieve['sections'][number]): void;
 declare function removeCssUrlFunc(url: string): string;
 export default function useCanvasTheme(): {
@@ -157,10 +161,25 @@ export default function useCanvasTheme(): {
             timezone?: string | undefined;
             tags?: (Array<string> | null) | undefined;
         } | undefined;
+        logo?: {
+            id: string;
+            name: string;
+            url: string;
+        } | undefined;
+        assets?: {
+            id: string;
+            name: string;
+            url: string;
+        }[] | undefined;
         settings: {
             component_spacing: number;
             background_color: string;
             palette: string[];
+            assets?: {
+                id: string;
+                name: string;
+                url: string;
+            }[] | undefined;
         };
         typography: Record<string, CanvasTypographyPreset>;
         used_in_canvases_count?: number | undefined;
@@ -253,10 +272,25 @@ export default function useCanvasTheme(): {
             timezone?: string | undefined;
             tags?: (Array<string> | null) | undefined;
         } | undefined;
+        logo?: {
+            id: string;
+            name: string;
+            url: string;
+        } | undefined;
+        assets?: {
+            id: string;
+            name: string;
+            url: string;
+        }[] | undefined;
         settings: {
             component_spacing: number;
             background_color: string;
             palette: string[];
+            assets?: {
+                id: string;
+                name: string;
+                url: string;
+            }[] | undefined;
         };
         typography: Record<string, CanvasTypographyPreset>;
         used_in_canvases_count?: number | undefined;
@@ -290,6 +324,8 @@ export default function useCanvasTheme(): {
         metadata?: Record<string, any> | undefined;
         app_metadata?: Record<string, any> | undefined;
         tags?: Array<string> | undefined;
+        transcript?: string | undefined;
+        readonly search: string | null;
         readonly published_at: string | null;
         expires_at?: string | null | undefined;
         readonly instance_id: string;
@@ -345,6 +381,8 @@ export default function useCanvasTheme(): {
         metadata?: Record<string, any> | undefined;
         app_metadata?: Record<string, any> | undefined;
         tags?: Array<string> | undefined;
+        transcript?: string | undefined;
+        readonly search: string | null;
         readonly published_at: string | null;
         expires_at?: string | null | undefined;
         readonly instance_id: string;
@@ -382,6 +420,24 @@ export default function useCanvasTheme(): {
     isFluid: import('vue').Ref<boolean, boolean>;
     maintainSectionTheme: import('vue').Ref<boolean, boolean>;
     palette: import('vue').Ref<string[], string[]>;
+    logo: import('vue').Ref<{
+        id: string;
+        name: string;
+        url: string;
+    } | null, CanvasThemeAsset | {
+        id: string;
+        name: string;
+        url: string;
+    } | null>;
+    assets: import('vue').Ref<{
+        id: string;
+        name: string;
+        url: string;
+    }[], CanvasThemeAsset[] | {
+        id: string;
+        name: string;
+        url: string;
+    }[]>;
     typography: import('vue').Ref<Record<string, CanvasTypographyPreset>, Record<string, CanvasTypographyPreset>>;
     backgroundAttachment: import('vue').Ref<BackgroundAttachment, BackgroundAttachment>;
     backgroundImage: import('vue').Ref<string, string>;
@@ -484,10 +540,25 @@ export default function useCanvasTheme(): {
             timezone?: string | undefined;
             tags?: (Array<string> | null) | undefined;
         } | undefined;
+        logo?: {
+            id: string;
+            name: string;
+            url: string;
+        } | undefined;
+        assets?: {
+            id: string;
+            name: string;
+            url: string;
+        }[] | undefined;
         settings: {
             component_spacing: number;
             background_color: string;
             palette: string[];
+            assets?: {
+                id: string;
+                name: string;
+                url: string;
+            }[] | undefined;
         };
         typography: Record<string, CanvasTypographyPreset>;
         used_in_canvases_count?: number | undefined;
@@ -580,10 +651,25 @@ export default function useCanvasTheme(): {
             timezone?: string | undefined;
             tags?: (Array<string> | null) | undefined;
         } | undefined;
+        logo?: {
+            id: string;
+            name: string;
+            url: string;
+        } | undefined;
+        assets?: {
+            id: string;
+            name: string;
+            url: string;
+        }[] | undefined;
         settings: {
             component_spacing: number;
             background_color: string;
             palette: string[];
+            assets?: {
+                id: string;
+                name: string;
+                url: string;
+            }[] | undefined;
         };
         typography: Record<string, CanvasTypographyPreset>;
         used_in_canvases_count?: number | undefined;
@@ -591,6 +677,7 @@ export default function useCanvasTheme(): {
     updateTextCSSVariables: typeof updateTextCSSVariables;
     updateThemeProperties: typeof updateThemeProperties;
     loadSectionThemes: typeof loadSectionThemes;
+    loadSectionThemesAssets: typeof loadSectionThemesAssets;
     removeCssUrlFunc: typeof removeCssUrlFunc;
     cleanup: typeof cleanup;
     handleComponentThemeUpdate: typeof handleComponentThemeUpdate;
@@ -683,10 +770,25 @@ export default function useCanvasTheme(): {
             timezone?: string | undefined;
             tags?: (Array<string> | null) | undefined;
         } | undefined;
+        logo?: {
+            id: string;
+            name: string;
+            url: string;
+        } | undefined;
+        assets?: {
+            id: string;
+            name: string;
+            url: string;
+        }[] | undefined;
         settings: {
             component_spacing: number;
             background_color: string;
             palette: string[];
+            assets?: {
+                id: string;
+                name: string;
+                url: string;
+            }[] | undefined;
         };
         typography: Record<string, CanvasTypographyPreset>;
         used_in_canvases_count?: number | undefined;
@@ -779,10 +881,25 @@ export default function useCanvasTheme(): {
             timezone?: string | undefined;
             tags?: (Array<string> | null) | undefined;
         } | undefined;
+        logo?: {
+            id: string;
+            name: string;
+            url: string;
+        } | undefined;
+        assets?: {
+            id: string;
+            name: string;
+            url: string;
+        }[] | undefined;
         settings: {
             component_spacing: number;
             background_color: string;
             palette: string[];
+            assets?: {
+                id: string;
+                name: string;
+                url: string;
+            }[] | undefined;
         };
         typography: Record<string, CanvasTypographyPreset>;
         used_in_canvases_count?: number | undefined;

package/lib/apps/canvas-builder/composables/useCanvasThemeAssets.d.ts

@@ -0,0 +1,31 @@
+import { ComponentNode, MultimediaProps } from '../types/canvas';
+import { CanvasRetrieve } from '../../../../types/openapi';
+import { CanvasThemeRetrieve } from '../../../types/canvasTheme';
+declare function resetProcessedNodes(): void;
+declare function addManuallyChangedThemeAsset(componentId: string): void;
+declare function removeManuallyChangedThemeAsset(componentId: string): void;
+declare function isManuallyChangedThemeAsset(componentId: string): boolean;
+declare function clearManuallyChangedThemeAssets(): void;
+declare function processThemeAssetForNode(node: ComponentNode, theme: CanvasThemeRetrieve, updateNodeFn: (nodeId: string, props: MultimediaProps, directNodeUpdate?: {
+    node: ComponentNode;
+    section: CanvasRetrieve['sections'][number];
+}) => boolean, section?: CanvasRetrieve['sections'][number]): boolean;
+declare function processThemeAssetsForNodes(nodes: ComponentNode[], theme: CanvasThemeRetrieve, updateNodeFn: (nodeId: string, props: MultimediaProps, directNodeUpdate?: {
+    node: ComponentNode;
+    section: CanvasRetrieve['sections'][number];
+}) => boolean, section?: CanvasRetrieve['sections'][number]): number;
+declare function processThemeAssetsForSections(sections: CanvasRetrieve['sections'], updateNodeFn: (nodeId: string, props: MultimediaProps, directNodeUpdate?: {
+    node: ComponentNode;
+    section: CanvasRetrieve['sections'][number];
+}) => boolean, specificSection?: CanvasRetrieve['sections'][number]): number;
+export default function useCanvasThemeAssets(): {
+    processThemeAssetForNode: typeof processThemeAssetForNode;
+    processThemeAssetsForNodes: typeof processThemeAssetsForNodes;
+    processThemeAssetsForSections: typeof processThemeAssetsForSections;
+    resetProcessedNodes: typeof resetProcessedNodes;
+    addManuallyChangedThemeAsset: typeof addManuallyChangedThemeAsset;
+    removeManuallyChangedThemeAsset: typeof removeManuallyChangedThemeAsset;
+    isManuallyChangedThemeAsset: typeof isManuallyChangedThemeAsset;
+    clearManuallyChangedThemeAssets: typeof clearManuallyChangedThemeAssets;
+};
+export {};

package/lib/apps/canvas-builder/composables/useContentSelector.d.ts

@@ -30,7 +30,10 @@ declare function prepareLinkNodeData({ selectedItems, filesById, node, }: {
 }): LinkProps;
 declare function prepareMultimediaNodeData({ selectedItems, }: {
     selectedItems: (SelectedExternalLink | SelectedAsset)[];
-}): MultimediaProps | undefined;
+}): {
+    data: MultimediaProps;
+    theme_meta?: Partial<ComponentNode['theme_meta']>;
+} | undefined;
 export default function (): {
     clearContentSelectorMode: typeof clearContentSelectorMode;
     contentSelectorMode: import('vue').Ref<false | {

package/lib/apps/canvas-builder/composables/useCrmShape.d.ts

@@ -26,5 +26,6 @@ export default function useCrmShape(): {
         myUser: User | null;
         showDefault?: boolean;
     }) => Partial<DefaultCrmShape>;
+    setRealTimeExtraCrmShape: (shape: Record<string, any>) => void;
 };
 export {};

package/lib/apps/canvas-builder/composables/useDataTablePrint.d.ts

@@ -0,0 +1,5 @@
+export default function useDataTablePrint(): {
+    applyHeaderPrintStyles: (headerElement: HTMLElement | null, headerBackgroundColor: string, headerForegroundColor: string) => void;
+    applyRowPrintStyles: (container: HTMLElement | null) => void;
+    applyPropertyCellPrintStyles: (container: HTMLElement | null, headerBackgroundColor: string, headerForegroundColor: string) => void;
+};

package/lib/apps/canvas-builder/composables/useInstalledEmbeddables.d.ts

@@ -5,7 +5,7 @@ export declare function useInstalledEmbeddables(): {
     installedEmbeddablesById: import('vue').Ref<Record<string, AppFile> | null, Record<string, AppFile> | null>;
     refetchedFor: Record<string, boolean>;
     shouldUseDeviceUrl: ComputedRef<boolean | undefined>;
-    shortcuts: ComputedRef<Record<"edit" | "fullscreen" | "presentation", (EmbeddedAppShortcut & {
+    shortcuts: ComputedRef<Record<"edit" | "presentation" | "fullscreen", (EmbeddedAppShortcut & {
         appName: string;
     })[]>>;
     refetch: (fileId?: AppFile["id"]) => void;

package/lib/apps/canvas-builder/composables/useReorderComponent.d.ts

@@ -14,4 +14,8 @@ export default function useReorderComponent(): {
     resetActiveComponentId: () => void;
     toggleContentVisibility: () => void;
     removeComponent: (component: ComponentNode) => void;
+    isolatedScribbleChildId: ComputedRef<string | null>;
+    shouldShowOnlyIsolatedChild: (scribbleId: string) => boolean;
+    getFilteredScribbleChildren: (scribbleId: string, children: ComponentNode[]) => ComponentNode<import('../../collection-player/export').CollectionPlayer | import('../types/canvas').GridProps | import('../types/canvas').GridItemProps | import('../types/canvas').TextProps | import('../types/canvas').CarouselProps | import('../types/canvas').MultimediaProps | import('../types/canvas').EmbeddableProps | import('../types/canvas').ContentGridProps | import('../types/canvas').SectionListProps | import('../types/canvas').HtmlProps | import('../types/canvas').IFrameProps | import('../types/canvas').LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+    isComponentIsolated: (componentId: string) => boolean;
 };

package/lib/apps/canvas-builder/composables/useSectionNavigation.d.ts

@@ -4,12 +4,13 @@ export default function useSectionNavigation(contentRef: Ref<{
 } | null>, navigationItems: ComputedRef<{
     id: string;
     sectionId?: string;
+    index?: number;
 }[]>, activeNavigationItems: Ref<{
     id: string;
     sectionId?: string;
     previewMode?: boolean;
 }[]>, isEditMode: Ref<boolean>): {
-    scrollTo: (id: string, sectionId?: string, offset?: number) => void;
-    navigateTo: (index: number | null, scrollOffset?: number) => void;
+    scrollTo: (id: string, sectionId?: string, sectionIndex?: number, scrollOffset?: number) => void;
+    navigateTo: (index: number | null, sectionIndex?: number, scrollOffset?: number) => void;
     activeIndex: Ref<number, number>;
 };

package/lib/apps/canvas-builder/constants/canvas.const.d.ts

@@ -4,6 +4,7 @@ export declare const defaultWhenUsedInSection: {
     is_editable: boolean;
     is_removable: boolean;
 };
+export declare const SERVER_ONLY_PROPS: readonly ["content_url", "thumbnail_url", "content_thumbnails", "pspdfkit_token", "pspdfkit_server_url", "pspdfkit_auth_payload", "external_url"];
 export declare const aspectRatios: readonly ["unlocked", "16:9", "16:10", "4:3", "1:1"];
 export declare const aspectRatioClasses: {
     readonly '16:9': "aspect-ratio-video";

package/lib/apps/canvas-builder/types/canvas.d.ts

@@ -9,7 +9,7 @@ import { EmbedLocation, EmbeddedLocationProperties } from '../../../types/app';
 import { BackgroundSize } from '../../../types/background';
 import { Call } from '../../../types/call';
 import { CanvasActions } from '../../../types/canvasActions';
-import { CanvasThemeRetrieve, CanvasTypographyPreset } from '../../../types/canvasTheme';
+import { CanvasThemeAsset, CanvasThemeRetrieve, CanvasTypographyPreset } from '../../../types/canvasTheme';
 import { CanvasMetadataRetrieve } from '../../../types/canvases';
 import { PaginatedData } from '../../../types/paginatedData';
 import { QueryOperator } from '../../../types/query-builder.types';
@@ -25,7 +25,8 @@ export declare enum HtmlLayoutTypes {
 }
 export declare enum ContentGridLayoutTypes {
     CAROUSEL = "carousel",
-    GRID = "grid"
+    GRID = "grid",
+    LIST = "list"
 }
 export declare enum GridLayoutTypes {
     ONE = "one",
@@ -71,6 +72,7 @@ export interface DynamicDatatableProperty {
         enabled: boolean;
     };
     group?: boolean;
+    printable?: boolean;
 }
 export interface DynamicDatatableFilter {
     property: string;
@@ -88,6 +90,7 @@ export interface DynamicDataTableProps {
         group_header_color?: string | null;
         font_family?: string;
     };
+    break_groups_on_new_page?: boolean;
 }
 export interface TextProps {
     content?: string;
@@ -157,10 +160,12 @@ export type ContentGridCommonFileProps = {
     snapshot_id?: FileRetrieve['id'];
     name: FileRetrieve['name'];
     is_deleted?: boolean;
+    expires_at?: FileRetrieve['expires_at'];
     content_url?: FileRetrieve['content_url'];
     content_type?: FileContentTypeEnum | null;
     content_extension?: FileRetrieve['content_extension'];
     permissions?: FileRetrieve['permissions'];
+    tags?: FileRetrieve['tags'];
 };
 export type ContentGridFileProps = ContentGridCommonFileProps & {
     thumbnail_url?: FileRetrieve['thumbnail_url'];
@@ -238,6 +243,7 @@ export interface LinkProps {
     font_family?: string;
     font_size?: number;
     link_type?: LinkAnchorTypes;
+    page_index?: number;
     preview_type?: LinkPreviewTypes;
     target?: '_self' | '_blank';
     url?: string;
@@ -274,20 +280,31 @@ export interface ComponentNodeVisible {
     pdf: boolean;
     web: boolean;
 }
-export interface ComponentNodeThemeMeta {
-    bg_color_palette_index: number;
-    dt_header_bg_palette_index: number;
-    dt_group_header_bg_palette_index: number;
+export interface ComponentNodeGenericThemeMeta {
+    bg_color_palette_index?: number;
+}
+export interface ComponentNodeDynamicDataTableThemeMeta extends ComponentNodeGenericThemeMeta {
+    dt_header_bg_palette_index?: number;
+    dt_group_header_bg_palette_index?: number;
 }
+export interface ComponentNodeMultimediaThemeMeta extends ComponentNodeGenericThemeMeta {
+    is_theme_logo?: boolean;
+    theme_asset_index?: number;
+}
+export type ComponentNodeThemeMeta = ComponentNodeGenericThemeMeta | ComponentNodeDynamicDataTableThemeMeta | ComponentNodeMultimediaThemeMeta;
 export interface ComponentNodeLinkable {
     linkable_in_templates: boolean;
 }
+export interface ComponentNodePrint {
+    scale_to_fit_page?: boolean;
+}
 export interface ComponentNode<T = AvailableComponentProps> {
     id: string;
     type: ComponentTypes;
     tracking_id: string;
     visible?: ComponentNodeVisible;
     linkable?: ComponentNodeLinkable;
+    print?: ComponentNodePrint;
     allow_admins_to_overwrite?: boolean;
     autofill?: 'off' | 'ai' | 'matching_metadata' | 'matching_tags' | 'matching_metadata_or_tags';
     autofill_content_types?: FileContentTypeEnum[] | null;
@@ -300,6 +317,7 @@ export interface ComponentNode<T = AvailableComponentProps> {
     style?: Record<string, any>;
     tags?: string[];
     theme_meta?: ComponentNodeThemeMeta;
+    height?: string;
 }
 export interface HomePageConfig {
     component_id: string;
@@ -404,11 +422,14 @@ export type CanvasTheme = {
     aspect_ratio?: AvailableAspectRatio;
     maintain_section_theme?: boolean;
     inherit_theme_from_parent?: boolean;
+    logo?: CanvasThemeAsset | null;
+    assets?: CanvasThemeAsset[];
 };
 export declare enum CanvasBuilderMode {
     ADMIN = "admin",
     IMPACT = "impact",
-    SHARING = "sharing"
+    SHARING = "sharing",
+    HOME = "home"
 }
 export interface ComponentTrackingParams {
     trackable: boolean;
@@ -417,7 +438,8 @@ export declare enum CanvasHistoryAction {
     ADD = "add",
     REMOVE = "remove",
     REORDER = "reorder",
-    OPEN = "open"
+    OPEN = "open",
+    SAVE = "save"
 }
 export interface CanvasHistoryItem {
     active?: boolean;
@@ -522,7 +544,7 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     inCall?: never;
     myUserId?: never;
     onDownloadFile?: (file: File | ContentGridFileProps | ContentGridCommonFileProps) => Promise<void>;
-    onDownloadCanvas?: (canvas: CanvasRetrieve) => Promise<void>;
+    onDownloadCanvas?: (canvas: CanvasRetrieve, fileFormat?: 'pdf' | 'pptx') => Promise<void>;
     theme: CanvasThemeRetrieve | null;
     isAnyTypeOfAdmin: boolean;
     canvasMetadata: CanvasMetadataRetrieve | null;
@@ -576,6 +598,7 @@ type AdminImpactCommonBuilderProps = {
     }) => void;
     onSave: (canvasId: CanvasRetrieve['id'], canvas: PatchedCanvasUpdateRequest & {
         fields?: string;
+        include_expired_files?: boolean;
     }, showToast?: boolean) => Promise<CanvasRetrieve>;
     onFileOpen: (file: FileOpenParams) => void;
     deleteFile: (fileId: FileRetrieve['id']) => Promise<string | void>;
@@ -604,7 +627,7 @@ type AdminImpactCommonBuilderProps = {
     share?: (canvasId: CanvasRetrieve['id']) => Promise<SharedLink>;
     isCRM: boolean;
     onDownloadFile?: (file: File | ContentGridFileProps | ContentGridCommonFileProps) => Promise<void>;
-    onDownloadCanvas?: (canvas: CanvasRetrieve) => Promise<void>;
+    onDownloadCanvas?: (canvas: CanvasRetrieve, fileFormat?: 'pdf' | 'pptx') => Promise<void>;
     theme: CanvasThemeRetrieve | null;
     isAnyTypeOfAdmin: boolean;
     canvasMetadata: CanvasMetadataRetrieve | null;
@@ -627,5 +650,16 @@ type ImpactBuilderProps = AdminImpactCommonBuilderProps & (CRMBuilderProps | NoC
         matchingStrategy: ('tags' | 'metadata')[];
     }) => Promise<File[]>;
 };
-export type CanvasBuilderProps = AdminBuilderProps | ImpactBuilderProps | SharingBuilderProps;
+type HomeBuilderProps = AdminImpactCommonBuilderProps & (CRMBuilderProps | NoCRMBuilderProps) & {
+    isRedirectEvent?: boolean;
+    mode: CanvasBuilderMode.HOME;
+    inCall?: boolean;
+    call?: Call;
+    myUserId?: User['id'];
+    listRecommendedFiles: (params: {
+        sectionId: CanvasRetrieve['id'];
+        matchingStrategy: ('tags' | 'metadata')[];
+    }) => Promise<File[]>;
+};
+export type CanvasBuilderProps = AdminBuilderProps | ImpactBuilderProps | SharingBuilderProps | HomeBuilderProps;
 export {};

package/lib/apps/canvas-builder/util/canvas.util.d.ts

@@ -47,6 +47,9 @@ type FoundComponent = {
 export declare function findEmbeddableInSectionsContent(canvasPages: ComponentNode[][], sectionComponentNodesBySectionId: UnwrapRef<SectionComponentNodesBySectionId>, appName: string): FoundComponent;
 export declare function findAllEmbeddableTypesInCanvasContent(componentNodesById: UnwrapRef<ComponentNodesById>): Set<string>;
 export declare function findEmbeddableInCanvasContent(componentNodesById: UnwrapRef<ComponentNodesById>, appName: string): FoundComponent;
-export declare function scrollToComponentById(id: ComponentNode['id'] | null | undefined, delay?: number): void;
+export declare function scrollToComponentById(id: ComponentNode['id'] | null | undefined, instant?: boolean, delay?: number): void;
 export declare function updateFirstContentGridWithShareboxItems(canvasContent: ComponentNode[], selectedItems: (SelectedFile | SelectedPage)[], filesById: Record<FileRetrieve['id'], FileRetrieve>): ComponentNode<CollectionPlayer | GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps>[];
+export declare function handleThemeAssetComparison(key: string | symbol | number, objValue: any, othValue: any, object: any, other: any, fileProps: string[], isEqual: (obj1: any, obj2: any) => boolean, componentsWithThemeMeta?: Set<string>): boolean | undefined;
+export declare function applyCanvasThemeAssetsToNode(node: ComponentNode): ComponentNode;
+export declare function processCanvasForSectionThemeOverride(canvas: CanvasRetrieve, maintainSectionTheme: boolean): CanvasRetrieve;
 export {};

package/lib/apps/canvas-builder/util/print.util.d.ts

@@ -1 +1 @@
-export declare function replaceThemePresetsWithInlineStyles(htmlContent: string): string;
+export declare function replaceThemePresetsWithInlineStyles(htmlContent: string, shouldPreserveStyles?: boolean): string;

package/lib/apps/canvas-builder/util/tiptap-table.util.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+export interface TableSortingMetadata {
+    tableIndex: number;
+    columnIndex: number;
+    direction: 'asc' | 'desc' | 'original';
+}
+export interface TextComponentMetadata {
+    tableSorting?: TableSortingMetadata[];
+}
+/**
+ * Clears the saved original table structure for a specific component
+ * This should be called when content changes to ensure the snapshot is up-to-date
+ */
+export declare function resetTableStructureSnapshot(componentId: string): void;
+/**
+ * Applies sorting functionality to all tables within a container element
+ */
+export declare function setupTableSorting(contentElement: HTMLElement | null, componentId: string, canvasMetadata: Ref<(Record<string, any> & {
+    presentation_component_metadata: Record<string, any>;
+}) | null | undefined>, saveSortCallback: (tableIndex: number, columnIndex: number, direction: 'asc' | 'desc' | 'original') => Promise<void>, forceRefreshSnapshot?: boolean): void;

package/lib/apps/collection-player/App.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     api: Api;
     style?: Style;
     class?: Style;
+    aspectRatio?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     isFullscreen: import('vue').Ref<boolean, boolean>;

package/lib/apps/collection-player/components/AppFooter.vue.d.ts

@@ -1,2 +1,57 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    annotationMenuRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly iconPlacement?: "left" | "right" | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            iconPlacement?: "left" | "right";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            iconPlacement: "left" | "right";
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        iconPlacement: "left" | "right";
+    }> & Omit<Readonly<{
+        iconPlacement?: "left" | "right";
+    }> & Readonly<{}>, "iconPlacement"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLElement>;
 export default _default;

package/lib/apps/collection-player/components/ImageWithAnnotations.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    targetImage: string;
+    aspectRatio: number | null;
+    imageWidth: number;
+    imageHeight: number;
+    containerWidth: number;
+    containerHeight: number;
+    isActive: boolean;
+    zoom: number;
+    scalingMode: 'fit-content' | 'fit-width' | 'fit-height';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    editorContainer: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/apps/collection-player/components/MainImage.vue.d.ts

@@ -5,5 +5,7 @@ type __VLS_Props = {
     zoom: number;
     item: CollectionSlide;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLImageElement>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, any>;
 export default _default;

package/lib/apps/collection-player/composables/annotation-layer.use.d.ts

@@ -0,0 +1,13 @@
+import { MarkerArea, MarkerBase } from '@markerjs/markerjs3';
+export declare function useAnnotationLayer(): {
+    activeMarker: import('vue').Ref<MarkerArea | null, MarkerArea | null>;
+    activeTool: import('vue').Ref<string | typeof MarkerBase | null, string | typeof MarkerBase | null>;
+    isVisibleMenu: import('vue').Ref<boolean, boolean>;
+    scalingMode: import('vue').Ref<"fit-content" | "fit-width" | "fit-height", "fit-content" | "fit-width" | "fit-height">;
+    clearSelection: () => void;
+    setActiveMarker: (marker: null | MarkerArea) => void;
+    setActiveTool: (tool: null | typeof MarkerBase | string) => void;
+    triggerToolUpdate: () => void;
+    showMenu: (value: boolean) => boolean;
+    toggleMenu: () => boolean;
+};