@pitcher/js-api 1.22.0-beta.6 → 1.22.0-rc.0

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

@@ -1,12 +1,16 @@
-import { CSSProperties, Ref } from 'vue';
+import { Ref } from 'vue';
 import { MaybeRef } from '@vueuse/core';
-import { CanvasActions } from '../../../main.lib';
+import { Call } from '../../../types/call';
+import { CanvasActions } from '../../../types/canvasActions';
 import { CanvasRetrieve, File, FileContentTypeEnum, FileRetrieve, Folder, FolderRetrieve, MetadataTemplate, PatchedCanvasUpdateRequest, SharedLink, User } from '../../../../types/openapi';
 import { PaginatedData } from '../../../types/paginatedData';
 import { OpenExternalUrlRequestPayload, PitcherEnv } from '../../../sdk/main';
 import { EmbedLocation, EmbeddedLocationProperties } from '../../../types/app';
 import { FileModel } from '../../../components/CFileViewer/CFileViewer.types';
 import { aspectRatios } from '@canvas-builder/constants';
+import { OpenRequestPayload } from '../../../sdk/payload.types';
+import { CanvasTypographyPreset } from '../../../types/canvasTheme';
+import { FontAwesomeType } from '@canvas-builder/types/font-awesome.types';
 type AvailableAspectRatio = (typeof aspectRatios)[number];
 export declare enum HtmlLayoutTypes {
     PREVIEW = "preview",
@@ -99,7 +103,7 @@ export type PitcherMultimediaAssetType = {
     horizontal_alignment?: MultimediaHorizontalAlignmentOptions;
 };
 export type MultimediaProps = ExternalMultimediaAssetType | PitcherMultimediaAssetType;
-type ContentGridCommonFileProps = {
+export type ContentGridCommonFileProps = {
     id: FileRetrieve['id'];
     snapshot_id?: FileRetrieve['id'];
     name: FileRetrieve['name'];
@@ -114,7 +118,7 @@ export type ContentGridFileProps = ContentGridCommonFileProps & {
     content_url: FileRetrieve['content_url'];
     content_type: FileContentTypeEnum | null;
     content_extension: FileRetrieve['content_extension'];
-    content_length: FileRetrieve['content_length'];
+    readonly content_length?: FileRetrieve['content_length'];
     content_thumbnails?: FileRetrieve['content_thumbnails'] | null;
     readonly pspdfkit_server_url?: FileModel['pspdfkit_server_url'];
     readonly pspdfkit_auth_payload?: FileModel['pspdfkit_auth_payload'];
@@ -163,6 +167,37 @@ export interface GridProps {
 export interface HtmlProps {
     html: string;
 }
+export interface IFrameProps {
+    src: string | null;
+    height?: string;
+    width?: string;
+    add_session_context?: boolean;
+}
+export type CollectionPlayerProps = {
+    groups: CollectionSelectorGroup[];
+    name: string;
+};
+export type CollectionFileEntity = Pick<File, 'id' | 'thumbnail_url' | 'permissions' | 'content_url' | 'content_type'>;
+export type CollectionPage = {
+    id: string;
+    type: 'slide';
+    file: CollectionFileEntity;
+    slide: {
+        index: number;
+        url: FileRetrieve['thumbnail_url'];
+    };
+};
+export type CollectionFile = {
+    id: string;
+    type: 'file';
+    file: CollectionFileEntity;
+};
+export type CollectionSelectorSlide = CollectionPage | CollectionFile;
+export type CollectionSelectorGroup = {
+    id: string;
+    name: string;
+    slides: CollectionSelectorSlide[];
+};
 export interface LinkProps {
     alignment?: LinkAlignmentTypes;
     background_color?: string;
@@ -199,7 +234,7 @@ export interface TimelineProps {
     events: TimelineEvent[];
     layout: 'vertical' | 'horizontal';
 }
-type AvailableComponentProps = GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | LinkProps | PageBreakProps | PageProps | TimelineProps;
+type AvailableComponentProps = GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | PageBreakProps | PageProps | TimelineProps | CollectionPlayerProps;
 export interface ComponentNodeVisible {
     edit_mode: boolean;
     presentation_mode: boolean;
@@ -220,7 +255,7 @@ export interface ComponentNode<T = AvailableComponentProps> {
         is_editable: boolean;
         is_removable: boolean;
     };
-    style?: CSSProperties;
+    style?: Record<string, any>;
     tags?: string[];
 }
 export interface CanvasContent {
@@ -253,7 +288,7 @@ export type SectionComponentOverrides = {
 export interface ComponentMeta {
     allowedChildren: ComponentTypes[];
     defaultChildren: Partial<ComponentNode>[];
-    defaultData: AvailableComponentProps;
+    defaultData: AvailableComponentProps | ((t: (key: string, values?: Record<string, string | number>) => string) => AvailableComponentProps);
     singleton?: boolean;
     defaultPrintable: boolean;
 }
@@ -268,10 +303,12 @@ export declare enum ComponentTypes {
     Embeddable = "Embeddable",
     Carousel = "Carousel",
     Html = "Html",
+    IFrame = "IFrame",
     Link = "Link",
     PageBreak = "PageBreak",
     Page = "Page",
-    Timeline = "Timeline"
+    Timeline = "Timeline",
+    CollectionPlayer = "CollectionPlayer"
 }
 export declare enum ComponentIcon {
     AR = "cube",
@@ -288,11 +325,14 @@ export declare enum ComponentIcon {
     Text = "text-size",
     Video = "video",
     Html = "code",
+    IFrame = "window",
     Link = "hand-pointer",
     PageBreak = "arrows-from-line",
     Page = "pager",
-    Timeline = "timeline-arrow"
+    Timeline = "timeline-arrow",
+    CollectionPlayer = "regular-rectangle-history-circle-play"
 }
+export declare const componentIconType: Record<string, FontAwesomeType>;
 export type CanvasTheme = {
     canvas_bg_color?: string;
     global_component_spacing?: number;
@@ -301,7 +341,9 @@ export type CanvasTheme = {
         url: string;
     };
     fluid?: boolean;
+    palette?: string[];
     style?: Record<string, any>;
+    typography?: Record<string, CanvasTypographyPreset>;
     aspect_ratio?: AvailableAspectRatio;
 };
 export declare enum CanvasBuilderMode {
@@ -341,14 +383,16 @@ export interface FileProps {
     readonly pspdfkit_server_url?: FileModel['pspdfkit_server_url'];
     readonly pspdfkit_auth_payload?: FileModel['pspdfkit_auth_payload'];
 }
-type FileOpenParams = (FileProps & {
+export type FileOpenParams = (FileProps & {
     page_index?: number;
     newTab?: boolean;
+    files?: OpenRequestPayload['files'];
 }) | {
     file_id: File['id'];
     name?: File['name'];
     page_index?: number;
     newTab?: boolean;
+    files?: OpenRequestPayload['files'];
 };
 type NoCRMBuilderProps = {
     isCRM: false;
@@ -369,12 +413,15 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     onExit: () => void;
     onSave?: never;
     onEnter?: () => void;
+    onPageEnter?: (data: ComponentNode[], pageIndex: number) => void;
+    onPageExit?: (data: ComponentNode[], pageIndex: number) => void;
     onComponentEnter?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
     onComponentExit?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
     onFileOpen: (file: FileOpenParams) => void;
     onOpenExternalUrl: (payload: OpenExternalUrlRequestPayload) => Promise<void>;
     deleteFile?: never;
     listFiles?: never;
+    listRecommendedFiles?: never;
     listCanvases?: never;
     fetchFolder?: never;
     fetchFile?: never;
@@ -426,6 +473,8 @@ type AdminImpactCommonBuilderProps = {
     onEnter?: () => void;
     onComponentEnter?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
     onComponentExit?: (data: ComponentNode | CanvasRetrieve, params: ComponentTrackingParams) => void;
+    onPageEnter?: (data: ComponentNode[], pageIndex: number) => void;
+    onPageExit?: (data: ComponentNode[], pageIndex: number) => void;
     onSave: (canvasId: CanvasRetrieve['id'], canvas: PatchedCanvasUpdateRequest & {
         fields?: string;
     }, showToast?: boolean) => Promise<CanvasRetrieve>;
@@ -435,7 +484,7 @@ type AdminImpactCommonBuilderProps = {
     listCanvases: (params?: any) => Promise<PaginatedData<CanvasRetrieve>>;
     fetchFolder: (folderId: Folder['id'] | undefined) => Promise<FolderRetrieve>;
     fetchFile: (fileId: FileRetrieve['id']) => Promise<FileRetrieve>;
-    fetchCanvas: (canvasId: CanvasRetrieve['id']) => Promise<CanvasRetrieve>;
+    fetchCanvas: (canvasId: CanvasRetrieve['id'], params?: Record<string, any>) => Promise<CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<MetadataTemplate>;
     renderPageAsImageUrl?: (fileId: File['id'], pageIndex: number, options: {
         width: number;
@@ -456,12 +505,18 @@ type AdminBuilderProps = AdminImpactCommonBuilderProps & (CRMBuilderProps | NoCR
     mode: CanvasBuilderMode.ADMIN;
     inCall?: never;
     myUserId?: never;
+    listRecommendedFiles?: never;
 };
 type ImpactBuilderProps = AdminImpactCommonBuilderProps & (CRMBuilderProps | NoCRMBuilderProps) & {
     isRedirectEvent?: boolean;
     mode: CanvasBuilderMode.IMPACT;
     inCall?: boolean;
+    call?: Call;
     myUserId?: User['id'];
+    listRecommendedFiles: (params: {
+        sectionId: CanvasRetrieve['id'];
+        matchingStrategy: ('tags' | 'metadata')[];
+    }) => Promise<File[]>;
 };
 export type CanvasBuilderProps = AdminBuilderProps | ImpactBuilderProps | SharingBuilderProps;
 export {};

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

@@ -1,8 +1,9 @@
 import { UnwrapRef } from 'vue';
-import { ComponentTypes, CarouselProps, ComponentNode, ContentGridProps, EmbeddableProps, GridItemProps, GridProps, HtmlProps, MultimediaProps, SectionComponentOverrides, SectionListProps, TextProps, CanvasBuilderMode, ComponentNodeVisible, LinkProps } from '@canvas-builder/types/canvas';
-import { CanvasRetrieve } from '../../../../types/openapi';
+import { ComponentTypes, CarouselProps, ComponentNode, ContentGridProps, EmbeddableProps, GridItemProps, GridProps, HtmlProps, IFrameProps, MultimediaProps, SectionComponentOverrides, SectionListProps, TextProps, CanvasBuilderMode, ComponentNodeVisible, LinkProps, CollectionPlayerProps } from '@canvas-builder/types/canvas';
+import { CanvasRetrieve, FileRetrieve } from '../../../../types/openapi';
 import { EmbedLocation } from '../../../types/app';
 import { SectionComponentNodesBySectionId, ComponentNodesById } from '@canvas-builder/composables/useCanvas';
+import { SelectedPage, SelectedFile } from '@content-selector/stores/app';
 export declare function createNodeId(type?: ComponentTypes): string;
 export declare function getComponentKeywords(type: ComponentTypes, t: (input: string) => string): string[];
 export declare function getComponentTitle(type: ComponentTypes | string, t: (input: string) => string): string;
@@ -19,13 +20,13 @@ export declare function addCanvasComponent(currentContent: ComponentNode[], add:
     withChildren?: ComponentNode['children'];
     withExtraNodeData?: Partial<ComponentNode>;
 }): {
-    newContent: ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps>[];
+    newContent: ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | CollectionPlayerProps>[];
     newComponentId: null;
 } | {
-    newContent: ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps>[];
+    newContent: ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | CollectionPlayerProps>[];
     newComponentId: string;
 };
-export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps>[][];
+export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | CollectionPlayerProps>[][];
 export declare function getPageQuantity(canvasContent: ComponentNode[][]): number;
 export declare const getPageRange: (canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, start?: number, end?: number) => ComponentNode[][];
 export declare function scrollCanvasToTop(): void;
@@ -39,6 +40,8 @@ type FoundComponent = {
     componentId: ComponentNode['id'];
 } | null;
 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 updateFirstContentGridWithShareboxItems(canvasContent: ComponentNode[], selectedItems: (SelectedFile | SelectedPage)[], filesById: Record<FileRetrieve['id'], FileRetrieve>): ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | CollectionPlayerProps>[];
 export {};

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

@@ -1,27 +1,10 @@
 import { Canvas } from '../../../types/openapi';
 import { AppProps } from '@canvas-selector/appTypes';
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<AppProps>, {}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: () => void;
-    "primary-action": (selection: Canvas[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<AppProps>, {}>>> & {
+declare const _default: import('vue').DefineComponent<AppProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    "primary-action": (selection: Canvas[]) => any;
+}, string, import('vue').PublicProps, Readonly<AppProps> & Readonly<{
     onCancel?: (() => any) | undefined;
     "onPrimary-action"?: ((selection: Canvas[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/lib/apps/canvas-selector/appTypes.d.ts

@@ -1,4 +1,5 @@
-import { Canvas, PaginatedCanvasList } from '../../../types/openapi';
+import { Canvas, CanvasRetrieve } from '../../../types/openapi';
+import { PaginatedData } from '../../types/paginatedData';
 export type CanvasSelectionType = 'canvas' | 'canvas-template' | 'section' | 'section-template';
 export type CanvasSelection = {
     id: Canvas['id'];
@@ -6,7 +7,7 @@ export type CanvasSelection = {
 export type AppProps = {
     appName: 'impact' | 'admin';
     primaryActionText?: string;
-    listCanvases: (params: any) => Promise<PaginatedCanvasList>;
+    listCanvases: (params: any) => Promise<PaginatedData<CanvasRetrieve | Canvas>>;
     allowedSelectorTypes?: CanvasSelectionType[];
     selections?: CanvasSelection[];
 };

package/lib/apps/canvas-selector/components/CanvasListItem.vue.d.ts

@@ -1,5 +1,5 @@
 import { Canvas } from '../../../../types/openapi';
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+declare const _default: import('vue').DefineComponent<{
     filters: Record<string, any>;
     isSelected?: boolean;
     index?: number;
@@ -7,16 +7,10 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
         id: number | string;
         [key: string]: any;
     };
-    listWidth?: number;
     data: Canvas[];
     selectedItems: Canvas[];
     hidePopularityIcons?: boolean;
-}>, {
-    index: number;
-    isSelected: boolean;
-    listWidth: number;
-    hidePopularityIcons: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     filters: Record<string, any>;
     isSelected?: boolean;
     index?: number;
@@ -24,36 +18,12 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
         id: number | string;
         [key: string]: any;
     };
-    listWidth?: number;
     data: Canvas[];
     selectedItems: Canvas[];
     hidePopularityIcons?: boolean;
-}>, {
-    index: number;
-    isSelected: boolean;
-    listWidth: number;
-    hidePopularityIcons: boolean;
-}>>>, {
+}> & Readonly<{}>, {
     isSelected: boolean;
     index: number;
-    listWidth: number;
     hidePopularityIcons: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/lib/apps/canvas-selector/components/CanvasSelectionArea.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/canvas-selector/components/CanvasTemplates.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/canvas-selector/components/Navbar.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/canvas-selector/components/PersonalCanvases.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/canvas-selector/components/SectionTemplates.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/canvas-selector/components/Sections.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/apps/canvas-selector/stores/app.d.ts

@@ -1,7 +1,8 @@
 import { CanvasSelectionType } from '@canvas-selector/appTypes';
+import { Canvas } from '../../../../types/openapi';
 declare function cleanup(): void;
 export default function useApp(): {
-    activeSelectionType: import('vue').Ref<CanvasSelectionType | null>;
+    activeSelectionType: import('vue').Ref<CanvasSelectionType | null, CanvasSelectionType | null>;
     data: import('vue').Ref<{
         canvases?: {
             readonly id: string;
@@ -183,6 +184,192 @@ export default function useApp(): {
                 email?: string | undefined;
             };
         }[] | undefined;
+    } | null, {
+        canvases?: Canvas[];
+        canvasTemplates?: Canvas[];
+        sections?: Canvas[];
+        sectionTemplates?: Canvas[];
+    } | {
+        canvases?: {
+            readonly id: string;
+            name: string;
+            is_draft?: boolean | undefined;
+            is_template?: boolean | undefined;
+            is_section?: boolean | undefined;
+            is_editable?: boolean | undefined;
+            is_default?: boolean | undefined;
+            metadata?: Record<string, any> | undefined;
+            tags?: Array<string> | undefined;
+            start_at?: (string | null) | undefined;
+            expires_at?: (string | null) | undefined;
+            access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+            thumbnail_url?: (string | null) | undefined;
+            readonly template: {
+                readonly id: string;
+                name: string;
+            };
+            readonly shared_link: {
+                readonly url: string;
+                short_url?: (string | null) | undefined;
+            };
+            account?: {
+                id: string;
+                name: string;
+            } | null | undefined;
+            folder_id?: (string | null) | undefined;
+            readonly owned_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly created_at: string;
+            readonly created_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly modified_at: string;
+            readonly modified_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+        }[] | undefined;
+        canvasTemplates?: {
+            readonly id: string;
+            name: string;
+            is_draft?: boolean | undefined;
+            is_template?: boolean | undefined;
+            is_section?: boolean | undefined;
+            is_editable?: boolean | undefined;
+            is_default?: boolean | undefined;
+            metadata?: Record<string, any> | undefined;
+            tags?: Array<string> | undefined;
+            start_at?: (string | null) | undefined;
+            expires_at?: (string | null) | undefined;
+            access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+            thumbnail_url?: (string | null) | undefined;
+            readonly template: {
+                readonly id: string;
+                name: string;
+            };
+            readonly shared_link: {
+                readonly url: string;
+                short_url?: (string | null) | undefined;
+            };
+            account?: {
+                id: string;
+                name: string;
+            } | null | undefined;
+            folder_id?: (string | null) | undefined;
+            readonly owned_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly created_at: string;
+            readonly created_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly modified_at: string;
+            readonly modified_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+        }[] | undefined;
+        sections?: {
+            readonly id: string;
+            name: string;
+            is_draft?: boolean | undefined;
+            is_template?: boolean | undefined;
+            is_section?: boolean | undefined;
+            is_editable?: boolean | undefined;
+            is_default?: boolean | undefined;
+            metadata?: Record<string, any> | undefined;
+            tags?: Array<string> | undefined;
+            start_at?: (string | null) | undefined;
+            expires_at?: (string | null) | undefined;
+            access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+            thumbnail_url?: (string | null) | undefined;
+            readonly template: {
+                readonly id: string;
+                name: string;
+            };
+            readonly shared_link: {
+                readonly url: string;
+                short_url?: (string | null) | undefined;
+            };
+            account?: {
+                id: string;
+                name: string;
+            } | null | undefined;
+            folder_id?: (string | null) | undefined;
+            readonly owned_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly created_at: string;
+            readonly created_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly modified_at: string;
+            readonly modified_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+        }[] | undefined;
+        sectionTemplates?: {
+            readonly id: string;
+            name: string;
+            is_draft?: boolean | undefined;
+            is_template?: boolean | undefined;
+            is_section?: boolean | undefined;
+            is_editable?: boolean | undefined;
+            is_default?: boolean | undefined;
+            metadata?: Record<string, any> | undefined;
+            tags?: Array<string> | undefined;
+            start_at?: (string | null) | undefined;
+            expires_at?: (string | null) | undefined;
+            access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+            thumbnail_url?: (string | null) | undefined;
+            readonly template: {
+                readonly id: string;
+                name: string;
+            };
+            readonly shared_link: {
+                readonly url: string;
+                short_url?: (string | null) | undefined;
+            };
+            account?: {
+                id: string;
+                name: string;
+            } | null | undefined;
+            folder_id?: (string | null) | undefined;
+            readonly owned_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly created_at: string;
+            readonly created_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+            readonly modified_at: string;
+            readonly modified_by: {
+                readonly id: number;
+                readonly name: string;
+                email?: string | undefined;
+            };
+        }[] | undefined;
     } | null>;
     selectedItems: import('vue').Ref<{
         readonly id: string;
@@ -228,6 +415,50 @@ export default function useApp(): {
             readonly name: string;
             email?: string | undefined;
         };
+    }[], Canvas[] | {
+        readonly id: string;
+        name: string;
+        is_draft?: boolean | undefined;
+        is_template?: boolean | undefined;
+        is_section?: boolean | undefined;
+        is_editable?: boolean | undefined;
+        is_default?: boolean | undefined;
+        metadata?: Record<string, any> | undefined;
+        tags?: Array<string> | undefined;
+        start_at?: (string | null) | undefined;
+        expires_at?: (string | null) | undefined;
+        access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+        thumbnail_url?: (string | null) | undefined;
+        readonly template: {
+            readonly id: string;
+            name: string;
+        };
+        readonly shared_link: {
+            readonly url: string;
+            short_url?: (string | null) | undefined;
+        };
+        account?: {
+            id: string;
+            name: string;
+        } | null | undefined;
+        folder_id?: (string | null) | undefined;
+        readonly owned_by: {
+            readonly id: number;
+            readonly name: string;
+            email?: string | undefined;
+        };
+        readonly created_at: string;
+        readonly created_by: {
+            readonly id: number;
+            readonly name: string;
+            email?: string | undefined;
+        };
+        readonly modified_at: string;
+        readonly modified_by: {
+            readonly id: number;
+            readonly name: string;
+            email?: string | undefined;
+        };
     }[]>;
     selectedCanvases: import('vue').ComputedRef<{
         readonly id: string;